#questionPay {
	width: 1000px;
	margin: 40px auto;
	padding: 25px 125px 60px;
	background-color: #fff
}

#questionPay .title {
	color: #333;
	font-size: 20px;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5
}

#questionPay .main .name {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 30px
}

#questionPay .main .money {
	color: #666;
	font-size: 14px;
	margin-top: 10px
}

#questionPay .main .money em {
	color: #f77272;
	font-weight: 700
}

#questionPay .main .wayList {
	margin-top: 40px
}

#questionPay .main .wayList div {
	color: #333;
	font-size: 14px;
	height: 60px;
	line-height: 60px;
	border: 2px solid #fff;
	padding: 0 20px 0 50px;
	position: relative;
	cursor: pointer
}

#questionPay .main .wayList div:last-child {
	border-bottom-color: #e5e5e5
}

#questionPay .main .wayList div:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-color: #e5e5e5;
	position: absolute;
	left: 20px;
	top: 22px
}

#questionPay .main .wayList div:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 6px;
	background-color: #fff;
	position: absolute;
	left: 24px;
	top: 26px
}

#questionPay .main .wayList div.light {
	border: 2px solid #0083ff
}

#questionPay .main .wayList div.light:before {
	background-color: #0083ff
}

#questionPay .main .wayList div.light .des,#questionPay .main .wayList div.light .num {
	visibility: visible
}

#questionPay .main .wayList div .des {
	color: #999;
	font-size: 12px;
	line-height: 60px;
	padding-left: 40px;
	position: absolute;
	left: 100px;
	visibility: hidden
}

#questionPay .main .wayList div .num {
	color: #f77272;
	font-size: 14px;
	line-height: 60px;
	position: absolute;
	right: 20px;
	top: -3px;
	visibility: hidden;
	font-weight: 700
}

#questionPay .main .wayList div .num em {
	font-size: 24px
}

#questionPay .main .wayList div .num:before {
	content: "\652F\4ED8";
	color: #333;
	font-weight: 400;
	padding-right: 3px;
	position: relative;
	top: -1px
}

#questionPay .main .operation {
	margin-top: 40px
}

#questionPay .main .operation button {
	cursor: pointer
}

#questionPay .main .operation .pay {
	color: #fff;
	font-size: 14px;
	background-color: #0083ff;
	width: 120px;
	height: 42px;
	border: none;
	border-radius: 4px
}

#questionPay .wachatPay {
	text-align: center;
	padding: 40px 0
}

#questionPay .wachatPay .name {
	color: #666;
	font-size: 12px;
	font-weight: 400
}

#questionPay .wachatPay .maney {
	color: #f77272;
	font-size: 26px;
	line-height: 60px;
	font-weight: 700
}

#questionPay .wachatPay .payImg {
	width: 190px;
	height: 250px;
	display: inline-block;
	margin: auto;
	padding: 5px;
	border: 1px solid #e5e5e5
}

#questionPay .wachatPay .payImg img {
	width: 100%;
	height: auto;
	min-height: 185px;
	background-color: #666
}

#questionPay .wachatPay .payImg .des {
	text-align: left;
	margin: 5px 0
}

#questionPay .wachatPay .payImg .des i {
	display: inline-block;
	font-size: 30px;
	float: left;
	margin: 0 10px 0 28px
}

#questionPay .wachatPay .payImg .des p {
	color: #666;
	font-size: 12px;
	font-weight: 400
}

#editQuestion {
	background-color: #f2f2f2;
	padding: 40px 0
}

#editQuestion .container {
	width: 900px;
	margin: 0 auto;
	padding: 30px 50px 50px;
	background-color: #fff
}

#editQuestion .container .title .el-input__inner {
	color: #333;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	width: 100%;
	border: none;
	padding: 0
}

#editQuestion .container .title .el-input__inner::-webkit-input-placeholder {
	color: #999
}

#editQuestion .container .title .el-input__inner:-ms-input-placeholder,#editQuestion .container .title .el-input__inner::-ms-input-placeholder {
	color: #999
}

#editQuestion .container .title .el-input__inner::placeholder {
	color: #999
}

#editQuestion .container .content {
	margin-top: 15px;
	min-height: 600px
}

#editQuestion .container .settings {
	color: #999;
	font-size: 14px;
	margin-top: 30px
}

#editQuestion .container .settings .el-select {
	width: 110px;
	margin-right: 10px
}

#editQuestion .container .settings .defined {
	margin-right: 10px
}

#editQuestion .container .settings .defined input {
	width: 110px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #dcdfe6
}

#editQuestion .container .settings .defined input:focus {
	border-color: #409eff
}

#editQuestion .container .settings .des {
	display: inline-block;
	width: 370px;
	position: absolute;
	padding-top: 10px
}

#editQuestion .container .settings .des.small {
	width: 230px;
	padding-top: 0
}

#editQuestion .container .tags {
	color: #999;
	font-size: 14px;
	margin-top: 15px
}

#editQuestion .container .tags span {
	font-size: 12px;
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	margin: 10px 10px 0 0;
	cursor: pointer
}

#editQuestion .container .tags span:first-child {
	margin-left: 10px
}

#editQuestion .container .tags span.light {
	color: #0083ff;
	background-color: #deefff;
	border-color: #deefff
}

#editQuestion .container .operation {
	text-align: right;
	padding: 30px 0 0
}

#editQuestion .container .operation button {
	cursor: pointer
}

#editQuestion .container .operation .add {
	width: 110px;
	height: 40px;
	color: #fff;
	font-size: 14px;
	background-color: #0083ff;
	border: 1px solid #0083ff;
	border-radius: 4px
}

#editQuestion .loadingBody {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0
}

#editQuestion .loadingBody .el-loading-spinner .circular {
	width: 55px;
	height: 55px
}

.el-select-dropdown__item {
	font-size: 14px;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #606266;
	height: 34px;
	line-height: 34px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.el-select-dropdown__item.is-disabled {
	color: #c0c4cc;
	cursor: not-allowed
}

.el-select-dropdown__item.is-disabled:hover {
	background-color: #fff
}

.el-select-dropdown__item.hover,.el-select-dropdown__item:hover {
	background-color: #f5f7fa
}

.el-select-dropdown__item.selected {
	color: #409eff;
	font-weight: 700
}

.el-select-dropdown__item span {
	line-height: 34px!important
}

.el-popper .popper__arrow,.el-popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.el-popper .popper__arrow {
	border-width: 6px;
	-webkit-filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.03))
}

.el-popper .popper__arrow:after {
	content: " ";
	border-width: 6px
}

.el-popper[x-placement^=top] {
	margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
	bottom: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-color: #ebeef5;
	border-bottom-width: 0
}

.el-popper[x-placement^=top] .popper__arrow:after {
	bottom: 1px;
	margin-left: -6px;
	border-top-color: #fff;
	border-bottom-width: 0
}

.el-popper[x-placement^=bottom] {
	margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
	top: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-width: 0;
	border-bottom-color: #ebeef5
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
	top: 1px;
	margin-left: -6px;
	border-top-width: 0;
	border-bottom-color: #fff
}

.el-popper[x-placement^=right] {
	margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
	top: 50%;
	left: -6px;
	margin-bottom: 3px;
	border-right-color: #ebeef5;
	border-left-width: 0
}

.el-popper[x-placement^=right] .popper__arrow:after {
	bottom: -6px;
	left: 1px;
	border-right-color: #fff;
	border-left-width: 0
}

.el-popper[x-placement^=left] {
	margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
	top: 50%;
	right: -6px;
	margin-bottom: 3px;
	border-right-width: 0;
	border-left-color: #ebeef5
}

.el-popper[x-placement^=left] .popper__arrow:after {
	right: 1px;
	bottom: -6px;
	margin-left: -6px;
	border-right-width: 0;
	border-left-color: #fff
}

.el-select-dropdown {
	position: absolute;
	z-index: 1001;
	border: 1px solid #e4e7ed;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 5px 0
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
	color: #409eff;
	background-color: #fff
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
	background-color: #f5f7fa
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
	position: absolute;
	right: 20px;
	font-family: element-icons;
	content: "\E611";
	font-size: 12px;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
	padding: 0
}

.el-select-dropdown__empty {
	padding: 10px 0;
	margin: 0;
	text-align: center;
	color: #999;
	font-size: 14px
}

.el-select-dropdown__wrap {
	max-height: 274px
}

.el-select-dropdown__list {
	list-style: none;
	padding: 6px 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-textarea {
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
	font-size: 14px
}

.el-textarea__inner {
	display: block;
	resize: vertical;
	padding: 5px 15px;
	line-height: 1.5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: inherit;
	color: #606266;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.el-textarea__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-textarea__inner:-ms-input-placeholder,.el-textarea__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-textarea__inner::placeholder {
	color: #c0c4cc
}

.el-textarea__inner:hover {
	border-color: #c0c4cc
}

.el-textarea__inner:focus {
	outline: 0;
	border-color: #409eff
}

.el-textarea.is-disabled .el-textarea__inner {
	background-color: #f5f7fa;
	border-color: #e4e7ed;
	color: #c0c4cc;
	cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
	color: #c0c4cc
}

.el-input {
	position: relative;
	font-size: 14px;
	display: inline-block;
	width: 100%
}

.el-input::-webkit-scrollbar {
	z-index: 11;
	width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
	height: 6px
}

.el-input::-webkit-scrollbar-thumb {
	border-radius: 5px;
	width: 6px;
	background: #b4bccc
}

.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track {
	background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
	background: #fff;
	width: 6px
}

.el-input .el-input__clear {
	color: #c0c4cc;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
	transition: color .2s cubic-bezier(.645,.045,.355,1)
}

.el-input .el-input__clear:hover {
	color: #909399
}

.el-input__inner {
	-webkit-appearance: none;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #606266;
	display: inline-block;
	font-size: inherit;
	height: 40px;
	line-height: 40px;
	outline: 0;
	padding: 0 15px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	width: 100%
}

.el-select-dropdown__item,.el-tag {
	white-space: nowrap;
	-webkit-box-sizing: border-box
}

.el-input__prefix,.el-input__suffix {
	position: absolute;
	top: 0;
	-webkit-transition: all .3s;
	height: 100%;
	color: #c0c4cc;
	text-align: center
}

.el-input__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder,.el-input__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-input__inner::placeholder {
	color: #c0c4cc
}

.el-input__inner:hover {
	border-color: #c0c4cc
}

.el-input.is-active .el-input__inner,.el-input__inner:focus {
	border-color: #409eff;
	outline: 0
}

.el-input__suffix {
	right: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none
}

.el-input__suffix-inner {
	pointer-events: all
}

.el-input__prefix {
	left: 5px
}

.el-input__icon,.el-input__prefix {
	-webkit-transition: all .3s;
	transition: all .3s
}

.el-input__icon {
	height: 100%;
	width: 25px;
	text-align: center;
	line-height: 40px
}

.el-input__icon:after {
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle
}

.el-input__validateIcon {
	pointer-events: none
}

.el-input.is-disabled .el-input__inner {
	background-color: #f5f7fa;
	border-color: #e4e7ed;
	color: #c0c4cc;
	cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder,.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
	cursor: not-allowed
}

.el-input--suffix .el-input__inner {
	padding-right: 30px
}

.el-input--prefix .el-input__inner {
	padding-left: 30px
}

.el-input--medium {
	font-size: 14px
}

.el-input--medium .el-input__inner {
	height: 36px;
	line-height: 36px
}

.el-input--medium .el-input__icon {
	line-height: 36px
}

.el-input--small {
	font-size: 13px
}

.el-input--small .el-input__inner {
	height: 32px;
	line-height: 32px
}

.el-input--small .el-input__icon {
	line-height: 32px
}

.el-input--mini {
	font-size: 12px
}

.el-input--mini .el-input__inner {
	height: 28px;
	line-height: 28px
}

.el-input--mini .el-input__icon {
	line-height: 28px
}

.el-input-group {
	line-height: normal;
	display: inline-table;
	width: 100%;
	border-collapse: separate
}

.el-input-group>.el-input__inner {
	vertical-align: middle;
	display: table-cell
}

.el-input-group__append,.el-input-group__prepend {
	background-color: #f5f7fa;
	color: #909399;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	padding: 0 20px;
	width: 1px;
	white-space: nowrap
}

.el-input-group--prepend .el-input__inner,.el-input-group__append {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.el-input-group--append .el-input__inner,.el-input-group__prepend {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.el-input-group__append:focus,.el-input-group__prepend:focus {
	outline: 0
}

.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select {
	display: inline-block;
	margin: -10px -20px
}

.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner {
	border-color: transparent;
	background-color: transparent;
	color: inherit;
	border-top: 0;
	border-bottom: 0
}

.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input {
	font-size: inherit
}

.el-input-group__prepend {
	border-right: 0
}

.el-input-group__append {
	border-left: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
	border-color: transparent
}

.el-input__inner::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

.el-tag {
	background-color: rgba(64,158,255,.1);
	display: inline-block;
	padding: 0 10px;
	height: 32px;
	line-height: 30px;
	font-size: 12px;
	color: #409eff;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid rgba(64,158,255,.2)
}

.el-tag .el-icon-close {
	border-radius: 50%;
	text-align: center;
	position: relative;
	cursor: pointer;
	font-size: 12px;
	height: 16px;
	width: 16px;
	line-height: 16px;
	vertical-align: middle;
	top: -1px;
	right: -5px;
	color: #409eff
}

.el-tag .el-icon-close:before {
	display: block
}

.el-tag .el-icon-close:hover {
	background-color: #409eff;
	color: #fff
}

.el-tag--info,.el-tag--info .el-tag__close {
	color: #909399
}

.el-tag--info {
	background-color: hsla(220,4%,58%,.1);
	border-color: hsla(220,4%,58%,.2)
}

.el-tag--info.is-hit {
	border-color: #909399
}

.el-tag--info .el-tag__close:hover {
	background-color: #909399;
	color: #fff
}

.el-tag--success {
	background-color: rgba(103,194,58,.1);
	border-color: rgba(103,194,58,.2);
	color: #67c23a
}

.el-tag--success.is-hit {
	border-color: #67c23a
}

.el-tag--success .el-tag__close {
	color: #67c23a
}

.el-tag--success .el-tag__close:hover {
	background-color: #67c23a;
	color: #fff
}

.el-tag--warning {
	background-color: rgba(230,162,60,.1);
	border-color: rgba(230,162,60,.2);
	color: #e6a23c
}

.el-tag--warning.is-hit {
	border-color: #e6a23c
}

.el-tag--warning .el-tag__close {
	color: #e6a23c
}

.el-tag--warning .el-tag__close:hover {
	background-color: #e6a23c;
	color: #fff
}

.el-tag--danger {
	background-color: hsla(0,87%,69%,.1);
	border-color: hsla(0,87%,69%,.2);
	color: #f56c6c
}

.el-tag--danger.is-hit {
	border-color: #f56c6c
}

.el-tag--danger .el-tag__close {
	color: #f56c6c
}

.el-tag--danger .el-tag__close:hover {
	background-color: #f56c6c;
	color: #fff
}

.el-tag--medium {
	height: 28px;
	line-height: 26px
}

.el-tag--medium .el-icon-close {
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.el-tag--small {
	height: 24px;
	padding: 0 8px;
	line-height: 22px
}

.el-tag--small .el-icon-close {
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.el-tag--mini {
	height: 20px;
	padding: 0 5px;
	line-height: 19px
}

.el-tag--mini .el-icon-close {
	margin-left: -3px;
	-webkit-transform: scale(.7);
	transform: scale(.7)
}

.el-select-dropdown__item {
	font-size: 14px;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #606266;
	height: 34px;
	line-height: 34px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer
}

.el-select-dropdown__item.is-disabled {
	color: #c0c4cc;
	cursor: not-allowed
}

.el-select-dropdown__item.is-disabled:hover {
	background-color: #fff
}

.el-select-dropdown__item.hover,.el-select-dropdown__item:hover {
	background-color: #f5f7fa
}

.el-select-dropdown__item.selected {
	color: #409eff;
	font-weight: 700
}

.el-select-dropdown__item span {
	line-height: 34px!important
}

.el-select-group {
	margin: 0;
	padding: 0
}

.el-select-group__wrap {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0
}

.el-select-group__wrap:not(:last-of-type) {
	padding-bottom: 24px
}

.el-select-group__wrap:not(:last-of-type):after {
	content: "";
	position: absolute;
	display: block;
	left: 20px;
	right: 20px;
	bottom: 12px;
	height: 1px;
	background: #e4e7ed
}

.el-select-group__title {
	padding-left: 20px;
	font-size: 12px;
	color: #909399;
	line-height: 30px
}

.el-select-group .el-select-dropdown__item {
	padding-left: 20px
}

.el-scrollbar {
	overflow: hidden;
	position: relative
}

.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar {
	opacity: 1;
	-webkit-transition: opacity .34s ease-out;
	transition: opacity .34s ease-out
}

.el-scrollbar__wrap {
	overflow: scroll;
	height: 100%
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
	width: 0;
	height: 0
}

.el-scrollbar__thumb {
	position: relative;
	display: block;
	width: 0;
	height: 0;
	cursor: pointer;
	border-radius: inherit;
	background-color: hsla(220,4%,58%,.3);
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}

.el-scrollbar__thumb:hover {
	background-color: hsla(220,4%,58%,.5)
}

.el-scrollbar__bar {
	position: absolute;
	right: 2px;
	bottom: 2px;
	z-index: 1;
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: opacity .12s ease-out;
	transition: opacity .12s ease-out
}

.el-scrollbar__bar.is-vertical {
	width: 6px;
	top: 2px
}

.el-scrollbar__bar.is-vertical>div {
	width: 100%
}

.el-scrollbar__bar.is-horizontal {
	height: 6px;
	left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
	height: 100%
}

.el-select {
	display: inline-block;
	position: relative
}

.el-select:hover .el-input__inner {
	border-color: #c0c4cc
}

.el-select .el-input__inner {
	cursor: pointer;
	padding-right: 35px
}

.el-select .el-input__inner:focus {
	border-color: #409eff
}

.el-select .el-input .el-select__caret {
	color: #c0c4cc;
	font-size: 14px;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s,-webkit-transform .3s;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	cursor: pointer
}

.el-select .el-input .el-select__caret.is-reverse {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.el-select .el-input .el-select__caret.is-show-close {
	font-size: 14px;
	text-align: center;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	border-radius: 100%;
	color: #c0c4cc;
	-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
	transition: color .2s cubic-bezier(.645,.045,.355,1)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
	color: #909399
}

.el-select .el-input.is-disabled .el-input__inner {
	cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__inner:hover {
	border-color: #e4e7ed
}

.el-select .el-input.is-focus .el-input__inner {
	border-color: #409eff
}

.el-select>.el-input {
	display: block
}

.el-select__input {
	border: none;
	outline: 0;
	padding: 0;
	margin-left: 15px;
	color: #666;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 28px;
	background-color: transparent
}

.el-select__input.is-mini {
	height: 14px
}

.el-select__close {
	cursor: pointer;
	position: absolute;
	top: 8px;
	z-index: 1000;
	right: 25px;
	color: #c0c4cc;
	line-height: 18px;
	font-size: 14px
}

.el-select__close:hover {
	color: #909399
}

.el-select__tags {
	position: absolute;
	line-height: normal;
	white-space: normal;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.el-select .el-tag__close {
	margin-top: -2px
}

.el-select .el-tag {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-color: transparent;
	margin: 2px 0 2px 6px;
	background-color: #f0f2f5
}

.el-select .el-tag__close.el-icon-close {
	background-color: #c0c4cc;
	right: -7px;
	top: 0;
	color: #fff
}

.el-select .el-tag__close.el-icon-close:hover {
	background-color: #909399
}

.el-select .el-tag__close.el-icon-close:before {
	display: block;
	-webkit-transform: translateY(.5px);
	transform: translateY(.5px)
}

.el-textarea {
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
	font-size: 14px
}

.el-textarea__inner {
	display: block;
	resize: vertical;
	padding: 5px 15px;
	line-height: 1.5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: inherit;
	color: #606266;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.el-textarea__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-textarea__inner:-ms-input-placeholder,.el-textarea__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-textarea__inner::placeholder {
	color: #c0c4cc
}

.el-textarea__inner:hover {
	border-color: #c0c4cc
}

.el-textarea__inner:focus {
	outline: 0;
	border-color: #409eff
}

.el-textarea.is-disabled .el-textarea__inner {
	background-color: #f5f7fa;
	border-color: #e4e7ed;
	color: #c0c4cc;
	cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
	color: #c0c4cc
}

.el-input {
	position: relative;
	font-size: 14px;
	display: inline-block;
	width: 100%
}

.el-input::-webkit-scrollbar {
	z-index: 11;
	width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
	height: 6px
}

.el-input::-webkit-scrollbar-thumb {
	border-radius: 5px;
	width: 6px;
	background: #b4bccc
}

.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track {
	background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
	background: #fff;
	width: 6px
}

.el-input .el-input__clear {
	color: #c0c4cc;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
	transition: color .2s cubic-bezier(.645,.045,.355,1)
}

.el-input .el-input__clear:hover {
	color: #909399
}

.el-input__inner {
	-webkit-appearance: none;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #606266;
	display: inline-block;
	font-size: inherit;
	height: 40px;
	line-height: 40px;
	outline: 0;
	padding: 0 15px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	width: 100%
}

.el-input__prefix,.el-input__suffix {
	position: absolute;
	top: 0;
	-webkit-transition: all .3s;
	text-align: center;
	height: 100%;
	color: #c0c4cc
}

.el-input__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder,.el-input__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-input__inner::placeholder {
	color: #c0c4cc
}

.el-input__inner:hover {
	border-color: #c0c4cc
}

.el-input.is-active .el-input__inner,.el-input__inner:focus {
	border-color: #409eff;
	outline: 0
}

.el-input__suffix {
	right: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none
}

.el-input__suffix-inner {
	pointer-events: all
}

.el-input__prefix {
	left: 5px
}

.el-input__icon,.el-input__prefix {
	-webkit-transition: all .3s;
	transition: all .3s
}

.el-input__icon {
	height: 100%;
	width: 25px;
	text-align: center;
	line-height: 40px
}

.el-input__icon:after {
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle
}

.el-input__validateIcon {
	pointer-events: none
}

.el-input.is-disabled .el-input__inner {
	background-color: #f5f7fa;
	border-color: #e4e7ed;
	color: #c0c4cc;
	cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder,.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
	cursor: not-allowed
}

.el-input--suffix .el-input__inner {
	padding-right: 30px
}

.el-input--prefix .el-input__inner {
	padding-left: 30px
}

.el-input--medium {
	font-size: 14px
}

.el-input--medium .el-input__inner {
	height: 36px;
	line-height: 36px
}

.el-input--medium .el-input__icon {
	line-height: 36px
}

.el-input--small {
	font-size: 13px
}

.el-input--small .el-input__inner {
	height: 32px;
	line-height: 32px
}

.el-input--small .el-input__icon {
	line-height: 32px
}

.el-input--mini {
	font-size: 12px
}

.el-input--mini .el-input__inner {
	height: 28px;
	line-height: 28px
}

.el-input--mini .el-input__icon {
	line-height: 28px
}

.el-input-group {
	line-height: normal;
	display: inline-table;
	width: 100%;
	border-collapse: separate
}

.el-input-group>.el-input__inner {
	vertical-align: middle;
	display: table-cell
}

.el-input-group__append,.el-input-group__prepend {
	background-color: #f5f7fa;
	color: #909399;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	padding: 0 20px;
	width: 1px;
	white-space: nowrap
}

.el-input-group--prepend .el-input__inner,.el-input-group__append {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.el-input-group--append .el-input__inner,.el-input-group__prepend {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.el-input-group__append:focus,.el-input-group__prepend:focus {
	outline: 0
}

.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select {
	display: inline-block;
	margin: -10px -20px
}

.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner {
	border-color: transparent;
	background-color: transparent;
	color: inherit;
	border-top: 0;
	border-bottom: 0
}

.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input {
	font-size: inherit
}

.el-input-group__prepend {
	border-right: 0
}

.el-input-group__append {
	border-left: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
	border-color: transparent
}

.el-input__inner::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active {
	opacity: 0
}

.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active {
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active {
	-webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
	transition: all .3s cubic-bezier(.55,0,.1,1)
}

.el-zoom-in-center-enter,.el-zoom-in-center-leave-active {
	opacity: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: center top;
	transform-origin: center top
}

.el-zoom-in-top-enter,.el-zoom-in-top-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}

.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: top left;
	transform-origin: top left
}

.el-zoom-in-left-enter,.el-zoom-in-left-leave-active {
	opacity: 0;
	-webkit-transform: scale(.45);
	transform: scale(.45)
}

.collapse-transition {
	-webkit-transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
	transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
	-webkit-transition: width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out;
	transition: width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out
}

.el-list-enter-active,.el-list-leave-active {
	-webkit-transition: all 1s;
	transition: all 1s
}

.el-list-enter,.el-list-leave-active {
	opacity: 0;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px)
}

.el-opacity-transition {
	-webkit-transition: opacity .3s cubic-bezier(.55,0,.1,1);
	transition: opacity .3s cubic-bezier(.55,0,.1,1)
}

@font-face {
	font-family:element-icons;src:url(http://www.luojinet.com/fonts/element-icons.2fad952.woff) format("woff"),url(http://www.luojinet.com/fonts/element-icons.6f0a763.ttf) format("truetype");font-weight:400;font-style:normal
}[class*=" el-icon-"],[class^=el-icon-] {
	font-family: element-icons!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: baseline;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.el-icon-info:before {
	content: "\E61A"
}

.el-icon-error:before {
	content: "\E62C"
}

.el-icon-success:before {
	content: "\E62D"
}

.el-icon-warning:before {
	content: "\E62E"
}

.el-icon-question:before {
	content: "\E634"
}

.el-icon-back:before {
	content: "\E606"
}

.el-icon-arrow-left:before {
	content: "\E600"
}

.el-icon-arrow-down:before {
	content: "\E603"
}

.el-icon-arrow-right:before {
	content: "\E604"
}

.el-icon-arrow-up:before {
	content: "\E605"
}

.el-icon-caret-left:before {
	content: "\E60A"
}

.el-icon-caret-bottom:before {
	content: "\E60B"
}

.el-icon-caret-top:before {
	content: "\E60C"
}

.el-icon-caret-right:before {
	content: "\E60E"
}

.el-icon-d-arrow-left:before {
	content: "\E610"
}

.el-icon-d-arrow-right:before {
	content: "\E613"
}

.el-icon-minus:before {
	content: "\E621"
}

.el-icon-plus:before {
	content: "\E62B"
}

.el-icon-remove:before {
	content: "\E635"
}

.el-icon-circle-plus:before {
	content: "\E601"
}

.el-icon-remove-outline:before {
	content: "\E63C"
}

.el-icon-circle-plus-outline:before {
	content: "\E602"
}

.el-icon-close:before {
	content: "\E60F"
}

.el-icon-check:before {
	content: "\E611"
}

.el-icon-circle-close:before {
	content: "\E607"
}

.el-icon-circle-check:before {
	content: "\E639"
}

.el-icon-circle-close-outline:before {
	content: "\E609"
}

.el-icon-circle-check-outline:before {
	content: "\E63E"
}

.el-icon-zoom-out:before {
	content: "\E645"
}

.el-icon-zoom-in:before {
	content: "\E641"
}

.el-icon-d-caret:before {
	content: "\E615"
}

.el-icon-sort:before {
	content: "\E640"
}

.el-icon-sort-down:before {
	content: "\E630"
}

.el-icon-sort-up:before {
	content: "\E631"
}

.el-icon-tickets:before {
	content: "\E63F"
}

.el-icon-document:before {
	content: "\E614"
}

.el-icon-goods:before {
	content: "\E618"
}

.el-icon-sold-out:before {
	content: "\E63B"
}

.el-icon-news:before {
	content: "\E625"
}

.el-icon-message:before {
	content: "\E61B"
}

.el-icon-date:before {
	content: "\E608"
}

.el-icon-printer:before {
	content: "\E62F"
}

.el-icon-time:before {
	content: "\E642"
}

.el-icon-bell:before {
	content: "\E622"
}

.el-icon-mobile-phone:before {
	content: "\E624"
}

.el-icon-service:before {
	content: "\E63A"
}

.el-icon-view:before {
	content: "\E643"
}

.el-icon-menu:before {
	content: "\E620"
}

.el-icon-more:before {
	content: "\E646"
}

.el-icon-more-outline:before {
	content: "\E626"
}

.el-icon-star-on:before {
	content: "\E637"
}

.el-icon-star-off:before {
	content: "\E63D"
}

.el-icon-location:before {
	content: "\E61D"
}

.el-icon-location-outline:before {
	content: "\E61F"
}

.el-icon-phone:before {
	content: "\E627"
}

.el-icon-phone-outline:before {
	content: "\E628"
}

.el-icon-picture:before {
	content: "\E629"
}

.el-icon-picture-outline:before {
	content: "\E62A"
}

.el-icon-delete:before {
	content: "\E612"
}

.el-icon-search:before {
	content: "\E619"
}

.el-icon-edit:before {
	content: "\E61C"
}

.el-icon-edit-outline:before {
	content: "\E616"
}

.el-icon-rank:before {
	content: "\E632"
}

.el-icon-refresh:before {
	content: "\E633"
}

.el-icon-share:before {
	content: "\E636"
}

.el-icon-setting:before {
	content: "\E638"
}

.el-icon-upload:before {
	content: "\E60D"
}

.el-icon-upload2:before {
	content: "\E644"
}

.el-icon-download:before {
	content: "\E617"
}

.el-icon-loading:before {
	content: "\E61E"
}

.el-icon-loading {
	-webkit-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite
}

.el-icon--right {
	margin-left: 5px
}

.el-icon--left {
	margin-right: 5px
}

@-webkit-keyframes rotating {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes rotating {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.my-editor textarea {
	display: none
}

.my-editor .mce-container>div {
	white-space: normal
}

code[class*=language-],pre[class*=language-] {
	color: #f8f8f2;
	background: none;
	text-shadow: 0 1px rgba(0,0,0,.3);
	font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

pre[class*=language-] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: .3em
}

:not(pre)>code[class*=language-],pre[class*=language-] {
	background: #272822
}

:not(pre)>code[class*=language-] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal
}

.token.cdata,.token.comment,.token.doctype,.token.prolog {
	color: #708090
}

.token.punctuation {
	color: #f8f8f2
}

.namespace {
	opacity: .7
}

.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag {
	color: #f92672
}

.token.boolean,.token.number {
	color: #ae81ff
}

.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string {
	color: #a6e22e
}

.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable {
	color: #f8f8f2
}

.token.atrule,.token.attr-value,.token.class-name,.token.function {
	color: #e6db74
}

.token.keyword {
	color: #66d9ef
}

.token.important,.token.regex {
	color: #fd971f
}

.token.bold,.token.important {
	font-weight: 700
}

.token.italic {
	font-style: italic
}

.token.entity {
	cursor: help
}

.collection-container {
	font-family: MicrosoftYaHei;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.collection-container .content {
	width: 1200px;
	margin: 0 auto;
	padding-left: 50px
}

.collection-container .content .mid-nav {
	height: 56px;
	border-bottom: 1px solid #e5e5e5
}

.collection-container .content .mid-nav a {
	position: relative;
	display: inline-block;
	margin-right: 70px;
	color: #666;
	font-size: 24px;
	line-height: 56px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.collection-container .content .mid-nav a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 3px;
	top: 53px;
	left: 0;
	background-color: #333;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.collection-container .content .mid-nav a:hover {
	color: #000
}

.collection-container .content .mid-nav a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.collection-container .content .mid-nav a.select {
	color: #000
}

.collection-container .content .mid-nav a.select:before {
	content: "";
	position: absolute;
	top: 53px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #333
}

.collection-container .content ul {
	margin-top: 40px
}

.collection-container .content ul.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.collection-container .content ul li {
	position: relative;
	float: left;
	width: 370px;
	height: 128px;
	margin: 0 20px 20px 0;
	background: #f8fafc
}

.collection-container .content ul li:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

.collection-container .content ul li:nth-child(3n) {
	margin-right: 0
}

.collection-container .content ul li .avatar {
	overflow: hidden;
	position: relative;
	float: left;
	width: 44px;
	height: 44px;
	margin: 18px 19px 0;
	border-radius: 50%
}

.collection-container .content ul li .avatar img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.collection-container .content ul li .center {
	float: left;
	height: 128px
}

.collection-container .content ul li .center a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	max-width: 174px;
	margin: 20px 0 6px;
	font-size: 20px;
	color: #333
}

.collection-container .content ul li .center a:hover {
	color: #0083ff
}

.collection-container .content ul li .center .work-name {
	display: block;
	margin-bottom: 16px;
	color: #999;
	font-size: 14px;
	line-height: 14px
}

.collection-container .content ul li .center .count span {
	display: inline-block;
	margin-right: 30px;
	color: #999;
	font-size: 14px;
	line-height: 14px
}

.collection-container .content ul li .operation {
	overflow: hidden;
	position: absolute;
	top: 19px;
	right: 19px;
	width: 70px;
	height: 34px
}

.collection-container .content ul li .operation div {
	width: 210px;
	height: 34px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.collection-container .content ul li .operation div.ygz {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.collection-container .content ul li .operation div.qxgz {
	-webkit-transform: translate3d(-70px,0,0);
	transform: translate3d(-70px,0,0)
}

.collection-container .content ul li .operation div.gz {
	-webkit-transform: translate3d(-140px,0,0);
	transform: translate3d(-140px,0,0)
}

.collection-container .content ul li .operation div span {
	float: left;
	width: 70px;
	height: 34px;
	font-size: 12px;
	text-align: center;
	line-height: 34px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.collection-container .content ul li .operation div span:first-child {
	background: #fff;
	color: #333;
	border: 1px solid #333
}

.collection-container .content ul li .operation div span:nth-child(2) {
	background: #fff;
	color: #0083ff;
	border: 1px solid #0083ff
}

.collection-container .content ul li .operation div span:nth-child(3) {
	background: #0083ff;
	color: #fff
}

.collection-container .no-data {
	width: 1200px;
	height: 440px;
	margin: 0 auto;
	padding-top: 150px
}

.collection-container .no-data img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 40px
}

.collection-container .no-data p {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 14px;
	text-align: center
}

.collection-container .no-data p a {
	color: #0083ff
}

.info-container .header {
	overflow: hidden;
	position: relative;
	min-width: 1200px;
	height: 150px
}

.info-container .header img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px
}

.info-container .user-base-info {
	position: relative;
	width: 1200px;
	height: 160px;
	margin: 0 auto;
	margin-bottom: 20px
}

.info-container .user-base-info .avatar-box {
	overflow: hidden;
	position: absolute;
	top: -90px;
	left: 0;
	width: 180px;
	height: 180px;
	background: #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 10px #cfcfcf;
	box-shadow: 0 1px 10px #cfcfcf;
	z-index: 1
}

.info-container .user-base-info .avatar-box .avatar {
	overflow: hidden;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 172px;
	height: 172px;
	border-radius: 50%
}

.info-container .user-base-info .avatar-box .avatar .imgBox {
	width: 172px;
	height: 172px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.info-container .user-base-info .base-info {
	position: absolute;
	top: -90px;
	left: 210px
}

.info-container .user-base-info .base-info .name {
	float: left;
	font-size: 30px;
	color: #fff;
	line-height: 28px
}

.info-container .user-base-info .base-info .team-per {
	width: 16px;
	height: 18px;
	vertical-align: bottom;
	margin-left: 10px;
	display: inline-block;
	margin-top: 8px
}

.info-container .user-base-info .base-info .title-sex {
	clear: both;
	height: 21px;
	margin-top: 20px
}

.info-container .user-base-info .base-info .title-sex span {
	position: relative;
	margin-right: 20px;
	font-size: 14px;
	color: #fff;
	line-height: 14px
}

.info-container .user-base-info .base-info .title-sex span:first-child::before,.info-container .user-base-info .base-info .title-sex span:nth-child(2):before {
	content: "";
	position: absolute;
	top: 4px;
	right: -10px;
	width: 1px;
	height: 12px;
	background: #fff
}

.info-container .user-base-info .base-info .info-line {
	display: block;
	padding-left: 30px;
	margin-bottom: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEUAAACZmZmOjo6ZmZmfn5+WlpaUlJSUlJSampqYmJiWlpaYmJiZmZmYmJiYmJiYmJiampqYmJiZmZmZmZmYmJiampqZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZlthYpGAAAAInRSTlMABQkKEBETKzA0Tk9QV1mQl5qdp7i6w8zO0NHS3N/f8vr8mkkFjAAAAJJJREFUeF5lj1kSgyAQRNsNUEQF3EGF3P+QqcHEH9/fdFUvA6LWPkava9wUJlglhLLBFOmeHUeCu5kU40r8KJ0B6sAhFwawRYKHGtoC+bQxtk05YDW8AjKx7vsqMkB5RAF0n0QHiEgCMQwgREyWSrbj2MqKLCm0Oc7rOo+GQqn2sVDtf1jf38Oe6UVxT38/93r/C6/aCr/3mj9nAAAAAElFTkSuQmCC) 0 no-repeat;font-size: 16px;
	line-height: 16px;
	color: #666
}

.info-container .user-base-info .base-info .info-line.daySalary {
	margin-top: 45px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEUAAACZmZmOjo6ZmZmfn5+WlpaUlJSUlJSampqYmJiWlpaYmJiZmZmYmJiYmJiYmJiampqYmJiZmZmZmZmYmJiampqZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZlthYpGAAAAInRSTlMABQkKEBETKzA0Tk9QV1mQl5qdp7i6w8zO0NHS3N/f8vr8mkkFjAAAAJJJREFUeF5lj1kSgyAQRNsNUEQF3EGF3P+QqcHEH9/fdFUvA6LWPkava9wUJlglhLLBFOmeHUeCu5kU40r8KJ0B6sAhFwawRYKHGtoC+bQxtk05YDW8AjKx7vsqMkB5RAF0n0QHiEgCMQwgREyWSrbj2MqKLCm0Oc7rOo+GQqn2sVDtf1jf38Oe6UVxT38/93r/C6/aCr/3mj9nAAAAAElFTkSuQmCC) 0 no-repeat
}

.info-container .user-base-info .base-info .info-line.work-time {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIhJREFUeF51kFEOgjAQBUdAWYEWWwqtLfc/pxB0Q0Kcz0k2mbf8w7hUSnJGRe1zGIdhDNnXX7NEgTvwjMvhfGygzQBN9AAmCyArAJIN4AKqIDggvc5qTEDpD1VV1Q36oqpdN9670kNaEXmATYCbOTE7jYBfhKaCpuogANkG6ezJdp2ddPblOVc+oogIQ/TOnjUAAAAASUVORK5CYII=) 0 no-repeat
}

.info-container .user-base-info .base-info .info-line.tel {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEUAAAAAAAD///+AgICqqqqAgICqqqqSkpKUlJSZmZmXl5ebm5uVlZWZmZmZmZmVlZWampqZmZmampqYmJiampqYmJiZmZmZmZmZmZmZmZmZmZmYmJiZmZmZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmampqZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmYmJiZmZmYmJiZmZmZmZk06HExAAAAM3RSTlMAAQECAwYGBxMUFhcYGSgpOlBRUlZZWnB6f4CBiYqcna2usbKyuL7Ly9ja29zq6/j4+vsFpAt5AAAAjklEQVQYV12O3RZCUBBGtxBJHamc/qUk5ES8/7t1wapT+2Iuvlmz5wMgiMu6LuOAHjeppHAcIavEBfCKo91v7GPhgZHt+bDLDBa5+Q3MPOQaoRFdUD50HfTTV7SWHlgtytdPpurPsU4J9S+j+/K3xzYz9KbMXzOASVJJMXaETA/PQRjEj6YpT6vN+aYJB95z0QvKAGj/BwAAAABJRU5ErkJggg==) 0 no-repeat
}

.info-container .user-base-info .base-info .user-skill span {
	float: left;
	height: 26px;
	margin-right: 12px;
	padding: 0 12px;
	background: #f7f9fb;
	border-radius: 13px;
	color: #999;
	font-size: 14px;
	line-height: 26px;
	text-align: center
}

.info-container .user-base-info .top-nav {
	position: absolute;
	right: 0;
	top: -90px
}

.info-container .user-base-info .top-nav a {
	float: left;
	padding: 0 10px;
	margin-left: 40px;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.info-container .user-base-info .top-nav a:hover p,.info-container .user-base-info .top-nav a:hover span {
	color: #0083ff
}

.info-container .user-base-info .top-nav a p {
	margin-bottom: 14px;
	color: #fff;
	font-size: 24px;
	line-height: 24px
}

.info-container .user-base-info .top-nav a span {
	font-size: 14px;
	line-height: 14px;
	color: #fff
}

.info-container .user-base-info .edit-base-info {
	position: absolute;
	top: 84px;
	right: 0;
	width: 114px;
	height: 36px;
	background: #222;
	border-radius: 4px;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.info-container .user-base-info .operation-box {
	position: absolute;
	top: 84px;
	right: 0;
	height: 36px
}

.info-container .user-base-info .operation-box span {
	display: inline-block;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.info-container .user-base-info .operation-box span:hover {
	color: #0083ff
}

.info-container .user-base-info .operation-box span.send-msg {
	width: 114px;
	margin-right: 20px;
	background: #fff;
	border: 1px solid #333;
	color: #333
}

.info-container .user-base-info .operation-box span.gy {
	width: 114px;
	background: #282421;
	color: #fff
}

.info-container .user-base-info .operation-content {
	position: absolute;
	top: 84px;
	right: 0
}

.info-container .user-base-info .operation-content .send-msg {
	display: inline-block;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: right;
	margin-left: 20px;
	width: 114px;
	border: 1px solid #333;
	color: #fff;
	background-color: #282421
}

.info-container .user-base-info .operation-content .operation {
	overflow: hidden;
	width: 114px
}

.info-container .user-base-info .operation-content .operation div {
	width: 342px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.info-container .user-base-info .operation-content .operation div.ygz {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.info-container .user-base-info .operation-content .operation div.qxgz {
	-webkit-transform: translate3d(-114px,0,0);
	transform: translate3d(-114px,0,0)
}

.info-container .user-base-info .operation-content .operation div.gz {
	-webkit-transform: translate3d(-228px,0,0);
	transform: translate3d(-228px,0,0)
}

.info-container .user-base-info .operation-content .operation div span {
	float: left;
	width: 114px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 16px
}

.info-container .user-base-info .operation-content .operation div span:first-child {
	background: #fff;
	color: #333;
	border: 1px solid #333
}

.info-container .user-base-info .operation-content .operation div span:nth-child(2) {
	background: #fff;
	color: #0083ff;
	border: 1px solid #0083ff
}

.info-container .user-base-info .operation-content .operation div span:nth-child(3) {
	background: #0083ff;
	color: #fff
}

.info-container .user-base-info .sharefun {
	position: absolute;
	right: 140px;
	bottom: 45px
}

.info-container .user-base-info .sharefun.ygz {
	bottom: 90px;
	right: -14px
}

.info-container .user-base-info .sharefun i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: -4px;
	cursor: pointer;
	background: url(http://www.luojinet.com/img/wechat@2x.276431e.png) no-repeat 50%;
	background-size: 100% 100%;
	margin-right: 15px
}

.info-container .user-base-info .sharefun i:first-of-type {
	position: relative
}

.info-container .user-base-info .sharefun i:nth-of-type(2) {
	background: url(http://www.luojinet.com/img/web@2x.2a43cb1.png) no-repeat 50%;
	background-size: 100% 100%
}

.info-container .user-base-info .sharefun i:nth-of-type(3) {
	background: url(http://www.luojinet.com/img/qzone@2x.ccaf57c.png) no-repeat 50%;
	background-size: 100% 100%
}

.info-container .user-base-info .sharefun .qrcode {
	position: absolute;
	top: 25px;
	right: -61px;
	overflow: hidden;
	width: 144px;
	height: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACWCAMAAAAGwfGXAAAAY1BMVEUAAAAAkf4Af/4Ag/4AhP4Agf4Agv4Agv4Agv4Ag/4Ag/8Agv4Ag/4Agv4Agv4Ag/5NqP9Oqf9Pqf+Fw/+FxP/A4f/B4f/y+f/2+v8rmP/p9P////8smP/1+v9MqP8Ag/+93/8QD7rtAAAAEHRSTlMABxwdcHBxf8vLzM/S8vb3aSasfAAAAP5JREFUeF5ioBJgZ2cYVIBdUpJ9cLlHSkqSfVC5R1paSpJ9ULkH5qLB4h5quoiRlYtPngIgIyUtDXMRJebwcrIxMgABE7ecgiygnTvIQRAIgijag4QQnAAiAglRvP8p9Ri9eP8Eb1HrOhO0fz+1iSh1PdP0rCXax5mopYv+lQm09TG+M4GOKa4zVVd+EBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQENC4JzvV6rdkt2PdkuuYLdd13VpLRHOftyPFfra53uJfaYfpStA0dCXiBz6ckd3vDfnlAAAAAElFTkSuQmCC) no-repeat 50%
}

.info-container .user-base-info .sharefun .qrcode img {
	display: block;
	margin: 0 auto;
	border-radius: 15px
}

.info-container .user-base-info .sharefun .sharrwx:hover .qrcode {
	height: 150px;
	padding-top: 7px
}

.info-container .msg-box {
	width: 734px;
	min-height: 670px;
	padding: 40px 100px 50px;
	background: #fff
}

.info-container .msg-box h3 {
	height: 30px;
	margin-bottom: 55px;
	font-size: 30px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 30px;
	color: #333
}

.info-container .msg-box .header-item {
	height: 60px;
	margin-bottom: 17px
}

.info-container .msg-box .header-item div {
	overflow: hidden;
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 24px;
	border-radius: 50%
}

.info-container .msg-box .header-item div img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.info-container .msg-box .header-item .name {
	float: left;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 60px;
	color: #666
}

.info-container .msg-box .header-item .project-name {
	float: right;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 60px;
	color: #666
}

.info-container .msg-box .ipt-item {
	height: 44px;
	margin-bottom: 40px
}

.info-container .msg-box .ipt-item label {
	float: left;
	width: 94px;
	height: 44px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 44px;
	color: #666
}

.info-container .msg-box .ipt-item label i {
	color: #ff7070;
	font-style: normal
}

.info-container .msg-box .ipt-item input::-webkit-input-placeholder {
	color: #ccc
}

.info-container .msg-box .ipt-item input {
	display: block;
	width: 440px;
	height: 44px;
	padding: 0 52px 0 12px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.info-container .msg-box .ipt-item input:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.info-container .msg-box .ipt-item input:hover {
	border-color: #c0c4cc
}

.info-container .msg-box .photo-tmp {
	padding: 20px;
	margin-bottom: 10px;
	background: #f2f2f2
}

.info-container .msg-box .photo-tmp .title {
	margin-bottom: 15px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 14px
}

.info-container .msg-box .supplement {
	padding: 12px 17px 20px;
	background-color: #f2f2f2;
	margin-bottom: 15px
}

.info-container .msg-box .supplement .title {
	color: #333;
	font-size: 16px
}

.info-container .msg-box .supplement .des {
	color: #666;
	font-size: 12px;
	margin-top: 5px
}

.info-container .msg-box .supplement .uploadFile {
	margin-top: 10px;
	display: table
}

.info-container .msg-box .supplement .uploadFile div {
	display: table-cell;
	vertical-align: middle
}

.info-container .msg-box .supplement .uploadFile .logo {
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.info-container .msg-box .supplement .uploadFile .name {
	color: #333;
	font-size: 16px;
	padding-left: 15px;
	max-width: 390px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	cursor: pointer
}

.info-container .msg-box .supplement .uploadFile .name:hover {
	color: #0083ff
}

.info-container .msg-box .supplement .uploadFile .delete {
	cursor: pointer;
	color: #0083ff;
	padding-left: 8px
}

.info-container .msg-box .supplement .add {
	color: #0083ff;
	font-size: 16px;
	margin-top: 15px;
	line-height: 30px;
	background: url("http://www.luojinet.com/images/myJobs/tianjjia.png") no-repeat 0;
	background-size: 20px;
	padding-left: 25px;
	cursor: pointer
}

.info-container .msg-box .notice {
	margin-bottom: 40px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 14px
}

.info-container .msg-box .notice a {
	color: #0083ff
}

.info-container .msg-box .btn-box {
	height: 42px
}

.info-container .msg-box .btn-box .confirm {
	float: right;
	width: 120px;
	height: 42px;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #fff;
	line-height: 42px;
	text-align: center;
	cursor: pointer
}

.info-container .msg-box .btn-box .confirm:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.info-container .msg-box .btn-box .cancle {
	float: right;
	width: 120px;
	height: 42px;
	margin-right: 20px;
	background: #fff;
	border-radius: 4px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #0083ff;
	line-height: 42px;
	text-align: center;
	border: 1px solid #0083ff;
	cursor: pointer
}

.info-container .msg-box .btn-box .cancle:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.info-container .el-cascader,.info-container .el-date-editor,.info-container .el-select {
	width: 440px!important
}

.info-container .el-cascader .el-input__inner,.info-container .el-date-editor .el-input__inner,.info-container .el-select .el-input__inner {
	height: 44px!important;
	padding-left: 12px;
	border-radius: 6px
}

.info-container .el-cascader .el-input__inner:focus,.info-container .el-date-editor .el-input__inner:focus,.info-container .el-select .el-input__inner:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.info-container .el-cascader .el-input__prefix,.info-container .el-date-editor .el-input__prefix,.info-container .el-select .el-input__prefix {
	left: 410px;
	width: 20px!important;
	height: 20px!important
}

.info-container .el-cascader .el-input__prefix .el-input__icon .el-icon-date,.info-container .el-date-editor .el-input__prefix .el-input__icon .el-icon-date,.info-container .el-select .el-input__prefix .el-input__icon .el-icon-date {
	width: 20px;
	height: 20px
}

.info-container .upload .el-upload-list--picture-card .el-upload-list__item {
	width: 74px!important;
	height: 74px!important;
	margin: 0 10px 8px 0
}

.info-container .upload .el-upload--picture-card {
	width: 74px;
	height: 74px;
	line-height: 74px
}

.el-popper .popper__arrow,.el-popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.el-popper .popper__arrow {
	border-width: 6px;
	-webkit-filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.03))
}

.el-popper .popper__arrow:after {
	content: " ";
	border-width: 6px
}

.el-popper[x-placement^=top] {
	margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
	bottom: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-color: #ebeef5;
	border-bottom-width: 0
}

.el-popper[x-placement^=top] .popper__arrow:after {
	bottom: 1px;
	margin-left: -6px;
	border-top-color: #fff;
	border-bottom-width: 0
}

.el-popper[x-placement^=bottom] {
	margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
	top: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-width: 0;
	border-bottom-color: #ebeef5
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
	top: 1px;
	margin-left: -6px;
	border-top-width: 0;
	border-bottom-color: #fff
}

.el-popper[x-placement^=right] {
	margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
	top: 50%;
	left: -6px;
	margin-bottom: 3px;
	border-right-color: #ebeef5;
	border-left-width: 0
}

.el-popper[x-placement^=right] .popper__arrow:after {
	bottom: -6px;
	left: 1px;
	border-right-color: #fff;
	border-left-width: 0
}

.el-popper[x-placement^=left] {
	margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
	top: 50%;
	right: -6px;
	margin-bottom: 3px;
	border-right-width: 0;
	border-left-color: #ebeef5
}

.el-popper[x-placement^=left] .popper__arrow:after {
	right: 1px;
	bottom: -6px;
	margin-left: -6px;
	border-right-width: 0;
	border-left-color: #fff
}

.el-popover {
	position: absolute;
	background: #fff;
	min-width: 150px;
	border-radius: 4px;
	border: 1px solid #ebeef5;
	padding: 12px;
	z-index: 2000;
	color: #606266;
	line-height: 1.4;
	text-align: justify;
	font-size: 14px;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.el-popover--plain {
	padding: 18px 20px
}

.el-popover__title {
	color: #303133;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 12px
}

.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing) {
	outline-width: 0
}

.v-modal-enter {
	-webkit-animation: v-modal-in .2s ease;
	animation: v-modal-in .2s ease
}

.v-modal-leave {
	-webkit-animation: v-modal-out .2s ease forwards;
	animation: v-modal-out .2s ease forwards
}

@-webkit-keyframes v-modal-in {
	0% {
		opacity: 0
	}
}

@keyframes v-modal-in {
	0% {
		opacity: 0
	}
}

@-webkit-keyframes v-modal-out {
	to {
		opacity: 0
	}
}

@keyframes v-modal-out {
	to {
		opacity: 0
	}
}

.v-modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000
}

.el-popup-parent--hidden {
	overflow: hidden
}

.el-dialog {
	position: relative;
	margin: 0 auto 50px;
	background: #fff;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%
}

.el-dialog.is-fullscreen {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	height: 100%;
	overflow: auto
}

.el-dialog__wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	margin: 0
}

.el-dialog__header {
	padding: 20px 20px 10px
}

.el-dialog__headerbtn {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 0;
	background: 0 0;
	border: none;
	outline: 0;
	cursor: pointer;
	font-size: 16px
}

.el-dialog__headerbtn .el-dialog__close {
	color: #909399
}

.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close {
	color: #409eff
}

.el-dialog__title {
	line-height: 24px;
	font-size: 18px;
	color: #303133
}

.el-dialog__body {
	padding: 30px 20px;
	color: #606266;
	font-size: 14px
}

.el-dialog__footer {
	padding: 10px 20px 20px;
	text-align: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-dialog--center {
	text-align: center
}

.el-dialog--center .el-dialog__body {
	text-align: initial;
	padding: 25px 25px 30px
}

.el-dialog--center .el-dialog__footer {
	text-align: inherit
}

.dialog-fade-enter-active {
	-webkit-animation: dialog-fade-in .3s;
	animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
	-webkit-animation: dialog-fade-out .3s;
	animation: dialog-fade-out .3s
}

@-webkit-keyframes dialog-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes dialog-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@-webkit-keyframes dialog-fade-out {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}
}

@keyframes dialog-fade-out {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}
}

.el-upload-cover__title,.el-upload-list__item-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.el-progress {
	position: relative;
	line-height: 1
}

.el-progress__text {
	font-size: 14px;
	color: #606266;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	line-height: 1
}

.el-progress__text i {
	vertical-align: middle;
	display: block
}

.el-progress--circle {
	display: inline-block
}

.el-progress--circle .el-progress__text {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.el-progress--circle .el-progress__text i {
	vertical-align: middle;
	display: inline-block
}

.el-progress--without-text .el-progress__text {
	display: none
}

.el-progress--without-text .el-progress-bar {
	padding-right: 0;
	margin-right: 0;
	display: block
}

.el-progress--text-inside .el-progress-bar {
	padding-right: 0;
	margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
	background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
	color: #67c23a
}

.el-progress.is-exception .el-progress-bar__inner {
	background-color: #f56c6c
}

.el-progress.is-exception .el-progress__text {
	color: #f56c6c
}

.el-progress-bar {
	padding-right: 50px;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-right: -55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-upload--picture-card,.el-upload-dragger {
	-webkit-box-sizing: border-box;
	cursor: pointer
}

.el-progress-bar__outer {
	height: 6px;
	border-radius: 100px;
	background-color: #ebeef5;
	overflow: hidden;
	position: relative;
	vertical-align: middle
}

.el-progress-bar__inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #409eff;
	text-align: right;
	border-radius: 100px;
	line-height: 1;
	white-space: nowrap
}

.el-progress-bar__inner:after {
	display: inline-block;
	content: "";
	height: 100%;
	vertical-align: middle
}

.el-progress-bar__innerText {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	font-size: 12px;
	margin: 0 5px
}

@-webkit-keyframes progress {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 32px 0
	}
}

@keyframes progress {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 32px 0
	}
}

.el-upload {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	outline: 0
}

.el-upload__input {
	display: none
}

.el-upload__tip {
	font-size: 12px;
	color: #606266;
	margin-top: 7px
}

.el-upload iframe {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}

.el-upload--picture-card {
	background-color: #fbfdff;
	border: 1px dashed #c0ccda;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 148px;
	height: 148px;
	line-height: 146px;
	vertical-align: top
}

.el-upload--picture-card i {
	font-size: 28px;
	color: #8c939d
}

.el-upload--picture-card:hover,.el-upload:focus {
	border-color: #409eff;
	color: #409eff
}

.el-upload:focus .el-upload-dragger {
	border-color: #409eff
}

.el-upload-dragger {
	background-color: #fff;
	border: 1px dashed #d9d9d9;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 360px;
	height: 180px;
	text-align: center;
	position: relative;
	overflow: hidden
}

.el-upload-dragger .el-icon-upload {
	font-size: 67px;
	color: #c0c4cc;
	margin: 40px 0 16px;
	line-height: 50px
}

.el-upload-dragger+.el-upload__tip {
	text-align: center
}

.el-upload-dragger~.el-upload__files {
	border-top: 1px solid #dcdfe6;
	margin-top: 7px;
	padding-top: 5px
}

.el-upload-dragger .el-upload__text {
	color: #606266;
	font-size: 14px;
	text-align: center
}

.el-upload-dragger .el-upload__text em {
	color: #409eff;
	font-style: normal
}

.el-upload-dragger:hover {
	border-color: #409eff
}

.el-upload-dragger.is-dragover {
	background-color: rgba(32,159,255,.06);
	border: 2px dashed #409eff
}

.el-upload-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.el-upload-list__item {
	-webkit-transition: all .5s cubic-bezier(.55,0,.1,1);
	transition: all .5s cubic-bezier(.55,0,.1,1);
	font-size: 14px;
	color: #606266;
	line-height: 1.8;
	margin-top: 5px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%
}

.el-upload-list__item .el-progress {
	position: absolute;
	top: 20px;
	width: 100%
}

.el-upload-list__item .el-progress__text {
	position: absolute;
	right: 0;
	top: -13px
}

.el-upload-list__item .el-progress-bar {
	margin-right: 0;
	padding-right: 0
}

.el-upload-list__item:first-child {
	margin-top: 10px
}

.el-upload-list__item .el-icon-upload-success {
	color: #67c23a
}

.el-upload-list__item .el-icon-close {
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	opacity: .75;
	color: #606266
}

.el-upload-list__item .el-icon-close:hover {
	opacity: 1
}

.el-upload-list__item .el-icon-close-tip {
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 12px;
	cursor: pointer;
	opacity: 1;
	color: #409eff
}

.el-upload-list__item:hover {
	background-color: #f5f7fa
}

.el-upload-list__item:hover .el-icon-close {
	display: inline-block
}

.el-upload-list__item:hover .el-progress__text {
	display: none
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
	display: block
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover {
	color: #409eff;
	cursor: pointer
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
	display: inline-block
}

.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus {
	outline-width: 0
}

.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
	display: none
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
	display: block
}

.el-upload-list__item-name {
	color: #606266;
	display: block;
	margin-right: 40px;
	padding-left: 4px;
	-webkit-transition: color .3s;
	transition: color .3s
}

.el-upload-list__item-name [class^=el-icon] {
	height: 100%;
	margin-right: 7px;
	color: #909399;
	line-height: inherit
}

.el-upload-list__item-status-label {
	position: absolute;
	right: 5px;
	top: 0;
	line-height: inherit;
	display: none
}

.el-upload-list__item-delete {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 12px;
	color: #606266;
	display: none
}

.el-upload-list__item-delete:hover {
	color: #409eff
}

.el-upload-list--picture-card {
	margin: 0;
	display: inline;
	vertical-align: top
}

.el-upload-list--picture-card .el-upload-list__item {
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #c0ccda;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 148px;
	height: 148px;
	margin: 0 8px 8px 0;
	display: inline-block
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
	color: #fff
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close,.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
	display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
	display: block
}

.el-upload-list--picture-card .el-upload-list__item-name {
	display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
	width: 100%;
	height: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
	position: absolute;
	right: -15px;
	top: -6px;
	width: 40px;
	height: 24px;
	background: #13ce66;
	text-align: center;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);
	box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
	font-size: 12px;
	margin-top: 11px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: default;
	text-align: center;
	color: #fff;
	opacity: 0;
	font-size: 20px;
	background-color: rgba(0,0,0,.5);
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.el-upload-list--picture-card .el-upload-list__item-actions:after {
	display: inline-block;
	content: "";
	height: 100%;
	vertical-align: middle
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
	display: none;
	cursor: pointer
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
	margin-left: 15px
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
	position: static;
	font-size: inherit;
	color: inherit
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
	opacity: 1
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
	display: inline-block
}

.el-upload-list--picture-card .el-progress {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	bottom: auto;
	width: 126px
}

.el-upload-list--picture-card .el-progress .el-progress__text {
	top: 50%
}

.el-upload-list--picture .el-upload-list__item {
	overflow: hidden;
	z-index: 0;
	background-color: #fff;
	border: 1px solid #c0ccda;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 10px;
	padding: 10px 10px 10px 90px;
	height: 92px
}

.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
	color: #fff
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
	background: 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	top: -2px;
	right: -12px
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
	display: block
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
	line-height: 70px;
	margin-top: 0
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
	display: none
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
	vertical-align: middle;
	display: inline-block;
	width: 70px;
	height: 70px;
	float: left;
	position: relative;
	z-index: 1;
	margin-left: -80px
}

.el-upload-list--picture .el-upload-list__item-name {
	display: block;
	margin-top: 20px
}

.el-upload-list--picture .el-upload-list__item-name i {
	font-size: 70px;
	line-height: 1;
	position: absolute;
	left: 9px;
	top: 10px
}

.el-upload-list--picture .el-upload-list__item-status-label {
	position: absolute;
	right: -17px;
	top: -7px;
	width: 46px;
	height: 26px;
	background: #13ce66;
	text-align: center;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc
}

.el-upload-list--picture .el-upload-list__item-status-label i {
	font-size: 12px;
	margin-top: 12px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.el-upload-list--picture .el-progress {
	position: relative;
	top: -7px
}

.el-upload-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
	cursor: default
}

.el-upload-cover:after {
	display: inline-block;
	content: "";
	height: 100%;
	vertical-align: middle
}

.el-upload-cover img {
	display: block;
	width: 100%;
	height: 100%
}

.el-upload-cover__label {
	position: absolute;
	right: -15px;
	top: -6px;
	width: 40px;
	height: 24px;
	background: #13ce66;
	text-align: center;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-box-shadow: 0 0 1pc 1px rgba(0,0,0,.2);
	box-shadow: 0 0 1pc 1px rgba(0,0,0,.2)
}

.el-upload-cover__label i {
	font-size: 12px;
	margin-top: 11px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #fff
}

.el-upload-cover__progress {
	display: inline-block;
	vertical-align: middle;
	position: static;
	width: 243px
}

.el-upload-cover__progress+.el-upload__inner {
	opacity: 0
}

.el-upload-cover__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.el-upload-cover__interact {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.72);
	text-align: center
}

.el-upload-cover__interact .btn {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	vertical-align: middle;
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	margin-top: 60px
}

.el-upload-cover__interact .btn span {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
	margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
	-webkit-transform: translateY(-13px);
	transform: translateY(-13px)
}

.el-upload-cover__interact .btn:hover span {
	opacity: 1
}

.el-upload-cover__interact .btn i {
	color: #fff;
	display: block;
	font-size: 24px;
	line-height: inherit;
	margin: 0 auto 5px
}

.el-upload-cover__title {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
	height: 36px;
	width: 100%;
	font-weight: 400;
	text-align: left;
	padding: 0 10px;
	margin: 0;
	line-height: 36px;
	font-size: 14px;
	color: #303133
}

.el-upload-cover+.el-upload__inner {
	opacity: 0;
	position: relative;
	z-index: 1
}

.el-date-table.is-week-mode .el-date-table__row.current div,.el-date-table.is-week-mode .el-date-table__row:hover div,.el-date-table td.in-range div,.el-date-table td.in-range div:hover {
	background-color: #f2f6fc
}

.el-date-table {
	font-size: 12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
	color: #606266
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
	margin-left: 5px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
	margin-right: 5px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px
}

.el-date-table td {
	width: 32px;
	padding: 4px 0;
	text-align: center;
	cursor: pointer;
	position: relative
}

.el-date-table td,.el-date-table td div {
	height: 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-date-table td div {
	padding: 3px 0
}

.el-date-table td span {
	width: 24px;
	height: 24px;
	display: block;
	margin: 0 auto;
	line-height: 24px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%
}

.el-month-table td .cell,.el-year-table td .cell {
	width: 48px;
	height: 32px;
	display: block;
	line-height: 32px
}

.el-date-table td.next-month,.el-date-table td.prev-month {
	color: #c0c4cc
}

.el-date-table td.today {
	position: relative
}

.el-date-table td.today span {
	color: #409eff;
	font-weight: 700
}

.el-date-table td.today.end-date span,.el-date-table td.today.start-date span {
	color: #fff
}

.el-date-table td.available:hover {
	color: #409eff
}

.el-date-table td.current:not(.disabled) span {
	color: #fff;
	background-color: #409eff
}

.el-date-table td.end-date div,.el-date-table td.start-date div {
	color: #fff
}

.el-date-table td.end-date span,.el-date-table td.start-date span {
	background-color: #409eff
}

.el-date-table td.start-date div {
	margin-left: 5px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px
}

.el-date-table td.end-date div {
	margin-right: 5px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px
}

.el-date-table td.disabled div {
	background-color: #f5f7fa;
	opacity: 1;
	cursor: not-allowed;
	color: #c0c4cc
}

.el-fade-in-enter,.el-fade-in-leave-active,.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active,.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active {
	opacity: 0
}

.el-date-table td.selected div {
	margin-left: 5px;
	margin-right: 5px;
	background-color: #f2f6fc;
	border-radius: 15px
}

.el-date-table td.selected div:hover {
	background-color: #f2f6fc
}

.el-date-table td.selected span {
	background-color: #409eff;
	color: #fff;
	border-radius: 15px
}

.el-date-table td.week {
	font-size: 80%;
	color: #606266
}

.el-date-table th {
	padding: 5px;
	color: #606266;
	font-weight: 400;
	border-bottom: 1px solid #ebeef5
}

.el-month-table {
	font-size: 12px;
	margin: -1px;
	border-collapse: collapse
}

.el-month-table td {
	text-align: center;
	padding: 20px 3px;
	cursor: pointer
}

.el-month-table td.disabled .cell {
	background-color: #f5f7fa;
	cursor: not-allowed;
	color: #c0c4cc
}

.el-month-table td.disabled .cell:hover {
	color: #c0c4cc
}

.el-month-table td .cell {
	color: #606266;
	margin: 0 auto
}

.el-month-table td .cell:hover,.el-month-table td.current:not(.disabled) .cell {
	color: #409eff
}

.el-year-table {
	font-size: 12px;
	margin: -1px;
	border-collapse: collapse
}

.el-year-table .el-icon {
	color: #303133
}

.el-year-table td {
	text-align: center;
	padding: 20px 3px;
	cursor: pointer
}

.el-year-table td.disabled .cell {
	background-color: #f5f7fa;
	cursor: not-allowed;
	color: #c0c4cc
}

.el-year-table td.disabled .cell:hover {
	color: #c0c4cc
}

.el-year-table td .cell {
	color: #606266;
	margin: 0 auto
}

.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell {
	color: #409eff
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
	width: 33.3%
}

.el-time-spinner__wrapper {
	max-height: 190px;
	overflow: auto;
	display: inline-block;
	width: 50%;
	vertical-align: top;
	position: relative
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
	padding-bottom: 15px
}

.el-time-spinner__wrapper.is-arrow {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
	-webkit-transform: translateY(-32px);
	transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
	background: #fff;
	cursor: default
}

.el-time-spinner__arrow {
	font-size: 12px;
	color: #909399;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1;
	text-align: center;
	height: 30px;
	line-height: 30px;
	cursor: pointer
}

.el-time-spinner__arrow:hover {
	color: #409eff
}

.el-time-spinner__arrow.el-icon-arrow-up {
	top: 10px
}

.el-time-spinner__arrow.el-icon-arrow-down {
	bottom: 10px
}

.el-time-spinner__input.el-input {
	width: 70%
}

.el-time-spinner__input.el-input .el-input__inner,.el-time-spinner__list {
	padding: 0;
	text-align: center
}

.el-time-spinner__list {
	margin: 0;
	list-style: none
}

.el-time-spinner__list:after,.el-time-spinner__list:before {
	content: "";
	display: block;
	width: 100%;
	height: 80px
}

.el-time-spinner__item {
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #606266
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
	background: #f5f7fa;
	cursor: pointer
}

.el-time-spinner__item.active:not(.disabled) {
	color: #303133;
	font-weight: 700
}

.el-time-spinner__item.disabled {
	color: #c0c4cc;
	cursor: not-allowed
}

.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active,.fade-in-linear-enter-active,.fade-in-linear-leave-active {
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.el-fade-in-enter-active,.el-fade-in-leave-active,.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active {
	-webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
	transition: all .3s cubic-bezier(.55,0,.1,1)
}

.el-zoom-in-center-enter,.el-zoom-in-center-leave-active {
	opacity: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0)
}

.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: center top;
	transform-origin: center top
}

.el-zoom-in-top-enter,.el-zoom-in-top-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active {
	opacity: 1;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active {
	opacity: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}

.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
	transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
	-webkit-transform-origin: top left;
	transform-origin: top left
}

.el-zoom-in-left-enter,.el-zoom-in-left-leave-active {
	opacity: 0;
	-webkit-transform: scale(.45);
	transform: scale(.45)
}

.collapse-transition {
	-webkit-transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;
	transition: height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
	-webkit-transition: width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out;
	transition: width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out
}

.el-list-enter-active,.el-list-leave-active {
	-webkit-transition: all 1s;
	transition: all 1s
}

.el-list-enter,.el-list-leave-active {
	opacity: 0;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px)
}

.el-opacity-transition {
	-webkit-transition: opacity .3s cubic-bezier(.55,0,.1,1);
	transition: opacity .3s cubic-bezier(.55,0,.1,1)
}

.el-date-editor {
	position: relative;
	display: inline-block;
	text-align: left
}

.el-date-editor.el-input,.el-date-editor.el-input__inner {
	width: 220px
}

.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner {
	width: 350px
}

.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner {
	width: 400px
}

.el-date-editor--dates .el-input__inner {
	text-overflow: ellipsis;
	white-space: nowrap
}

.el-date-editor .el-icon-circle-close {
	cursor: pointer
}

.el-date-editor .el-range__icon {
	font-size: 14px;
	margin-left: -5px;
	color: #c0c4cc;
	float: left;
	line-height: 32px
}

.el-date-editor .el-range-input,.el-date-editor .el-range-separator {
	height: 100%;
	margin: 0;
	text-align: center;
	display: inline-block;
	font-size: 14px
}

.el-date-editor .el-range-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: 0;
	padding: 0;
	width: 39%;
	color: #606266
}

.el-date-editor .el-range-input::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-date-editor .el-range-input:-ms-input-placeholder,.el-date-editor .el-range-input::-ms-input-placeholder {
	color: #c0c4cc
}

.el-date-editor .el-range-input::placeholder {
	color: #c0c4cc
}

.el-date-editor .el-range-separator {
	padding: 0 5px;
	line-height: 32px;
	width: 5%;
	color: #303133
}

.el-date-editor .el-range__close-icon {
	font-size: 14px;
	color: #c0c4cc;
	width: 25px;
	display: inline-block;
	float: right;
	line-height: 32px
}

.el-range-editor.el-input__inner {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 3px 10px
}

.el-range-editor .el-range-input {
	line-height: 1
}

.el-range-editor.is-active,.el-range-editor.is-active:hover {
	border-color: #409eff
}

.el-range-editor--medium.el-input__inner {
	height: 36px
}

.el-range-editor--medium .el-range-separator {
	line-height: 28px;
	font-size: 14px
}

.el-range-editor--medium .el-range-input {
	font-size: 14px
}

.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon {
	line-height: 28px
}

.el-range-editor--small.el-input__inner {
	height: 32px
}

.el-range-editor--small .el-range-separator {
	line-height: 24px;
	font-size: 13px
}

.el-range-editor--small .el-range-input {
	font-size: 13px
}

.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon {
	line-height: 24px
}

.el-range-editor--mini.el-input__inner {
	height: 28px
}

.el-range-editor--mini .el-range-separator {
	line-height: 20px;
	font-size: 12px
}

.el-range-editor--mini .el-range-input {
	font-size: 12px
}

.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon {
	line-height: 20px
}

.el-range-editor.is-disabled {
	background-color: #f5f7fa;
	border-color: #e4e7ed;
	color: #c0c4cc;
	cursor: not-allowed
}

.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover {
	border-color: #e4e7ed
}

.el-range-editor.is-disabled input {
	background-color: #f5f7fa;
	color: #c0c4cc;
	cursor: not-allowed
}

.el-range-editor.is-disabled input::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-range-editor.is-disabled input:-ms-input-placeholder,.el-range-editor.is-disabled input::-ms-input-placeholder {
	color: #c0c4cc
}

.el-range-editor.is-disabled input::placeholder {
	color: #c0c4cc
}

.el-range-editor.is-disabled .el-range-separator {
	color: #c0c4cc
}

.el-picker-panel {
	color: #606266;
	border: 1px solid #e4e7ed;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	background: #fff;
	border-radius: 4px;
	line-height: 30px;
	margin: 5px 0
}

.el-picker-panel__body-wrapper:after,.el-picker-panel__body:after {
	content: "";
	display: table;
	clear: both
}

.el-picker-panel__content {
	position: relative;
	margin: 15px
}

.el-picker-panel__footer {
	border-top: 1px solid #e4e4e4;
	padding: 4px;
	text-align: right;
	background-color: #fff;
	position: relative;
	font-size: 0
}

.el-picker-panel__shortcut {
	display: block;
	width: 100%;
	border: 0;
	background-color: transparent;
	line-height: 28px;
	font-size: 14px;
	color: #606266;
	padding-left: 12px;
	text-align: left;
	outline: 0;
	cursor: pointer
}

.el-picker-panel__shortcut:hover {
	color: #409eff
}

.el-picker-panel__shortcut.active {
	background-color: #e6f1fe;
	color: #409eff
}

.el-picker-panel__btn {
	border: 1px solid #dcdcdc;
	color: #333;
	line-height: 24px;
	border-radius: 2px;
	padding: 0 20px;
	cursor: pointer;
	background-color: transparent;
	outline: 0;
	font-size: 12px
}

.el-picker-panel__btn[disabled] {
	color: #ccc;
	cursor: not-allowed
}

.el-picker-panel__icon-btn {
	font-size: 12px;
	color: #303133;
	border: 0;
	background: 0 0;
	cursor: pointer;
	outline: 0;
	margin-top: 8px
}

.el-picker-panel__icon-btn:hover {
	color: #409eff
}

.el-picker-panel__icon-btn.is-disabled {
	color: #bbb
}

.el-picker-panel__icon-btn.is-disabled:hover {
	cursor: not-allowed
}

.el-picker-panel__link-btn {
	vertical-align: middle
}

.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 110px;
	border-right: 1px solid #e4e4e4;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 6px;
	background-color: #fff;
	overflow: auto
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body {
	margin-left: 110px
}

.el-date-picker {
	width: 322px
}

.el-date-picker.has-sidebar.has-time {
	width: 434px
}

.el-date-picker.has-sidebar {
	width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
	position: relative
}

.el-date-picker .el-picker-panel__content {
	width: 292px
}

.el-date-picker table {
	table-layout: fixed;
	width: 100%
}

.el-date-picker__editor-wrap {
	position: relative;
	display: table-cell;
	padding: 0 5px
}

.el-date-picker__time-header {
	position: relative;
	border-bottom: 1px solid #e4e4e4;
	font-size: 12px;
	padding: 8px 5px 5px;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-date-picker__header {
	margin: 12px;
	text-align: center
}

.el-date-picker__header--bordered {
	margin-bottom: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #ebeef5
}

.el-date-picker__header--bordered+.el-picker-panel__content {
	margin-top: 0
}

.el-date-picker__header-label {
	font-size: 16px;
	font-weight: 500;
	padding: 0 5px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	color: #606266
}

.el-date-picker__header-label.active,.el-date-picker__header-label:hover {
	color: #409eff
}

.el-date-picker__prev-btn {
	float: left
}

.el-date-picker__next-btn {
	float: right
}

.el-date-picker__time-wrap {
	padding: 10px;
	text-align: center
}

.el-date-picker__time-label {
	float: left;
	cursor: pointer;
	line-height: 30px;
	margin-left: 10px
}

.el-date-range-picker {
	width: 646px
}

.el-date-range-picker.has-sidebar {
	width: 756px
}

.el-date-range-picker table {
	table-layout: fixed;
	width: 100%
}

.el-date-range-picker .el-picker-panel__body {
	min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
	margin: 0
}

.el-date-range-picker__header {
	position: relative;
	text-align: center;
	height: 28px
}

.el-date-range-picker__header [class*=arrow-left] {
	float: left
}

.el-date-range-picker__header [class*=arrow-right] {
	float: right
}

.el-date-range-picker__header div {
	font-size: 16px;
	font-weight: 500;
	margin-right: 50px
}

.el-date-range-picker__content {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 16px
}

.el-date-range-picker__content.is-left {
	border-right: 1px solid #e4e4e4
}

.el-date-range-picker__content.is-right .el-date-range-picker__header div {
	margin-left: 50px;
	margin-right: 50px
}

.el-date-range-picker__editors-wrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
	text-align: right
}

.el-date-range-picker__time-header {
	position: relative;
	border-bottom: 1px solid #e4e4e4;
	font-size: 12px;
	padding: 8px 5px 5px;
	display: table;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
	font-size: 20px;
	vertical-align: middle;
	display: table-cell;
	color: #303133
}

.el-date-range-picker__time-picker-wrap {
	position: relative;
	display: table-cell;
	padding: 0 5px
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
	position: absolute;
	top: 13px;
	right: 0;
	z-index: 1;
	background: #fff
}

.el-time-range-picker {
	width: 354px;
	overflow: visible
}

.el-time-range-picker__content {
	position: relative;
	text-align: center;
	padding: 10px
}

.el-time-range-picker__cell {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 4px 7px 7px;
	width: 50%;
	display: inline-block
}

.el-time-range-picker__header {
	margin-bottom: 5px;
	text-align: center;
	font-size: 14px
}

.el-time-panel,.el-time-range-picker__body {
	border-radius: 2px;
	border: 1px solid #e4e7ed
}

.el-time-panel {
	margin: 5px 0;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	position: absolute;
	width: 180px;
	left: 0;
	z-index: 1000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.el-time-panel__content {
	font-size: 0;
	position: relative;
	overflow: hidden
}

.el-time-panel__content:after,.el-time-panel__content:before {
	content: "";
	top: 50%;
	position: absolute;
	margin-top: -15px;
	height: 32px;
	z-index: -1;
	left: 0;
	right: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 6px;
	text-align: left;
	border-top: 1px solid #e4e7ed;
	border-bottom: 1px solid #e4e7ed
}

.el-time-panel__content:after {
	left: 50%;
	margin-left: 12%;
	margin-right: 12%
}

.el-time-panel__content:before {
	padding-left: 50%;
	margin-right: 12%;
	margin-left: 12%
}

.el-time-panel__content.has-seconds:after {
	left: 66.66667%
}

.el-time-panel__content.has-seconds:before {
	padding-left: 33.33333%
}

.el-time-panel__footer {
	border-top: 1px solid #e4e4e4;
	padding: 4px;
	height: 36px;
	line-height: 25px;
	text-align: right;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-time-panel__btn {
	border: none;
	line-height: 28px;
	padding: 0 5px;
	margin: 0 5px;
	cursor: pointer;
	background-color: transparent;
	outline: 0;
	font-size: 12px;
	color: #303133
}

.el-time-panel__btn.confirm {
	font-weight: 800;
	color: #409eff
}

.el-textarea {
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
	font-size: 14px
}

.el-textarea__inner {
	display: block;
	resize: vertical;
	padding: 5px 15px;
	line-height: 1.5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: inherit;
	color: #606266;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.el-textarea__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-textarea__inner:-ms-input-placeholder,.el-textarea__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-textarea__inner::placeholder {
	color: #c0c4cc
}

.el-textarea__inner:hover {
	border-color: #c0c4cc
}

.el-textarea__inner:focus {
	outline: 0;
	border-color: #409eff
}

.el-textarea.is-disabled .el-textarea__inner {
	background-color: #f5f7fa;
	border-color: #e4e7ed;
	color: #c0c4cc;
	cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
	color: #c0c4cc
}

.el-input {
	position: relative;
	font-size: 14px;
	display: inline-block;
	width: 100%
}

.el-input::-webkit-scrollbar {
	z-index: 11;
	width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
	height: 6px
}

.el-input::-webkit-scrollbar-thumb {
	border-radius: 5px;
	width: 6px;
	background: #b4bccc
}

.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track {
	background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
	background: #fff;
	width: 6px
}

.el-input .el-input__clear {
	color: #c0c4cc;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
	transition: color .2s cubic-bezier(.645,.045,.355,1)
}

.el-input .el-input__clear:hover {
	color: #909399
}

.el-input__inner {
	-webkit-appearance: none;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #606266;
	display: inline-block;
	font-size: inherit;
	height: 40px;
	line-height: 40px;
	outline: 0;
	padding: 0 15px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	width: 100%
}

.el-input__prefix,.el-input__suffix {
	position: absolute;
	top: 0;
	-webkit-transition: all .3s;
	text-align: center;
	height: 100%;
	color: #c0c4cc
}

.el-input__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder,.el-input__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-input__inner::placeholder {
	color: #c0c4cc
}

.el-input__inner:hover {
	border-color: #c0c4cc
}

.el-input.is-active .el-input__inner,.el-input__inner:focus {
	border-color: #409eff;
	outline: 0
}

.el-input__suffix {
	right: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none
}

.el-input__suffix-inner {
	pointer-events: all
}

.el-input__prefix {
	left: 5px
}

.el-input__icon,.el-input__prefix {
	-webkit-transition: all .3s;
	transition: all .3s
}

.el-input__icon {
	height: 100%;
	width: 25px;
	text-align: center;
	line-height: 40px
}

.el-input__icon:after {
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle
}

.el-input__validateIcon {
	pointer-events: none
}

.el-input.is-disabled .el-input__inner {
	background-color: #f5f7fa;
	border-color: #e4e7ed;
	color: #c0c4cc;
	cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder,.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
	cursor: not-allowed
}

.el-input--suffix .el-input__inner {
	padding-right: 30px
}

.el-input--prefix .el-input__inner {
	padding-left: 30px
}

.el-input--medium {
	font-size: 14px
}

.el-input--medium .el-input__inner {
	height: 36px;
	line-height: 36px
}

.el-input--medium .el-input__icon {
	line-height: 36px
}

.el-input--small {
	font-size: 13px
}

.el-input--small .el-input__inner {
	height: 32px;
	line-height: 32px
}

.el-input--small .el-input__icon {
	line-height: 32px
}

.el-input--mini {
	font-size: 12px
}

.el-input--mini .el-input__inner {
	height: 28px;
	line-height: 28px
}

.el-input--mini .el-input__icon {
	line-height: 28px
}

.el-input-group {
	line-height: normal;
	display: inline-table;
	width: 100%;
	border-collapse: separate
}

.el-input-group>.el-input__inner {
	vertical-align: middle;
	display: table-cell
}

.el-input-group__append,.el-input-group__prepend {
	background-color: #f5f7fa;
	color: #909399;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	padding: 0 20px;
	width: 1px;
	white-space: nowrap
}

.el-input-group--prepend .el-input__inner,.el-input-group__append {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.el-input-group--append .el-input__inner,.el-input-group__prepend {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.el-input-group__append:focus,.el-input-group__prepend:focus {
	outline: 0
}

.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select {
	display: inline-block;
	margin: -10px -20px
}

.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner {
	border-color: transparent;
	background-color: transparent;
	color: inherit;
	border-top: 0;
	border-bottom: 0
}

.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input {
	font-size: inherit
}

.el-input-group__prepend {
	border-right: 0
}

.el-input-group__append {
	border-left: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
	border-color: transparent
}

.el-input__inner::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

.el-scrollbar {
	overflow: hidden;
	position: relative
}

.el-scrollbar:active>.el-scrollbar__bar,.el-scrollbar:focus>.el-scrollbar__bar,.el-scrollbar:hover>.el-scrollbar__bar {
	opacity: 1;
	-webkit-transition: opacity .34s ease-out;
	transition: opacity .34s ease-out
}

.el-scrollbar__wrap {
	overflow: scroll;
	height: 100%
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
	width: 0;
	height: 0
}

.el-scrollbar__thumb {
	position: relative;
	display: block;
	width: 0;
	height: 0;
	cursor: pointer;
	border-radius: inherit;
	background-color: hsla(220,4%,58%,.3);
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}

.el-scrollbar__thumb:hover {
	background-color: hsla(220,4%,58%,.5)
}

.el-scrollbar__bar {
	position: absolute;
	right: 2px;
	bottom: 2px;
	z-index: 1;
	border-radius: 4px;
	opacity: 0;
	-webkit-transition: opacity .12s ease-out;
	transition: opacity .12s ease-out
}

.el-scrollbar__bar.is-vertical {
	width: 6px;
	top: 2px
}

.el-scrollbar__bar.is-vertical>div {
	width: 100%
}

.el-scrollbar__bar.is-horizontal {
	height: 6px;
	left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
	height: 100%
}

.el-popper .popper__arrow,.el-popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.el-popper .popper__arrow {
	border-width: 6px;
	-webkit-filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.03))
}

.el-popper .popper__arrow:after {
	content: " ";
	border-width: 6px
}

.el-popper[x-placement^=top] {
	margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
	bottom: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-color: #ebeef5;
	border-bottom-width: 0
}

.el-popper[x-placement^=top] .popper__arrow:after {
	bottom: 1px;
	margin-left: -6px;
	border-top-color: #fff;
	border-bottom-width: 0
}

.el-popper[x-placement^=bottom] {
	margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
	top: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-width: 0;
	border-bottom-color: #ebeef5
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
	top: 1px;
	margin-left: -6px;
	border-top-width: 0;
	border-bottom-color: #fff
}

.el-popper[x-placement^=right] {
	margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
	top: 50%;
	left: -6px;
	margin-bottom: 3px;
	border-right-color: #ebeef5;
	border-left-width: 0
}

.el-popper[x-placement^=right] .popper__arrow:after {
	bottom: -6px;
	left: 1px;
	border-right-color: #fff;
	border-left-width: 0
}

.el-popper[x-placement^=left] {
	margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
	top: 50%;
	right: -6px;
	margin-bottom: 3px;
	border-right-width: 0;
	border-left-color: #ebeef5
}

.el-popper[x-placement^=left] .popper__arrow:after {
	right: 1px;
	bottom: -6px;
	margin-left: -6px;
	border-right-width: 0;
	border-left-color: #fff
}

.messageBox .box-background[data-v-ab75fd20] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1300;
	background: rgba(0,0,0,.45)
}

.messageBox .box-body[data-v-ab75fd20] {
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1300;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.singleChatDialog {
	width: 600px;
	border-radius: 4px;
	background-color: #fff
}

.singleChatDialog button {
	cursor: pointer
}

.singleChatDialog .clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.singleChatDialog .clearfix {
	*zoom: 1
}

.singleChatDialog p {
	text-align: justify;
	word-break: break-all
}

.singleChatDialog h2 {
	color: #333;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	padding: 0 5px 0 27px;
	border-bottom: 1px solid #e6e6e6
}

.singleChatDialog h2 button {
	width: 60px;
	height: 60px;
	border: none;
	float: right;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAACVlZWampqXl5eampqXl5eampqZmZmZmZmhoY9gAAAACHRSTlMAGDo7P0B06dqRrk0AAABGSURBVAiZYxBiAAEmAQZzBxDD3YCBtQRIs4CIcKCQO0gYKAQWAHHBAkAFZRABBoaMBAZUEZgaFpgud6g5LDCT4XYJQ20HAGUxDNTSMTlsAAAAAElFTkSuQmCC) 50% no-repeat
}

.singleChatDialog .sendcard {
	position: absolute;
	z-index: 100;
	left: 86px
}

.singleChatDialog .sendcard button {
	width: 74px;
	height: 30px;
	background: #4c87f9;
	border-radius: 15px;
	border: none;
	color: #fff;
	font-size: 14px;
	line-height: 22px
}

.singleChatDialog .sendcard .service_card {
	width: 520px;
	margin: 10px auto;
	margin-top: 25px;
	border: 1px solid #e5e5e5;
	padding: 10px;
	position: relative
}

.singleChatDialog .sendcard .service_card .leftimg,.singleChatDialog .sendcard .service_card .rightmsg {
	display: inline-block;
	vertical-align: top
}

.singleChatDialog .sendcard .service_card .leftimg {
	width: 158px;
	height: 110px;
	margin-right: 15px
}

.singleChatDialog .sendcard .service_card .leftimg .imgBox {
	width: 158px;
	height: 110px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.singleChatDialog .sendcard .service_card .rightmsg {
	width: 306px
}

.singleChatDialog .sendcard .service_card .rightmsg p {
	font-size: 16px;
	height: 40px;
	margin-bottom: 45px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.singleChatDialog .sendcard .service_card .rightmsg span {
	color: #dd6338;
	font-size: 20px
}

.singleChatDialog .sendcard .service_card button {
	position: absolute;
	right: 23px;
	bottom: 11px
}

.singleChatDialog .sendcard .project_card {
	width: 420px;
	margin: 10px auto;
	margin-top: 25px;
	background: #fff;
	border: 1px solid #e5e5e5;
	font-size: 18px;
	padding: 16px 20px 12px;
	position: relative
}

.singleChatDialog .sendcard .project_card h3 {
	font-weight: 400;
	line-height: 20px;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f2f2f2
}

.singleChatDialog .sendcard .project_card .procontext {
	margin-top: 10px
}

.singleChatDialog .sendcard .project_card .procontext .price {
	color: #dd6338;
	line-height: 28px;
	margin-right: 8px
}

.singleChatDialog .sendcard .project_card .procontext .saw {
	color: #8f8f8f;
	font-size: 14px;
	padding-left: 8px;
	border-left: 1px solid #f2f2f2
}

.singleChatDialog .sendcard .project_card button {
	position: absolute;
	right: 23px;
	bottom: 11px
}

.singleChatDialog .serversendcard {
	left: 35px;
	background: #fff
}

.singleChatDialog .chatList {
	padding: 0 20px 27px;
	height: 500px;
	overflow-y: scroll
}

.singleChatDialog .chatList .item {
	margin: 10px 0;
	width: 100%
}

.singleChatDialog .chatList .item .item-time {
	color: #ccc;
	font-size: 12px;
	line-height: 28px;
	text-align: center
}

.singleChatDialog .chatList .item.left,.singleChatDialog .chatList .item.left .item-avtor .headerimg {
	float: left
}

.singleChatDialog .chatList .item.left .item-message {
	margin-left: 18px;
	float: left;
	padding: 0
}

.singleChatDialog .chatList .item.left .item-message i {
	position: absolute;
	top: 12px;
	left: -12px;
	border-width: 0 12px 8px 0;
	border-style: solid;
	border-color: transparent #f8f8f8 transparent transparent
}

.singleChatDialog .chatList .item.left .item-message .chat_msg {
	color: #333;
	background-color: #f5f5f5
}

.singleChatDialog .chatList .item.right,.singleChatDialog .chatList .item.right .item-avtor .headerimg {
	float: right
}

.singleChatDialog .chatList .item.right .item-message {
	float: right;
	margin-right: 18px;
	padding: 0
}

.singleChatDialog .chatList .item.right .item-message i {
	position: absolute;
	top: 12px;
	right: -12px;
	border-width: 0 0 8px 12px;
	border-style: solid;
	border-color: transparent transparent transparent #f8f8f8
}

.singleChatDialog .chatList .item.right .item-message .chat_msg {
	color: #0083ff;
	background-color: #eaf3ff
}

.singleChatDialog .chatList .item .item-avtor img {
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.singleChatDialog .chatList .item .item-message {
	margin: 8px 0 0;
	position: relative;
	padding: 8px 12px;
	background-color: #f8f8f8;
	border-radius: 4px;
	max-width: 420px
}

.singleChatDialog .chatList .item .item-message i {
	display: inline-block;
	width: 0;
	height: 0
}

.singleChatDialog .chatList .item .item-message p {
	font-size: 14px;
	line-height: 22px;
	padding: 8px 10px
}

.singleChatDialog .chatList .item .item-message img {
	max-width: 120px;
	max-height: 120px
}

.singleChatDialog .chatList .item .item-message .show_project {
	float: right;
	width: 420px;
	padding: 10px 22px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	cursor: pointer
}

.singleChatDialog .chatList .item .item-message .show_project .top {
	padding-bottom: 10px;
	border-bottom: 1px solid #f2f2f2
}

.singleChatDialog .chatList .item .item-message .show_project .top h3 {
	float: left;
	width: 70%;
	margin-right: 9px;
	font-size: 18px;
	line-height: 20px;
	color: #333;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.singleChatDialog .chatList .item .item-message .show_project .top em {
	float: left;
	font-size: 18px;
	line-height: 20px;
	color: #dd6338;
	font-weight: 700
}

.singleChatDialog .chatList .item .item-message .show_project .details {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 10px 0
}

.singleChatDialog .chatList .item .item-message .show_project .bottom p {
	float: left;
	height: 26px;
	padding: 6px 14px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #0083ff;
	border-radius: 13px;
	font-size: 14px;
	line-height: 14px;
	color: #fff
}

.singleChatDialog .chatList .item .item-message .show_project .bottom span {
	float: left;
	height: 26px;
	padding: 6px 12px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #eaf3ff;
	border-radius: 13px;
	line-height: 14px;
	font-size: 14px;
	color: #0083ff
}

.singleChatDialog .chatList .item .item-message .show_project .bottom span:last-child {
	margin-right: 0
}

.singleChatDialog .chatList .item .item-message .show_service {
	width: 420px;
	border: 1px solid #e5e5e5;
	padding: 10px;
	background: #fff;
	position: relative;
	cursor: pointer
}

.singleChatDialog .chatList .item .item-message .show_service .leftimg,.singleChatDialog .chatList .item .item-message .show_service .rightmsg {
	display: inline-block;
	vertical-align: top
}

.singleChatDialog .chatList .item .item-message .show_service .leftimg {
	width: 158px;
	height: 110px;
	margin-right: 15px
}

.singleChatDialog .chatList .item .item-message .show_service .leftimg .imgBox {
	width: 158px;
	height: 110px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg {
	width: 225px
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg p {
	font-size: 16px;
	height: 50px;
	margin-bottom: 37px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg ._prices {
	width: 150px;
	height: 25px
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg ._prices span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	height: 28px;
	color: #dd6338;
	font-size: 20px;
	width: 140px
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg ._prices .jiagemianyi {
	padding-left: 10px
}

.singleChatDialog .chatList .item .item-message .show_service .rightmsg .cheng_jiao {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #666;
	font-size: 14px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 84px
}

.singleChatDialog .chatList .item .item-message .ischatread {
	position: absolute;
	bottom: -17px;
	right: 0;
	font-size: 12px;
	color: #999
}

.singleChatDialog .chatList .includesendcard {
	width: 520px;
	clear: both;
	padding: 1px 0
}

.singleChatDialog .chatList .includesendcard button {
	width: 74px;
	height: 30px;
	background: #4c87f9;
	border-radius: 15px;
	border: none;
	color: #fff;
	font-size: 14px;
	line-height: 22px
}

.singleChatDialog .chatList .includesendcard .includservice_card {
	width: 520px;
	margin: 10px auto;
	margin-top: 25px;
	border: 1px solid #e5e5e5;
	padding: 10px;
	position: relative
}

.singleChatDialog .chatList .includesendcard .includservice_card .leftimg,.singleChatDialog .chatList .includesendcard .includservice_card .rightmsg {
	display: inline-block;
	vertical-align: top
}

.singleChatDialog .chatList .includesendcard .includservice_card .leftimg {
	width: 158px;
	height: 110px;
	margin-right: 15px
}

.singleChatDialog .chatList .includesendcard .includservice_card .leftimg .imgBox {
	width: 158px;
	height: 110px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.singleChatDialog .chatList .includesendcard .includservice_card .rightmsg {
	width: 306px
}

.singleChatDialog .chatList .includesendcard .includservice_card .rightmsg p {
	font-size: 16px;
	height: 40px;
	margin-bottom: 45px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.singleChatDialog .chatList .includesendcard .includservice_card .rightmsg span {
	color: #dd6338;
	font-size: 20px
}

.singleChatDialog .chatList .includesendcard .includservice_card button {
	position: absolute;
	right: 23px;
	bottom: 11px
}

.singleChatDialog .chatList .includesendcard .project_card {
	width: 420px;
	margin: 10px auto;
	margin-top: 25px;
	background: #fff;
	border: 1px solid #e5e5e5;
	font-size: 18px;
	padding: 16px 20px 12px;
	position: relative
}

.singleChatDialog .chatList .includesendcard .project_card h3 {
	font-weight: 400;
	line-height: 20px;
	font-size: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f2f2f2
}

.singleChatDialog .chatList .includesendcard .project_card .procontext {
	margin-top: 10px
}

.singleChatDialog .chatList .includesendcard .project_card .procontext .price {
	color: #dd6338;
	line-height: 28px;
	margin-right: 8px
}

.singleChatDialog .chatList .includesendcard .project_card .procontext .saw {
	color: #8f8f8f;
	font-size: 14px;
	padding-left: 8px;
	border-left: 1px solid #f2f2f2
}

.singleChatDialog .chatList .includesendcard .project_card button {
	position: absolute;
	right: 23px;
	bottom: 11px
}

.singleChatDialog .martop {
	padding-top: 150px
}

.singleChatDialog .operation {
	border-top: 1px solid #e6e6e6;
	padding: 12px 18px
}

.singleChatDialog .operation input {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	border: none;
	background: none;
	width: 85%
}

.singleChatDialog .operation input::-webkit-input-placeholder {
	color: #999
}

.singleChatDialog .operation input:-ms-input-placeholder,.singleChatDialog .operation input::-ms-input-placeholder {
	color: #999
}

.singleChatDialog .operation input::placeholder {
	color: #999
}

.singleChatDialog .operation button {
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	padding: 9px 0;
	border: none;
	margin-left: 10px;
	width: 70px;
	border-radius: 4px;
	background-color: #0083ff
}

.pagination[data-v-4cd2cf5d] {
	height: 32px;
	width: auto;
	display: table;
	margin: 0 auto;
	padding: 50px 0
}

.pagination a[data-v-4cd2cf5d],.pagination div[data-v-4cd2cf5d] {
	display: inline-block;
	width: 40px;
	border-radius: 4px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #f1f1f1;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.pagination a[data-v-4cd2cf5d]:hover,.pagination div[data-v-4cd2cf5d]:hover {
	text-decoration: none
}

.pagination .inline[data-v-4cd2cf5d] {
	display: inline
}

.pagination .separate[data-v-4cd2cf5d] {
	color: #666!important
}

.pagination .separate[data-v-4cd2cf5d]:hover {
	background: none!important;
	color: #666!important;
	border-color: #f1f1f1!important
}

.pagination .end[data-v-4cd2cf5d],.pagination .home[data-v-4cd2cf5d],.pagination .next[data-v-4cd2cf5d],.pagination .prve[data-v-4cd2cf5d] {
	float: left;
	margin-right: 10px;
	color: #666;
	font-family: Verdana
}

.pagination .end.cur[data-v-4cd2cf5d],.pagination .end[data-v-4cd2cf5d]:hover,.pagination .home.cur[data-v-4cd2cf5d],.pagination .home[data-v-4cd2cf5d]:hover,.pagination .next.cur[data-v-4cd2cf5d],.pagination .next[data-v-4cd2cf5d]:hover,.pagination .prve.cur[data-v-4cd2cf5d],.pagination .prve[data-v-4cd2cf5d]:hover {
	background: #0083ff;
	color: #fff;
	border-color: #0083ff
}

.pagination .unok[data-v-4cd2cf5d] {
	color: #ccc;
	cursor: default
}

.pagination .unok[data-v-4cd2cf5d]:hover {
	background: none!important;
	color: #ccc!important;
	border-color: #f1f1f1!important
}

.pagination .num[data-v-4cd2cf5d] {
	float: left
}

.pagination .num span[data-v-4cd2cf5d] {
	display: inline
}

.pagination .num a[data-v-4cd2cf5d],.pagination .num div[data-v-4cd2cf5d] {
	color: #666;
	margin-right: 7px;
	font-family: Verdana
}

.pagination .num a.cur[data-v-4cd2cf5d],.pagination .num a[data-v-4cd2cf5d]:hover,.pagination .num div.cur[data-v-4cd2cf5d],.pagination .num div[data-v-4cd2cf5d]:hover {
	background: #0083ff;
	color: #fff;
	border-color: #0083ff
}

.attention-container {
	font-family: MicrosoftYaHei;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.attention-container .content {
	width: 1200px;
	margin: 0 auto;
	padding-left: 50px
}

.attention-container .content .mid-nav {
	height: 56px;
	border-bottom: 1px solid #e5e5e5
}

.attention-container .content .mid-nav a {
	position: relative;
	display: inline-block;
	margin-right: 70px;
	color: #666;
	font-size: 24px;
	line-height: 56px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.attention-container .content .mid-nav a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 3px;
	top: 53px;
	left: 0;
	background-color: #333;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.attention-container .content .mid-nav a:hover {
	color: #000
}

.attention-container .content .mid-nav a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.attention-container .content .mid-nav a.select {
	color: #000
}

.attention-container .content .mid-nav a.select:before {
	content: "";
	position: absolute;
	top: 53px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #333
}

.attention-container .content ul {
	margin-top: 40px
}

.attention-container .content ul.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.attention-container .content ul li {
	position: relative;
	float: left;
	width: 370px;
	height: 128px;
	margin: 0 20px 20px 0;
	background: #f8fafc
}

.attention-container .content ul li:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

.attention-container .content ul li:nth-child(3n) {
	margin-right: 0
}

.attention-container .content ul li .avatar {
	overflow: hidden;
	position: relative;
	float: left;
	width: 44px;
	height: 44px;
	margin: 18px 19px 0;
	border-radius: 50%
}

.attention-container .content ul li .avatar img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.attention-container .content ul li .center {
	float: left;
	height: 128px
}

.attention-container .content ul li .center a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	max-width: 174px;
	margin: 20px 0 6px;
	font-size: 20px;
	color: #333
}

.attention-container .content ul li .center a:hover {
	color: #0083ff
}

.attention-container .content ul li .center .work-name {
	display: block;
	margin-bottom: 16px;
	color: #999;
	font-size: 14px;
	line-height: 14px
}

.attention-container .content ul li .center .count span {
	display: inline-block;
	margin-right: 30px;
	color: #999;
	font-size: 14px;
	line-height: 14px
}

.attention-container .content ul li .operation {
	overflow: hidden;
	position: absolute;
	top: 19px;
	right: 19px;
	width: 70px;
	height: 34px
}

.attention-container .content ul li .operation div {
	width: 210px;
	height: 34px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.attention-container .content ul li .operation div.ygz {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.attention-container .content ul li .operation div.qxgz {
	-webkit-transform: translate3d(-70px,0,0);
	transform: translate3d(-70px,0,0)
}

.attention-container .content ul li .operation div.gz {
	-webkit-transform: translate3d(-140px,0,0);
	transform: translate3d(-140px,0,0)
}

.attention-container .content ul li .operation div span {
	float: left;
	width: 70px;
	height: 34px;
	font-size: 12px;
	text-align: center;
	line-height: 34px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.attention-container .content ul li .operation div span:first-child {
	background: #fff;
	color: #333;
	border: 1px solid #333
}

.attention-container .content ul li .operation div span:nth-child(2) {
	background: #fff;
	color: #0083ff;
	border: 1px solid #0083ff
}

.attention-container .content ul li .operation div span:nth-child(3) {
	background: #0083ff;
	color: #fff
}

.attention-container .no-data {
	width: 1200px;
	height: 440px;
	margin: 0 auto;
	padding-top: 150px
}

.attention-container .no-data img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 40px
}

.attention-container .no-data p {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 14px;
	text-align: center
}

.attention-container .no-data p a {
	color: #0083ff
}

#myShop {
	width: 1200px;
	margin: 31px auto 41px;
	display: table
}

#myShop button {
	cursor: pointer
}

#myShop p {
	word-break: break-all
}

#myShop>.left {
	width: 290px;
	display: table-cell
}

#myShop>.left .navbar {
	padding: 37px 20px 0;
	background-color: #fff
}

#myShop>.left .navbar img {
	width: 228px;
	height: 113px;
	margin-left: 20px
}

#myShop>.left .navbar .menu li {
	color: #666;
	font-size: 16px;
	line-height: 60px;
	cursor: pointer;
	padding-left: 20px;
	border-bottom: 1px solid #f2f2f2
}

#myShop>.left .navbar .menu li i {
	color: #666;
	font-size: 16px;
	margin-right: 10px
}

#myShop>.left .navbar .menu li.light,#myShop>.left .navbar .menu li.light i,#myShop>.left .navbar .menu li:hover,#myShop>.left .navbar .menu li:hover i {
	color: #0083ff
}

#myShop>.left .navbar .menu li:last-child {
	border: none
}

#myShop .line {
	width: 30px;
	display: table-cell
}

#myShop>.right {
	width: 880px;
	display: table-cell;
	vertical-align: top
}

#myShop .mydialog {
	width: 502px;
	padding: 0 70px 37px
}

#myShop .mydialog h2 {
	color: #333;
	font-size: 30px;
	font-weight: 400;
	padding: 30px 0
}

#myShop .mydialog p {
	color: #666;
	font-size: 14px;
	line-height: 38px
}

#myShop .mydialog .operation {
	margin-top: 35px;
	text-align: right
}

#myShop .mydialog .operation button {
	width: 120px;
	height: 42px;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

#myShop .mydialog .operation button:first-child {
	color: #0083ff;
	border: 1px solid #2d93f9;
	background-color: #fff;
	margin-right: 20px
}

#myShop-baseInfo {
	background-color: #fff
}

#myShop-baseInfo h2.name {
	color: #333;
	font-size: 20px;
	line-height: 54px;
	padding: 15px 0 0;
	margin: 0 40px 15px;
	border-bottom: 1px solid #e5e5e5
}

#myShop-baseInfo .season {
	color: #ff6d0c;
	font-size: 14px;
	line-height: 22x;
	border-radius: 4px;
	border: 1px solid #ffd9ae;
	background-color: #fff5e9;
	padding: 10px 12px;
	margin: 0 40px
}

#myShop-baseInfo .season i {
	margin-right: 5px
}

#myShop-baseInfo .main {
	padding: 0 40px 50px
}

#myShop-baseInfo .main .item {
	margin-top: 35px
}

#myShop-baseInfo .main .item:first-child {
	margin-top: 20px
}

#myShop-baseInfo .main .item .title {
	color: #666;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px
}

#myShop-baseInfo .main .item .title i {
	color: #ff4931;
	padding-right: 3px
}

#myShop-baseInfo .main .item .uploadImg {
	width: 122px;
	height: 122px;
	border: 1px solid #e5e5e5;
	margin: 15px 25px 0 0;
	text-align: center;
	border-radius: 2px;
	position: relative;
	color: #fff
}

#myShop-baseInfo .main .item .uploadImg .imgBox {
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 2px;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#myShop-baseInfo .main .item .uploadImg i {
	font-size: 40px;
	display: inline-block;
	margin-top: 25px;
	position: relative;
	z-index: 2
}

#myShop-baseInfo .main .item .uploadImg p {
	font-size: 14px;
	margin-top: 2px;
	position: relative;
	z-index: 2
}

#myShop-baseInfo .main .item .uploadImg.hompage {
	border: 1px dashed #e5e5e5
}

#myShop-baseInfo .main .item .uploadImg.hompage i {
	color: #e5e5e5
}

#myShop-baseInfo .main .item .uploadImg.hompage p {
	color: #0083ff;
	font-weight: 700
}

#myShop-baseInfo .main .item .uploadImg.logo:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	position: absolute;
	left: 0;
	top: 0
}

#myShop-baseInfo .main .item.homepage>div {
	display: inline-block;
	float: left
}

#myShop-baseInfo .main .item .error .el-input__inner,#myShop-baseInfo .main .item .error .el-textarea__inner {
	border-color: #ed7266
}

#myShop-baseInfo .main .item .el-input__inner,#myShop-baseInfo .main .item .el-textarea__inner {
	margin-top: 13px;
	width: 80%;
	resize: none;
	color: #666;
	font-size: 14px;
	line-height: 24px
}

#myShop-baseInfo .main .item .el-input__inner::-webkit-input-placeholder,#myShop-baseInfo .main .item .el-textarea__inner::-webkit-input-placeholder {
	color: #999;
	font-size: 14px;
	line-height: 24px
}

#myShop-baseInfo .main .item .el-input__inner:-ms-input-placeholder,#myShop-baseInfo .main .item .el-input__inner::-ms-input-placeholder,#myShop-baseInfo .main .item .el-textarea__inner:-ms-input-placeholder,#myShop-baseInfo .main .item .el-textarea__inner::-ms-input-placeholder {
	color: #999;
	font-size: 14px;
	line-height: 24px
}

#myShop-baseInfo .main .item .el-input__inner::placeholder,#myShop-baseInfo .main .item .el-textarea__inner::placeholder {
	color: #999;
	font-size: 14px;
	line-height: 24px
}

#myShop-baseInfo .main .item .el-switch__core {
	margin-top: 25px
}

#myShop-baseInfo .main .item .explain {
	color: #999;
	font-size: 12px;
	padding-top: 8px;
	clear: both
}

#myShop-baseInfo .operation {
	padding: 30px 40px 35px;
	border-top: 1px solid #e5e5e5
}

#myShop-baseInfo .operation button {
	width: 120px;
	height: 42px;
	border: 1px solid #0083ff;
	border-radius: 4px;
	font-size: 14px;
	margin-right: 25px
}

#myShop-baseInfo .operation button.confirm,#myShop-baseInfo .operation button.save {
	color: #fff;
	background-color: #0083ff
}

#myShop-baseInfo .operation button.save {
	width: 120px
}

#myShop-baseInfo .operation button.unwork {
	border-color: #e5e5e5;
	background-color: #e5e5e5
}

#myShop-baseInfo .operation button.cancel {
	width: 120px;
	color: #0083ff;
	background-color: #fff
}

.el-switch {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	vertical-align: middle
}

.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label {
	cursor: not-allowed
}

.el-switch__core,.el-switch__label {
	display: inline-block;
	cursor: pointer;
	vertical-align: middle
}

.el-switch__label {
	-webkit-transition: .2s;
	transition: .2s;
	height: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #303133
}

.el-switch__label.is-active {
	color: #409eff
}

.el-switch__label--left {
	margin-right: 10px
}

.el-switch__label--right {
	margin-left: 10px
}

.el-switch__label * {
	line-height: 1;
	font-size: 14px;
	display: inline-block
}

.el-switch__input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0
}

.el-switch__input:focus~.el-switch__core {
	outline: 1px solid #409eff
}

.el-switch__core {
	margin: 0;
	position: relative;
	width: 40px;
	height: 20px;
	border: 1px solid #dcdfe6;
	outline: 0;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #dcdfe6;
	-webkit-transition: border-color .3s,background-color .3s;
	transition: border-color .3s,background-color .3s
}

.el-switch__core:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	border-radius: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 16px;
	height: 16px;
	background-color: #fff
}

.el-switch.is-checked .el-switch__core {
	border-color: #409eff;
	background-color: #409eff
}

.el-switch.is-checked .el-switch__core:after {
	left: 100%;
	margin-left: -17px
}

.el-switch.is-disabled {
	opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
	left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
	right: 10px
}

.el-switch .label-fade-enter,.el-switch .label-fade-leave-active {
	opacity: 0
}

.myShop-serverManege p {
	word-break: break-all
}

.myShop-serverManege button {
	cursor: pointer
}

.myShop-serverManege {
	background-color: #fff
}

.myShop-serverManege h2.name {
	color: #333;
	font-size: 20px;
	line-height: 54px;
	padding: 15px 0 0;
	margin: 0 40px;
	border-bottom: 1px solid #e5e5e5
}

.myShop-serverManege h2.name a,.myShop-serverManege h2.name button {
	float: right;
	width: 80px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	border: none;
	border-radius: 4px;
	background-color: #0083ff;
	margin-top: 10px;
	cursor: pointer
}

.myShop-serverManege h2.name a {
	line-height: 30px;
	text-align: center;
	font-weight: 400
}

.myShop-serverManege .main {
	padding: 0 40px
}

.myShop-serverManege .main .menu li {
	color: #666;
	font-size: 14px;
	line-height: 40px;
	display: inline-block;
	margin: 5px 40px 0 0;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
	position: relative
}

.myShop-serverManege .main .menu li.light,.myShop-serverManege .main .menu li:hover {
	color: #0083ff
}

.myShop-serverManege .main .menu li:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.myShop-serverManege .main .menu li.light:after,.myShop-serverManege .main .menu li:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.myShop-serverManege .main .list .item {
	min-height: 140px;
	border-radius: 4px;
	margin-top: 25px;
	padding: 10px 20px 18px;
	background-color: #f6f6f6;
	position: relative
}

.myShop-serverManege .main .list .item .time {
	color: #999;
	font-size: 14px
}

.myShop-serverManege .main .list .item .content {
	margin-top: 15px;
	display: table
}

.myShop-serverManege .main .list .item .content .cell {
	display: table-cell;
	vertical-align: top
}

.myShop-serverManege .main .list .item .content .one {
	width: 100px
}

.myShop-serverManege .main .list .item .content .one .imgBox {
	width: 80px;
	height: 80px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.myShop-serverManege .main .list .item .content .one img {
	width: 80px;
	height: 80px
}

.myShop-serverManege .main .list .item .content .two {
	width: 200px;
	padding-right: 30px
}

.myShop-serverManege .main .list .item .content .two h3 {
	color: #333;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	display: inline-block;
	width: 200px;
	height: 58px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	cursor: pointer
}

.myShop-serverManege .main .list .item .content .two h3:hover {
	color: #0083ff
}

.myShop-serverManege .main .list .item .content .two .type {
	color: #999;
	font-size: 14px;
	padding-top: 5px
}

.myShop-serverManege .main .list .item .content .three {
	width: 200px
}

.myShop-serverManege .main .list .item .content .three .money {
	color: #666;
	font-size: 14px;
	line-height: 26px;
	font-weight: 500
}

.myShop-serverManege .main .list .item .content .three .money em {
	color: #ff532b;
	font-size: 20px;
	font-weight: 550;
	padding-right: 5px;
	vertical-align: bottom
}

.myShop-serverManege .main .list .item .content .four {
	width: 100px
}

.myShop-serverManege .main .list .item .content .four .state {
	color: #666;
	font-size: 14px;
	padding-top: 3px;
	text-align: center
}

.myShop-serverManege .main .list .item .content .four .state.upshelf {
	color: #5cc451
}

.myShop-serverManege .main .list .item .content .four .state.authing {
	color: #0083ff
}

.myShop-serverManege .main .list .item .content .four .state.unpass {
	color: #ff532b
}

.myShop-serverManege .main .list .item .content .five {
	width: 120px;
	text-align: right
}

.myShop-serverManege .main .list .item .content .five.over {
	position: absolute;
	top: 20px;
	right: 30px
}

.myShop-serverManege .main .list .item .content .five button {
	width: 80px;
	height: 30px;
	color: #333;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid silver;
	margin-bottom: 10px;
	background-color: #fff
}

.myShop-serverManege .main .list .item .content .five button:last-child {
	margin-bottom: 0
}

.myShop-serverManege .main .list .item .content .five button:hover {
	color: #0083ff;
	border: 1px solid #0083ff
}

.myShop-serverManege .main .default {
	padding: 120px 0 160px;
	text-align: center
}

.myShop-serverManege .main .default img {
	width: 230px;
	height: 193px
}

.myShop-serverManege .main .default p {
	color: #d0d0d0;
	font-size: 20px;
	margin-top: 30px
}

.myShop-serverManege .dialog {
	width: 502px;
	padding: 0 70px 37px
}

.myShop-serverManege .dialog h2 {
	color: #333;
	font-size: 30px;
	font-weight: 400;
	padding: 30px 0
}

.myShop-serverManege .dialog p {
	color: #666;
	font-size: 14px;
	line-height: 38px
}

.myShop-serverManege .dialog .operation {
	margin-top: 35px;
	text-align: right
}

.myShop-serverManege .dialog .operation button {
	width: 120px;
	height: 42px;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

.myShop-serverManege .dialog .operation button:first-child {
	color: #0083ff;
	border: 1px solid #2d93f9;
	background-color: #fff;
	margin-right: 20px
}

.myShop-soldServer {
	background-color: #fff
}

.myShop-soldServer p {
	word-break: break-all
}

.myShop-soldServer button {
	cursor: pointer
}

.myShop-soldServer h2.name {
	color: #333;
	font-size: 20px;
	line-height: 54px;
	padding: 15px 0 0;
	margin: 0 40px;
	border-bottom: 1px solid #e5e5e5
}

.myShop-soldServer h2.name button {
	float: right;
	width: 80px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	border: none;
	border-radius: 4px;
	background-color: #0083ff;
	margin-top: 10px
}

.myShop-soldServer .main {
	padding: 0 40px
}

.myShop-soldServer .main .menu li {
	color: #666;
	font-size: 14px;
	line-height: 40px;
	display: inline-block;
	margin: 5px 40px 0 0;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
	position: relative
}

.myShop-soldServer .main .menu li.light,.myShop-soldServer .main .menu li:hover {
	color: #0083ff
}

.myShop-soldServer .main .menu li:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.myShop-soldServer .main .menu li.light:after,.myShop-soldServer .main .menu li:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.myShop-soldServer .main .list .item {
	min-height: 140px;
	border-radius: 4px;
	margin-top: 25px;
	padding: 10px 20px 18px;
	background-color: #f6f6f6;
	position: relative
}

.myShop-soldServer .main .list .item .time {
	color: #999;
	font-size: 14px
}

.myShop-soldServer .main .list .item .time span {
	padding-left: 30px
}

.myShop-soldServer .main .list .item .counter {
	display: inline-block;
	padding: 3px 10px 4px;
	background-color: #666;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 14px
}

.myShop-soldServer .main .list .item .content {
	margin-top: 15px;
	display: table
}

.myShop-soldServer .main .list .item .content .cell {
	display: table-cell;
	vertical-align: top
}

.myShop-soldServer .main .list .item .content .one {
	width: 100px
}

.myShop-soldServer .main .list .item .content .one .imgBox {
	width: 80px;
	height: 80px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.myShop-soldServer .main .list .item .content .one img {
	width: 80px;
	height: 80px
}

.myShop-soldServer .main .list .item .content .two {
	width: 200px;
	padding-right: 30px
}

.myShop-soldServer .main .list .item .content .two h3 {
	color: #333;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	display: inline-block;
	width: 200px;
	height: 58px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	cursor: pointer
}

.myShop-soldServer .main .list .item .content .two h3:hover {
	color: #0083ff
}

.myShop-soldServer .main .list .item .content .two .buyer {
	color: #666;
	font-size: 14px;
	padding-top: 5px
}

.myShop-soldServer .main .list .item .content .two .buyer .tallck {
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	position: relative;
	top: 2px;
	cursor: pointer
}

.myShop-soldServer .main .list .item .content .two .buyer .tallck:hover {
	color: #0083ff
}

.myShop-soldServer .main .list .item .content .three {
	width: 200px
}

.myShop-soldServer .main .list .item .content .three .money {
	color: #666;
	font-size: 14px;
	line-height: 26px;
	font-weight: 500
}

.myShop-soldServer .main .list .item .content .three .money em {
	color: #ff532b;
	font-size: 20px;
	font-weight: 550;
	padding-right: 5px
}

.myShop-soldServer .main .list .item .content .four {
	width: 100px
}

.myShop-soldServer .main .list .item .content .four .state {
	color: #666;
	font-size: 14px;
	padding-top: 3px
}

.myShop-soldServer .main .list .item .content .four .state.light {
	color: #ff532b
}

.myShop-soldServer .main .list .item .content .four a {
	color: #333;
	font-size: 14px;
	line-height: 30px
}

.myShop-soldServer .main .list .item .content .four a:hover {
	color: #0083ff
}

.myShop-soldServer .main .list .item .content .five {
	width: 130px;
	text-align: right
}

.myShop-soldServer .main .list .item .content .five.over {
	position: absolute;
	top: 20px;
	right: 30px
}

.myShop-soldServer .main .list .item .content .five .call {
	color: #666;
	font-size: 14px;
	position: absolute;
	bottom: 20px;
	right: 20px
}

.myShop-soldServer .main .list .item .content .five .call i {
	margin-right: 7px
}

.myShop-soldServer .main .list .item .content .five button {
	width: 80px;
	height: 30px;
	color: #333;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid silver;
	margin-bottom: 10px;
	background-color: #fff
}

.myShop-soldServer .main .list .item .content .five button:last-child {
	margin-bottom: 0
}

.myShop-soldServer .main .list .item .content .five button:hover {
	color: #0083ff;
	border: 1px solid #0083ff
}

.myShop-soldServer .main .default {
	padding: 120px 0 160px;
	text-align: center
}

.myShop-soldServer .main .default img {
	width: 230px;
	height: 193px
}

.myShop-soldServer .main .default p {
	color: #d0d0d0;
	font-size: 20px;
	margin-top: 30px
}

.myShop-soldServer .dialog {
	width: 502px;
	min-height: 350px;
	padding: 0 70px 37px
}

.myShop-soldServer .dialog h2 {
	color: #333;
	font-size: 30px;
	font-weight: 400;
	padding: 30px 0
}

.myShop-soldServer .dialog h2 .close {
	width: 50px;
	height: 50px;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;float: right;
	position: relative;
	right: -30px
}

.myShop-soldServer .dialog p {
	color: #666;
	font-size: 14px;
	line-height: 38px
}

.myShop-soldServer .dialog .operation {
	margin-top: 35px;
	text-align: right
}

.myShop-soldServer .dialog .operation button {
	width: 120px;
	height: 42px;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

.myShop-soldServer .dialog .operation button:first-child {
	color: #0083ff;
	border: 1px solid #2d93f9;
	background-color: #fff;
	margin-right: 20px
}

.myShop-soldServer .dialog.deleteDialog {
	min-height: auto
}

.myShop-soldServer .dialog.comfirmDialog p em {
	color: #333;
	font-size: 24px
}

.myShop-soldServer .dialog.modifyDialog .myInput {
	width: 150px;
	margin: 12px 0 0;
	color: #606266;
	height: 40px;
	line-height: 40px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	padding: 0 15px
}

.myShop-soldServer .dialog.modifyDialog .myInput::-webkit-input-placeholder {
	color: #c0c4cc
}

.myShop-soldServer .dialog.modifyDialog .myInput:-ms-input-placeholder,.myShop-soldServer .dialog.modifyDialog .myInput::-ms-input-placeholder {
	color: #c0c4cc
}

.myShop-soldServer .dialog.modifyDialog .myInput::placeholder {
	color: #c0c4cc
}

.myShop-soldServer .dialog.modifyDialog .myInput:focus {
	border-color: #409eff
}

.myShop-soldServer .dialog.modifyDialog .el-input {
	width: 150px;
	margin: 12px 0 0
}

.myShop-soldServer .dialog.modifyDialog .el-input .el-input__inner {
	padding-right: 38px
}

.myShop-soldServer .dialog.modifyDialog i {
	font-style: normal;
	position: relative;
	left: -30px
}

.myShop-soldServer .dialog.submitAcceptDialog {
	height: 292px
}

.myShop-soldServer .dialog.submitAcceptDialog p {
	font-size: 16px;
	line-height: 36px
}

.myShop-soldServer .dialog.refundDialog {
	width: 734px;
	max-height: 734px;
	overflow: auto;
	padding-bottom: 63px
}

.myShop-soldServer .dialog.refundDialog .pic {
	padding: 20px 20px 30px;
	background-color: #f2f2f2
}

.myShop-soldServer .dialog.refundDialog .pic p {
	color: #999;
	font-size: 14px;
	line-height: 24px
}

.myShop-soldServer .dialog.refundDialog .pic p em {
	color: #333
}

.myShop-soldServer .dialog.refundDialog .pic p:last-child {
	margin-top: 10px
}

.myShop-soldServer .dialog.refundDialog .selectItem {
	color: #666;
	font-size: 16px;
	margin-top: 15px;
	cursor: pointer
}

.myShop-soldServer .dialog.refundDialog .selectItem span {
	color: #999
}

.myShop-soldServer .dialog.refundDialog .selectItem i {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 11px;
	border: 1px solid #ccc;
	border-radius: 50%;
	position: relative;
	top: 4px
}

.myShop-soldServer .dialog.refundDialog .selectItem.light i {
	border-color: #0083ff;
	background-color: #0083ff
}

.myShop-soldServer .dialog.refundDialog .selectItem.light i:after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 4px;
	left: 4px
}

.myShop-soldServer .dialog.refundDialog .reason .el-textarea__inner {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	padding: 10px 15px 30px;
	margin-top: 5px;
	resize: none
}

.myShop-soldServer .dialog.refundDialog .reason .el-textarea__inner::-webkit-input-placeholder {
	color: #ccc
}

.myShop-soldServer .dialog.refundDialog .reason .el-textarea__inner:-ms-input-placeholder,.myShop-soldServer .dialog.refundDialog .reason .el-textarea__inner::-ms-input-placeholder {
	color: #ccc
}

.myShop-soldServer .dialog.refundDialog .reason .el-textarea__inner::placeholder {
	color: #ccc
}

.myShop-soldServer .dialog.refundDialog .reason span {
	color: #ccc;
	font-size: 14px;
	float: right;
	position: relative;
	top: -25px;
	right: 20px
}

.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing) {
	outline-width: 0
}

.el-tooltip__popper {
	position: absolute;
	border-radius: 4px;
	padding: 10px;
	z-index: 2000;
	font-size: 12px;
	line-height: 1.2;
	min-width: 10px
}

.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.el-tooltip__popper .popper__arrow {
	border-width: 6px
}

.el-tooltip__popper .popper__arrow:after {
	content: " ";
	border-width: 5px
}

.el-tooltip__popper[x-placement^=top] {
	margin-bottom: 12px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
	bottom: -6px;
	border-top-color: #303133;
	border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
	bottom: 1px;
	margin-left: -5px;
	border-top-color: #303133;
	border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=bottom] {
	margin-top: 12px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
	top: -6px;
	border-top-width: 0;
	border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
	top: 1px;
	margin-left: -5px;
	border-top-width: 0;
	border-bottom-color: #303133
}

.el-tooltip__popper[x-placement^=right] {
	margin-left: 12px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
	left: -6px;
	border-right-color: #303133;
	border-left-width: 0
}

.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
	bottom: -5px;
	left: 1px;
	border-right-color: #303133;
	border-left-width: 0
}

.el-tooltip__popper[x-placement^=left] {
	margin-right: 12px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
	right: -6px;
	border-right-width: 0;
	border-left-color: #303133
}

.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
	right: 1px;
	bottom: -5px;
	margin-left: -5px;
	border-right-width: 0;
	border-left-color: #303133
}

.el-tooltip__popper.is-dark {
	background: #303133;
	color: #fff
}

.el-tooltip__popper.is-light {
	background: #fff;
	border: 1px solid #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
	border-top-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
	border-top-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
	border-bottom-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
	border-bottom-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
	border-left-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
	border-left-color: #fff
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
	border-right-color: #303133
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
	border-right-color: #fff
}

#myShop-addService {
	background-color: #fff
}

#myShop-addService textarea {
	resize: none
}

#myShop-addService h2.name {
	color: #333;
	font-size: 20px;
	line-height: 54px;
	padding: 15px 0 0;
	margin: 0 40px;
	border-bottom: 1px solid #e5e5e5
}

#myShop-addService .main {
	padding: 0 40px 20px
}

#myShop-addService .main .item {
	margin-top: 35px
}

#myShop-addService .main .item .title {
	color: #666;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px
}

#myShop-addService .main .item .title i {
	color: #ff4931;
	padding-right: 3px
}

#myShop-addService .main .item .title span {
	color: #999;
	font-size: 12px;
	font-weight: 400
}

#myShop-addService .main .item .uploadImg {
	width: 122px;
	height: 122px;
	float: left;
	border-radius: 2px;
	border: 1px solid #e5e5e5;
	margin: 15px 25px 8px 0;
	text-align: center;
	position: relative
}

#myShop-addService .main .item .uploadImg .coverGold {
	color: #0083ff;
	font-size: 14px;
	padding: 0 10px 4px;
	background-color: #e5e5e5;
	border-bottom-right-radius: 10px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1200
}

#myShop-addService .main .item .uploadImg .deleteIcon {
	color: #fff;
	padding: 3px 4px 4px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background-color: #e5e5e5;
	position: absolute;
	top: -12px;
	right: -12px;
	z-index: 1200;
	display: none;
	cursor: pointer
}

#myShop-addService .main .item .uploadImg .deleteIcon:hover {
	background-color: #0083ff
}

#myShop-addService .main .item .uploadImg .changeImg {
	display: none;
	width: 100%;
	background-color: #e5e5e5;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1200
}

#myShop-addService .main .item .uploadImg .changeImg i {
	width: 20%;
	display: inline-block;
	color: #666;
	font-weight: 600;
	line-height: 30px;
	cursor: pointer
}

#myShop-addService .main .item .uploadImg .changeImg i:hover {
	color: #0083ff
}

#myShop-addService .main .item .uploadImg .changeImg i.transform {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

#myShop-addService .main .item .uploadImg .changeImg i.unWork {
	color: #c5c5c5;
	cursor: not-allowed
}

#myShop-addService .main .item .uploadImg .changeImg i.unWork:hover {
	color: #c5c5c5
}

#myShop-addService .main .item .uploadImg .changeImg button {
	width: 60%;
	display: inline-block;
	height: 30px;
	color: #666;
	border: none;
	background-color: #e5e5e5
}

#myShop-addService .main .item .uploadImg .changeImg button:hover {
	color: #0083ff
}

#myShop-addService .main .item .uploadImg:hover .changeImg,#myShop-addService .main .item .uploadImg:hover .deleteIcon {
	display: inline-block
}

#myShop-addService .main .item .uploadImg .imgBox {
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 2px;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#myShop-addService .main .item .uploadImg .addIcon {
	color: #e5e5e5;
	font-size: 40px;
	display: inline-block;
	margin-top: 25px;
	position: relative;
	z-index: 2
}

#myShop-addService .main .item .uploadImg p {
	color: #0083ff;
	font-weight: 700;
	font-size: 14px;
	margin-top: 2px;
	position: relative;
	z-index: 2
}

#myShop-addService .main .item .uploadImg.add {
	border: 1px dashed #e5e5e5
}

#myShop-addService .main .item .desc {
	margin-top: 20px
}

#myShop-addService .main .item .price {
	width: 185px;
	color: #606266;
	height: 40px;
	line-height: 40px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	padding: 0 15px
}

#myShop-addService .main .item .price::-webkit-input-placeholder {
	color: #c0c4cc
}

#myShop-addService .main .item .price:-ms-input-placeholder,#myShop-addService .main .item .price::-ms-input-placeholder {
	color: #c0c4cc
}

#myShop-addService .main .item .price::placeholder {
	color: #c0c4cc
}

#myShop-addService .main .item .price:focus {
	border-color: #409eff
}

#myShop-addService .main .item .error .el-input__inner,#myShop-addService .main .item .error .mce-panel,#myShop-addService .main .item .error .price,#myShop-addService .main .item .error.uploadImg {
	border-color: #ed7266
}

#myShop-addService .main .item .el-input__inner {
	margin-top: 13px;
	width: 85%
}

#myShop-addService .main .item .explain {
	color: #999;
	font-size: 12px;
	clear: both
}

#myShop-addService .main .item .select {
	margin-top: 13px;
	margin-right: 20px
}

#myShop-addService .main .item .select .el-input__inner {
	margin-top: 0;
	width: 100%
}

#myShop-addService .main .item .unitPrice {
	color: #666;
	font-size: 14px;
	margin-top: 13px
}

#myShop-addService .main .item .unitPrice .el-input {
	width: 185px
}

#myShop-addService .main .item .unitPrice .el-input__inner {
	margin-top: 0;
	width: 100%
}

#myShop-addService .main .item .unitPrice .el-select {
	margin-left: 24px
}

#myShop-addService .main .item .unitPrice .el-select .el-input {
	width: 218px
}

#myShop-addService .operation {
	padding: 30px 40px 50px
}

#myShop-addService .operation button {
	width: 120px;
	height: 42px;
	border-radius: 4px
}

#myShop-addService .operation button.commit {
	color: #fff;
	font-size: 14px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

#myShop-addService .operation button.save {
	color: #0083ff;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #0083ff;
	margin-left: 20px
}

#myShop-orderDetail {
	background-color: #fff;
	padding: 0 40px 55px
}

#myShop-orderDetail p {
	word-break: break-all
}

#myShop-orderDetail button {
	cursor: pointer
}

#myShop-orderDetail h2.name {
	color: #333;
	font-size: 20px;
	line-height: 54px;
	padding: 15px 0 0;
	border-bottom: 1px solid #e5e5e5
}

#myShop-orderDetail .main .topic-one {
	padding: 15px 30px;
	margin-top: 15px;
	background-color: #f7fbff;
	position: relative
}

#myShop-orderDetail .main .topic-one .number {
	color: #666;
	font-size: 14px;
	line-height: 24px
}

#myShop-orderDetail .main .topic-one .state {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px
}

#myShop-orderDetail .main .topic-one .state span {
	color: #0083ff;
	font-size: 14px;
	line-height: 24px
}

#myShop-orderDetail .main .topic-one .other {
	color: #999;
	font-size: 12px;
	line-height: 24px
}

#myShop-orderDetail .main .topic-one .other span {
	color: #0083ff;
	font-size: 14px;
	float: right
}

#myShop-orderDetail .main .topic-one .other span i {
	margin-right: 6px
}

#myShop-orderDetail .main .topic-one img {
	position: absolute;
	right: 22px;
	top: 15px
}

#myShop-orderDetail .main .topic-one button {
	width: 100px;
	height: 30px;
	color: #fff;
	font-size: 12px;
	border: none;
	border-radius: 4px;
	background-color: #0083ff;
	position: absolute;
	right: 40px;
	bottom: 20px
}

#myShop-orderDetail .main .topic-one button i {
	font-size: 16px;
	margin-right: 5px;
	position: relative;
	top: 2px
}

#myShop-orderDetail .main .topic-two .srollItem {
	display: inline-block;
	width: 25%;
	text-align: center;
	padding: 35px 0 20px;
	position: relative
}

#myShop-orderDetail .main .topic-two .srollItem i {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 10px;
	border-radius: 50%;
	background-color: #e5e5e5;
	position: relative
}

#myShop-orderDetail .main .topic-two .srollItem i:before {
	content: "";
	display: inline-block;
	width: 106px;
	height: 1px;
	background-color: #e5e5e5;
	position: absolute;
	right: 0;
	top: 5px
}

#myShop-orderDetail .main .topic-two .srollItem i:after {
	content: "";
	display: inline-block;
	width: 106px;
	height: 1px;
	background-color: #e5e5e5;
	position: absolute;
	left: 0;
	top: 5px
}

#myShop-orderDetail .main .topic-two .srollItem p {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px
}

#myShop-orderDetail .main .topic-two .srollItem:first-child i:before,#myShop-orderDetail .main .topic-two .srollItem:last-child i:after {
	display: none
}

#myShop-orderDetail .main .topic-two .srollItem.current i {
	width: 23px;
	height: 23px;
	margin: 5px;
	background-color: #0083ff
}

#myShop-orderDetail .main .topic-two .srollItem.current i:after,#myShop-orderDetail .main .topic-two .srollItem.current i:before {
	top: 12px;
	background-color: #0083ff
}

#myShop-orderDetail .main .topic-two .srollItem.current i:after {
	left: 10px
}

#myShop-orderDetail .main .topic-two .srollItem.current i:before {
	right: 10px
}

#myShop-orderDetail .main .topic-two .srollItem.current p {
	color: #128cff
}

#myShop-orderDetail .main .topic-two .srollItem.current:after {
	content: "";
	color: #fff;
	display: inline-block;
	width: 11px;
	height: 5px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left: 47%;
	top: 47px
}

#myShop-orderDetail .main .topic-two .srollItem.already i,#myShop-orderDetail .main .topic-two .srollItem.already i:after,#myShop-orderDetail .main .topic-two .srollItem.already i:before {
	background-color: #0083ff
}

#myShop-orderDetail .main .topic-two .srollItem.already p {
	color: #128cff
}

#myShop-orderDetail .main .topic-three {
	background-color: #f7f7f7
}

#myShop-orderDetail .main .topic-three .title {
	color: #333;
	font-size: 14px;
	margin-bottom: 20px;
	font-weight: 700!important
}

#myShop-orderDetail .main .topic-three .info {
	padding: 25px 30px 35px
}

#myShop-orderDetail .main .topic-three .info .content .imgBox {
	display: inline-block;
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 20px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#myShop-orderDetail .main .topic-three .info .content img {
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 20px
}

#myShop-orderDetail .main .topic-three .info .content h3 {
	color: #333;
	font-size: 16px;
	padding-right: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#myShop-orderDetail .main .topic-three .info .content em {
	color: #f77272;
	font-size: 20px;
	margin-top: 30px;
	display: inline-block
}

#myShop-orderDetail .main .topic-three .info .content p {
	color: #999;
	font-size: 14px;
	line-height: 28px;
	margin-top: 15px
}

#myShop-orderDetail .main .topic-three .info .content p span {
	margin-left: 30px
}

#myShop-orderDetail .main .topic-three .require {
	padding: 0 30px 35px
}

#myShop-orderDetail .main .topic-three .require .message {
	margin-top: 25px
}

#myShop-orderDetail .main .topic-three .require .message p {
	color: #666;
	font-size: 14px;
	line-height: 30px
}

#myShop-orderDetail .main .topic-three .require .message ol li {
	list-style: decimal
}

#myShop-orderDetail .main .topic-three .require .message ul li {
	list-style: disc
}

#myShop-orderDetail .main .topic-three .orderInfo {
	padding: 0 30px 35px
}

#myShop-orderDetail .main .topic-three .orderInfo p {
	color: #666;
	font-size: 14px;
	line-height: 24px
}

#myShop-orderDetail .main .topic-three .orderInfo p:first-child {
	margin-top: 25px
}

#myShop-orderDetail .main .topic-three .buyerInfo {
	padding: 0 30px 35px
}

#myShop-orderDetail .main .topic-three .buyerInfo p {
	color: #666;
	font-size: 14px;
	line-height: 24px
}

#myShop-orderDetail .main .topic-three .buyerInfo p:first-child {
	margin-top: 25px
}

#myShop-orderDetail .main .topic-three .operation {
	border-top: 1px solid #e5e5e5;
	padding: 40px 30px
}

#myShop-orderDetail .main .topic-three .operation button {
	width: 100px;
	height: 40px;
	border-radius: 4px
}

#myShop-orderDetail .main .topic-three .operation button.call {
	color: #0083ff;
	font-size: 14px;
	border: 1px solid #0083ff;
	background: none
}

#myShop-orderDetail .main .topic-three .operation button.commit {
	color: #fff;
	font-size: 14px;
	border: 1px solid #0083ff;
	background: #0083ff;
	margin-right: 20px
}

#myShop-orderDetail .dialog {
	width: 502px;
	min-height: 350px;
	padding: 0 70px 37px
}

#myShop-orderDetail .dialog h2 {
	color: #333;
	font-size: 30px;
	font-weight: 400;
	padding: 30px 0
}

#myShop-orderDetail .dialog h2 .close {
	width: 50px;
	height: 50px;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;float: right;
	position: relative;
	right: -30px
}

#myShop-orderDetail .dialog p {
	color: #666;
	font-size: 14px;
	line-height: 38px
}

#myShop-orderDetail .dialog .operation {
	margin-top: 35px;
	text-align: right
}

#myShop-orderDetail .dialog .operation button {
	width: 120px;
	height: 42px;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

#myShop-orderDetail .dialog .operation button:first-child {
	color: #0083ff;
	border: 1px solid #2d93f9;
	background-color: #fff;
	margin-right: 20px
}

#myShop-orderDetail .dialog.comfirmDialog p em {
	color: #333;
	font-size: 24px
}

#myShop-orderDetail .dialog.modifyDialog .myInput {
	width: 150px;
	margin: 12px 0 0;
	color: #606266;
	height: 40px;
	line-height: 40px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	padding: 0 15px
}

#myShop-orderDetail .dialog.modifyDialog .myInput::-webkit-input-placeholder {
	color: #c0c4cc
}

#myShop-orderDetail .dialog.modifyDialog .myInput:-ms-input-placeholder,#myShop-orderDetail .dialog.modifyDialog .myInput::-ms-input-placeholder {
	color: #c0c4cc
}

#myShop-orderDetail .dialog.modifyDialog .myInput::placeholder {
	color: #c0c4cc
}

#myShop-orderDetail .dialog.modifyDialog .myInput:focus {
	border-color: #409eff
}

#myShop-orderDetail .dialog.modifyDialog .el-input {
	width: 150px;
	margin: 12px 0 0
}

#myShop-orderDetail .dialog.modifyDialog .el-input .el-input__inner {
	padding-right: 38px
}

#myShop-orderDetail .dialog.modifyDialog i {
	font-style: normal;
	position: relative;
	left: -30px
}

#myShop-orderDetail .dialog.submitAcceptDialog {
	height: 292px
}

#myShop-orderDetail .dialog.submitAcceptDialog p {
	font-size: 16px;
	line-height: 36px
}

#myShop-orderDetail .dialog.refundDialog {
	width: 734px;
	max-height: 734px;
	overflow: auto;
	padding-bottom: 63px
}

#myShop-orderDetail .dialog.refundDialog .pic {
	padding: 20px 20px 30px;
	background-color: #f2f2f2
}

#myShop-orderDetail .dialog.refundDialog .pic p {
	color: #999;
	font-size: 14px;
	line-height: 24px
}

#myShop-orderDetail .dialog.refundDialog .pic p em {
	color: #333
}

#myShop-orderDetail .dialog.refundDialog .pic p:last-child {
	margin-top: 10px
}

#myShop-orderDetail .dialog.refundDialog .selectItem {
	color: #666;
	font-size: 16px;
	margin-top: 15px;
	cursor: pointer
}

#myShop-orderDetail .dialog.refundDialog .selectItem span {
	color: #999
}

#myShop-orderDetail .dialog.refundDialog .selectItem i {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 11px;
	border: 1px solid #ccc;
	border-radius: 50%;
	position: relative;
	top: 4px
}

#myShop-orderDetail .dialog.refundDialog .selectItem.light i {
	border-color: #0083ff;
	background-color: #0083ff
}

#myShop-orderDetail .dialog.refundDialog .selectItem.light i:after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 4px;
	left: 4px
}

#myShop-orderDetail .dialog.refundDialog .reason .el-textarea__inner {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	padding: 10px 15px 30px;
	margin-top: 5px;
	resize: none
}

#myShop-orderDetail .dialog.refundDialog .reason .el-textarea__inner::-webkit-input-placeholder {
	color: #ccc
}

#myShop-orderDetail .dialog.refundDialog .reason .el-textarea__inner:-ms-input-placeholder,#myShop-orderDetail .dialog.refundDialog .reason .el-textarea__inner::-ms-input-placeholder {
	color: #ccc
}

#myShop-orderDetail .dialog.refundDialog .reason .el-textarea__inner::placeholder {
	color: #ccc
}

#myShop-orderDetail .dialog.refundDialog .reason span {
	color: #ccc;
	font-size: 14px;
	float: right;
	position: relative;
	top: -25px;
	right: 20px
}

.operationsuccess {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0
}

.operationsuccess .success {
	overflow: hidden;
	width: 752px;
	height: 559px;
	margin: 0 auto;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 4px 0 9px rgba(0,58,113,.08);
	box-shadow: 4px 0 9px rgba(0,58,113,.08)
}

.operationsuccess .success h2 {
	margin: 67px 0 15px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	font-weight: 400;
	color: #333
}

.operationsuccess .success p {
	margin-bottom: 45px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	color: #999
}

.operationsuccess .success .img {
	background: #ccc
}

.operationsuccess .success .img,.operationsuccess .success img {
	display: block;
	width: 160px;
	height: 160px;
	margin: 0 auto;
	margin-bottom: 15px
}

.operationsuccess .success span {
	display: block;
	font-size: 16px;
	text-align: center;
	color: #999;
	line-height: 24px
}

.operationsuccess .success span em {
	color: #333
}

.operationsuccess .success div {
	width: 140px;
	height: 42px;
	margin: 0 auto;
	margin-top: 60px;
	background: #0083ff;
	border-radius: 4px;
	text-align: center;
	line-height: 42px;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .2s;
	transition: all .2s
}

.operationsuccess .success div:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.addproject .unfocused .el-input__inner,.addproject .unfocused .el-input__inner:focus {
	border-color: #ed7266
}

.addproject .middle .el-input .el-input__inner {
	height: 54px;
	min-height: 54px;
	font-size: 16px;
	line-height: 16px;
	padding: 19px 15px
}

.addproject .middle .deadline .el-input__inner {
	padding-left: 30px
}

.addproject .middle .upload-component {
	position: relative
}

.addproject .middle .upload-component .el-upload .el-upload-dragger {
	width: 600px;
	height: 220px;
	margin-bottom: 30px;
	padding-top: 40px
}

.addproject .middle .upload-component .el-upload .el-upload-dragger .el-icon-upload {
	margin-top: 20px
}

.addproject .middle .upload-component .el-upload .el-upload-dragger .el-upload__text {
	padding-bottom: 30px
}

.addproject .middle .upload-component .fileList {
	width: 596px;
	position: absolute;
	top: 85px;
	left: 2px
}

.addproject .middle .upload-component .fileList .item {
	padding: 5px 20px 5px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.addproject .middle .upload-component .fileList .item .name {
	color: #333;
	font-size: 16px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding-left: 25px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABj0lEQVQ4T52UOy9EYRCGn1mroEA0wh/Q6pSyxyV+AdHoREOIYpfQqOyuTVZIFP4BnVbiWLeIQgj/QOGWuMUti7Mj33LC7p5zLNN9yTvPmXln5giAxqw0yjBChXmXhmZAVtDsqiR3z7wU8gVygJA3JK8woCOgCycckdTaVbHWBak/pAA0inJMhVgys379M+fvoM/sA7K5DpnL3Lmw/4JMu/voa6ckdx8MrDyQsg1sIUwWWqA7OJXdklp7CgJdADVANegD4rSh4SnQpkKYZCRhT3iDRJeJb/QR7WwE5wShHjhFdRnkqWRiSXvaDzQm8Y10fl7RyCEiLUFTlYQtfq1dAtNAMzBS5MsLSFXB6ANAPgXoAe+hfip1D837l4+gilzNG8o8wiBwh2ZbzYlozBoAlsoE6Tm5XK/Mbm5rNNJOyLmR+Nahm6zj1r1blX9FZm801yOzGbMCnqEx6xao829NdZFHjfHMe+D9NYTMR2rL9Sj4lj3M/uU3EshzJGGH3T0yyzcEhMsq4Vtk2l+QhD32Acy0whNQizehAAAAAElFTkSuQmCC) no-repeat 0
}

.addproject .middle .upload-component .fileList .item .name.limit {
	max-width: 50%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.addproject .middle .upload-component .fileList .item .name.doc {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABtElEQVQ4T52UPUhbURTHf//rVwoVS4k4OhQ62NXB5GXp2rEdugglLtp20bZUF9dSoR9jodChuhQqOFS3CoI+XhaRDl2qHZxa7AcEhWCS907JE2mMLyHxbvfc//nd/7nncJX1bcFgBuihyTLIyxgJcnraTKMx30KBayaoxWMQvAEWgyxTSNaoV8a3c8FGUR0ohfE+8JhAiup1nYNOHH4oZBlHCk9hFwLFycZKOcXd7VFVatuLg06srP0qcmfvlo47AeUNehOa8rngab49kLGF2GvW2YKn/FmQxfM0hJgDDoi4Z44RwUvET0LyOF4AN+qhgSedARnMViOWexzfMd6VKjw5KlFKD/AX+FTpY6L3mD9AqiUIYyPI6WbGt33BgwgyEq8sYskZazj2DVYbSzznCCg7Ix2K57+LPBocYCeCZ11wVcZ6BPcRD9sBQcTtah9Bd5XLGLvAR2dM+zl+ZLbYRVxrDwRvA0+T2U17bLWHNQ6LV0j3HzHsQr4ldS6ptJru0OCriG8ejIfY+AJckrjeCajVR5B4duqoCnR1nP0/IQw8dWts0xZwTCt5/FvyDcrA64KnuX9AoMUTIB47DQAAAABJRU5ErkJggg==) no-repeat 0
}

.addproject .middle .upload-component .fileList .item .progress {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: right;
	color: #999;
	font-size: 12px
}

.addproject .middle .upload-component .fileList .item .progress .el-progress {
	display: inline-block
}

.addproject .middle .upload-component .fileList .item .progress .el-progress .el-progress-bar {
	width: 120px;
	margin-right: 0;
	padding-right: 0
}

.addproject .middle .upload-component .fileList .item .progress .meta {
	display: inline-block;
	min-width: 75px;
	float: right;
	padding-left: 10px
}

.addproject .middle .upload-component .fileList .item .iconfont {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	padding: 8px;
	color: #999;
	border: none;
	background: none
}

.addproject .middle .upload-component .fileList .item:hover {
	background-color: #f2f2f2
}

.addproject .middle .upload-component .fileList .item:hover .iconfont {
	color: #0083ff
}

.addproject .middle .upload-component .fileList .el-progress__text {
	display: none
}

.addproject .middle .el-cascader,.addproject .middle .el-date-editor,.addproject .middle .el-select {
	width: 100%!important
}

.addproject .middle .el-select .el-input .el-select__caret {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGAgMAAACKgJcSAAAACVBMVEUAAAB9fX19fX1ExFrZAAAAAnRSTlMAgJsrThgAAAAhSURBVHheY2AQYWBgyGRgYFzlwMC2agKD1KolDFmrVgIALOQFzqxg5MQAAAAASUVORK5CYII=) no-repeat 50%
}

.addproject .middle .el-select .el-input .el-select__caret:before {
	content: ""
}

.addproject {
	width: 100%;
	background: #fff
}

.addproject .clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.addproject .clearfix {
	*zoom: 1
}

.addproject h2,.addproject h4 {
	font-weight: 400
}

.addproject li {
	list-style: none
}

.addproject .banner {
	width: 100%;
	height: 300px;
	min-width: 1200px;
	_width: 1200px;
	margin-bottom: 62px;
	background: url(http://www.luojinet.com/img/banner.ee0ec6b.jpg) no-repeat 50%
}

.addproject .release {
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	padding-bottom: 52px;
	border-bottom: 1px solid #e5e5e5
}

.addproject .release .middle {
	width: 600px;
	margin: 0 auto
}

.addproject .release .middle h2 {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.addproject .release .middle h2 em {
	color: #ff7070
}

.addproject .release .middle .projecttype {
	margin-bottom: 24px
}

.addproject .release .middle .projecttype li {
	float: left;
	width: 114px;
	height: 114px;
	margin-right: 48px;
	cursor: pointer
}

.addproject .release .middle .projecttype li:first-child {
	background: url(http://www.luojinet.com/img/kaif.51fb7b1.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:nth-child(2) {
	background: url(http://www.luojinet.com/img/shej.84b6f85.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:nth-child(3) {
	background: url(http://www.luojinet.com/img/yuny.07c2c36.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:last-child {
	margin-right: 0;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByCAMAAAC4A3VPAAABd1BMVEUiIiL3+ft3eHkjGBWMjY7Q0tT09vhmZ2fv8fNJQD5KS0sjGRYoKCgtLi6Zmpuwrq63ubowJSPi5OY2Njc2LCrj5OXw8vQzKSbDwsM8MjC1trhRSUdrZWTr7O5EOziOkJEkGRY9MzEmGxjIx8jKycrO0NJEREXT09TT1dfU1NVPUFDq7O5rbG3s7vBYWVnx8/UsIh/2+PolGheYlZWZlZVXT05CQkOfoKGrrK2vsbKwra5bVFJcVFJeV1WytLW0srNGR0eDfn09Pj4pHhyEf34nHRrOzs80NDQoHRqRjY15enudnp/Y2Nnb291GPjt9fn+RjYywsbKCg4S0sbJhWlg7Mi9oaWrCwMEyKCbGxsY5MC3JycpvcHBybGt2cG/PztDP0dN2cW93cXA5OTlHPjw+NTJKSkvb3N3b3N7c3d7f4eLh4+VBODVBODbk5ufl5+mEgH+Fhofr7e6GgYHv8PKKi4xCQkJUVVXy8/VWVlf19vhXT02WkpJIqzDGAAAB8klEQVR4Xu3YRZPjMBCAUbdkCDPDMDMzM88iMzMz/Phx2puDNltzirpmUv1dfFK9g0pkA8g7CySTTDLJJJNMMskkk0xO5FOY/yYV+Tw4to5JPxXZLkuAxVONR/p2ryxiRSpydEFWoyI75NH9l9hlKnJZbpDOJZKfwWtLPr2L7VylIn9Nyr/9oSLB7riOHQAFqXb+yR9p7NP/yHIaG64vGR2RWMujWvJei8RGonUl37QVsazs/Zfsltki1va2rmQqDlhJtiukuhU0DtnahN2SN5q8WrWTtWkncxksKlczXrnGmEt1kXRTLZK56lbwkGwrgOE0Vj5tw+OT5Lwf0fZv5SJCe93K6yY/UF8qb8sn1Ffn0XnyBwJ8uVDvZxC/L9UOg5txLOinImGc5vfE6THJJJNMMskkk4PkZE94qQrEzGqDukgEvoa6UIkBiLCD9RkJXaQLrH2vGFOuM+2SAcAKmkjM9/inDfAitI8ACQkXjQjYQ8l3Hpk0sQGNZLMQ23fENeOZEOIVyVxCoEt4eWT/e8B8CVsfKZSxlcwEfgq6yBWVjFjWN5ectSxtpG18VEjXCbikBaCN7DFmqMnj0GuFHDDNpEvumaYu8oFxSR3b5zhhlxxyHF2kHfEppOgEaI714wrtPCPnJZNMMskkk0wyySSTJzmii0vOOpInAAAAAElFTkSuQmCC) no-repeat 50%
}

.addproject .release .middle .projecttype li:hover:first-child {
	background: url(http://www.luojinet.com/img/kaif2.38cf50e.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:hover:nth-child(2) {
	background: url(http://www.luojinet.com/img/shej2.eb2faa3.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:hover:nth-child(3) {
	background: url(http://www.luojinet.com/img/yuny2.60a3d68.png) no-repeat 50%
}

.addproject .release .middle .projecttype li:hover:last-child {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByCAMAAAC4A3VPAAABaFBMVEUAg/////+11P+Awf8Jhf/N4f/8/f9Oo/81lv/R6f/n8//o8P/s9v/v9//z+P/5+/9aq/8Wiv8Yjv/H5P/+///X7P/g8P9VrP+02f9osv8kj/8Hhv/u9P/+/v/0+f8hk/+n1P83mP8Ih/8rmP/h7P/h8P/m8P8nk/8ql/8+of8Oiv82nf9Kof84nv+lyv+m0f9utv91vP+t0v96vv9Vrf9Wrf/0+P/5/P9Kov9Aov8Ghv9ts/+Cu/8wmv/0+v/3+v+Hxf86n/9Mov8xm/+02v9xuv8Jh/9Qqv8wlf+02/8gkv+33P+73v8DhP83mf90tf8llf+Jw/8Oif/S5f/T6v/U5v/U6v+SwP+VxP/b6f/b7f/e6//e7P/e7/+Vxv+VyP+azv+bzv+f0P/a7f+Kwf+Kxv+Lv//k8v+Lx/8bjP+q0P/r8v90vP/t9P9Rqv/3+/8xlP83nf/6/P/A4P/8/v/B2v8xmv/I3v8IlRESAAAB0ElEQVR4Xu3YVa8bMRCG4RkvhRkOMzOXmZmZmZn+fq0vOUrSVL2Kp1U6jxR5795I1hqW/k9KKaWUUkodm0xA/BAJGS59/QAcJyGLPEKQTnRf8vj60TNQFEue5W1SyXm+vu80vJdKnuBnonOJ5EEC+s73HsOOSankuS9ctyqSRHN+F1wkgaQA2eTuAlz+XXKuAP3UUdUhhsGH7clHgwxDVeqk22ERUjzza3KcU0UIn1AnJdIEI7zYSLYtBd2TrJThBafKNRXnyXbOk7NjsMEvx2pmu2cuGy/JuNRLsrlffCmg/gLM/WnB051EYIsWOoi8lUoeETtuyR8qP/FV4aOz/AUB16BTDq5Ber9sGC59TkMp/jc/T8hTSiml1CuStpDdQ3U5b5uzv4HApXAKY47IZAOY4Bg5YgPv7gTWgP3dsMkkQS+SjuS3rvhE58PnZMkk6QI/Jf9aZrqWzHjQ4zC5ZMyBb+YH3zXGjIrMJSWnTB2SfR8J8jHfXdJQE7bYi2HoJUfetCbvR9GATe6NImdJnx+0JG0naZMRHt1Y4BXp5Fp4siXZ43kZm1z2PFfJw/yamvFEEGRt8lYQuEr6N/PUzOwkWsr1mVE8/huUUkoppdRP0IZSI4EVJzcAAAAASUVORK5CYII=) no-repeat 50%
}

.addproject .release .middle .projecttype .kf:first-child {
	background: url(http://www.luojinet.com/img/kaif2.38cf50e.png) no-repeat 50%
}

.addproject .release .middle .projecttype .sj:nth-child(2) {
	background: url(http://www.luojinet.com/img/shej2.eb2faa3.png) no-repeat 50%
}

.addproject .release .middle .projecttype .yy:nth-child(3) {
	background: url(http://www.luojinet.com/img/yuny2.60a3d68.png) no-repeat 50%
}

.addproject .release .middle .projecttype .cp:last-child {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByCAMAAAC4A3VPAAABaFBMVEUAg/////+11P+Awf8Jhf/N4f/8/f9Oo/81lv/R6f/n8//o8P/s9v/v9//z+P/5+/9aq/8Wiv8Yjv/H5P/+///X7P/g8P9VrP+02f9osv8kj/8Hhv/u9P/+/v/0+f8hk/+n1P83mP8Ih/8rmP/h7P/h8P/m8P8nk/8ql/8+of8Oiv82nf9Kof84nv+lyv+m0f9utv91vP+t0v96vv9Vrf9Wrf/0+P/5/P9Kov9Aov8Ghv9ts/+Cu/8wmv/0+v/3+v+Hxf86n/9Mov8xm/+02v9xuv8Jh/9Qqv8wlf+02/8gkv+33P+73v8DhP83mf90tf8llf+Jw/8Oif/S5f/T6v/U5v/U6v+SwP+VxP/b6f/b7f/e6//e7P/e7/+Vxv+VyP+azv+bzv+f0P/a7f+Kwf+Kxv+Lv//k8v+Lx/8bjP+q0P/r8v90vP/t9P9Rqv/3+/8xlP83nf/6/P/A4P/8/v/B2v8xmv/I3v8IlRESAAAB0ElEQVR4Xu3YVa8bMRCG4RkvhRkOMzOXmZmZmZn+fq0vOUrSVL2Kp1U6jxR5795I1hqW/k9KKaWUUkodm0xA/BAJGS59/QAcJyGLPEKQTnRf8vj60TNQFEue5W1SyXm+vu80vJdKnuBnonOJ5EEC+s73HsOOSankuS9ctyqSRHN+F1wkgaQA2eTuAlz+XXKuAP3UUdUhhsGH7clHgwxDVeqk22ERUjzza3KcU0UIn1AnJdIEI7zYSLYtBd2TrJThBafKNRXnyXbOk7NjsMEvx2pmu2cuGy/JuNRLsrlffCmg/gLM/WnB051EYIsWOoi8lUoeETtuyR8qP/FV4aOz/AUB16BTDq5Ber9sGC59TkMp/jc/T8hTSiml1CuStpDdQ3U5b5uzv4HApXAKY47IZAOY4Bg5YgPv7gTWgP3dsMkkQS+SjuS3rvhE58PnZMkk6QI/Jf9aZrqWzHjQ4zC5ZMyBb+YH3zXGjIrMJSWnTB2SfR8J8jHfXdJQE7bYi2HoJUfetCbvR9GATe6NImdJnx+0JG0naZMRHt1Y4BXp5Fp4siXZ43kZm1z2PFfJw/yamvFEEGRt8lYQuEr6N/PUzOwkWsr1mVE8/huUUkoppdRP0IZSI4EVJzcAAAAASUVORK5CYII=) no-repeat 50%
}

.addproject .release .middle .subtypes {
	width: 100%;
	margin-bottom: 39px
}

.addproject .release .middle .skills {
	width: 100%;
	margin-bottom: 40px
}

.addproject .release .middle .details {
	margin-top: 39px;
	margin-bottom: 13px
}

.addproject .release .middle .details h2 {
	float: left;
	margin-bottom: 0
}

.addproject .release .middle .details .sample {
	position: relative;
	float: right
}

.addproject .release .middle .details .sample h2 {
	font-size: 16px;
	line-height: 16px;
	color: #999;
	cursor: pointer;
	margin-bottom: 0
}

.addproject .release .middle .details .sample .color,.addproject .release .middle .details .sample h2:hover {
	color: #0083ff
}

.addproject .release .middle .details .sample .samplecon {
	overflow: hidden;
	position: absolute;
	top: 20px;
	right: 0;
	width: 600px;
	height: 0;
	padding: 0 22px;
	background: url(http://www.luojinet.com/img/sample.db34be9.png) no-repeat;
	background-size: 100% 100%;
	background-color: #fff;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index: 999
}

.addproject .release .middle .details .sample .samplecon p {
	font-size: 16px;
	line-height: 24px;
	color: #666
}

.addproject .release .middle .details .sample .sampleconshow {
	height: auto;
	padding: 34px 22px 30px
}

.addproject .release .middle .demanddata {
	position: relative;
	margin-bottom: 30px
}

.addproject .release .middle .demanddata .text {
	width: 100%;
	padding: 20px 15px;
	min-height: 245px;
	_height: 226px;
	resize: none;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	word-wrap: break-word;
	overflow-y: auto
}

.addproject .release .middle .demanddata .text:focus {
	border-color: #0083ff
}

.addproject .release .middle .demanddata .tips {
	position: absolute;
	top: 17px;
	left: 18px;
	z-index: 1;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.addproject .release .middle .demanddata .tips span {
	font-size: 16px;
	line-height: 26px;
	color: #ccc
}

.addproject .release .middle .demanddata .tips-right {
	color: #333;
	font-size: 12px;
	line-height: 18px;
	width: 174px;
	background-color: #ffffe0;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 10px 10px 35px;
	position: absolute;
	top: 0;
	right: -195px
}

.addproject .release .middle .demanddata .tips-right .sub {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 8px;
	margin-bottom: 8px
}

.addproject .release .middle .demanddata .tips-right:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 1px solid;
	border-color: transparent transparent #e5e5e5 #e5e5e5;
	background-color: #ffffe0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: -6px;
	top: 42px
}

.addproject .release .middle .demanddata p {
	position: absolute;
	bottom: -14px;
	right: 21px;
	font-size: 12px;
	line-height: 14px;
	color: #666
}

.addproject .release .middle .demanddata .error {
	position: absolute;
	bottom: -12px;
	left: 0;
	color: #ed7266;
	font-size: 12px;
	line-height: 12px
}

.addproject .release .middle .demanddata .unfocused,.addproject .release .middle .demanddata .unfocused:focus {
	border-color: #ed7266
}

.addproject .release .middle .demanddata .wrong {
	border-color: #0083ff
}

.addproject .release .middle .supplement {
	margin-bottom: 40px
}

.addproject .release .middle .supplement .title p {
	float: left;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.addproject .release .middle .supplement .title .uploadImg {
	float: right;
	color: #333
}

.addproject .release .middle .supplement .show {
	margin-top: 19px
}

.addproject .release .middle .supplement .show .picture .img {
	float: left;
	position: relative;
	margin-right: 16px;
	cursor: pointer
}

.addproject .release .middle .supplement .show .picture .img .close {
	display: none;
	position: absolute;
	right: -7px;
	top: -7px;
	width: 14px;
	height: 14px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAvVBMVEUAg/8AAAAAf/4Af/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ah/8Ag/4Ag/8Agv4Agv4AhP4Ag/4Agv4Agv4Agv4Ahv4Ag/4Ag/4Agv8Aqv8Ag/4Agf4Af/8Af/8Agv4Agv4AeP4Agv4Agv4Ag/4Ajf4Ag/4Agf4Ah/8AhP8Ag/4Ag/4Agv4AhP4Ag/4Agv4Ag/4Ag/4Agv8Agv4AhP8Af/8Agv4Agv4Abf4Akf4Ag/4AhP4AAP8Af/8Af/+T9OuGAAAAP3RSTlPMABYSkKcjjrSpuMsRynicZDjEwUyyJnJtZgPGbCACTp4TVH+XCaGhIKqlto9qIXtbyKqmMAZKgQcHY0kBIhBdD0jsAAAAgUlEQVR4Xj3HRZIDMRQE0fxqBDMzMzPP3P9YljoUfpuqRDS/no8mhYx+OnuNLEa5kmYOK+nrLPJTUogL1VrM3AeatNpApxs4LjBgiDGSMUDINAFmzm0RA0tkBWtnw3YH7JEDHE/AGbggVw+LuyCiIlvBw6Q8XyHgvT9i0lB//+l+AeWGCA9I3UzxAAAAAElFTkSuQmCC) no-repeat
}

.addproject .release .middle .supplement .show .picture .img .imgBox {
	display: inline-block;
	width: 75px;
	height: 75px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.addproject .release .middle .supplement .show .picture .img:last-child {
	margin-right: 0
}

.addproject .release .middle .supplement .show .picture .img:hover .close {
	display: block
}

.addproject .release .middle .supplement .show .document .doc p {
	float: left;
	max-width: 95%;
	margin-right: 10px;
	font-size: 16px;
	line-height: 50px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 50px;
	background: url("http://www.luojinet.com/images/myJobs/wenjian.png") no-repeat 0
}

.addproject .release .middle .supplement .show .document .doc .close {
	display: none;
	float: left;
	width: 14px;
	height: 50px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAvVBMVEUAg/8AAAAAf/4Af/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ag/4Ah/8Ag/4Ag/8Agv4Agv4AhP4Ag/4Agv4Agv4Agv4Ahv4Ag/4Ag/4Agv8Aqv8Ag/4Agf4Af/8Af/8Agv4Agv4AeP4Agv4Agv4Ag/4Ajf4Ag/4Agf4Ah/8AhP8Ag/4Ag/4Agv4AhP4Ag/4Agv4Ag/4Ag/4Agv8Agv4AhP8Af/8Agv4Agv4Abf4Akf4Ag/4AhP4AAP8Af/8Af/+T9OuGAAAAP3RSTlPMABYSkKcjjrSpuMsRynicZDjEwUyyJnJtZgPGbCACTp4TVH+XCaGhIKqlto9qIXtbyKqmMAZKgQcHY0kBIhBdD0jsAAAAgUlEQVR4Xj3HRZIDMRQE0fxqBDMzMzPP3P9YljoUfpuqRDS/no8mhYx+OnuNLEa5kmYOK+nrLPJTUogL1VrM3AeatNpApxs4LjBgiDGSMUDINAFmzm0RA0tkBWtnw3YH7JEDHE/AGbggVw+LuyCiIlvBw6Q8XyHgvT9i0lB//+l+AeWGCA9I3UzxAAAAAElFTkSuQmCC) no-repeat 50%;cursor: pointer
}

.addproject .release .middle .supplement .show .document .doc:hover .close {
	display: block
}

.addproject .release .middle .supplement .loading {
	min-height: 100px
}

.addproject .release .middle .price,.addproject .release .middle .time {
	width: 100%;
	margin-bottom: 39px
}

.addproject .release .middle .companyname {
	margin-bottom: 39px
}

.addproject .release .middle .operation {
	margin-top: 66px
}

.addproject .release .middle .operation .btn {
	width: 260px;
	height: 50px;
	padding: 16px 0;
	margin: 0 auto;
	background: #0083ff;
	border-radius: 4px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.addproject .release .middle .operation .btn:hover {
	background: #66b1ff
}

.addproject .completeInfo {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1200;
	background: rgba(0,0,0,.45)
}

.addproject .completeInfo .body {
	width: 637px;
	min-height: 590px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1300;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background: url(http://www.luojinet.com/img/bj.26e7196.png) no-repeat 50%
}

.addproject .completeInfo .body .main {
	padding: 190px 100px 60px
}

.addproject .completeInfo .body .main h3 {
	color: #fff;
	font-size: 26px;
	text-align: center
}

.addproject .completeInfo .body .main p {
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	margin: 20px 0
}

.addproject .completeInfo .body .main input {
	width: 100%;
	height: 44px;
	background-color: #63adf0;
	color: #fff;
	font-size: 14px;
	line-height: 44px;
	margin-top: 20px;
	border: none;
	border-radius: 8px;
	padding-left: 20px
}

.addproject .completeInfo .body .main input::-webkit-input-placeholder {
	color: #bcd9f8
}

.addproject .completeInfo .body .main input:-ms-input-placeholder,.addproject .completeInfo .body .main input::-ms-input-placeholder {
	color: #bcd9f8
}

.addproject .completeInfo .body .main input::placeholder {
	color: #bcd9f8
}

.addproject .completeInfo .body .main button {
	color: #000;
	font-size: 16px;
	width: 340px;
	height: 46px;
	display: block;
	margin: 40px auto 0;
	background-color: #fee037;
	border-radius: 22px;
	cursor: pointer;
	border: none
}

.addproject .completeInfo .body .main a {
	display: block;
	width: 100px;
	text-align: center;
	margin: 10px auto 0;
	color: #bcd9f8;
	font-size: 14px;
	line-height: 30px
}

.addproject .loadingBody {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0
}

.addproject .loadingBody .el-loading-spinner .circular {
	width: 55px;
	height: 55px
}

.el-button {
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	background: #fff;
	border: 1px solid #dcdfe6;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	margin: 0;
	-webkit-transition: .1s;
	transition: .1s;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 12px 20px;
	font-size: 14px;
	border-radius: 4px
}

.el-button+.el-button {
	margin-left: 10px
}

.el-button:focus,.el-button:hover {
	color: #409eff;
	border-color: #c6e2ff;
	background-color: #ecf5ff
}

.el-button:active {
	color: #3a8ee6;
	border-color: #3a8ee6;
	outline: 0
}

.el-button::-moz-focus-inner {
	border: 0
}

.el-button [class*=el-icon-]+span {
	margin-left: 5px
}

.el-button.is-plain:focus,.el-button.is-plain:hover {
	background: #fff;
	border-color: #409eff;
	color: #409eff
}

.el-button.is-active,.el-button.is-plain:active {
	color: #3a8ee6;
	border-color: #3a8ee6
}

.el-button.is-plain:active {
	background: #fff;
	outline: 0
}

.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover {
	color: #c0c4cc;
	cursor: not-allowed;
	background-image: none;
	background-color: #fff;
	border-color: #ebeef5
}

.el-button.is-disabled.el-button--text {
	background-color: transparent
}

.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover {
	background-color: #fff;
	border-color: #ebeef5;
	color: #c0c4cc
}

.el-button.is-loading {
	position: relative;
	pointer-events: none
}

.el-button.is-loading:before {
	pointer-events: none;
	content: "";
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: inherit;
	background-color: hsla(0,0%,100%,.35)
}

.el-button.is-round {
	border-radius: 20px;
	padding: 12px 23px
}

.el-button.is-circle {
	border-radius: 50%;
	padding: 12px
}

.el-button--primary {
	color: #fff;
	background-color: #409eff;
	border-color: #409eff
}

.el-button--primary:focus,.el-button--primary:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.el-button--primary.is-active,.el-button--primary:active {
	background: #3a8ee6;
	border-color: #3a8ee6;
	color: #fff
}

.el-button--primary:active {
	outline: 0
}

.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover {
	color: #fff;
	background-color: #a0cfff;
	border-color: #a0cfff
}

.el-button--primary.is-plain {
	color: #409eff;
	background: #ecf5ff;
	border-color: #b3d8ff
}

.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover {
	background: #409eff;
	border-color: #409eff;
	color: #fff
}

.el-button--primary.is-plain:active {
	background: #3a8ee6;
	border-color: #3a8ee6;
	color: #fff;
	outline: 0
}

.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover {
	color: #8cc5ff;
	background-color: #ecf5ff;
	border-color: #d9ecff
}

.el-button--success {
	color: #fff;
	background-color: #67c23a;
	border-color: #67c23a
}

.el-button--success:focus,.el-button--success:hover {
	background: #85ce61;
	border-color: #85ce61;
	color: #fff
}

.el-button--success.is-active,.el-button--success:active {
	background: #5daf34;
	border-color: #5daf34;
	color: #fff
}

.el-button--success:active {
	outline: 0
}

.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover {
	color: #fff;
	background-color: #b3e19d;
	border-color: #b3e19d
}

.el-button--success.is-plain {
	color: #67c23a;
	background: #f0f9eb;
	border-color: #c2e7b0
}

.el-button--success.is-plain:focus,.el-button--success.is-plain:hover {
	background: #67c23a;
	border-color: #67c23a;
	color: #fff
}

.el-button--success.is-plain:active {
	background: #5daf34;
	border-color: #5daf34;
	color: #fff;
	outline: 0
}

.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover {
	color: #a4da89;
	background-color: #f0f9eb;
	border-color: #e1f3d8
}

.el-button--warning {
	color: #fff;
	background-color: #e6a23c;
	border-color: #e6a23c
}

.el-button--warning:focus,.el-button--warning:hover {
	background: #ebb563;
	border-color: #ebb563;
	color: #fff
}

.el-button--warning.is-active,.el-button--warning:active {
	background: #cf9236;
	border-color: #cf9236;
	color: #fff
}

.el-button--warning:active {
	outline: 0
}

.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover {
	color: #fff;
	background-color: #f3d19e;
	border-color: #f3d19e
}

.el-button--warning.is-plain {
	color: #e6a23c;
	background: #fdf6ec;
	border-color: #f5dab1
}

.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover {
	background: #e6a23c;
	border-color: #e6a23c;
	color: #fff
}

.el-button--warning.is-plain:active {
	background: #cf9236;
	border-color: #cf9236;
	color: #fff;
	outline: 0
}

.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover {
	color: #f0c78a;
	background-color: #fdf6ec;
	border-color: #faecd8
}

.el-button--danger {
	color: #fff;
	background-color: #f56c6c;
	border-color: #f56c6c
}

.el-button--danger:focus,.el-button--danger:hover {
	background: #f78989;
	border-color: #f78989;
	color: #fff
}

.el-button--danger.is-active,.el-button--danger:active {
	background: #dd6161;
	border-color: #dd6161;
	color: #fff
}

.el-button--danger:active {
	outline: 0
}

.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover {
	color: #fff;
	background-color: #fab6b6;
	border-color: #fab6b6
}

.el-button--danger.is-plain {
	color: #f56c6c;
	background: #fef0f0;
	border-color: #fbc4c4
}

.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover {
	background: #f56c6c;
	border-color: #f56c6c;
	color: #fff
}

.el-button--danger.is-plain:active {
	background: #dd6161;
	border-color: #dd6161;
	color: #fff;
	outline: 0
}

.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover {
	color: #f9a7a7;
	background-color: #fef0f0;
	border-color: #fde2e2
}

.el-button--info {
	color: #fff;
	background-color: #909399;
	border-color: #909399
}

.el-button--info:focus,.el-button--info:hover {
	background: #a6a9ad;
	border-color: #a6a9ad;
	color: #fff
}

.el-button--info.is-active,.el-button--info:active {
	background: #82848a;
	border-color: #82848a;
	color: #fff
}

.el-button--info:active {
	outline: 0
}

.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover {
	color: #fff;
	background-color: #c8c9cc;
	border-color: #c8c9cc
}

.el-button--info.is-plain {
	color: #909399;
	background: #f4f4f5;
	border-color: #d3d4d6
}

.el-button--info.is-plain:focus,.el-button--info.is-plain:hover {
	background: #909399;
	border-color: #909399;
	color: #fff
}

.el-button--info.is-plain:active {
	background: #82848a;
	border-color: #82848a;
	color: #fff;
	outline: 0
}

.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover {
	color: #bcbec2;
	background-color: #f4f4f5;
	border-color: #e9e9eb
}

.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active {
	border-color: transparent
}

.el-button--medium {
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 4px
}

.el-button--mini,.el-button--small {
	font-size: 12px;
	border-radius: 3px
}

.el-button--medium.is-round {
	padding: 10px 20px
}

.el-button--medium.is-circle {
	padding: 10px
}

.el-button--small,.el-button--small.is-round {
	padding: 9px 15px
}

.el-button--small.is-circle {
	padding: 9px
}

.el-button--mini,.el-button--mini.is-round {
	padding: 7px 15px
}

.el-button--mini.is-circle {
	padding: 7px
}

.el-button--text {
	color: #409eff;
	background: 0 0;
	padding-left: 0;
	padding-right: 0
}

.el-button--text:focus,.el-button--text:hover {
	color: #66b1ff;
	border-color: transparent;
	background-color: transparent
}

.el-button--text:active {
	color: #3a8ee6;
	background-color: transparent
}

.el-button-group {
	display: inline-block;
	vertical-align: middle
}

.el-button-group:after,.el-button-group:before {
	display: table;
	content: ""
}

.el-button-group:after {
	clear: both
}

.el-button-group .el-button {
	float: left;
	position: relative
}

.el-button-group .el-button+.el-button {
	margin-left: 0
}

.el-button-group .el-button:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.el-button-group .el-button:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.el-button-group .el-button:first-child:last-child {
	border-radius: 4px
}

.el-button-group .el-button:not(:first-child):not(:last-child) {
	border-radius: 0
}

.el-button-group .el-button:not(:last-child) {
	margin-right: -1px
}

.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover {
	z-index: 1
}

.el-button-group .el-button--primary:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--primary:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-progress {
	position: relative;
	line-height: 1
}

.el-progress__text {
	font-size: 14px;
	color: #606266;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	line-height: 1
}

.el-progress__text i {
	vertical-align: middle;
	display: block
}

.el-progress--circle {
	display: inline-block
}

.el-progress--circle .el-progress__text {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.el-progress--circle .el-progress__text i {
	vertical-align: middle;
	display: inline-block
}

.el-progress--without-text .el-progress__text {
	display: none
}

.el-progress--without-text .el-progress-bar {
	padding-right: 0;
	margin-right: 0;
	display: block
}

.el-progress-bar,.el-progress-bar__inner:after,.el-progress-bar__innerText {
	display: inline-block;
	vertical-align: middle
}

.el-progress--text-inside .el-progress-bar {
	padding-right: 0;
	margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
	background-color: #67c23a
}

.el-progress.is-success .el-progress__text {
	color: #67c23a
}

.el-progress.is-exception .el-progress-bar__inner {
	background-color: #f56c6c
}

.el-progress.is-exception .el-progress__text {
	color: #f56c6c
}

.el-progress-bar {
	padding-right: 50px;
	width: 100%;
	margin-right: -55px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-progress-bar__outer {
	height: 6px;
	border-radius: 100px;
	background-color: #ebeef5;
	overflow: hidden;
	position: relative;
	vertical-align: middle
}

.el-progress-bar__inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: #409eff;
	text-align: right;
	border-radius: 100px;
	line-height: 1;
	white-space: nowrap
}

.el-progress-bar__inner:after {
	content: "";
	height: 100%
}

.el-progress-bar__innerText {
	color: #fff;
	font-size: 12px;
	margin: 0 5px
}

@-webkit-keyframes progress {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 32px 0
	}
}

@keyframes progress {
	0% {
		background-position: 0 0
	}

	to {
		background-position: 32px 0
	}
}

.el-radio,.el-radio--medium.is-bordered .el-radio__label {
	font-size: 14px
}

.el-radio,.el-radio__input {
	white-space: nowrap;
	line-height: 1;
	outline: 0
}

.el-radio,.el-radio__inner,.el-radio__input {
	position: relative;
	display: inline-block
}

.el-radio {
	color: #606266;
	font-weight: 500;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}

.el-radio.is-bordered {
	padding: 12px 20px 0 10px;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px
}

.el-radio.is-bordered.is-checked {
	border-color: #409eff
}

.el-radio.is-bordered.is-disabled {
	cursor: not-allowed;
	border-color: #ebeef5
}

.el-radio__input.is-disabled .el-radio__inner,.el-radio__input.is-disabled.is-checked .el-radio__inner {
	background-color: #f5f7fa;
	border-color: #e4e7ed
}

.el-radio.is-bordered+.el-radio.is-bordered {
	margin-left: 10px
}

.el-radio--medium.is-bordered {
	padding: 10px 20px 0 10px;
	border-radius: 4px;
	height: 36px
}

.el-radio--mini.is-bordered .el-radio__label,.el-radio--small.is-bordered .el-radio__label {
	font-size: 12px
}

.el-radio--medium.is-bordered .el-radio__inner {
	height: 14px;
	width: 14px
}

.el-radio--small.is-bordered {
	padding: 8px 15px 0 10px;
	border-radius: 3px;
	height: 32px
}

.el-radio--small.is-bordered .el-radio__inner {
	height: 12px;
	width: 12px
}

.el-radio--mini.is-bordered {
	padding: 6px 15px 0 10px;
	border-radius: 3px;
	height: 28px
}

.el-radio--mini.is-bordered .el-radio__inner {
	height: 12px;
	width: 12px
}

.el-radio+.el-radio {
	margin-left: 30px
}

.el-radio__input {
	cursor: pointer;
	vertical-align: middle
}

.el-radio__input.is-disabled .el-radio__inner {
	cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
	cursor: not-allowed;
	background-color: #f5f7fa
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
	cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
	background-color: #c0c4cc
}

.el-radio__input.is-disabled+span.el-radio__label {
	color: #c0c4cc;
	cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
	border-color: #409eff;
	background: #409eff
}

.el-radio__input.is-checked .el-radio__inner:after {
	-webkit-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
	color: #409eff
}

.el-radio__input.is-focus .el-radio__inner {
	border-color: #409eff
}

.el-radio__inner {
	border: 1px solid #dcdfe6;
	border-radius: 100%;
	width: 14px;
	height: 14px;
	background-color: #fff;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.el-radio__inner:hover {
	border-color: #409eff
}

.el-radio__inner:after {
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #fff;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%) scale(0);
	transform: translate(-50%,-50%) scale(0);
	-webkit-transition: -webkit-transform .15s ease-in;
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
	transition: transform .15s ease-in,-webkit-transform .15s ease-in
}

.el-radio__original {
	opacity: 0;
	outline: 0;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
	-webkit-box-shadow: 0 0 2px 2px #409eff;
	box-shadow: 0 0 2px 2px #409eff
}

.el-radio__label {
	font-size: 14px;
	padding-left: 10px
}

.projectdetails .clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.projectdetails .clearfix {
	*zoom: 1
}

.projectdetails h2 {
	font-weight: 400
}

.projectdetails li {
	list-style: none
}

.projectdetails em,.projectdetails i {
	font-style: normal
}

.projectdetails input[type=number] {
	-moz-appearance: textfield
}

.projectdetails input[type=number]::-webkit-inner-spin-button,.projectdetails input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.projectdetails {
	width: 100%;
	min-width: 1200px;
	background: #f8f8f8;
	padding-bottom: 60px;
	border-bottom: 1px solid #e5e5e5
}

.projectdetails .banner {
	position: relative;
	width: 100%;
	min-width: 1200px;
	_width: 1200px;
	height: 100px;
	margin-bottom: 25px;
	padding-top: 65px;
	background: url(http://www.luojinet.com/img/banner.81ed8aa.png) no-repeat 50%
}

.projectdetails .banner p {
	width: 1200px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 16px;
	color: #fff
}

.projectdetails .banner p a {
	color: #fff
}

.projectdetails .banner p em {
	font-weight: 700;
	white-space: pre-wrap
}

.projectdetails .stateList {
	width: 1200px;
	margin: 0 auto;
	background: #fff;
	padding: 30px 45px 50px;
	margin-bottom: 20px;
	position: relative
}

.projectdetails .stateList h2 {
	color: #333;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400
}

.projectdetails .stateList .list {
	text-align: center;
	margin-top: 35px
}

.projectdetails .stateList .list .item {
	display: inline-block;
	width: 70px;
	margin-right: 134px;
	text-align: center;
	position: relative
}

.projectdetails .stateList .list .item img {
	width: 44px;
	height: 44px
}

.projectdetails .stateList .list .item p {
	color: #999;
	font-size: 14px;
	line-height: 14px;
	margin-top: 12px
}

.projectdetails .stateList .list .item p.ed {
	color: #0083ff
}

.projectdetails .stateList .list .item:after {
	content: "";
	width: 134px;
	position: absolute;
	top: 22px;
	right: -134px;
	border-top: 2px solid #dfdfdf
}

.projectdetails .stateList .list .item:last-child {
	margin-right: 0
}

.projectdetails .stateList .list .item:last-child:after {
	display: none
}

.projectdetails .stateList .list .item.eds:after {
	border-top: 2px solid #0083ff
}

.projectdetails .stateList .list .item.edds:after {
	width: 67px;
	border-top: 2px solid #0083ff;
	right: -67px
}

.projectdetails .stateList .list .item.edds:before {
	content: "";
	width: 134px;
	position: absolute;
	top: 22px;
	right: -134px;
	border-top: 2px solid #dfdfdf
}

.projectdetails .stateList .operation {
	position: absolute;
	top: 20px;
	right: 35px
}

.projectdetails .stateList .operation button {
	display: block;
	height: 46px;
	min-width: 140px;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #0083ff;
	color: #0083ff;
	background-color: #fff
}

.projectdetails .stateList .operation button:first-child {
	color: #fff;
	background-color: #0083ff;
	margin-bottom: 20px
}

.projectdetails .stateList .operation button:first-child:hover {
	background: #66b1ff;
	border-color: #66b1ff
}

.projectdetails .stateList .operation a {
	display: block;
	padding: 10px 0;
	height: 46px;
	min-width: 140px;
	color: #fff;
	font-size: 18px;
	background-color: #0083ff;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #0083ff;
	margin-top: 35px
}

.projectdetails .middle {
	width: 1200px;
	margin: 0 auto;
	background: #fff;
	padding: 0 45px 50px
}

.projectdetails .middle .basicdetails {
	width: 100%;
	padding-top: 9px
}

.projectdetails .middle .basicdetails h2 {
	margin-bottom: 45px;
	font-size: 18px;
	line-height: 18px;
	color: #222;
	font-weight: 700;
	white-space: pre-wrap
}

.projectdetails .middle .basicdetails .information {
	width: 100%;
	padding-bottom: 32px;
	border-bottom: 1px solid #e5e5e5;
	display: table
}

.projectdetails .middle .basicdetails .information .left,.projectdetails .middle .basicdetails .information .right {
	display: table-cell;
	vertical-align: top
}

.projectdetails .middle .basicdetails .information .left {
	width: 661px;
	padding: 68px 0 0!important;
	border-right: 1px solid #e5e5e5
}

.projectdetails .middle .basicdetails .information .left .introduce li {
	float: left;
	width: 50%;
	margin-bottom: 28px
}

.projectdetails .middle .basicdetails .information .left .introduce li i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	margin-bottom: -2px
}

.projectdetails .middle .basicdetails .information .left .introduce li i.typeIcon {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEUAAACZmZmLi4uRkZGWlpaVlZWXl5eampqYmJiYmJiZmZmZmZmXl5eXl5eampqYmJiYmJiYmJiXl5eYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiYmJiYmJiYmJiYmJiZmZmZmZnGV5wiAAAAIXRSTlMACgsOJykqODlISU5PXl5fYXBxrK2urr+/wcLDxNLT09Xys1eKAAAAcElEQVR4XrXPQQ6DMAxE0Q+hgRRCANyGkBa4/ymLLHXFmtm8hS3Lw7ju3331xqsj5ME+7CC1qBkOC9jkknrAVgFVfEZ1u2z8b7wbUT8QXktc5q7s1B5M45yrCwrVgJdzIm3Zqv1Nf0z5bJmCCerEJT+iOAu7kDJkagAAAABJRU5ErkJggg==) no-repeat 50%
}

.projectdetails .middle .basicdetails .information .left .introduce li i.timeIcon {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAACqqqqfn5+Li4uRkZGZmZmWlpaampqWlpadnZ2ZmZmVlZWXl5eampqZmZmZmZmXl5eampqYmJiYmJiZmZmZmZmYmJiYmJiZmZmZmZmYmJiYmJiYmJiYmJiYmJiZmZlSWoZvAAAAH3RSTlMAAwgLDg8WHCIiKCkvMDVVVlZXnKCkpabG0NHd6/r8q6JHFQAAAIpJREFUeF5lj9sOwiAQBcfSaoVCtdALIPT//1LDPmjivO0ku2cPAM7nWrN3CCqUfbF22UtQbT6SgStg0qGAkAYYC8CQArhiAH0CYIrDb3wFmyc/fsUzU62IrusuYKsI7ueHVxOywqi1vsEjt6OCHJVYQWIJsUegj6G9HrUIHQ+FlFvnaZrXVu6v/hsMtAlCg4FywgAAAABJRU5ErkJggg==) no-repeat 50%
}

.projectdetails .middle .basicdetails .information .left .introduce li i.closeIcon {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAA0ElEQVQY02NgAIMZ02doMcDBdJ0Zk+CcmRoz22c8n7l9xnwYnLl95uOZrbPUQPosZ7yZ2TLz+oyO6QkwOKNj5qUZbTPfTjdjmLFjRiLQhMzp0gjDp8rOSAOKpczYyjDj7mxFBqxgmtKsawwz7wPtuY8VPp55HSg91Wa6AjY41QYsPV0Bu+HTFXBIN7BME8QjPXPLzF8zTHBLb5z5c6YRbsOZJvFBDZ9xfJYLdqfNcp9xhGFW7Mx7090xvTXNE+jzKFCox8w8PPM6Bjw8I5KBAQALL5U2D1oZbQAAAABJRU5ErkJggg==) no-repeat 50%
}

.projectdetails .middle .basicdetails .information .left .introduce li span {
	font-size: 16px;
	line-height: 16px;
	color: #999;
	word-wrap: break-word
}

.projectdetails .middle .basicdetails .information .left .introduce li span em {
	font-size: 16px;
	line-height: 16px;
	color: #333
}

.projectdetails .middle .basicdetails .information .left .introduce li:last-of-type {
	margin-bottom: 0
}

.projectdetails .middle .basicdetails .information .right {
	padding: 28px 26px 1px 109px;
}

.projectdetails .middle .basicdetails .information .right .avtor,.projectdetails .middle .basicdetails .information .right .imgBox {
	width: 90px;
	height: 90px;
	margin-right: 20px;
	border-radius: 50%;
	float: left
}

.projectdetails .middle .basicdetails .information .right .imgBox {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.projectdetails .middle .basicdetails .information .right p {
	color: #999;
	font-size: 16px
}

.projectdetails .middle .basicdetails .information .right p .name {
	color: #333;
	font-size: 20px;
	padding-right: 10px;
	font-weight: 700;
	display: inline-block;
	max-width: 190px;
	
	text-overflow: ellipsis;
	white-space: nowrap
}

.projectdetails .middle .basicdetails .information .right p .title {
	position: relative;
	top: -10px
}

.projectdetails .middle .basicdetails .information .right .operation {
	margin-top: 10px
}

.projectdetails .middle .basicdetails .information .right .operation button {
	height: 34px;
	width: 88px;
	border-radius: 4px;
	cursor: pointer
}

.projectdetails .middle .basicdetails .information .right .operation button:first-child {
	color: #0083ff;
	font-size: 14px;
	border: 1px solid #0083ff;
	margin-right: 10px;
	background-color: #fff
}

.projectdetails .middle .basicdetails .information .right .operation button:last-child {
	color: #fff;
	font-size: 14px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

.projectdetails .middle .basicdetails .information .right .des {
	clear: both;
	padding-top: 10px
}

.projectdetails .middle .basicdetails .information .right .des span {
	color: #999;
	font-size: 14px;
	margin-right: 35px
}

.projectdetails .middle .basicdetails .information .right .des span:last-child {
	margin-right: 0
}

.projectdetails .middle .basicdetails .information .right .des span:last-child i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: -4px;
	cursor: pointer;
	background: url(http://www.luojinet.com/img/wechat@2x.276431e.png) no-repeat 50%;
	margin-right: 10px;
	background-size: 100% 100%
}

.projectdetails .middle .basicdetails .information .right .des span:last-child i:first-of-type {
	position: relative
}

.projectdetails .middle .basicdetails .information .right .des span:last-child i:nth-of-type(2) {
	background: url(http://www.luojinet.com/img/web@2x.2a43cb1.png) no-repeat 50%;
	background-size: 100% 100%
}

.projectdetails .middle .basicdetails .information .right .des span:last-child i:nth-of-type(3) {
	background: url(http://www.luojinet.com/img/qzone@2x.ccaf57c.png) no-repeat 50%;
	background-size: 100% 100%
}

.projectdetails .middle .basicdetails .information .right .des span:last-child .qrcode {
	position: absolute;
	top: 25px;
	right: -61px;
	overflow: hidden;
	width: 144px;
	height: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACWCAMAAAAGwfGXAAAAY1BMVEUAAAAAkf4Af/4Ag/4AhP4Agf4Agv4Agv4Agv4Ag/4Ag/8Agv4Ag/4Agv4Agv4Ag/5NqP9Oqf9Pqf+Fw/+FxP/A4f/B4f/y+f/2+v8rmP/p9P////8smP/1+v9MqP8Ag/+93/8QD7rtAAAAEHRSTlMABxwdcHBxf8vLzM/S8vb3aSasfAAAAP5JREFUeF5ioBJgZ2cYVIBdUpJ9cLlHSkqSfVC5R1paSpJ9ULkH5qLB4h5quoiRlYtPngIgIyUtDXMRJebwcrIxMgABE7ecgiygnTvIQRAIgijag4QQnAAiAglRvP8p9Ri9eP8Eb1HrOhO0fz+1iSh1PdP0rCXax5mopYv+lQm09TG+M4GOKa4zVVd+EBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQENC4JzvV6rdkt2PdkuuYLdd13VpLRHOftyPFfra53uJfaYfpStA0dCXiBz6ckd3vDfnlAAAAAElFTkSuQmCC) no-repeat 50%
}

.projectdetails .middle .basicdetails .information .right .des span:last-child .qrcode img {
	display: block;
	margin: 0 auto;
	border-radius: 15px
}

.projectdetails .middle .basicdetails .information .right .des span:last-child .sharrwx:hover .qrcode {
	height: 150px;
	padding-top: 7px
}

.projectdetails .middle .projectinf {
	width: 100%;
	padding-top: 45px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5
}

.projectdetails .middle .projectinf .top {
	margin-bottom: 76px
}

.projectdetails .middle .projectinf .top .budget {
	float: left;
	margin-right: 110px
}

.projectdetails .middle .projectinf .top .budget h2 {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 20px;
	color: #666
}

.projectdetails .middle .projectinf .top .budget h2 i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 6px;
	margin-bottom: -4px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA2FBMVEUAAAAAAAB/f38/Pz9mZmZtbW1fX19UVFRcXFxbW1tmZmZhYWFjY2NiYmJmZmZkZGRnZ2dkZGRnZ2dkZGRiYmJlZWVkZGRnZ2dmZmZjY2NnZ2dlZWVkZGRnZ2dmZmZkZGRlZWVkZGRlZWVlZWVmZmZnZ2dmZmZlZWVlZWVmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVmZmZlZWVmZmZmZmbOtIuLAAAAR3RSTlMAAQIEBQcICQsOFBUXGh4hJSYqKzE3ODs+QEpOT09QVFhbZGprb3CHj5Oaoqepq6+ytLa3ubzAwcPGx8zO1dri5+zu7/D6/lofl9UAAAC/SURBVHhefc7rUoJQFIbhTxQNRTtgKFhohoCnPICmW1DQat3/HTmbAVGaen8+M2vNB49+5YL6aq4+gVTkUv/Gu2c1q5GgSVdtEoRYzhL++4lODZC6UL6J6DNFL5ClrQ+hpWnaQ4rSNmCBfHveC49EX6F5g9VXY74xjDpeXB6L8X5grX3LeoKzt23boyFHnbEwYuwNzgxonkaFZKczAcBRicYCcvgYTotIsa3HuDvMSuD4rl36oKUI3uKHslaV2M422i0CNugVkAAAAABJRU5ErkJggg==) no-repeat 50%
}

.projectdetails .middle .projectinf .top .budget p {
	font-size: 32px;
	line-height: 32px;
	color: #f77272
}

.projectdetails .middle .projectinf .describe .title {
	margin-bottom: 20px
}

.projectdetails .middle .projectinf .describe .title h2 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 18px;
	color: #333;
	font-weight: 700
}

.projectdetails .middle .projectinf .describe .title em {
	display: block;
	width: 30px;
	height: 3px;
	background: #e5e5e5;
	border-radius: 1px
}

.projectdetails .middle .projectinf .describe .content {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	word-wrap: break-word;
	text-align: justify
}

.projectdetails .middle .projectinf .describe .content p {
	margin-bottom: 37px;
	white-space: pre-wrap
}

.projectdetails .middle .projectinf .describe .content .doc li a {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-weight: 700
}

.projectdetails .middle .projectinf .describe .content .doc li a i {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	margin-top: 3px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAxlBMVEUAAAA4ODgzMzMuLi4qKio2NjYtLS01NTUzMzMwMDAuLi4sLCw1NTUxMTEzMzMvLy82NjY0NDQzMzMxMTEzMzMxMTEyMjIyMjIxMTEyMjIxMTEyMjIyMjIyMjIyMjIxMTEzMzMyMjIyMjIyMjIzMzMzMzMzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzMyMjIzMzMzMzMyMjIyMjIyMjIzMzMzMzMyMjIyMjIyMjIyMjIzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzPi8kKNAAAAQXRSTlMACQoLDA4RExQVFhcYGh4gISIoKVBYWltcYGJkZWtwgIGHlpeanp+isbO3z9DR1NXa3d7f3+Dh4uPn6uvs7/f6/nmhV10AAACaSURBVHhefcxhE4FAFIXhAwqBpRBAEEQoUgn+/58ybGk3M70fnzn3oqD7wS+zhm/6oS2HLW3zSNXvIGq0lUINZAYhmTZJ4A4oGRfC4fDeAkRjzyG5Pc6W5bkcQpBVVZ1R5FMiLFZoIoPkFfasxohGk1b/LNN+ltcb2kqIMTeZ0saZ9PN/9LoJHDjA4tRT2PqOBuTnV5fN0bJ4A5ToHidInHTNAAAAAElFTkSuQmCC) no-repeat 50%
}

.projectdetails .middle .projectinf .describe .content .doc li a p {
	margin-bottom: 25px
}

.projectdetails .middle .projectinf .describe .content .doc li a p:hover {
	color: #0083ff
}

.projectdetails .middle .projectinf .describe .content .img .imgBox {
	display: inline-block;
	width: 180px;
	height: 180px;
	margin-right: 19px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.projectdetails .middle .projectinf .describe .content .img .imgBox:last-child {
	margin-right: 0
}

.projectdetails .middle .page {
	padding-top: 29px
}

.projectdetails .middle .page p {
	font-size: 14px;
	line-height: 14px;
	color: #999
}

.projectdetails .middle .page p a {
	color: #333
}

.projectdetails .middle .page .last {
	margin-bottom: 14px
}

.projectdetails .intention {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 99
}

.projectdetails .intention .intentioncon {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 840px;
	margin: 0 auto;
	background: #fff;
	padding: 40px 120px 42px;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.projectdetails .intention .intentioncon h2 {
	font-size: 30px;
	line-height: 30px;
	color: #333;
	margin-bottom: 54px;
	font-weight: 700
}

.projectdetails .intention .intentioncon .offer {
	position: relative;
	margin-bottom: 40px
}

.projectdetails .intention .intentioncon .offer p {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.projectdetails .intention .intentioncon .offer p em,.projectdetails .intention .intentioncon .offer p i {
	color: #ff7070
}

.projectdetails .intention .intentioncon .offer .offerinput {
	width: 100%;
	height: 54px;
	padding: 0 29px 0 15px;
	font-size: 16px;
	line-height: 54px;
	border: 1px solid #e5e5e5
}

.projectdetails .intention .intentioncon .offer input::-webkit-input-placeholder {
	color: #ccc
}

.projectdetails .intention .intentioncon .offer input:-moz-placeholder,.projectdetails .intention .intentioncon .offer input::-moz-placeholder {
	color: #ccc
}

.projectdetails .intention .intentioncon .offer input:-ms-input-placeholder {
	color: #ccc
}

.projectdetails .intention .intentioncon .offer span {
	position: absolute;
	right: 13px;
	bottom: 19px;
	font-size: 16px;
	line-height: 16px;
	color: #333
}

.projectdetails .intention .intentioncon .instructions {
	position: relative;
	margin-bottom: 16px
}

.projectdetails .intention .intentioncon .instructions p {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.projectdetails .intention .intentioncon .instructions p i {
	color: #ff7070
}

.projectdetails .intention .intentioncon .instructions #text {
	width: 100%;
	height: 162px;
	padding: 18px 14px 30px;
	resize: none;
	border-color: #e5e5e5;
	font-size: 16px;
	line-height: 22px
}

.projectdetails .intention .intentioncon .instructions textarea::-webkit-input-placeholder {
	color: #ccc
}

.projectdetails .intention .intentioncon .instructions textarea:-moz-placeholder,.projectdetails .intention .intentioncon .instructions textarea::-moz-placeholder {
	color: #ccc
}

.projectdetails .intention .intentioncon .instructions textarea:-ms-input-placeholder {
	color: #ccc
}

.projectdetails .intention .intentioncon .instructions span {
	position: absolute;
	right: 14px;
	bottom: 10px;
	font-size: 14px;
	line-height: 14px;
	color: #ccc
}

.projectdetails .intention .intentioncon h3 {
	margin-bottom: 75px;
	font-size: 14px;
	line-height: 14px;
	color: #666
}

.projectdetails .intention .intentioncon h3 a {
	color: #0083ff
}

.projectdetails .intention .intentioncon .button {
	text-align: right
}

.projectdetails .intention .intentioncon .button button {
	width: 120px;
	height: 42px;
	padding: 14px 0;
	border: none;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.projectdetails .intention .intentioncon .button .cancel {
	margin-right: 20px;
	color: #0083ff;
	border: 1px solid #2d93f9;
	background: #fff
}

.projectdetails .intention .intentioncon .button .cancel:hover {
	background: #f1faff
}

.projectdetails .intention .intentioncon .button .determine {
	color: #fff;
	background: #2d93f9
}

.projectdetails .intention .intentioncon .button .determine:hover {
	background: #66b1ff
}

.projectdetails .popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 99
}

.projectdetails .popup .popcon {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 546px;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	background: #fff;
	padding: 40px 0;
	margin: 0 auto;
	border-radius: 8px;
	-webkit-box-shadow: 4px 0 9px rgba(0,57,116,.08);
	box-shadow: 4px 0 9px rgba(0,57,116,.08)
}

.projectdetails .popup .popcon .close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 15px;
	height: 15px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAACUlJSZmZmXl5eZmZmXl5eZmZmZmZmZmZmNAi8EAAAACHRSTlMAGDo7P0B06dqRrk0AAABOSURBVHheVY0xCoBADAQHPftDP2J3bbpr7WwtfYDc+2XAFC4ksMNuwoqaKi0A+s7yAMV1BvQAkQCtwMAQqPviTzJTsqV18jLt+H5tqLm+Zk0M5socXLUAAAAASUVORK5CYII=) no-repeat 50%;cursor: pointer
}

.projectdetails .popup .popcon img {
	display: block;
	margin: 0 auto 28px;
	height: auto;
	max-width: 100%
}

.projectdetails .popup .popcon h2 {
	font-size: 18px;
	line-height: 18px;
	color: #666;
	text-align: center
}

.projectdetails .popup .popcon .btn {
	width: 180px;
	height: 50px;
	padding: 15px 0;
	margin: 80px auto 0;
	background: #0083ff;
	border-radius: 25px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.projectdetails .popup .popcon .btn:hover {
	background: #66b1ff
}

.projectdetails .popup .popcon .button {
	padding: 0 50px
}

.projectdetails .popup .popcon .button .left {
	float: left
}

.projectdetails .popup .popcon .button .right {
	float: right
}

.cantapply .box-body {
	width: 546px;
	height: 360px;
	border-radius: 8px
}

.cantapply .closebox {
	position: absolute;
	right: 16px;
	top: 13px;
	cursor: pointer;
	color: #9c9c9c
}

.cantapply .cantapply_content {
	margin: 48px auto;
	text-align: center
}

.cantapply .cantapply_content img {
	width: 130px;
	height: 130px
}

.cantapply .cantapply_content p {
	color: #666;
	font-size: 18px;
	margin: 28px 0 40px
}

.cantapply .cantapply_content button {
	background: #0083ff;
	border-radius: 4px;
	width: 120px;
	height: 42px;
	color: #fff;
	font-size: 14px;
	border: none;
	cursor: pointer
}

em,i {
	list-style: none
}

h2,h3 {
	font-weight: 400
}

.blogdetails,body {
	background: #fafafa
}

.blogdetails {
	padding-bottom: 42px
}

.blogdetails .ql-editor {
	white-space: pre-line
}

.blogdetails .tip {
	background: #fff5e9;
	border: 1px solid #ffd9ae;
	color: #999;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 20px
}

.blogdetails .tip img {
	margin: 0 8px 0 11px;
	vertical-align: middle
}

.blogdetails .tip a {
	color: #ff9400;
	display: inline-block;
	width: 70px;
	margin-left: 5px
}

.blogdetails textarea::-webkit-input-placeholder {
	font-family: MicrosoftYaHei PingFangSC-Regular
}

.blogdetails textarea::-moz-placeholder {
	font-family: MicrosoftYaHei PingFangSC-Regular
}

.blogdetails textarea:-ms-input-placeholder {
	font-family: MicrosoftYaHei PingFangSC-Regular
}

.blogdetails .mainpart {
	width: 100%;
	height: 100%
}

.blogdetails .mainpart .middle {
	width: 1200px;
	margin: 0 auto
}

.blogdetails .mainpart .blog-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #fff;
	border-bottom: 1px solid hsla(0,0%,41%,.35);
	z-index: 1300
}

.blogdetails .mainpart .blog-header h2 {
	float: left;
	width: 79%;
	padding: 24px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 32px;
	line-height: 32px;
	color: #333
}

.blogdetails .mainpart .blog-header .publisher {
	float: right;
	padding: 16px 0
}

.blogdetails .mainpart .blog-header .publisher img {
	float: left;
	margin-right: 13px;
	border-radius: 50%
}

.blogdetails .mainpart .blog-header .publisher .name {
	float: left;
	max-width: 94px;
	margin-right: 10px;
	font-size: 16px;
	line-height: 47px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.blogdetails .mainpart .blog-header .publisher .attention {
	float: left;
	width: 76px;
	height: 30px;
	padding: 8px 0;
	margin-top: 8px;
	background: #008ffa;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.blogdetails .mainpart .blog-header .publisher .has {
	background: #e5e5e5;
	color: #999
}

.blogdetails .mainpart textarea {
	border: none
}

.blogdetails .mainpart .title {
	width: 100%;
	background: #fff;
	border-top: 1px solid #f8f8f8;
	padding: 17px 0 21px;
	margin-bottom: 31px
}

.blogdetails .mainpart .title .top {
	margin-bottom: 11px
}

.blogdetails .mainpart .title .top li {
	float: left;
	height: 24px;
	margin-right: 7px;
	padding: 5px 10px;
	background: #eaf3ff;
	font-size: 14px;
	line-height: 14px;
	color: #008ffa;
	text-align: center
}

.blogdetails .mainpart .title h2 {
	margin-bottom: 14px;
	font-size: 32px;
	line-height: 32px;
	color: #333;
	word-wrap: break-word
}

.blogdetails .mainpart .title .introduce .publisher {
	float: left
}

.blogdetails .mainpart .title .introduce .publisher img {
	float: left;
	margin-right: 13px;
	border-radius: 50%
}

.blogdetails .mainpart .title .introduce .publisher .name {
	float: left;
	margin-right: 10px;
	font-size: 16px;
	line-height: 47px;
	color: #333
}

.blogdetails .mainpart .title .introduce .publisher .attention {
	float: left;
	width: 76px;
	height: 30px;
	padding: 8px 0;
	margin-top: 8px;
	background: #008ffa;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.blogdetails .mainpart .title .introduce .publisher .has {
	background: #e5e5e5;
	color: #999
}

.blogdetails .mainpart .title .introduce .particulars {
	float: right
}

.blogdetails .mainpart .title .introduce .particulars p {
	float: left;
	font-size: 14px;
	line-height: 47px;
	color: #999
}

.blogdetails .mainpart .title .introduce .particulars p:first-child {
	margin-right: 28px
}

.blogdetails .mainpart .title .introduce .particulars p:nth-child(2) {
	margin-right: 30px
}

.blogdetails .mainpart .mainbody {
	position: relative;
	width: 959px;
	margin: 0 auto;
	min-height: 300px
}

.blogdetails .mainpart .mainbody .content {
	word-break: break-all
}

.blogdetails .mainpart .mainbody .content p {
	overflow-x: hidden
}

.blogdetails .mainpart .mainbody .content .ql-body ol li {
	list-style: decimal
}

.blogdetails .mainpart .mainbody .content .ql-body ul li {
	list-style: disc
}

.blogdetails .mainpart .mainbody .content .ql-body img {
	max-width: 100%;
	height: 100%
}

.blogdetails .mainpart .mainbody .ju_baoblog {
	margin-top: 30px;
	padding-bottom: 35px;
	border-bottom: 1px solid #e5e5e5
}

.blogdetails .mainpart .mainbody .ju_baoblog .label {
	float: left
}

.blogdetails .mainpart .mainbody .ju_baoblog .label li {
	float: left;
	padding: 8px;
	margin-right: 10px;
	background: #ebebeb;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #666
}

.blogdetails .mainpart .mainbody .ju_baoblog .label li:last-child {
	margin-right: 0
}

.blogdetails .mainpart .mainbody .ju_baoblog .clickjb {
	float: right;
	margin-top: 8px;
	font-size: 14px;
	line-height: 14px;
	color: #999;
	cursor: pointer
}

.blogdetails .mainpart .mainbody .ju_baoblog .clickjb i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
	margin-right: 4px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAARVBMVEUAAACpqcapqamzuL2vub+0ub+vtLmvubmxuL2wt7yyt7yzuL2xuL2xtruyt7yxt7yxt72yuLyxuL2yuL2xt7yyuL3///+p4t0jAAAAFXRSTlMACQkvMDAwMJWWlpeYmJnB19j4/f58gyrnAAAAY0lEQVR4XmWOQQ6AIAwEVwUFRaWF+v+nmkJirM6lmbl0ocwhM+cwozNuRRplH9SHUx5OLanJdbWTgKm+Q3WI8g4SQTYQ2Ab+BxIDIdqwwtm3/jPs+E/XkmrXmtSVJRIzrV7lBqe/EFBboyeUAAAAAElFTkSuQmCC) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar {
	clear: both;
	z-index: 55;
	position: relative
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar em {
	display: inline-block;
	font-size: 14px;
	color: #999;
	margin-top: 12px;
	margin-left: 30px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar li {
	cursor: pointer;
	display: inline-block;
	vertical-align: top
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar li i {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: bottom
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar li p {
	font-size: 14px;
	line-height: 16px;
	color: #999;
	text-align: center
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .sc {
	margin-top: 10px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .sc i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAwFBMVEUAAAD///+/v7+qv7+2tra0w8O4uMatt7ewurqvr7ivuListL2xuL+utbu0tLqytruyt8Cvt7qytryzuL2xtryyub6yt76ytr2yub2xuLyyub2wtr2wt72xub2xt7uxtryyuLyxt7yxubyyt7uzuL2yt72xt7yyt72xt7yyt7yyuL2xuLyyuL2yt7yxuL2yt72xt7yxt72yt72xt7yxuLyxuLyxt7yyt72yuL2yuLyxt72yt7yxuL2xt7yyuL2yuL2OPv97AAAAP3RSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFxc3V4fICBg4aHi4yNj5WZmpqforC3zc/a4eXn5+rr8PLz9Pb4+v6u8pKxAAAAh0lEQVR4Xr3NxQ7DQBRD0QmWmZmZmzL5//+qSqQ8xdJs27v0WVj9pPQ1q4c5llqIv/BO6GAIYKIB5wbg7hKYmWJjtoPfdlotpIwQLuC8ECofhroc1AiakZdWBNr03xHoKSovkGMoC5QYxgIDhg2A0+gMYM1wwKNrKbv/xJ7BW8SCIbk6qv/1Be3kIucJDFeCAAAAAElFTkSuQmCC) no-repeat 50%;margin-bottom: -5px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .sc:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUAAAAAAAA/P39VVWpbW1taWmlUVGNRW2VYWGJPV2BXV2BSWmJUXGNXXWRXXWNRW2VUXWJWWWRWWWNUXGRUWmRUW2VVXGNVXGNUWmNUW2RVW2NUWmJVW2NUWmJTW2NVW2JUXGRUW2RTW2RUXGNTWmNVXGNUW2NUW2NUXGVUW2NUXGNVXGNUW2RUXGNUXGNUXGNUW2NUW2RUW2RUW2NUW2RUW2NVXGNVW2RUXGNUW2NUXGNVW2NUW2NVXGRVXGS0g3T3AAAAPnRSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFzdXh8gIGDhoeLjI2PlZmamp+isLfNz9rh5efn6uvw8vP09vj6/lcfLiMAAACHSURBVHhevc3FDsNAFEPRSZEZgkVmSJn8/58VtVKeYmm26V36LKxiqXSt6GGOpRZyL7zzOhgCmGggfQNwzxAkyg1rtsO37bRTLxohXMCdQmh/GEw5MAnsyIsTAZf+PYGeomoCVYaWQJNhLDBg2ADwR2cAa4YDHt2kSvWf2DP4i+xvKKyO6n8FRHYiUdLLVgMAAAAASUVORK5CYII=) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .ewm {
	margin: 10px 20px 0 10px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .ewm i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABWVBMVEUAAAD///9/f39/f/+qqqrMzMyfn7+ysrKiubmpuLi4uLi4uMaptratubmtrbmxvLyyu8Ovt7+yuL+wvLyvtL60uL20uLyvt7qxuL+ytbyxuLuyubywt72yuL6yuL2wuLuyuL2yt7ywt7uyuL2wtr2yuL2xt72xt76xt72xt72xt72xub2xt7yxt7yxuLyyuL2xtryxuL2zuL2xuL2yt72yt7yxt7yxuLyyt72zt76xt7uxt7yyuL2xt72yuLyyt72xt72yt7yyt72xt7yxt7uxuL2yuL2xt7yyt7yxuL2xuL2yuL2yuL2yuLyyuL2xt7yyuLyxt7ywt7yxuLyxt7yyuLyxt7yyt72yt72yuL2xuLyxuLyyt72xt7yyt72xt72yt72xuLyyuLyxuLyyt7yxuL2xt7yyuLyyt7yyuL2xt7yyuLyxuL2yuL2xt7yxt7yyuL2yuL2yuL27r3DyAAAAcnRSTlMAAQICAwUICgsSEhIVFhYXHiAoKjM6QUdISUxNTlNaW2FncnR4eHl6fYCBhIeLjZCRlJeYmZqhoqSlp6iqrLCztre3ub7AwsXIys3O0dTV19ja29zd3+Di5ebm5+nr7O3t7u/x8/X19vb29/f4+fr7/P1ipnKAAAAA5klEQVR4Xq3MZVNCQRhA4Re8igWY3d2BAWYHKgpmYBdio+f/B+wddu4yfuX5emaO5FdB8+xpioetXn9uqNknK9FvGaHhHceSUyqeYbHlEOjp+IJB0aaAJgnAd7HrGJIlOlwCt2spILrD9XKgWgcc4b7pWOLzJFgnyg3aWJCsFfUL6TC5AbEf+DuAiEek6gPbUxeEZQBmZAGGRKT9F2V+G95GjiA+fAfnklF/DzB6gUmFwkeiL8ztYrhSoXG1Vtyl3m4M4yp4xFa0h8ZZmRjKN3WIVEoOV+v6KyTjdMo/bp/XstomJK/SeGdoNDpeKj0AAAAASUVORK5CYII=) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .ewm:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABXFBMVEUAAAAAAAD///9/f39VVVVVVapVqqpmmZlff39mf39/f39zc3Nxf39teXlzc39zf395eYV3f393f395f39zf39zfYJ2e391fYF2eoF0e4N2eoF1fIJ3eoF1fH90eoF2eYJ1e4B2e4B0e4B2e4F2e4F0e393e4F2eoB3e4F2fIB1e4F2fIB1e4F1fIB1fIB1eoB2e4F1e4B1fIF2fIF2e4J1fIF2e4B1fIF1e4B2fIF2fIF1e4F1e4B0eoF2fIF1e4B1e4B2e4F1fIB1fIB2fIF1fIB2e4B2fIB2e4B1fIF1e4B1e4B2fIB1e4B2e4B1e4F1e4B2e4F2fIF1e4F2e4B2e4B1e4F2fIB1e4B1e4F1fIB2fIB2e4F1fIB2fIB2fIF2e4F2e4F1fIB2e4F1fIB2e4F1e4F1e4F1e4F2fIB2e4B2fIF1e4F2e4B1e4F2e4B1e4F2fIF1e4F2fIHXyyTsAAAAc3RSTlMAAQECAwMDBQgKCgsSFRYWFx4gKCozOkFHSElMTU5TWlthZ3J0eHh5en2AgYSHi42QkZSUl5iZmqGipKWnqKqssLO2t7e5vsDCxcjKzc7O0dTV1dfY2tvc3d/g4uXm5ufp6+zt7u/x8/X29vb3+Pn6+/z9cvwWLgAAAOlJREFUeF6t0VVTQlEYRuFPwT4Sdnd3C2YHaWAGFsZBUdH1/2d0O+xhM+Mlz+2aeW9eyS9Hy8J5msRunyc31O6TYQ84jdD4RtZqsWjeZ1hpPQZ6O99hSLRZoFmm4aOi8BSSlg7XwP1mGjgKcrs2VaMDWYH+uZidOvPVi3KHNu4jY13t+XWY2YbYJ3wfQLRcpDqFwlM3BGQQ5mUZhkWk4wtlaQ9eR0/gZuQBLuVXQwJg7AqTCiWPHL6wGMIQV6Fpo04clrsHw4QKZfKnNIzGhSWGyh0dIlWSo6Bty4ZknK5/PnO5ipztk5JXP3wvad8YSqubAAAAAElFTkSuQmCC) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .wb {
	margin: 10px 20px 0 0
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .wb i {
	background: url(http://www.luojinet.com/img/wb.ab2d3b8.png) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .wb:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABy1BMVEUAAAAAAAB/f39VVVVmZmZ/f39tbW1tbZFff39xcY1/f391dXV1dYltf393d3d3d4h4eId4eIZ4eHhyf39zf391f396eoRye3tye4Nze4N3f39ze4N4eH91fIJzeX92fIJ0eX90en91en91en90eYF3e393e4N3e391eYF3e4N3e393e4N1eYF0e390e4N0e392fYF1fH91fIJ3eoF3eoF0eoF2fIJ2fH92eX91e4B1e4B0eX93fH91e4B2e4B1fIJ2e4B1fYJ3e4B1fIB2fYF1fIB2fIB1e390fIB2fIB2eoB2fIB1eoB2e4F2e4F1fIF1fIF1fIF1fIF2fIF1e4B2fIF1e4B2fIF1e4B1e4F1e4F2e4B1e4B2e4B1fIB1fIB2fIF2fIB2fIF2e4B1fIF2fIF2e4B1fIF2e4B1e4B2e4B1e4B2fIF1e4F2fIF1e4B2fIF1e4B1e4B1fIF2e4F1e4F2fIB2fIB1e4F2fIB1fIF1fIB1e4F2e4F1fIB2e4F1fIF2e4F1e4B2e4F1fIB2e4F1e4F2e4F1fIB2fIB2fIB2e4B2fIB1e4F2e4B2fIF1e4F1e4B2fIF1e4F2fIF1e4F1e4B2fIF2fIHpoDdWAAAAmHRSTlMAAQIDBQYHBwgJDA0NDg8PERMTFBYaGx0dHyAhIiUqLS4wMjQ7PDw+P0BCQkNERkhLTExNT1FSVFRZW1xcXV9iY2Zrb3BxfYCBgYODiY6QkpieoKKjpqeoqamqr7Cztre3vL2+v8HCw8TMzM7P0dHS09TW19rb3N7f4OHi4+Xm5+jp6uvs7e/v8PL09vb3+Pj5+vr7/P3+/k22+wMAAAEuSURBVHhercnZOwIBGMXhz9DYEcoO2UN2gZIdIsm+79lJEJCdEIE6f65pRs8zF93x3p3foT+r+7qeyPV3FFmdgIHx87BsvR0GUYitqGS5XuyxaZPtnhxflpneAZP379qBtgGjv730Dhw7P4K3jtmXS6FrPuFlSeuY3xyQdCN8H3xXf0OkqXCcOXv09qxniDVyqVrN9aBdACstCml0gqrvAagJJIEOsOWTpERXxhLFLQB76cKxinMZKU4AWOOJom64J4A/XtFMzAHgvEU/F8YAyPnjCZmUgaH2yWkscWEOcIXyxyyqKO+eoUXASJTiAkaIV+BeCwm7MA4Dp0kUsw5cJZKgzb2cKtebzb1SUh0CRxnko9z4mGotV9b2bAMOfQSJZHfO2N7gsAxqIun//QDa72huti8plQAAAABJRU5ErkJggg==) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .qq {
	margin-top: 10px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .qq i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA6lBMVEUAAAAAAAB/f3+qqqqZmZmqqtS2traysrKvr7+vv7+0tLSysr+2tra2tsKtubm0tL+tt7evuMGvt7estLu0u7uwt72vtL2vtrqwtryxt72xtry0ubyzuL2yt7yxuLyxuLyytruxt7uxuLywtruwuLuwt72yt72xt7yyuLyxt72xt7uyuLyyub2yt7yyt72xt7yyt7yyt7yyuLyxt7yyuLyxt7yxt72xt72yt7yxuLyxuLyyuL2yt72xuLyyt72xuLyyt7yyuLyxt72xuL2yt7yyt7yyt7yxt7yxt7yyuL2xt7yyuL2yuL2yuL2gKsAgAAAATXRSTlMAAQIDBQYHChAQERQVFRYYGR0gIiInOkpYWVxcYmtscHGAg4mJj5Okpqqvsbe9vsDBxcfQ1Nfa4eLj5+jp6u3u7+/w8fb3+fr7/P39/h4JoqUAAAChSURBVHhenc3FEsJAFETRwd3d3S1AcAkqAd7//w5VKZjpYZm77LNoZj5bfnx9zev+f/AoZLRNymAd0rdjXIIc8boSjAToQYQLiVIADoLSALEnQAegTBiclBDWdg7eDcIhwKFCUlUOqgwqB53uCA8OWnsiYNe/cYhaCgIariwTOWc/2IcZFJoSb5kAKBrTYmBIDcDdOr9XTR/LKCetF2Hm+gDhZ0bDQO4lnwAAAABJRU5ErkJggg==) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .qq:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA7VBMVEUAAAAAAAB/f39VVVVmZmZ/f39tbW1/f39vf39/f394eHhyf395eXl5eYVzc39zf390f39wenpye4N3d394eH91fIJ2e391fH9zfH91e4B0fH93fIJ1fIJ0e4B2eoF2en91fIB1e390fIB1eoB1fIB1e4B1e4J2fIF2fIF1fIF2e4B2e4F2fIF1fIB2e4B2e4B1fIB1fIF1fIF1fIF1e4B1e4B1e4B2e4B1e4F1fIB1e4F2e4F1fIB2e4F1fIB2e4F1fIB1e4F2e4F1e4B1e4F2e4B2e4F1e4F2e4B1e4F1e4F2fIF1e4F2fIF2fIEEIf2TAAAATnRSTlMAAQIDBQYHChAQERQVFRYWGBkdICInOkpYWVxcYmtscHGAg4mJj5Okpqqvsbe9vsDBwcXH0NTX2uHi4+fo6ert7u/v8PH29/n6+/z8/f5HwWSBAAAAn0lEQVR4Xp3J1RLCMBBA0eDuxd3daVEpbmX//3OYycBmw2Pv4z3MfLbc5GrMq/5/8IyAt03IYB3At6MiQRawjgRDAa8ghQuIkgQcQEoRUAwCbQIloIUEFCms7QjeDYVDAKEMUhUEVQYV4Ql3Cg8EvTUVsOvdEGKWvIC6K8NETu0H+wgjhWeALeMECnwt+lxqBNzN83vV8LH0+KR3o8xcH+XlR63rKQSDAAAAAElFTkSuQmCC) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .collect i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUAAAAAAAA/P39VVWpbW1taWmlUVGNRW2VYWGJPV2BXV2BSWmJUXGNXXWRXXWNRW2VUXWJWWWRWWWNUXGRUWmRUW2VVXGNVXGNUWmNUW2RVW2NUWmJVW2NUWmJTW2NVW2JUXGRUW2RTW2RUXGNTWmNVXGNUW2NUW2NUXGVUW2NUXGNVXGNUW2RUXGNUXGNUXGNUW2NUW2RUW2RUW2NUW2RUW2NVXGNVW2RUXGNUW2NUXGNVW2NUW2NVXGRVXGS0g3T3AAAAPnRSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFzdXh8gIGDhoeLjI2PlZmamp+isLfNz9rh5efn6uvw8vP09vj6/lcfLiMAAACHSURBVHhevc3FDsNAFEPRSZEZgkVmSJn8/58VtVKeYmm26V36LKxiqXSt6GGOpRZyL7zzOhgCmGggfQNwzxAkyg1rtsO37bRTLxohXMCdQmh/GEw5MAnsyIsTAZf+PYGeomoCVYaWQJNhLDBg2ADwR2cAa4YDHt2kSvWf2DP4i+xvKKyO6n8FRHYiUdLLVgMAAAAASUVORK5CYII=) no-repeat 50%
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode {
	overflow: hidden;
	position: absolute;
	top: 50px;
	left: 115px;
	width: 257px;
	padding: 16px 0 18px 46px;
	background: #fff;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
	box-shadow: 0 0 15px rgba(0,0,0,.2)
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode h3 {
	padding-left: 11px;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 18px;
	color: #333
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode .close {
	position: absolute;
	top: 11px;
	right: 12px;
	width: 14px;
	height: 15px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAQlBMVEUAAAAAAAAcHBwiEREiFxciGREfGRMjGRQgFRUhGBUhFxQjGBMiFxUjFxQjFxUiFxUiFxUjFxUiFxQiGBQjFxQiFxW0LljaAAAAFnRSTlMABQkPFh4oMkZUY3SFlrXCztjb3+Hj56Yi0gAAAFJJREFUeF5dT1cKQDEMsnPvcf+rPkppH8QfMUFj0A0eTIdd+iq9LOCGOkoNt8k3uUk2f8ahCkDUcE2xcF4iHlLOCT/YnAx0S700md4lrUhn8tEHhIkDc66h/JMAAAAASUVORK5CYII=) no-repeat 50%;cursor: pointer
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode img {
	display: block;
	margin: 15px 0 17px
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode p {
	padding-left: 3px;
	font-size: 14px;
	line-height: 14px;
	color: #999;
	text-align: left
}

.blogdetails .mainpart .mainbody .ju_baoblog .suspensionbar .shareqrcode p:last-child {
	margin-top: 8px
}

.blogdetails .mainpart .mainbody .related {
	margin-top: 32px;
	margin-bottom: 80px
}

.blogdetails .mainpart .mainbody .related h3 {
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 14px;
	color: #666
}

.blogdetails .mainpart .mainbody .related p {
	font-size: 14px;
	line-height: 14px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.blogdetails .mainpart .mainbody .related p a {
	color: #999
}

.blogdetails .mainpart .mainbody .related p em {
	color: #333
}

.blogdetails .mainpart .mainbody .related .prev:hover em {
	color: #0083ff
}

.blogdetails .mainpart .mainbody .related .next {
	margin-top: 14px
}

.blogdetails .mainpart .mainbody .related .next:hover em {
	color: #0083ff
}

.blogdetails .mainpart .mainbody .comments {
	padding-top: 20px
}

.blogdetails .mainpart .mainbody .comments h3 {
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.blogdetails .mainpart .mainbody .comments h3 em {
	font-size: 12px;
	line-height: 14px;
	color: #999
}

.blogdetails .mainpart .mainbody .comments .nologincomments {
	width: 100%;
	height: 120px;
	padding: 33px 42px 34px 43px;
	margin-top: 19px;
	margin-bottom: 85px;
	background: #fff
}

.blogdetails .mainpart .mainbody .comments .nologincomments img {
	float: left;
	border-radius: 50%;
	margin-right: 19px
}

.blogdetails .mainpart .mainbody .comments .nologincomments p {
	float: left;
	margin-top: 20px;
	font-size: 14px;
	line-height: 14px;
	color: #999
}

.blogdetails .mainpart .mainbody .comments .nologincomments .btn {
	float: right;
	width: 70px;
	height: 30px;
	padding: 8px 0;
	margin-top: 12px;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .inputcomments {
	width: 100%;
	margin-top: 19px;
	margin-bottom: 30px
}

.blogdetails .mainpart .mainbody .comments .inputcomments .input img {
	float: left;
	margin-top: 5px;
	margin-right: 19px;
	border-radius: 50%
}

.blogdetails .mainpart .mainbody .comments .inputcomments .input #comments {
	float: left;
	width: 886px;
	height: 60px;
	padding: 21px 17px 17px;
	resize: none;
	-webkit-transition: all .5s;
	transition: all .5s;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send {
	padding: 25px 0 0 78px
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .emoji-box {
	position: relative;
	float: left;
	width: 27px;
	height: 27px
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .emoji-box.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .emoji-box .emoji-img {
	display: block;
	width: 27px;
	height: 27px;
	cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .emoji-box .emoji {
	position: absolute;
	left: -10px;
	top: 24px;
	width: 430px;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	background: #fff;
	z-index: 99
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .emoji-box .emoji .el-button {
	position: absolute;
	border: none;
	color: #ff4949;
	right: -40px;
	top: 24px;
	font-size: 24px;
	z-index: 999
}

.blogdetails .mainpart .mainbody .comments .inputcomments .send .btn {
	float: right;
	width: 77px;
	height: 30px;
	padding: 8px 0;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li {
	padding-top: 21px;
	padding-bottom: 19px;
	border-bottom: 1px solid #e5e5e5
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor {
	margin-bottom: 14px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .avtor {
	float: left;
	margin-right: 22px;
	border-radius: 50%
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content {
	float: left;
	width: 92%
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content p {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-wrap: break-word
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content p em {
	color: #999
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content p:first-child {
	margin-bottom: 10px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content p img {
	width: 18px;
	height: 18px;
	margin-right: 0;
	border-radius: 0
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf {
	margin-top: 6px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf span {
	font-size: 14px;
	line-height: 14px;
	color: #0083ff;
	cursor: pointer;
	margin-right: 7px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf div,.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf span:first-child {
	float: left
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf i {
	float: left;
	width: 12px;
	height: 7px;
	margin-top: 4px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAElBMVEUAAAAAhf4Ag/4Ag/8Ag/4Ag/8F1GVgAAAABXRSTlMALFeA+1CQnd0AAAAtSURBVHheY2BgYFJgAAEVJwYQxzUExFUJNnUCcQyYgVyRYAYGU0cGZgMGIAYAXOsEY82UIO4AAAAASUVORK5CYII=) no-repeat 50%;cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .groundfloor .content .replyinf .sq {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAFVBMVEUAAAAAhf4Ag/4Agv4Agv4Ag/4Ag/9JVGwYAAAABnRSTlMALFdYf/vcKsMqAAAAL0lEQVR4XmNgcWAAYdEUBga3QAbmMAeWVAMGBtMUt2AGBiAXxAFyQRwGBiYFBgYAmPAFlSlMNSEAAAAASUVORK5CYII=) no-repeat 50%
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment {
	position: relative;
	width: 890px;
	min-height: 88px;
	margin-left: 70px;
	padding: 19px 14px 14px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .commentheader {
	float: left;
	margin-right: 22px;
	border-radius: 50%
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content {
	float: left;
	width: 92%
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content p {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	white-space: normal;
	word-wrap: break-word
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content p em {
	color: #999
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content p:first-child {
	margin-bottom: 10px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content p img {
	float: left;
	width: 18px;
	height: 18px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content .replyinf {
	margin-top: 6px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .content .replyinf span {
	font-size: 14px;
	line-height: 14px;
	color: #0083ff;
	cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .btn {
	float: right;
	font-size: 14px;
	line-height: 18px;
	color: #999;
	cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply {
	margin-top: 15px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply #replycomments {
	width: 890px;
	_height: 62px;
	min-height: 62px;
	max-height: 105px;
	margin-left: 0;
	padding: 20px 14px;
	background: #fff;
	resize: none;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 20px;
	word-wrap: break-word;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-user-modify: read-write-plaintext-only
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send {
	padding: 25px 0 0 8px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .emoji-box {
	position: relative;
	float: left;
	width: 27px;
	height: 27px
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .emoji-box.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .emoji-box .emoji-img {
	display: block;
	width: 27px;
	height: 27px;
	cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .emoji-box .emoji {
	position: absolute;
	left: -10px;
	top: 24px;
	width: 430px;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	background: #fff;
	z-index: 99
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .emoji-box .emoji .el-button {
	position: absolute;
	border: none;
	color: #ff4949;
	right: -40px;
	top: 24px;
	font-size: 24px;
	z-index: 999
}

.blogdetails .mainpart .mainbody .comments .commentcontent li .replycomment .reply .send .btn {
	float: right;
	width: 77px;
	height: 30px;
	padding: 8px 0;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent li:last-child {
	border-bottom: none
}

.blogdetails .mainpart .mainbody .comments .commentcontent .loading {
	width: 90px;
	margin: 51px auto 0
}

.blogdetails .mainpart .mainbody .comments .commentcontent .loading span {
	font-size: 14px;
	line-height: 14px;
	color: #999;
	cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .commentcontent .loading span:hover {
	color: #0083ff
}

.blogdetails .mainpart .mainbody .comments .commentcontent .loaded {
	margin-top: 51px;
	font-size: 14px;
	line-height: 14px;
	color: #999;
	text-align: center
}

.blogdetails .mainpart .mainbody .comments .reply #replycomments {
	overflow-y: auto;
	width: 890px;
	height: 62px;
	max-height: 105px;
	margin-left: 70px;
	padding: 20px 14px;
	background: #fff;
	resize: none;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 20px
}

.blogdetails .mainpart .mainbody .comments .reply .send {
	padding: 25px 0 0 78px
}

.blogdetails .mainpart .mainbody .comments .reply .send .emoji-box {
	position: relative;
	float: left;
	width: 27px;
	height: 27px
}

.blogdetails .mainpart .mainbody .comments .reply .send .emoji-box.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.blogdetails .mainpart .mainbody .comments .reply .send .emoji-box .emoji-img {
	display: block;
	width: 27px;
	height: 27px;
	cursor: pointer
}

.blogdetails .mainpart .mainbody .comments .reply .send .emoji-box .emoji {
	position: absolute;
	left: -10px;
	top: 24px;
	width: 430px;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	background: #fff;
	z-index: 99
}

.blogdetails .mainpart .mainbody .comments .reply .send .emoji-box .emoji .el-button {
	position: absolute;
	border: none;
	color: #ff4949;
	right: -40px;
	top: 24px;
	font-size: 24px;
	z-index: 999
}

.blogdetails .mainpart .mainbody .comments .reply .send .btn {
	float: right;
	width: 77px;
	height: 30px;
	padding: 8px 0;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.blogdetails .reportbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 99
}

.blogdetails .reportbox .box {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 734px;
	margin: 0 auto;
	background: #fff;
	padding: 40px 100px 39px 99px;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.blogdetails .reportbox .box h2 {
	font-size: 30px;
	line-height: 30px;
	color: #333;
	margin-bottom: 53px
}

.blogdetails .reportbox .box li {
	font-size: 16px;
	line-height: 16px;
	color: #666;
	margin-bottom: 39px
}

.blogdetails .reportbox .box li:last-child {
	margin-bottom: 19px
}

.blogdetails .reportbox .box #othercause {
	width: 535px;
	height: 115px;
	margin-bottom: 24px;
	padding: 17px 14px;
	background: #f8f8f8;
	border: none;
	resize: none;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.blogdetails .reportbox .box .button {
	text-align: right
}

.blogdetails .reportbox .box .button button {
	width: 120px;
	height: 42px;
	padding: 14px 0;
	border: none;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.blogdetails .reportbox .box .button .cancel {
	margin-right: 20px;
	color: #0083ff;
	border: 1px solid #2d93f9;
	background: #fff
}

.blogdetails .reportbox .box .button .cancel:hover {
	background: #f1faff
}

.blogdetails .reportbox .box .button .determine {
	color: #fff;
	background: #2d93f9
}

.blogdetails .reportbox .box .button .determine:hover {
	background: #66b1ff
}

.blogdetails .nulldata {
	width: 100%;
	padding: 117px 0 107px
}

.blogdetails .nulldata img {
	display: block;
	margin: 0 auto 30px
}

.blogdetails .nulldata p {
	font-size: 22px;
	line-height: 32px;
	color: #999;
	text-align: center
}[class*=sprite-][data-v-102c0265] {
	width: 25px;
	height: 25px;
	background: url("https://dn-mhke0kuv.qbox.me/040f035c9371f257fa35.png");
	background-repeat: no-repeat;
	vertical-align: top;
	display: inline-block;
	margin: 5px;
	background-size: 882.8125px 867.1875px
}

.sprite-a[data-v-102c0265] {
	background-position: -1.953125px -1.953125px
}

.sprite-a-100[data-v-102c0265] {
	background-position: -30.859375px -1.953125px
}

.sprite-a-1234[data-v-102c0265] {
	background-position: -59.765625px -1.953125px
}

.sprite-a-8ball[data-v-102c0265] {
	background-position: -88.671875px -1.953125px
}

.sprite-ab[data-v-102c0265] {
	background-position: -117.578125px -1.953125px
}

.sprite-abc[data-v-102c0265] {
	background-position: -146.484375px -1.953125px
}

.sprite-abcd[data-v-102c0265] {
	background-position: -175.390625px -1.953125px
}

.sprite-accept[data-v-102c0265] {
	background-position: -204.296875px -1.953125px
}

.sprite-aerial_tramway[data-v-102c0265] {
	background-position: -233.203125px -1.953125px
}

.sprite-agree[data-v-102c0265] {
	background-position: -262.109375px -1.953125px
}

.sprite-airplane[data-v-102c0265] {
	background-position: -291.015625px -1.953125px
}

.sprite-alarm_clock[data-v-102c0265] {
	background-position: -319.921875px -1.953125px
}

.sprite-alien[data-v-102c0265] {
	background-position: -348.828125px -1.953125px
}

.sprite-ambulance[data-v-102c0265] {
	background-position: -377.734375px -1.953125px
}

.sprite-anchor[data-v-102c0265] {
	background-position: -406.640625px -1.953125px
}

.sprite-angel[data-v-102c0265] {
	background-position: -435.546875px -1.953125px
}

.sprite-anger[data-v-102c0265] {
	background-position: -464.453125px -1.953125px
}

.sprite-angry[data-v-102c0265] {
	background-position: -493.359375px -1.953125px
}

.sprite-anguished[data-v-102c0265] {
	background-position: -522.265625px -1.953125px
}

.sprite-ant[data-v-102c0265] {
	background-position: -551.171875px -1.953125px
}

.sprite-apple[data-v-102c0265] {
	background-position: -580.078125px -1.953125px
}

.sprite-aquarius[data-v-102c0265] {
	background-position: -608.984375px -1.953125px
}

.sprite-aries[data-v-102c0265] {
	background-position: -637.890625px -1.953125px
}

.sprite-arrow_backward[data-v-102c0265] {
	background-position: -666.796875px -1.953125px
}

.sprite-arrow_double_down[data-v-102c0265] {
	background-position: -695.703125px -1.953125px
}

.sprite-arrow_double_up[data-v-102c0265] {
	background-position: -724.609375px -1.953125px
}

.sprite-arrow_down[data-v-102c0265] {
	background-position: -753.515625px -1.953125px
}

.sprite-arrow_down_small[data-v-102c0265] {
	background-position: -782.421875px -1.953125px
}

.sprite-arrow_forward[data-v-102c0265] {
	background-position: -811.328125px -1.953125px
}

.sprite-arrow_heading_down[data-v-102c0265] {
	background-position: -1.953125px -30.859375px
}

.sprite-arrow_heading_up[data-v-102c0265] {
	background-position: -30.859375px -30.859375px
}

.sprite-arrow_left[data-v-102c0265] {
	background-position: -59.765625px -30.859375px
}

.sprite-arrow_lower_left[data-v-102c0265] {
	background-position: -88.671875px -30.859375px
}

.sprite-arrow_lower_right[data-v-102c0265] {
	background-position: -117.578125px -30.859375px
}

.sprite-arrow_right[data-v-102c0265] {
	background-position: -146.484375px -30.859375px
}

.sprite-arrow_right_hook[data-v-102c0265] {
	background-position: -175.390625px -30.859375px
}

.sprite-arrow_up[data-v-102c0265] {
	background-position: -204.296875px -30.859375px
}

.sprite-arrow_up_down[data-v-102c0265] {
	background-position: -233.203125px -30.859375px
}

.sprite-arrow_up_small[data-v-102c0265] {
	background-position: -262.109375px -30.859375px
}

.sprite-arrow_upper_left[data-v-102c0265] {
	background-position: -291.015625px -30.859375px
}

.sprite-arrow_upper_right[data-v-102c0265] {
	background-position: -319.921875px -30.859375px
}

.sprite-arrows_clockwise[data-v-102c0265] {
	background-position: -348.828125px -30.859375px
}

.sprite-arrows_counterclockwise[data-v-102c0265] {
	background-position: -377.734375px -30.859375px
}

.sprite-art[data-v-102c0265] {
	background-position: -406.640625px -30.859375px
}

.sprite-articulated_lorry[data-v-102c0265] {
	background-position: -435.546875px -30.859375px
}

.sprite-astonished[data-v-102c0265] {
	background-position: -464.453125px -30.859375px
}

.sprite-atm[data-v-102c0265] {
	background-position: -493.359375px -30.859375px
}

.sprite-b[data-v-102c0265] {
	background-position: -522.265625px -30.859375px
}

.sprite-baby[data-v-102c0265] {
	background-position: -551.171875px -30.859375px
}

.sprite-baby_bottle[data-v-102c0265] {
	background-position: -580.078125px -30.859375px
}

.sprite-baby_chick[data-v-102c0265] {
	background-position: -608.984375px -30.859375px
}

.sprite-baby_symbol[data-v-102c0265] {
	background-position: -637.890625px -30.859375px
}

.sprite-back[data-v-102c0265] {
	background-position: -666.796875px -30.859375px
}

.sprite-baggage_claim[data-v-102c0265] {
	background-position: -695.703125px -30.859375px
}

.sprite-balloon[data-v-102c0265] {
	background-position: -724.609375px -30.859375px
}

.sprite-ballot_box_with_check[data-v-102c0265] {
	background-position: -753.515625px -30.859375px
}

.sprite-bamboo[data-v-102c0265] {
	background-position: -782.421875px -30.859375px
}

.sprite-banana[data-v-102c0265] {
	background-position: -811.328125px -30.859375px
}

.sprite-bangbang[data-v-102c0265] {
	background-position: -1.953125px -59.765625px
}

.sprite-bank[data-v-102c0265] {
	background-position: -30.859375px -59.765625px
}

.sprite-bar_chart[data-v-102c0265] {
	background-position: -59.765625px -59.765625px
}

.sprite-barber[data-v-102c0265] {
	background-position: -88.671875px -59.765625px
}

.sprite-baseball[data-v-102c0265] {
	background-position: -117.578125px -59.765625px
}

.sprite-basketball[data-v-102c0265] {
	background-position: -146.484375px -59.765625px
}

.sprite-bath[data-v-102c0265] {
	background-position: -175.390625px -59.765625px
}

.sprite-bathtub[data-v-102c0265] {
	background-position: -204.296875px -59.765625px
}

.sprite-battery[data-v-102c0265] {
	background-position: -233.203125px -59.765625px
}

.sprite-bear[data-v-102c0265] {
	background-position: -262.109375px -59.765625px
}

.sprite-bee[data-v-102c0265] {
	background-position: -291.015625px -59.765625px
}

.sprite-beer[data-v-102c0265] {
	background-position: -319.921875px -59.765625px
}

.sprite-beers[data-v-102c0265] {
	background-position: -348.828125px -59.765625px
}

.sprite-beetle[data-v-102c0265] {
	background-position: -377.734375px -59.765625px
}

.sprite-beginner[data-v-102c0265] {
	background-position: -406.640625px -59.765625px
}

.sprite-bell[data-v-102c0265] {
	background-position: -435.546875px -59.765625px
}

.sprite-bento[data-v-102c0265] {
	background-position: -464.453125px -59.765625px
}

.sprite-bicyclist[data-v-102c0265] {
	background-position: -493.359375px -59.765625px
}

.sprite-bike[data-v-102c0265] {
	background-position: -522.265625px -59.765625px
}

.sprite-bikini[data-v-102c0265] {
	background-position: -551.171875px -59.765625px
}

.sprite-bird[data-v-102c0265] {
	background-position: -580.078125px -59.765625px
}

.sprite-birthday[data-v-102c0265] {
	background-position: -608.984375px -59.765625px
}

.sprite-black_circle[data-v-102c0265] {
	background-position: -637.890625px -59.765625px
}

.sprite-black_joker[data-v-102c0265] {
	background-position: -666.796875px -59.765625px
}

.sprite-black_medium_small_square[data-v-102c0265] {
	background-position: -695.703125px -59.765625px
}

.sprite-black_medium_square[data-v-102c0265] {
	background-position: -724.609375px -59.765625px
}

.sprite-black_nib[data-v-102c0265] {
	background-position: -753.515625px -59.765625px
}

.sprite-black_small_square[data-v-102c0265] {
	background-position: -782.421875px -59.765625px
}

.sprite-black_square[data-v-102c0265] {
	background-position: -811.328125px -59.765625px
}

.sprite-black_square_button[data-v-102c0265] {
	background-position: -1.953125px -88.671875px
}

.sprite-blossom[data-v-102c0265] {
	background-position: -30.859375px -88.671875px
}

.sprite-blowfish[data-v-102c0265] {
	background-position: -59.765625px -88.671875px
}

.sprite-blue_book[data-v-102c0265] {
	background-position: -88.671875px -88.671875px
}

.sprite-blue_car[data-v-102c0265] {
	background-position: -117.578125px -88.671875px
}

.sprite-blue_heart[data-v-102c0265] {
	background-position: -146.484375px -88.671875px
}

.sprite-blush[data-v-102c0265] {
	background-position: -175.390625px -88.671875px
}

.sprite-boar[data-v-102c0265] {
	background-position: -204.296875px -88.671875px
}

.sprite-boat[data-v-102c0265] {
	background-position: -233.203125px -88.671875px
}

.sprite-bomb[data-v-102c0265] {
	background-position: -262.109375px -88.671875px
}

.sprite-book[data-v-102c0265] {
	background-position: -291.015625px -88.671875px
}

.sprite-bookmark[data-v-102c0265] {
	background-position: -319.921875px -88.671875px
}

.sprite-bookmark_tabs[data-v-102c0265] {
	background-position: -348.828125px -88.671875px
}

.sprite-books[data-v-102c0265] {
	background-position: -377.734375px -88.671875px
}

.sprite-boom[data-v-102c0265] {
	background-position: -406.640625px -88.671875px
}

.sprite-boot[data-v-102c0265] {
	background-position: -435.546875px -88.671875px
}

.sprite-bouquet[data-v-102c0265] {
	background-position: -464.453125px -88.671875px
}

.sprite-bow[data-v-102c0265] {
	background-position: -493.359375px -88.671875px
}

.sprite-bowling[data-v-102c0265] {
	background-position: -522.265625px -88.671875px
}

.sprite-bowtie[data-v-102c0265] {
	background-position: -551.171875px -88.671875px
}

.sprite-boy[data-v-102c0265] {
	background-position: -580.078125px -88.671875px
}

.sprite-bread[data-v-102c0265] {
	background-position: -608.984375px -88.671875px
}

.sprite-bride_with_veil[data-v-102c0265] {
	background-position: -637.890625px -88.671875px
}

.sprite-bridge_at_night[data-v-102c0265] {
	background-position: -666.796875px -88.671875px
}

.sprite-briefcase[data-v-102c0265] {
	background-position: -695.703125px -88.671875px
}

.sprite-broken_heart[data-v-102c0265] {
	background-position: -724.609375px -88.671875px
}

.sprite-bug[data-v-102c0265] {
	background-position: -753.515625px -88.671875px
}

.sprite-bulb[data-v-102c0265] {
	background-position: -782.421875px -88.671875px
}

.sprite-bullettrain_front[data-v-102c0265] {
	background-position: -811.328125px -88.671875px
}

.sprite-bullettrain_side[data-v-102c0265] {
	background-position: -1.953125px -117.578125px
}

.sprite-bus[data-v-102c0265] {
	background-position: -30.859375px -117.578125px
}

.sprite-busstop[data-v-102c0265] {
	background-position: -59.765625px -117.578125px
}

.sprite-bust_in_silhouette[data-v-102c0265] {
	background-position: -88.671875px -117.578125px
}

.sprite-busts_in_silhouette[data-v-102c0265] {
	background-position: -117.578125px -117.578125px
}

.sprite-cactus[data-v-102c0265] {
	background-position: -146.484375px -117.578125px
}

.sprite-cake[data-v-102c0265] {
	background-position: -175.390625px -117.578125px
}

.sprite-calendar[data-v-102c0265] {
	background-position: -204.296875px -117.578125px
}

.sprite-calling[data-v-102c0265] {
	background-position: -233.203125px -117.578125px
}

.sprite-camel[data-v-102c0265] {
	background-position: -262.109375px -117.578125px
}

.sprite-camera[data-v-102c0265] {
	background-position: -291.015625px -117.578125px
}

.sprite-cancer[data-v-102c0265] {
	background-position: -319.921875px -117.578125px
}

.sprite-candy[data-v-102c0265] {
	background-position: -348.828125px -117.578125px
}

.sprite-capital_abcd[data-v-102c0265] {
	background-position: -377.734375px -117.578125px
}

.sprite-capricorn[data-v-102c0265] {
	background-position: -406.640625px -117.578125px
}

.sprite-car[data-v-102c0265] {
	background-position: -435.546875px -117.578125px
}

.sprite-card_index[data-v-102c0265] {
	background-position: -464.453125px -117.578125px
}

.sprite-carousel_horse[data-v-102c0265] {
	background-position: -493.359375px -117.578125px
}

.sprite-cat[data-v-102c0265] {
	background-position: -522.265625px -117.578125px
}

.sprite-cat2[data-v-102c0265] {
	background-position: -551.171875px -117.578125px
}

.sprite-cd[data-v-102c0265] {
	background-position: -580.078125px -117.578125px
}

.sprite-chart[data-v-102c0265] {
	background-position: -608.984375px -117.578125px
}

.sprite-chart_with_downwards_trend[data-v-102c0265] {
	background-position: -637.890625px -117.578125px
}

.sprite-chart_with_upwards_trend[data-v-102c0265] {
	background-position: -666.796875px -117.578125px
}

.sprite-checkered_flag[data-v-102c0265] {
	background-position: -695.703125px -117.578125px
}

.sprite-cherries[data-v-102c0265] {
	background-position: -724.609375px -117.578125px
}

.sprite-cherry_blossom[data-v-102c0265] {
	background-position: -753.515625px -117.578125px
}

.sprite-chestnut[data-v-102c0265] {
	background-position: -782.421875px -117.578125px
}

.sprite-chicken[data-v-102c0265] {
	background-position: -811.328125px -117.578125px
}

.sprite-children_crossing[data-v-102c0265] {
	background-position: -1.953125px -146.484375px
}

.sprite-chocolate_bar[data-v-102c0265] {
	background-position: -30.859375px -146.484375px
}

.sprite-christmas_tree[data-v-102c0265] {
	background-position: -59.765625px -146.484375px
}

.sprite-church[data-v-102c0265] {
	background-position: -88.671875px -146.484375px
}

.sprite-cinema[data-v-102c0265] {
	background-position: -117.578125px -146.484375px
}

.sprite-circus_tent[data-v-102c0265] {
	background-position: -146.484375px -146.484375px
}

.sprite-city_sunrise[data-v-102c0265] {
	background-position: -175.390625px -146.484375px
}

.sprite-city_sunset[data-v-102c0265] {
	background-position: -204.296875px -146.484375px
}

.sprite-cl[data-v-102c0265] {
	background-position: -233.203125px -146.484375px
}

.sprite-clap[data-v-102c0265] {
	background-position: -262.109375px -146.484375px
}

.sprite-clapper[data-v-102c0265] {
	background-position: -291.015625px -146.484375px
}

.sprite-clipboard[data-v-102c0265] {
	background-position: -319.921875px -146.484375px
}

.sprite-clock1[data-v-102c0265] {
	background-position: -348.828125px -146.484375px
}

.sprite-clock10[data-v-102c0265] {
	background-position: -377.734375px -146.484375px
}

.sprite-clock1030[data-v-102c0265] {
	background-position: -406.640625px -146.484375px
}

.sprite-clock11[data-v-102c0265] {
	background-position: -435.546875px -146.484375px
}

.sprite-clock1130[data-v-102c0265] {
	background-position: -464.453125px -146.484375px
}

.sprite-clock12[data-v-102c0265] {
	background-position: -493.359375px -146.484375px
}

.sprite-clock1230[data-v-102c0265] {
	background-position: -522.265625px -146.484375px
}

.sprite-clock130[data-v-102c0265] {
	background-position: -551.171875px -146.484375px
}

.sprite-clock2[data-v-102c0265] {
	background-position: -580.078125px -146.484375px
}

.sprite-clock230[data-v-102c0265] {
	background-position: -608.984375px -146.484375px
}

.sprite-clock3[data-v-102c0265] {
	background-position: -637.890625px -146.484375px
}

.sprite-clock330[data-v-102c0265] {
	background-position: -666.796875px -146.484375px
}

.sprite-clock4[data-v-102c0265] {
	background-position: -695.703125px -146.484375px
}

.sprite-clock430[data-v-102c0265] {
	background-position: -724.609375px -146.484375px
}

.sprite-clock5[data-v-102c0265] {
	background-position: -753.515625px -146.484375px
}

.sprite-clock530[data-v-102c0265] {
	background-position: -782.421875px -146.484375px
}

.sprite-clock6[data-v-102c0265] {
	background-position: -811.328125px -146.484375px
}

.sprite-clock630[data-v-102c0265] {
	background-position: -1.953125px -175.390625px
}

.sprite-clock7[data-v-102c0265] {
	background-position: -30.859375px -175.390625px
}

.sprite-clock730[data-v-102c0265] {
	background-position: -59.765625px -175.390625px
}

.sprite-clock8[data-v-102c0265] {
	background-position: -88.671875px -175.390625px
}

.sprite-clock830[data-v-102c0265] {
	background-position: -117.578125px -175.390625px
}

.sprite-clock9[data-v-102c0265] {
	background-position: -146.484375px -175.390625px
}

.sprite-clock930[data-v-102c0265] {
	background-position: -175.390625px -175.390625px
}

.sprite-closed_book[data-v-102c0265] {
	background-position: -204.296875px -175.390625px
}

.sprite-closed_lock_with_key[data-v-102c0265] {
	background-position: -233.203125px -175.390625px
}

.sprite-closed_umbrella[data-v-102c0265] {
	background-position: -262.109375px -175.390625px
}

.sprite-cloud[data-v-102c0265] {
	background-position: -291.015625px -175.390625px
}

.sprite-clubs[data-v-102c0265] {
	background-position: -319.921875px -175.390625px
}

.sprite-cn[data-v-102c0265] {
	background-position: -348.828125px -175.390625px
}

.sprite-cocktail[data-v-102c0265] {
	background-position: -377.734375px -175.390625px
}

.sprite-coffee[data-v-102c0265] {
	background-position: -406.640625px -175.390625px
}

.sprite-cold_sweat[data-v-102c0265] {
	background-position: -435.546875px -175.390625px
}

.sprite-collision[data-v-102c0265] {
	background-position: -464.453125px -175.390625px
}

.sprite-computer[data-v-102c0265] {
	background-position: -493.359375px -175.390625px
}

.sprite-confetti_ball[data-v-102c0265] {
	background-position: -522.265625px -175.390625px
}

.sprite-confounded[data-v-102c0265] {
	background-position: -551.171875px -175.390625px
}

.sprite-confused[data-v-102c0265] {
	background-position: -580.078125px -175.390625px
}

.sprite-congratulations[data-v-102c0265] {
	background-position: -608.984375px -175.390625px
}

.sprite-construction[data-v-102c0265] {
	background-position: -637.890625px -175.390625px
}

.sprite-construction_worker[data-v-102c0265] {
	background-position: -666.796875px -175.390625px
}

.sprite-convenience_store[data-v-102c0265] {
	background-position: -695.703125px -175.390625px
}

.sprite-cookie[data-v-102c0265] {
	background-position: -724.609375px -175.390625px
}

.sprite-cool[data-v-102c0265] {
	background-position: -753.515625px -175.390625px
}

.sprite-cop[data-v-102c0265] {
	background-position: -782.421875px -175.390625px
}

.sprite-copyright[data-v-102c0265] {
	background-position: -811.328125px -175.390625px
}

.sprite-corn[data-v-102c0265] {
	background-position: -1.953125px -204.296875px
}

.sprite-couple[data-v-102c0265] {
	background-position: -30.859375px -204.296875px
}

.sprite-couple_with_heart[data-v-102c0265] {
	background-position: -59.765625px -204.296875px
}

.sprite-couplekiss[data-v-102c0265] {
	background-position: -88.671875px -204.296875px
}

.sprite-cow[data-v-102c0265] {
	background-position: -117.578125px -204.296875px
}

.sprite-cow2[data-v-102c0265] {
	background-position: -146.484375px -204.296875px
}

.sprite-credit_card[data-v-102c0265] {
	background-position: -175.390625px -204.296875px
}

.sprite-crescent_moon[data-v-102c0265] {
	background-position: -204.296875px -204.296875px
}

.sprite-crocodile[data-v-102c0265] {
	background-position: -233.203125px -204.296875px
}

.sprite-crossed_flags[data-v-102c0265] {
	background-position: -262.109375px -204.296875px
}

.sprite-crown[data-v-102c0265] {
	background-position: -291.015625px -204.296875px
}

.sprite-cry[data-v-102c0265] {
	background-position: -319.921875px -204.296875px
}

.sprite-crying_cat_face[data-v-102c0265] {
	background-position: -348.828125px -204.296875px
}

.sprite-crystal_ball[data-v-102c0265] {
	background-position: -377.734375px -204.296875px
}

.sprite-cupid[data-v-102c0265] {
	background-position: -406.640625px -204.296875px
}

.sprite-curly_loop[data-v-102c0265] {
	background-position: -435.546875px -204.296875px
}

.sprite-currency_exchange[data-v-102c0265] {
	background-position: -464.453125px -204.296875px
}

.sprite-curry[data-v-102c0265] {
	background-position: -493.359375px -204.296875px
}

.sprite-custard[data-v-102c0265] {
	background-position: -522.265625px -204.296875px
}

.sprite-customs[data-v-102c0265] {
	background-position: -551.171875px -204.296875px
}

.sprite-cyclone[data-v-102c0265] {
	background-position: -580.078125px -204.296875px
}

.sprite-dancer[data-v-102c0265] {
	background-position: -608.984375px -204.296875px
}

.sprite-dancers[data-v-102c0265] {
	background-position: -637.890625px -204.296875px
}

.sprite-dango[data-v-102c0265] {
	background-position: -666.796875px -204.296875px
}

.sprite-dart[data-v-102c0265] {
	background-position: -695.703125px -204.296875px
}

.sprite-dash[data-v-102c0265] {
	background-position: -724.609375px -204.296875px
}

.sprite-date[data-v-102c0265] {
	background-position: -753.515625px -204.296875px
}

.sprite-de[data-v-102c0265] {
	background-position: -782.421875px -204.296875px
}

.sprite-deciduous_tree[data-v-102c0265] {
	background-position: -811.328125px -204.296875px
}

.sprite-department_store[data-v-102c0265] {
	background-position: -1.953125px -233.203125px
}

.sprite-diamond_shape_with_a_dot_inside[data-v-102c0265] {
	background-position: -30.859375px -233.203125px
}

.sprite-diamonds[data-v-102c0265] {
	background-position: -59.765625px -233.203125px
}

.sprite-disappointed[data-v-102c0265] {
	background-position: -88.671875px -233.203125px
}

.sprite-disappointed_relieved[data-v-102c0265] {
	background-position: -117.578125px -233.203125px
}

.sprite-dizzy[data-v-102c0265] {
	background-position: -146.484375px -233.203125px
}

.sprite-dizzy_face[data-v-102c0265] {
	background-position: -175.390625px -233.203125px
}

.sprite-do_not_litter[data-v-102c0265] {
	background-position: -204.296875px -233.203125px
}

.sprite-dog[data-v-102c0265] {
	background-position: -233.203125px -233.203125px
}

.sprite-dog2[data-v-102c0265] {
	background-position: -262.109375px -233.203125px
}

.sprite-dollar[data-v-102c0265] {
	background-position: -291.015625px -233.203125px
}

.sprite-dolls[data-v-102c0265] {
	background-position: -319.921875px -233.203125px
}

.sprite-dolphin[data-v-102c0265] {
	background-position: -348.828125px -233.203125px
}

.sprite-donut[data-v-102c0265] {
	background-position: -377.734375px -233.203125px
}

.sprite-door[data-v-102c0265] {
	background-position: -406.640625px -233.203125px
}

.sprite-doughnut[data-v-102c0265] {
	background-position: -435.546875px -233.203125px
}

.sprite-dragon[data-v-102c0265] {
	background-position: -464.453125px -233.203125px
}

.sprite-dragon_face[data-v-102c0265] {
	background-position: -493.359375px -233.203125px
}

.sprite-dress[data-v-102c0265] {
	background-position: -522.265625px -233.203125px
}

.sprite-dromedary_camel[data-v-102c0265] {
	background-position: -551.171875px -233.203125px
}

.sprite-droplet[data-v-102c0265] {
	background-position: -580.078125px -233.203125px
}

.sprite-dvd[data-v-102c0265] {
	background-position: -608.984375px -233.203125px
}

.sprite-e-mail[data-v-102c0265] {
	background-position: -637.890625px -233.203125px
}

.sprite-ear[data-v-102c0265] {
	background-position: -666.796875px -233.203125px
}

.sprite-ear_of_rice[data-v-102c0265] {
	background-position: -695.703125px -233.203125px
}

.sprite-earth_africa[data-v-102c0265] {
	background-position: -724.609375px -233.203125px
}

.sprite-earth_americas[data-v-102c0265] {
	background-position: -753.515625px -233.203125px
}

.sprite-earth_asia[data-v-102c0265] {
	background-position: -782.421875px -233.203125px
}

.sprite-egg[data-v-102c0265] {
	background-position: -811.328125px -233.203125px
}

.sprite-eggplant[data-v-102c0265] {
	background-position: -1.953125px -262.109375px
}

.sprite-eight[data-v-102c0265] {
	background-position: -30.859375px -262.109375px
}

.sprite-eight_pointed_black_star[data-v-102c0265] {
	background-position: -59.765625px -262.109375px
}

.sprite-eight_spoked_asterisk[data-v-102c0265] {
	background-position: -88.671875px -262.109375px
}

.sprite-electric_plug[data-v-102c0265] {
	background-position: -117.578125px -262.109375px
}

.sprite-elephant[data-v-102c0265] {
	background-position: -146.484375px -262.109375px
}

.sprite-email[data-v-102c0265] {
	background-position: -175.390625px -262.109375px
}

.sprite-end[data-v-102c0265] {
	background-position: -204.296875px -262.109375px
}

.sprite-envelope[data-v-102c0265] {
	background-position: -233.203125px -262.109375px
}

.sprite-es[data-v-102c0265] {
	background-position: -262.109375px -262.109375px
}

.sprite-euro[data-v-102c0265] {
	background-position: -291.015625px -262.109375px
}

.sprite-european_castle[data-v-102c0265] {
	background-position: -319.921875px -262.109375px
}

.sprite-european_post_office[data-v-102c0265] {
	background-position: -348.828125px -262.109375px
}

.sprite-evergreen_tree[data-v-102c0265] {
	background-position: -377.734375px -262.109375px
}

.sprite-exclamation[data-v-102c0265] {
	background-position: -406.640625px -262.109375px
}

.sprite-expressionless[data-v-102c0265] {
	background-position: -435.546875px -262.109375px
}

.sprite-eyeglasses[data-v-102c0265] {
	background-position: -464.453125px -262.109375px
}

.sprite-eyes[data-v-102c0265] {
	background-position: -493.359375px -262.109375px
}

.sprite-facepunch[data-v-102c0265] {
	background-position: -522.265625px -262.109375px
}

.sprite-factory[data-v-102c0265] {
	background-position: -551.171875px -262.109375px
}

.sprite-fallen_leaf[data-v-102c0265] {
	background-position: -580.078125px -262.109375px
}

.sprite-family[data-v-102c0265] {
	background-position: -608.984375px -262.109375px
}

.sprite-fast_forward[data-v-102c0265] {
	background-position: -637.890625px -262.109375px
}

.sprite-fax[data-v-102c0265] {
	background-position: -666.796875px -262.109375px
}

.sprite-fearful[data-v-102c0265] {
	background-position: -695.703125px -262.109375px
}

.sprite-feelsgood[data-v-102c0265] {
	background-position: -724.609375px -262.109375px
}

.sprite-feet[data-v-102c0265] {
	background-position: -753.515625px -262.109375px
}

.sprite-ferris_wheel[data-v-102c0265] {
	background-position: -782.421875px -262.109375px
}

.sprite-file_folder[data-v-102c0265] {
	background-position: -811.328125px -262.109375px
}

.sprite-finnadie[data-v-102c0265] {
	background-position: -1.953125px -291.015625px
}

.sprite-fire[data-v-102c0265] {
	background-position: -30.859375px -291.015625px
}

.sprite-fire_engine[data-v-102c0265] {
	background-position: -59.765625px -291.015625px
}

.sprite-fireworks[data-v-102c0265] {
	background-position: -88.671875px -291.015625px
}

.sprite-first_quarter_moon[data-v-102c0265] {
	background-position: -117.578125px -291.015625px
}

.sprite-first_quarter_moon_with_face[data-v-102c0265] {
	background-position: -146.484375px -291.015625px
}

.sprite-fish[data-v-102c0265] {
	background-position: -175.390625px -291.015625px
}

.sprite-fish_cake[data-v-102c0265] {
	background-position: -204.296875px -291.015625px
}

.sprite-fishing_pole_and_fish[data-v-102c0265] {
	background-position: -233.203125px -291.015625px
}

.sprite-fist[data-v-102c0265] {
	background-position: -262.109375px -291.015625px
}

.sprite-five[data-v-102c0265] {
	background-position: -291.015625px -291.015625px
}

.sprite-flags[data-v-102c0265] {
	background-position: -319.921875px -291.015625px
}

.sprite-flashlight[data-v-102c0265] {
	background-position: -348.828125px -291.015625px
}

.sprite-floppy_disk[data-v-102c0265] {
	background-position: -377.734375px -291.015625px
}

.sprite-flower_playing_cards[data-v-102c0265] {
	background-position: -406.640625px -291.015625px
}

.sprite-flushed[data-v-102c0265] {
	background-position: -435.546875px -291.015625px
}

.sprite-foggy[data-v-102c0265] {
	background-position: -464.453125px -291.015625px
}

.sprite-football[data-v-102c0265] {
	background-position: -493.359375px -291.015625px
}

.sprite-fork_and_knife[data-v-102c0265] {
	background-position: -522.265625px -291.015625px
}

.sprite-fountain[data-v-102c0265] {
	background-position: -551.171875px -291.015625px
}

.sprite-four[data-v-102c0265] {
	background-position: -580.078125px -291.015625px
}

.sprite-four_leaf_clover[data-v-102c0265] {
	background-position: -608.984375px -291.015625px
}

.sprite-fr[data-v-102c0265] {
	background-position: -637.890625px -291.015625px
}

.sprite-free[data-v-102c0265] {
	background-position: -666.796875px -291.015625px
}

.sprite-fried_shrimp[data-v-102c0265] {
	background-position: -695.703125px -291.015625px
}

.sprite-fries[data-v-102c0265] {
	background-position: -724.609375px -291.015625px
}

.sprite-frog[data-v-102c0265] {
	background-position: -753.515625px -291.015625px
}

.sprite-frowning[data-v-102c0265] {
	background-position: -782.421875px -291.015625px
}

.sprite-fu[data-v-102c0265] {
	background-position: -811.328125px -291.015625px
}

.sprite-fuelpump[data-v-102c0265] {
	background-position: -1.953125px -319.921875px
}

.sprite-full_moon[data-v-102c0265] {
	background-position: -30.859375px -319.921875px
}

.sprite-full_moon_with_face[data-v-102c0265] {
	background-position: -59.765625px -319.921875px
}

.sprite-game_die[data-v-102c0265] {
	background-position: -88.671875px -319.921875px
}

.sprite-gb[data-v-102c0265] {
	background-position: -117.578125px -319.921875px
}

.sprite-gem[data-v-102c0265] {
	background-position: -146.484375px -319.921875px
}

.sprite-gemini[data-v-102c0265] {
	background-position: -175.390625px -319.921875px
}

.sprite-ghost[data-v-102c0265] {
	background-position: -204.296875px -319.921875px
}

.sprite-gift[data-v-102c0265] {
	background-position: -233.203125px -319.921875px
}

.sprite-gift_heart[data-v-102c0265] {
	background-position: -262.109375px -319.921875px
}

.sprite-girl[data-v-102c0265] {
	background-position: -291.015625px -319.921875px
}

.sprite-github[data-v-102c0265] {
	background-position: -840.234375px -1.953125px
}

.sprite-globe_with_meridians[data-v-102c0265] {
	background-position: -319.921875px -319.921875px
}

.sprite-gmail[data-v-102c0265] {
	background-position: -840.234375px -17.578125px
}

.sprite-goat[data-v-102c0265] {
	background-position: -348.828125px -319.921875px
}

.sprite-goberserk[data-v-102c0265] {
	background-position: -377.734375px -319.921875px
}

.sprite-godmode[data-v-102c0265] {
	background-position: -406.640625px -319.921875px
}

.sprite-golf[data-v-102c0265] {
	background-position: -435.546875px -319.921875px
}

.sprite-grapes[data-v-102c0265] {
	background-position: -464.453125px -319.921875px
}

.sprite-green_apple[data-v-102c0265] {
	background-position: -493.359375px -319.921875px
}

.sprite-green_book[data-v-102c0265] {
	background-position: -522.265625px -319.921875px
}

.sprite-green_heart[data-v-102c0265] {
	background-position: -551.171875px -319.921875px
}

.sprite-grey_exclamation[data-v-102c0265] {
	background-position: -580.078125px -319.921875px
}

.sprite-grey_question[data-v-102c0265] {
	background-position: -608.984375px -319.921875px
}

.sprite-grimacing[data-v-102c0265] {
	background-position: -637.890625px -319.921875px
}

.sprite-grin[data-v-102c0265] {
	background-position: -666.796875px -319.921875px
}

.sprite-grinning[data-v-102c0265] {
	background-position: -695.703125px -319.921875px
}

.sprite-guardsman[data-v-102c0265] {
	background-position: -724.609375px -319.921875px
}

.sprite-guitar[data-v-102c0265] {
	background-position: -753.515625px -319.921875px
}

.sprite-gun[data-v-102c0265] {
	background-position: -782.421875px -319.921875px
}

.sprite-haircut[data-v-102c0265] {
	background-position: -811.328125px -319.921875px
}

.sprite-hamburger[data-v-102c0265] {
	background-position: -1.953125px -348.828125px
}

.sprite-hammer[data-v-102c0265] {
	background-position: -30.859375px -348.828125px
}

.sprite-hamster[data-v-102c0265] {
	background-position: -59.765625px -348.828125px
}

.sprite-hand[data-v-102c0265] {
	background-position: -88.671875px -348.828125px
}

.sprite-handbag[data-v-102c0265] {
	background-position: -117.578125px -348.828125px
}

.sprite-hankey[data-v-102c0265] {
	background-position: -146.484375px -348.828125px
}

.sprite-hash[data-v-102c0265] {
	background-position: -175.390625px -348.828125px
}

.sprite-hatched_chick[data-v-102c0265] {
	background-position: -204.296875px -348.828125px
}

.sprite-hatching_chick[data-v-102c0265] {
	background-position: -233.203125px -348.828125px
}

.sprite-headphones[data-v-102c0265] {
	background-position: -262.109375px -348.828125px
}

.sprite-hear_no_evil[data-v-102c0265] {
	background-position: -291.015625px -348.828125px
}

.sprite-heart[data-v-102c0265] {
	background-position: -319.921875px -348.828125px
}

.sprite-heart_decoration[data-v-102c0265] {
	background-position: -348.828125px -348.828125px
}

.sprite-heart_eyes[data-v-102c0265] {
	background-position: -377.734375px -348.828125px
}

.sprite-heart_eyes_cat[data-v-102c0265] {
	background-position: -406.640625px -348.828125px
}

.sprite-heartbeat[data-v-102c0265] {
	background-position: -435.546875px -348.828125px
}

.sprite-heartpulse[data-v-102c0265] {
	background-position: -464.453125px -348.828125px
}

.sprite-hearts[data-v-102c0265] {
	background-position: -493.359375px -348.828125px
}

.sprite-heavy_check_mark[data-v-102c0265] {
	background-position: -522.265625px -348.828125px
}

.sprite-heavy_division_sign[data-v-102c0265] {
	background-position: -551.171875px -348.828125px
}

.sprite-heavy_dollar_sign[data-v-102c0265] {
	background-position: -580.078125px -348.828125px
}

.sprite-heavy_exclamation_mark[data-v-102c0265] {
	background-position: -608.984375px -348.828125px
}

.sprite-heavy_minus_sign[data-v-102c0265] {
	background-position: -637.890625px -348.828125px
}

.sprite-heavy_multiplication_x[data-v-102c0265] {
	background-position: -666.796875px -348.828125px
}

.sprite-heavy_plus_sign[data-v-102c0265] {
	background-position: -695.703125px -348.828125px
}

.sprite-helicopter[data-v-102c0265] {
	background-position: -724.609375px -348.828125px
}

.sprite-herb[data-v-102c0265] {
	background-position: -753.515625px -348.828125px
}

.sprite-hibiscus[data-v-102c0265] {
	background-position: -782.421875px -348.828125px
}

.sprite-high_brightness[data-v-102c0265] {
	background-position: -811.328125px -348.828125px
}

.sprite-high_heel[data-v-102c0265] {
	background-position: -1.953125px -377.734375px
}

.sprite-hocho[data-v-102c0265] {
	background-position: -30.859375px -377.734375px
}

.sprite-honey_pot[data-v-102c0265] {
	background-position: -59.765625px -377.734375px
}

.sprite-honeybee[data-v-102c0265] {
	background-position: -88.671875px -377.734375px
}

.sprite-horse[data-v-102c0265] {
	background-position: -117.578125px -377.734375px
}

.sprite-horse_racing[data-v-102c0265] {
	background-position: -146.484375px -377.734375px
}

.sprite-hospital[data-v-102c0265] {
	background-position: -175.390625px -377.734375px
}

.sprite-hotel[data-v-102c0265] {
	background-position: -204.296875px -377.734375px
}

.sprite-hotsprings[data-v-102c0265] {
	background-position: -233.203125px -377.734375px
}

.sprite-hourglass[data-v-102c0265] {
	background-position: -262.109375px -377.734375px
}

.sprite-hourglass_flowing_sand[data-v-102c0265] {
	background-position: -291.015625px -377.734375px
}

.sprite-house[data-v-102c0265] {
	background-position: -319.921875px -377.734375px
}

.sprite-house_with_garden[data-v-102c0265] {
	background-position: -348.828125px -377.734375px
}

.sprite-hurtrealbad[data-v-102c0265] {
	background-position: -377.734375px -377.734375px
}

.sprite-hushed[data-v-102c0265] {
	background-position: -406.640625px -377.734375px
}

.sprite-ice_cream[data-v-102c0265] {
	background-position: -435.546875px -377.734375px
}

.sprite-icecream[data-v-102c0265] {
	background-position: -464.453125px -377.734375px
}

.sprite-id[data-v-102c0265] {
	background-position: -493.359375px -377.734375px
}

.sprite-ideograph_advantage[data-v-102c0265] {
	background-position: -522.265625px -377.734375px
}

.sprite-imp[data-v-102c0265] {
	background-position: -551.171875px -377.734375px
}

.sprite-inbox_tray[data-v-102c0265] {
	background-position: -580.078125px -377.734375px
}

.sprite-incoming_envelope[data-v-102c0265] {
	background-position: -608.984375px -377.734375px
}

.sprite-information_desk_person[data-v-102c0265] {
	background-position: -637.890625px -377.734375px
}

.sprite-information_source[data-v-102c0265] {
	background-position: -666.796875px -377.734375px
}

.sprite-innocent[data-v-102c0265] {
	background-position: -695.703125px -377.734375px
}

.sprite-interrobang[data-v-102c0265] {
	background-position: -724.609375px -377.734375px
}

.sprite-iphone[data-v-102c0265] {
	background-position: -753.515625px -377.734375px
}

.sprite-it[data-v-102c0265] {
	background-position: -782.421875px -377.734375px
}

.sprite-izakaya_lantern[data-v-102c0265] {
	background-position: -811.328125px -377.734375px
}

.sprite-jack_o_lantern[data-v-102c0265] {
	background-position: -1.953125px -406.640625px
}

.sprite-japan[data-v-102c0265] {
	background-position: -30.859375px -406.640625px
}

.sprite-japanese_castle[data-v-102c0265] {
	background-position: -59.765625px -406.640625px
}

.sprite-japanese_goblin[data-v-102c0265] {
	background-position: -88.671875px -406.640625px
}

.sprite-japanese_ogre[data-v-102c0265] {
	background-position: -117.578125px -406.640625px
}

.sprite-jeans[data-v-102c0265] {
	background-position: -146.484375px -406.640625px
}

.sprite-joy[data-v-102c0265] {
	background-position: -175.390625px -406.640625px
}

.sprite-joy_cat[data-v-102c0265] {
	background-position: -204.296875px -406.640625px
}

.sprite-jp[data-v-102c0265] {
	background-position: -233.203125px -406.640625px
}

.sprite-key[data-v-102c0265] {
	background-position: -262.109375px -406.640625px
}

.sprite-keycap_ten[data-v-102c0265] {
	background-position: -291.015625px -406.640625px
}

.sprite-kimono[data-v-102c0265] {
	background-position: -319.921875px -406.640625px
}

.sprite-kiss[data-v-102c0265] {
	background-position: -348.828125px -406.640625px
}

.sprite-kissing[data-v-102c0265] {
	background-position: -377.734375px -406.640625px
}

.sprite-kissing_cat[data-v-102c0265] {
	background-position: -406.640625px -406.640625px
}

.sprite-kissing_closed_eyes[data-v-102c0265] {
	background-position: -435.546875px -406.640625px
}

.sprite-kissing_face[data-v-102c0265] {
	background-position: -464.453125px -406.640625px
}

.sprite-kissing_heart[data-v-102c0265] {
	background-position: -493.359375px -406.640625px
}

.sprite-kissing_smiling_eyes[data-v-102c0265] {
	background-position: -522.265625px -406.640625px
}

.sprite-koala[data-v-102c0265] {
	background-position: -551.171875px -406.640625px
}

.sprite-koko[data-v-102c0265] {
	background-position: -580.078125px -406.640625px
}

.sprite-kr[data-v-102c0265] {
	background-position: -608.984375px -406.640625px
}

.sprite-large_blue_circle[data-v-102c0265] {
	background-position: -637.890625px -406.640625px
}

.sprite-large_blue_diamond[data-v-102c0265] {
	background-position: -666.796875px -406.640625px
}

.sprite-large_orange_diamond[data-v-102c0265] {
	background-position: -695.703125px -406.640625px
}

.sprite-last_quarter_moon[data-v-102c0265] {
	background-position: -724.609375px -406.640625px
}

.sprite-last_quarter_moon_with_face[data-v-102c0265] {
	background-position: -753.515625px -406.640625px
}

.sprite-laughing[data-v-102c0265] {
	background-position: -782.421875px -406.640625px
}

.sprite-leaves[data-v-102c0265] {
	background-position: -811.328125px -406.640625px
}

.sprite-ledger[data-v-102c0265] {
	background-position: -1.953125px -435.546875px
}

.sprite-left_luggage[data-v-102c0265] {
	background-position: -30.859375px -435.546875px
}

.sprite-left_right_arrow[data-v-102c0265] {
	background-position: -59.765625px -435.546875px
}

.sprite-leftwards_arrow_with_hook[data-v-102c0265] {
	background-position: -88.671875px -435.546875px
}

.sprite-lemon[data-v-102c0265] {
	background-position: -117.578125px -435.546875px
}

.sprite-leo[data-v-102c0265] {
	background-position: -146.484375px -435.546875px
}

.sprite-leopard[data-v-102c0265] {
	background-position: -175.390625px -435.546875px
}

.sprite-libra[data-v-102c0265] {
	background-position: -204.296875px -435.546875px
}

.sprite-light_rail[data-v-102c0265] {
	background-position: -233.203125px -435.546875px
}

.sprite-link[data-v-102c0265] {
	background-position: -262.109375px -435.546875px
}

.sprite-linkedin[data-v-102c0265] {
	background-position: -840.234375px -33.203125px
}

.sprite-lips[data-v-102c0265] {
	background-position: -291.015625px -435.546875px
}

.sprite-lipstick[data-v-102c0265] {
	background-position: -319.921875px -435.546875px
}

.sprite-lock[data-v-102c0265] {
	background-position: -348.828125px -435.546875px
}

.sprite-lock_with_ink_pen[data-v-102c0265] {
	background-position: -377.734375px -435.546875px
}

.sprite-lollipop[data-v-102c0265] {
	background-position: -406.640625px -435.546875px
}

.sprite-loop[data-v-102c0265] {
	background-position: -435.546875px -435.546875px
}

.sprite-loudspeaker[data-v-102c0265] {
	background-position: -464.453125px -435.546875px
}

.sprite-love_hotel[data-v-102c0265] {
	background-position: -493.359375px -435.546875px
}

.sprite-love_letter[data-v-102c0265] {
	background-position: -522.265625px -435.546875px
}

.sprite-low_brightness[data-v-102c0265] {
	background-position: -551.171875px -435.546875px
}

.sprite-m[data-v-102c0265] {
	background-position: -580.078125px -435.546875px
}

.sprite-mag[data-v-102c0265] {
	background-position: -608.984375px -435.546875px
}

.sprite-mag_right[data-v-102c0265] {
	background-position: -637.890625px -435.546875px
}

.sprite-mahjong[data-v-102c0265] {
	background-position: -666.796875px -435.546875px
}

.sprite-mailbox[data-v-102c0265] {
	background-position: -695.703125px -435.546875px
}

.sprite-mailbox_closed[data-v-102c0265] {
	background-position: -724.609375px -435.546875px
}

.sprite-mailbox_with_mail[data-v-102c0265] {
	background-position: -753.515625px -435.546875px
}

.sprite-mailbox_with_no_mail[data-v-102c0265] {
	background-position: -782.421875px -435.546875px
}

.sprite-man[data-v-102c0265] {
	background-position: -811.328125px -435.546875px
}

.sprite-man_with_gua_pi_mao[data-v-102c0265] {
	background-position: -1.953125px -464.453125px
}

.sprite-man_with_turban[data-v-102c0265] {
	background-position: -30.859375px -464.453125px
}

.sprite-mans_shoe[data-v-102c0265] {
	background-position: -59.765625px -464.453125px
}

.sprite-maple_leaf[data-v-102c0265] {
	background-position: -88.671875px -464.453125px
}

.sprite-mask[data-v-102c0265] {
	background-position: -117.578125px -464.453125px
}

.sprite-massage[data-v-102c0265] {
	background-position: -146.484375px -464.453125px
}

.sprite-meat_on_bone[data-v-102c0265] {
	background-position: -175.390625px -464.453125px
}

.sprite-mega[data-v-102c0265] {
	background-position: -204.296875px -464.453125px
}

.sprite-melon[data-v-102c0265] {
	background-position: -233.203125px -464.453125px
}

.sprite-memo[data-v-102c0265] {
	background-position: -262.109375px -464.453125px
}

.sprite-mens[data-v-102c0265] {
	background-position: -291.015625px -464.453125px
}

.sprite-metal[data-v-102c0265] {
	background-position: -319.921875px -464.453125px
}

.sprite-metro[data-v-102c0265] {
	background-position: -348.828125px -464.453125px
}

.sprite-microphone[data-v-102c0265] {
	background-position: -377.734375px -464.453125px
}

.sprite-microscope[data-v-102c0265] {
	background-position: -406.640625px -464.453125px
}

.sprite-milky_way[data-v-102c0265] {
	background-position: -435.546875px -464.453125px
}

.sprite-minibus[data-v-102c0265] {
	background-position: -464.453125px -464.453125px
}

.sprite-minidisc[data-v-102c0265] {
	background-position: -493.359375px -464.453125px
}

.sprite-mobile_phone_off[data-v-102c0265] {
	background-position: -522.265625px -464.453125px
}

.sprite-money_with_wings[data-v-102c0265] {
	background-position: -551.171875px -464.453125px
}

.sprite-moneybag[data-v-102c0265] {
	background-position: -580.078125px -464.453125px
}

.sprite-monkey[data-v-102c0265] {
	background-position: -608.984375px -464.453125px
}

.sprite-monkey_face[data-v-102c0265] {
	background-position: -637.890625px -464.453125px
}

.sprite-monorail[data-v-102c0265] {
	background-position: -666.796875px -464.453125px
}

.sprite-mortar_board[data-v-102c0265] {
	background-position: -695.703125px -464.453125px
}

.sprite-mount_fuji[data-v-102c0265] {
	background-position: -724.609375px -464.453125px
}

.sprite-mountain_bicyclist[data-v-102c0265] {
	background-position: -753.515625px -464.453125px
}

.sprite-mountain_cableway[data-v-102c0265] {
	background-position: -782.421875px -464.453125px
}

.sprite-mountain_railway[data-v-102c0265] {
	background-position: -811.328125px -464.453125px
}

.sprite-mouse[data-v-102c0265] {
	background-position: -1.953125px -493.359375px
}

.sprite-mouse2[data-v-102c0265] {
	background-position: -30.859375px -493.359375px
}

.sprite-movie_camera[data-v-102c0265] {
	background-position: -59.765625px -493.359375px
}

.sprite-moyai[data-v-102c0265] {
	background-position: -88.671875px -493.359375px
}

.sprite-muscle[data-v-102c0265] {
	background-position: -117.578125px -493.359375px
}

.sprite-mushroom[data-v-102c0265] {
	background-position: -146.484375px -493.359375px
}

.sprite-musical_keyboard[data-v-102c0265] {
	background-position: -175.390625px -493.359375px
}

.sprite-musical_note[data-v-102c0265] {
	background-position: -204.296875px -493.359375px
}

.sprite-musical_score[data-v-102c0265] {
	background-position: -233.203125px -493.359375px
}

.sprite-mute[data-v-102c0265] {
	background-position: -262.109375px -493.359375px
}

.sprite-nail_care[data-v-102c0265] {
	background-position: -291.015625px -493.359375px
}

.sprite-name_badge[data-v-102c0265] {
	background-position: -319.921875px -493.359375px
}

.sprite-neckbeard[data-v-102c0265] {
	background-position: -348.828125px -493.359375px
}

.sprite-necktie[data-v-102c0265] {
	background-position: -377.734375px -493.359375px
}

.sprite-negative_squared_cross_mark[data-v-102c0265] {
	background-position: -406.640625px -493.359375px
}

.sprite-neutral_face[data-v-102c0265] {
	background-position: -435.546875px -493.359375px
}

.sprite-new[data-v-102c0265] {
	background-position: -464.453125px -493.359375px
}

.sprite-new_moon[data-v-102c0265] {
	background-position: -493.359375px -493.359375px
}

.sprite-new_moon_with_face[data-v-102c0265] {
	background-position: -522.265625px -493.359375px
}

.sprite-newspaper[data-v-102c0265] {
	background-position: -551.171875px -493.359375px
}

.sprite-ng[data-v-102c0265] {
	background-position: -580.078125px -493.359375px
}

.sprite-nine[data-v-102c0265] {
	background-position: -608.984375px -493.359375px
}

.sprite-no_bell[data-v-102c0265] {
	background-position: -637.890625px -493.359375px
}

.sprite-no_bicycles[data-v-102c0265] {
	background-position: -666.796875px -493.359375px
}

.sprite-no_entry[data-v-102c0265] {
	background-position: -695.703125px -493.359375px
}

.sprite-no_entry_sign[data-v-102c0265] {
	background-position: -724.609375px -493.359375px
}

.sprite-no_good[data-v-102c0265] {
	background-position: -753.515625px -493.359375px
}

.sprite-no_mobile_phones[data-v-102c0265] {
	background-position: -782.421875px -493.359375px
}

.sprite-no_mouth[data-v-102c0265] {
	background-position: -811.328125px -493.359375px
}

.sprite-no_pedestrians[data-v-102c0265] {
	background-position: -1.953125px -522.265625px
}

.sprite-no_smoking[data-v-102c0265] {
	background-position: -30.859375px -522.265625px
}

.sprite-non-potable_water[data-v-102c0265] {
	background-position: -59.765625px -522.265625px
}

.sprite-nose[data-v-102c0265] {
	background-position: -88.671875px -522.265625px
}

.sprite-notebook[data-v-102c0265] {
	background-position: -117.578125px -522.265625px
}

.sprite-notebook_with_decorative_cover[data-v-102c0265] {
	background-position: -146.484375px -522.265625px
}

.sprite-notes[data-v-102c0265] {
	background-position: -175.390625px -522.265625px
}

.sprite-nut_and_bolt[data-v-102c0265] {
	background-position: -204.296875px -522.265625px
}

.sprite-o[data-v-102c0265] {
	background-position: -233.203125px -522.265625px
}

.sprite-o2[data-v-102c0265] {
	background-position: -262.109375px -522.265625px
}

.sprite-ocean[data-v-102c0265] {
	background-position: -291.015625px -522.265625px
}

.sprite-octocat[data-v-102c0265] {
	background-position: -319.921875px -522.265625px
}

.sprite-octopus[data-v-102c0265] {
	background-position: -348.828125px -522.265625px
}

.sprite-oden[data-v-102c0265] {
	background-position: -377.734375px -522.265625px
}

.sprite-office[data-v-102c0265] {
	background-position: -406.640625px -522.265625px
}

.sprite-ok[data-v-102c0265] {
	background-position: -435.546875px -522.265625px
}

.sprite-ok_hand[data-v-102c0265] {
	background-position: -464.453125px -522.265625px
}

.sprite-ok_woman[data-v-102c0265] {
	background-position: -493.359375px -522.265625px
}

.sprite-older_man[data-v-102c0265] {
	background-position: -522.265625px -522.265625px
}

.sprite-older_woman[data-v-102c0265] {
	background-position: -551.171875px -522.265625px
}

.sprite-on[data-v-102c0265] {
	background-position: -580.078125px -522.265625px
}

.sprite-oncoming_automobile[data-v-102c0265] {
	background-position: -608.984375px -522.265625px
}

.sprite-oncoming_bus[data-v-102c0265] {
	background-position: -637.890625px -522.265625px
}

.sprite-oncoming_police_car[data-v-102c0265] {
	background-position: -666.796875px -522.265625px
}

.sprite-oncoming_taxi[data-v-102c0265] {
	background-position: -695.703125px -522.265625px
}

.sprite-one[data-v-102c0265] {
	background-position: -724.609375px -522.265625px
}

.sprite-open_file_folder[data-v-102c0265] {
	background-position: -753.515625px -522.265625px
}

.sprite-open_hands[data-v-102c0265] {
	background-position: -782.421875px -522.265625px
}

.sprite-open_mouth[data-v-102c0265] {
	background-position: -811.328125px -522.265625px
}

.sprite-ophiuchus[data-v-102c0265] {
	background-position: -1.953125px -551.171875px
}

.sprite-orange_book[data-v-102c0265] {
	background-position: -30.859375px -551.171875px
}

.sprite-outbox_tray[data-v-102c0265] {
	background-position: -59.765625px -551.171875px
}

.sprite-ox[data-v-102c0265] {
	background-position: -88.671875px -551.171875px
}

.sprite-package[data-v-102c0265] {
	background-position: -117.578125px -551.171875px
}

.sprite-page_facing_up[data-v-102c0265] {
	background-position: -146.484375px -551.171875px
}

.sprite-page_with_curl[data-v-102c0265] {
	background-position: -175.390625px -551.171875px
}

.sprite-pager[data-v-102c0265] {
	background-position: -204.296875px -551.171875px
}

.sprite-palm_tree[data-v-102c0265] {
	background-position: -233.203125px -551.171875px
}

.sprite-panda_face[data-v-102c0265] {
	background-position: -262.109375px -551.171875px
}

.sprite-paperclip[data-v-102c0265] {
	background-position: -291.015625px -551.171875px
}

.sprite-parking[data-v-102c0265] {
	background-position: -319.921875px -551.171875px
}

.sprite-part_alternation_mark[data-v-102c0265] {
	background-position: -348.828125px -551.171875px
}

.sprite-partly_sunny[data-v-102c0265] {
	background-position: -377.734375px -551.171875px
}

.sprite-passport_control[data-v-102c0265] {
	background-position: -406.640625px -551.171875px
}

.sprite-paw_prints[data-v-102c0265] {
	background-position: -435.546875px -551.171875px
}

.sprite-peach[data-v-102c0265] {
	background-position: -464.453125px -551.171875px
}

.sprite-pear[data-v-102c0265] {
	background-position: -493.359375px -551.171875px
}

.sprite-pencil[data-v-102c0265] {
	background-position: -522.265625px -551.171875px
}

.sprite-pencil2[data-v-102c0265] {
	background-position: -551.171875px -551.171875px
}

.sprite-penguin[data-v-102c0265] {
	background-position: -580.078125px -551.171875px
}

.sprite-pensive[data-v-102c0265] {
	background-position: -608.984375px -551.171875px
}

.sprite-performing_arts[data-v-102c0265] {
	background-position: -637.890625px -551.171875px
}

.sprite-persevere[data-v-102c0265] {
	background-position: -666.796875px -551.171875px
}

.sprite-person_frowning[data-v-102c0265] {
	background-position: -695.703125px -551.171875px
}

.sprite-person_with_blond_hair[data-v-102c0265] {
	background-position: -724.609375px -551.171875px
}

.sprite-person_with_pouting_face[data-v-102c0265] {
	background-position: -753.515625px -551.171875px
}

.sprite-phone[data-v-102c0265] {
	background-position: -782.421875px -551.171875px
}

.sprite-pig[data-v-102c0265] {
	background-position: -811.328125px -551.171875px
}

.sprite-pig2[data-v-102c0265] {
	background-position: -1.953125px -580.078125px
}

.sprite-pig_nose[data-v-102c0265] {
	background-position: -30.859375px -580.078125px
}

.sprite-pill[data-v-102c0265] {
	background-position: -59.765625px -580.078125px
}

.sprite-pineapple[data-v-102c0265] {
	background-position: -88.671875px -580.078125px
}

.sprite-pisces[data-v-102c0265] {
	background-position: -117.578125px -580.078125px
}

.sprite-pizza[data-v-102c0265] {
	background-position: -146.484375px -580.078125px
}

.sprite-plus1[data-v-102c0265] {
	background-position: -175.390625px -580.078125px
}

.sprite-point_down[data-v-102c0265] {
	background-position: -204.296875px -580.078125px
}

.sprite-point_left[data-v-102c0265] {
	background-position: -233.203125px -580.078125px
}

.sprite-point_right[data-v-102c0265] {
	background-position: -262.109375px -580.078125px
}

.sprite-point_up[data-v-102c0265] {
	background-position: -291.015625px -580.078125px
}

.sprite-point_up_2[data-v-102c0265] {
	background-position: -319.921875px -580.078125px
}

.sprite-police_car[data-v-102c0265] {
	background-position: -348.828125px -580.078125px
}

.sprite-poodle[data-v-102c0265] {
	background-position: -377.734375px -580.078125px
}

.sprite-poop[data-v-102c0265] {
	background-position: -406.640625px -580.078125px
}

.sprite-post_office[data-v-102c0265] {
	background-position: -435.546875px -580.078125px
}

.sprite-postal_horn[data-v-102c0265] {
	background-position: -464.453125px -580.078125px
}

.sprite-postbox[data-v-102c0265] {
	background-position: -493.359375px -580.078125px
}

.sprite-potable_water[data-v-102c0265] {
	background-position: -522.265625px -580.078125px
}

.sprite-pouch[data-v-102c0265] {
	background-position: -551.171875px -580.078125px
}

.sprite-poultry_leg[data-v-102c0265] {
	background-position: -580.078125px -580.078125px
}

.sprite-pound[data-v-102c0265] {
	background-position: -608.984375px -580.078125px
}

.sprite-pouting_cat[data-v-102c0265] {
	background-position: -637.890625px -580.078125px
}

.sprite-pray[data-v-102c0265] {
	background-position: -666.796875px -580.078125px
}

.sprite-princess[data-v-102c0265] {
	background-position: -695.703125px -580.078125px
}

.sprite-punch[data-v-102c0265] {
	background-position: -724.609375px -580.078125px
}

.sprite-purple_heart[data-v-102c0265] {
	background-position: -753.515625px -580.078125px
}

.sprite-purse[data-v-102c0265] {
	background-position: -782.421875px -580.078125px
}

.sprite-pushpin[data-v-102c0265] {
	background-position: -811.328125px -580.078125px
}

.sprite-put_litter_in_its_place[data-v-102c0265] {
	background-position: -1.953125px -608.984375px
}

.sprite-question[data-v-102c0265] {
	background-position: -30.859375px -608.984375px
}

.sprite-rabbit[data-v-102c0265] {
	background-position: -59.765625px -608.984375px
}

.sprite-rabbit2[data-v-102c0265] {
	background-position: -88.671875px -608.984375px
}

.sprite-racehorse[data-v-102c0265] {
	background-position: -117.578125px -608.984375px
}

.sprite-radio[data-v-102c0265] {
	background-position: -146.484375px -608.984375px
}

.sprite-radio_button[data-v-102c0265] {
	background-position: -175.390625px -608.984375px
}

.sprite-rage[data-v-102c0265] {
	background-position: -204.296875px -608.984375px
}

.sprite-rage1[data-v-102c0265] {
	background-position: -233.203125px -608.984375px
}

.sprite-rage2[data-v-102c0265] {
	background-position: -262.109375px -608.984375px
}

.sprite-rage3[data-v-102c0265] {
	background-position: -291.015625px -608.984375px
}

.sprite-rage4[data-v-102c0265] {
	background-position: -319.921875px -608.984375px
}

.sprite-railway_car[data-v-102c0265] {
	background-position: -348.828125px -608.984375px
}

.sprite-rainbow[data-v-102c0265] {
	background-position: -377.734375px -608.984375px
}

.sprite-raised_hand[data-v-102c0265] {
	background-position: -406.640625px -608.984375px
}

.sprite-raised_hands[data-v-102c0265] {
	background-position: -435.546875px -608.984375px
}

.sprite-raising_hand[data-v-102c0265] {
	background-position: -464.453125px -608.984375px
}

.sprite-ram[data-v-102c0265] {
	background-position: -493.359375px -608.984375px
}

.sprite-ramen[data-v-102c0265] {
	background-position: -522.265625px -608.984375px
}

.sprite-rat[data-v-102c0265] {
	background-position: -551.171875px -608.984375px
}

.sprite-recycle[data-v-102c0265] {
	background-position: -580.078125px -608.984375px
}

.sprite-red_car[data-v-102c0265] {
	background-position: -608.984375px -608.984375px
}

.sprite-red_circle[data-v-102c0265] {
	background-position: -637.890625px -608.984375px
}

.sprite-refuse[data-v-102c0265] {
	background-position: -666.796875px -608.984375px
}

.sprite-registered[data-v-102c0265] {
	background-position: -695.703125px -608.984375px
}

.sprite-relaxed[data-v-102c0265] {
	background-position: -724.609375px -608.984375px
}

.sprite-relieved[data-v-102c0265] {
	background-position: -753.515625px -608.984375px
}

.sprite-repeat[data-v-102c0265] {
	background-position: -782.421875px -608.984375px
}

.sprite-repeat_one[data-v-102c0265] {
	background-position: -811.328125px -608.984375px
}

.sprite-restroom[data-v-102c0265] {
	background-position: -1.953125px -637.890625px
}

.sprite-revolving_hearts[data-v-102c0265] {
	background-position: -30.859375px -637.890625px
}

.sprite-rewind[data-v-102c0265] {
	background-position: -59.765625px -637.890625px
}

.sprite-ribbon[data-v-102c0265] {
	background-position: -88.671875px -637.890625px
}

.sprite-rice[data-v-102c0265] {
	background-position: -117.578125px -637.890625px
}

.sprite-rice_ball[data-v-102c0265] {
	background-position: -146.484375px -637.890625px
}

.sprite-rice_cracker[data-v-102c0265] {
	background-position: -175.390625px -637.890625px
}

.sprite-rice_scene[data-v-102c0265] {
	background-position: -204.296875px -637.890625px
}

.sprite-ring[data-v-102c0265] {
	background-position: -233.203125px -637.890625px
}

.sprite-rocket[data-v-102c0265] {
	background-position: -262.109375px -637.890625px
}

.sprite-roller_coaster[data-v-102c0265] {
	background-position: -291.015625px -637.890625px
}

.sprite-rooster[data-v-102c0265] {
	background-position: -319.921875px -637.890625px
}

.sprite-rose[data-v-102c0265] {
	background-position: -348.828125px -637.890625px
}

.sprite-rotating_light[data-v-102c0265] {
	background-position: -377.734375px -637.890625px
}

.sprite-round_pushpin[data-v-102c0265] {
	background-position: -406.640625px -637.890625px
}

.sprite-rowboat[data-v-102c0265] {
	background-position: -435.546875px -637.890625px
}

.sprite-ru[data-v-102c0265] {
	background-position: -464.453125px -637.890625px
}

.sprite-rugby_football[data-v-102c0265] {
	background-position: -493.359375px -637.890625px
}

.sprite-runner[data-v-102c0265] {
	background-position: -522.265625px -637.890625px
}

.sprite-running[data-v-102c0265] {
	background-position: -551.171875px -637.890625px
}

.sprite-running_shirt_with_sash[data-v-102c0265] {
	background-position: -580.078125px -637.890625px
}

.sprite-sa[data-v-102c0265] {
	background-position: -608.984375px -637.890625px
}

.sprite-sagittarius[data-v-102c0265] {
	background-position: -637.890625px -637.890625px
}

.sprite-sailboat[data-v-102c0265] {
	background-position: -666.796875px -637.890625px
}

.sprite-sake[data-v-102c0265] {
	background-position: -695.703125px -637.890625px
}

.sprite-sandal[data-v-102c0265] {
	background-position: -724.609375px -637.890625px
}

.sprite-santa[data-v-102c0265] {
	background-position: -753.515625px -637.890625px
}

.sprite-satellite[data-v-102c0265] {
	background-position: -782.421875px -637.890625px
}

.sprite-satisfied[data-v-102c0265] {
	background-position: -811.328125px -637.890625px
}

.sprite-saxophone[data-v-102c0265] {
	background-position: -1.953125px -666.796875px
}

.sprite-school[data-v-102c0265] {
	background-position: -30.859375px -666.796875px
}

.sprite-school_satchel[data-v-102c0265] {
	background-position: -59.765625px -666.796875px
}

.sprite-scissors[data-v-102c0265] {
	background-position: -88.671875px -666.796875px
}

.sprite-scorpius[data-v-102c0265] {
	background-position: -117.578125px -666.796875px
}

.sprite-scream[data-v-102c0265] {
	background-position: -146.484375px -666.796875px
}

.sprite-scream_cat[data-v-102c0265] {
	background-position: -175.390625px -666.796875px
}

.sprite-scroll[data-v-102c0265] {
	background-position: -204.296875px -666.796875px
}

.sprite-seat[data-v-102c0265] {
	background-position: -233.203125px -666.796875px
}

.sprite-secret[data-v-102c0265] {
	background-position: -262.109375px -666.796875px
}

.sprite-see_no_evil[data-v-102c0265] {
	background-position: -291.015625px -666.796875px
}

.sprite-seedling[data-v-102c0265] {
	background-position: -319.921875px -666.796875px
}

.sprite-seven[data-v-102c0265] {
	background-position: -348.828125px -666.796875px
}

.sprite-shaved_ice[data-v-102c0265] {
	background-position: -377.734375px -666.796875px
}

.sprite-sheep[data-v-102c0265] {
	background-position: -406.640625px -666.796875px
}

.sprite-shell[data-v-102c0265] {
	background-position: -435.546875px -666.796875px
}

.sprite-ship[data-v-102c0265] {
	background-position: -464.453125px -666.796875px
}

.sprite-shipit[data-v-102c0265] {
	background-position: -493.359375px -666.796875px
}

.sprite-shirt[data-v-102c0265] {
	background-position: -526.5625px -666.796875px
}

.sprite-shit[data-v-102c0265] {
	background-position: -555.46875px -666.796875px
}

.sprite-shoe[data-v-102c0265] {
	background-position: -584.375px -666.796875px
}

.sprite-shower[data-v-102c0265] {
	background-position: -613.28125px -666.796875px
}

.sprite-signal_strength[data-v-102c0265] {
	background-position: -642.1875px -666.796875px
}

.sprite-six[data-v-102c0265] {
	background-position: -671.09375px -666.796875px
}

.sprite-six_pointed_star[data-v-102c0265] {
	background-position: -700px -666.796875px
}

.sprite-ski[data-v-102c0265] {
	background-position: -728.90625px -666.796875px
}

.sprite-skull[data-v-102c0265] {
	background-position: -757.8125px -666.796875px
}

.sprite-sleeping[data-v-102c0265] {
	background-position: -786.71875px -666.796875px
}

.sprite-sleepy[data-v-102c0265] {
	background-position: -815.625px -666.796875px
}

.sprite-slot_machine[data-v-102c0265] {
	background-position: -1.953125px -695.703125px
}

.sprite-small_blue_diamond[data-v-102c0265] {
	background-position: -30.859375px -695.703125px
}

.sprite-small_orange_diamond[data-v-102c0265] {
	background-position: -59.765625px -695.703125px
}

.sprite-small_red_triangle[data-v-102c0265] {
	background-position: -88.671875px -695.703125px
}

.sprite-small_red_triangle_down[data-v-102c0265] {
	background-position: -117.578125px -695.703125px
}

.sprite-smile[data-v-102c0265] {
	background-position: -146.484375px -695.703125px
}

.sprite-smile_cat[data-v-102c0265] {
	background-position: -175.390625px -695.703125px
}

.sprite-smiley[data-v-102c0265] {
	background-position: -204.296875px -695.703125px
}

.sprite-smiley_cat[data-v-102c0265] {
	background-position: -233.203125px -695.703125px
}

.sprite-smiling_imp[data-v-102c0265] {
	background-position: -262.109375px -695.703125px
}

.sprite-smirk[data-v-102c0265] {
	background-position: -291.015625px -695.703125px
}

.sprite-smirk_cat[data-v-102c0265] {
	background-position: -319.921875px -695.703125px
}

.sprite-smoking[data-v-102c0265] {
	background-position: -348.828125px -695.703125px
}

.sprite-snail[data-v-102c0265] {
	background-position: -377.734375px -695.703125px
}

.sprite-snake[data-v-102c0265] {
	background-position: -406.640625px -695.703125px
}

.sprite-snowboarder[data-v-102c0265] {
	background-position: -435.546875px -695.703125px
}

.sprite-snowflake[data-v-102c0265] {
	background-position: -464.453125px -695.703125px
}

.sprite-snowman[data-v-102c0265] {
	background-position: -526.5625px -695.703125px
}

.sprite-sob[data-v-102c0265] {
	background-position: -555.46875px -695.703125px
}

.sprite-soccer[data-v-102c0265] {
	background-position: -584.375px -695.703125px
}

.sprite-soon[data-v-102c0265] {
	background-position: -613.28125px -695.703125px
}

.sprite-sos[data-v-102c0265] {
	background-position: -642.1875px -695.703125px
}

.sprite-sound[data-v-102c0265] {
	background-position: -671.09375px -695.703125px
}

.sprite-space_invader[data-v-102c0265] {
	background-position: -700px -695.703125px
}

.sprite-spades[data-v-102c0265] {
	background-position: -728.90625px -695.703125px
}

.sprite-spaghetti[data-v-102c0265] {
	background-position: -757.8125px -695.703125px
}

.sprite-sparkle[data-v-102c0265] {
	background-position: -786.71875px -695.703125px
}

.sprite-sparkler[data-v-102c0265] {
	background-position: -815.625px -695.703125px
}

.sprite-sparkles[data-v-102c0265] {
	background-position: -1.953125px -724.609375px
}

.sprite-sparkling_heart[data-v-102c0265] {
	background-position: -30.859375px -724.609375px
}

.sprite-speak_no_evil[data-v-102c0265] {
	background-position: -59.765625px -724.609375px
}

.sprite-speaker[data-v-102c0265] {
	background-position: -88.671875px -724.609375px
}

.sprite-speech_balloon[data-v-102c0265] {
	background-position: -117.578125px -724.609375px
}

.sprite-speedboat[data-v-102c0265] {
	background-position: -146.484375px -724.609375px
}

.sprite-squirrel[data-v-102c0265] {
	background-position: -175.390625px -724.609375px
}

.sprite-stackoverflow[data-v-102c0265] {
	background-position: -840.234375px -48.828125px
}

.sprite-star[data-v-102c0265] {
	background-position: -208.59375px -724.609375px
}

.sprite-star2[data-v-102c0265] {
	background-position: -237.5px -724.609375px
}

.sprite-stars[data-v-102c0265] {
	background-position: -266.40625px -724.609375px
}

.sprite-station[data-v-102c0265] {
	background-position: -295.3125px -724.609375px
}

.sprite-statue_of_liberty[data-v-102c0265] {
	background-position: -324.21875px -724.609375px
}

.sprite-steam_locomotive[data-v-102c0265] {
	background-position: -353.125px -724.609375px
}

.sprite-stew[data-v-102c0265] {
	background-position: -382.03125px -724.609375px
}

.sprite-straight_ruler[data-v-102c0265] {
	background-position: -410.9375px -724.609375px
}

.sprite-strawberry[data-v-102c0265] {
	background-position: -439.84375px -724.609375px
}

.sprite-stuck_out_tongue[data-v-102c0265] {
	background-position: -468.75px -724.609375px
}

.sprite-stuck_out_tongue_closed_eyes[data-v-102c0265] {
	background-position: -497.65625px -724.609375px
}

.sprite-stuck_out_tongue_winking_eye[data-v-102c0265] {
	background-position: -526.5625px -724.609375px
}

.sprite-sun_with_face[data-v-102c0265] {
	background-position: -555.46875px -724.609375px
}

.sprite-sunflower[data-v-102c0265] {
	background-position: -584.375px -724.609375px
}

.sprite-sunglasses[data-v-102c0265] {
	background-position: -613.28125px -724.609375px
}

.sprite-sunny[data-v-102c0265] {
	background-position: -642.1875px -724.609375px
}

.sprite-sunrise[data-v-102c0265] {
	background-position: -671.09375px -724.609375px
}

.sprite-sunrise_over_mountains[data-v-102c0265] {
	background-position: -700px -724.609375px
}

.sprite-surfer[data-v-102c0265] {
	background-position: -728.90625px -724.609375px
}

.sprite-sushi[data-v-102c0265] {
	background-position: -757.8125px -724.609375px
}

.sprite-suspect[data-v-102c0265] {
	background-position: -786.71875px -724.609375px
}

.sprite-suspension_railway[data-v-102c0265] {
	background-position: -815.625px -724.609375px
}

.sprite-sweat[data-v-102c0265] {
	background-position: -1.953125px -753.515625px
}

.sprite-sweat_drops[data-v-102c0265] {
	background-position: -30.859375px -753.515625px
}

.sprite-sweat_smile[data-v-102c0265] {
	background-position: -59.765625px -753.515625px
}

.sprite-sweet_potato[data-v-102c0265] {
	background-position: -88.671875px -753.515625px
}

.sprite-swimmer[data-v-102c0265] {
	background-position: -117.578125px -753.515625px
}

.sprite-symbols[data-v-102c0265] {
	background-position: -146.484375px -753.515625px
}

.sprite-syringe[data-v-102c0265] {
	background-position: -208.59375px -753.515625px
}

.sprite-tada[data-v-102c0265] {
	background-position: -237.5px -753.515625px
}

.sprite-tanabata_tree[data-v-102c0265] {
	background-position: -266.40625px -753.515625px
}

.sprite-tangerine[data-v-102c0265] {
	background-position: -295.3125px -753.515625px
}

.sprite-taurus[data-v-102c0265] {
	background-position: -324.21875px -753.515625px
}

.sprite-taxi[data-v-102c0265] {
	background-position: -353.125px -753.515625px
}

.sprite-tea[data-v-102c0265] {
	background-position: -382.03125px -753.515625px
}

.sprite-telephone[data-v-102c0265] {
	background-position: -410.9375px -753.515625px
}

.sprite-telephone_receiver[data-v-102c0265] {
	background-position: -439.84375px -753.515625px
}

.sprite-telescope[data-v-102c0265] {
	background-position: -468.75px -753.515625px
}

.sprite-tennis[data-v-102c0265] {
	background-position: -497.65625px -753.515625px
}

.sprite-tent[data-v-102c0265] {
	background-position: -526.5625px -753.515625px
}

.sprite-thought_balloon[data-v-102c0265] {
	background-position: -555.46875px -753.515625px
}

.sprite-three[data-v-102c0265] {
	background-position: -584.375px -753.515625px
}

.sprite-thumbsdown[data-v-102c0265] {
	background-position: -613.28125px -753.515625px
}

.sprite-thumbsup[data-v-102c0265] {
	background-position: -642.1875px -753.515625px
}

.sprite-ticket[data-v-102c0265] {
	background-position: -671.09375px -753.515625px
}

.sprite-tiger[data-v-102c0265] {
	background-position: -700px -753.515625px
}

.sprite-tiger2[data-v-102c0265] {
	background-position: -728.90625px -753.515625px
}

.sprite-tired_face[data-v-102c0265] {
	background-position: -757.8125px -753.515625px
}

.sprite-tm[data-v-102c0265] {
	background-position: -786.71875px -753.515625px
}

.sprite-toilet[data-v-102c0265] {
	background-position: -815.625px -753.515625px
}

.sprite-tokyo_tower[data-v-102c0265] {
	background-position: -1.953125px -782.421875px
}

.sprite-tomato[data-v-102c0265] {
	background-position: -30.859375px -782.421875px
}

.sprite-tongue[data-v-102c0265] {
	background-position: -59.765625px -782.421875px
}

.sprite-top[data-v-102c0265] {
	background-position: -88.671875px -782.421875px
}

.sprite-tophat[data-v-102c0265] {
	background-position: -117.578125px -782.421875px
}

.sprite-tractor[data-v-102c0265] {
	background-position: -146.484375px -782.421875px
}

.sprite-traffic_light[data-v-102c0265] {
	background-position: -175.390625px -782.421875px
}

.sprite-train[data-v-102c0265] {
	background-position: -204.296875px -782.421875px
}

.sprite-train2[data-v-102c0265] {
	background-position: -233.203125px -782.421875px
}

.sprite-tram[data-v-102c0265] {
	background-position: -262.109375px -782.421875px
}

.sprite-triangular_flag_on_post[data-v-102c0265] {
	background-position: -291.015625px -782.421875px
}

.sprite-triangular_ruler[data-v-102c0265] {
	background-position: -319.921875px -782.421875px
}

.sprite-trident[data-v-102c0265] {
	background-position: -348.828125px -782.421875px
}

.sprite-triumph[data-v-102c0265] {
	background-position: -377.734375px -782.421875px
}

.sprite-trolleybus[data-v-102c0265] {
	background-position: -406.640625px -782.421875px
}

.sprite-trollface[data-v-102c0265] {
	background-position: -435.546875px -782.421875px
}

.sprite-trophy[data-v-102c0265] {
	background-position: -464.453125px -782.421875px
}

.sprite-tropical_drink[data-v-102c0265] {
	background-position: -493.359375px -782.421875px
}

.sprite-tropical_fish[data-v-102c0265] {
	background-position: -522.265625px -782.421875px
}

.sprite-truck[data-v-102c0265] {
	background-position: -551.171875px -782.421875px
}

.sprite-trumpet[data-v-102c0265] {
	background-position: -580.078125px -782.421875px
}

.sprite-tshirt[data-v-102c0265] {
	background-position: -608.984375px -782.421875px
}

.sprite-tulip[data-v-102c0265] {
	background-position: -637.890625px -782.421875px
}

.sprite-tumblr[data-v-102c0265] {
	background-position: -840.234375px -64.453125px
}

.sprite-turtle[data-v-102c0265] {
	background-position: -666.796875px -782.421875px
}

.sprite-tv[data-v-102c0265] {
	background-position: -695.703125px -782.421875px
}

.sprite-twisted_rightwards_arrows[data-v-102c0265] {
	background-position: -724.609375px -782.421875px
}

.sprite-twitter[data-v-102c0265] {
	background-position: -840.234375px -80.078125px
}

.sprite-two[data-v-102c0265] {
	background-position: -753.515625px -782.421875px
}

.sprite-two_hearts[data-v-102c0265] {
	background-position: -782.421875px -782.421875px
}

.sprite-two_men_holding_hands[data-v-102c0265] {
	background-position: -811.328125px -782.421875px
}

.sprite-two_women_holding_hands[data-v-102c0265] {
	background-position: -1.953125px -811.328125px
}

.sprite-u5272[data-v-102c0265] {
	background-position: -30.859375px -811.328125px
}

.sprite-u5408[data-v-102c0265] {
	background-position: -59.765625px -811.328125px
}

.sprite-u55b6[data-v-102c0265] {
	background-position: -88.671875px -811.328125px
}

.sprite-u6307[data-v-102c0265] {
	background-position: -117.578125px -811.328125px
}

.sprite-u6708[data-v-102c0265] {
	background-position: -146.484375px -811.328125px
}

.sprite-u6709[data-v-102c0265] {
	background-position: -175.390625px -811.328125px
}

.sprite-u6e80[data-v-102c0265] {
	background-position: -204.296875px -811.328125px
}

.sprite-u7121[data-v-102c0265] {
	background-position: -233.203125px -811.328125px
}

.sprite-u7533[data-v-102c0265] {
	background-position: -262.109375px -811.328125px
}

.sprite-u7981[data-v-102c0265] {
	background-position: -291.015625px -811.328125px
}

.sprite-u7a7a[data-v-102c0265] {
	background-position: -319.921875px -811.328125px
}

.sprite-uk[data-v-102c0265] {
	background-position: -348.828125px -811.328125px
}

.sprite-umbrella[data-v-102c0265] {
	background-position: -377.734375px -811.328125px
}

.sprite-unamused[data-v-102c0265] {
	background-position: -406.640625px -811.328125px
}

.sprite-underage[data-v-102c0265] {
	background-position: -435.546875px -811.328125px
}

.sprite-unlock[data-v-102c0265] {
	background-position: -464.453125px -811.328125px
}

.sprite-up[data-v-102c0265] {
	background-position: -493.359375px -811.328125px
}

.sprite-us[data-v-102c0265] {
	background-position: -522.265625px -811.328125px
}

.sprite-v[data-v-102c0265] {
	background-position: -551.171875px -811.328125px
}

.sprite-vertical_traffic_light[data-v-102c0265] {
	background-position: -580.078125px -811.328125px
}

.sprite-vhs[data-v-102c0265] {
	background-position: -608.984375px -811.328125px
}

.sprite-vibration_mode[data-v-102c0265] {
	background-position: -637.890625px -811.328125px
}

.sprite-video_camera[data-v-102c0265] {
	background-position: -666.796875px -811.328125px
}

.sprite-video_game[data-v-102c0265] {
	background-position: -695.703125px -811.328125px
}

.sprite-violin[data-v-102c0265] {
	background-position: -724.609375px -811.328125px
}

.sprite-virgo[data-v-102c0265] {
	background-position: -753.515625px -811.328125px
}

.sprite-volcano[data-v-102c0265] {
	background-position: -782.421875px -811.328125px
}

.sprite-vs[data-v-102c0265] {
	background-position: -811.328125px -811.328125px
}

.sprite-walking[data-v-102c0265] {
	background-position: -855.859375px -1.953125px
}

.sprite-waning_crescent_moon[data-v-102c0265] {
	background-position: -855.859375px -30.859375px
}

.sprite-waning_gibbous_moon[data-v-102c0265] {
	background-position: -855.859375px -59.765625px
}

.sprite-warning[data-v-102c0265] {
	background-position: -855.859375px -88.671875px
}

.sprite-watch[data-v-102c0265] {
	background-position: -840.234375px -117.578125px
}

.sprite-water_buffalo[data-v-102c0265] {
	background-position: -840.234375px -146.484375px
}

.sprite-watermelon[data-v-102c0265] {
	background-position: -840.234375px -175.390625px
}

.sprite-wave[data-v-102c0265] {
	background-position: -840.234375px -204.296875px
}

.sprite-wavy_dash[data-v-102c0265] {
	background-position: -840.234375px -233.203125px
}

.sprite-waxing_crescent_moon[data-v-102c0265] {
	background-position: -840.234375px -262.109375px
}

.sprite-waxing_gibbous_moon[data-v-102c0265] {
	background-position: -840.234375px -291.015625px
}

.sprite-wc[data-v-102c0265] {
	background-position: -840.234375px -319.921875px
}

.sprite-weary[data-v-102c0265] {
	background-position: -840.234375px -348.828125px
}

.sprite-wedding[data-v-102c0265] {
	background-position: -840.234375px -377.734375px
}

.sprite-whale[data-v-102c0265] {
	background-position: -840.234375px -406.640625px
}

.sprite-whale2[data-v-102c0265] {
	background-position: -840.234375px -435.546875px
}

.sprite-wheelchair[data-v-102c0265] {
	background-position: -840.234375px -464.453125px
}

.sprite-white_check_mark[data-v-102c0265] {
	background-position: -840.234375px -493.359375px
}

.sprite-white_circle[data-v-102c0265] {
	background-position: -840.234375px -522.265625px
}

.sprite-white_flower[data-v-102c0265] {
	background-position: -840.234375px -551.171875px
}

.sprite-white_large_square[data-v-102c0265] {
	background-position: -840.234375px -580.078125px
}

.sprite-white_medium_small_square[data-v-102c0265] {
	background-position: -840.234375px -608.984375px
}

.sprite-white_medium_square[data-v-102c0265] {
	background-position: -840.234375px -637.890625px
}

.sprite-white_small_square[data-v-102c0265] {
	background-position: -844.53125px -666.796875px
}

.sprite-white_square_button[data-v-102c0265] {
	background-position: -844.53125px -695.703125px
}

.sprite-wind_chime[data-v-102c0265] {
	background-position: -844.53125px -724.609375px
}

.sprite-wine_glass[data-v-102c0265] {
	background-position: -844.53125px -753.515625px
}

.sprite-wink[data-v-102c0265] {
	background-position: -840.234375px -782.421875px
}

.sprite-wolf[data-v-102c0265] {
	background-position: -840.234375px -811.328125px
}

.sprite-woman[data-v-102c0265] {
	background-position: -1.953125px -840.234375px
}

.sprite-womans_clothes[data-v-102c0265] {
	background-position: -30.859375px -840.234375px
}

.sprite-womans_hat[data-v-102c0265] {
	background-position: -59.765625px -840.234375px
}

.sprite-womens[data-v-102c0265] {
	background-position: -88.671875px -840.234375px
}

.sprite-worried[data-v-102c0265] {
	background-position: -117.578125px -840.234375px
}

.sprite-wrench[data-v-102c0265] {
	background-position: -146.484375px -840.234375px
}

.sprite-x[data-v-102c0265] {
	background-position: -175.390625px -840.234375px
}

.sprite-yellow_heart[data-v-102c0265] {
	background-position: -204.296875px -840.234375px
}

.sprite-yen[data-v-102c0265] {
	background-position: -233.203125px -840.234375px
}

.sprite-yum[data-v-102c0265] {
	background-position: -262.109375px -840.234375px
}

.sprite-zap[data-v-102c0265] {
	background-position: -291.015625px -840.234375px
}

.sprite-zero[data-v-102c0265] {
	background-position: -319.921875px -840.234375px
}

.sprite-zzz[data-v-102c0265] {
	background-position: -348.828125px -840.234375px
}

.emoji[data-v-102c0265] {
	width: 380px;
	height: 200px;
	bottom: 30px;
	background: #fff;
	z-index: 10;
	padding: 10px;
	margin-right: 10px
}

.emoji .emoji-container[data-v-102c0265] {
	height: 180px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative
}

.emoji .emoji-container li[data-v-102c0265] {
	font-size: 0;
	padding: 5px
}

.emoji .emoji-container li a[data-v-102c0265] {
	float: left;
	overflow: hidden;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	border-radius: 4px
}

.emoji .emoji-container li a[data-v-102c0265]:hover {
	background-color: #d8d8d8;
	border-color: #d8d8d8
}

.emoji .emoji-container li a span[data-v-102c0265] {
	width: 40px;
	height: 40px;
	display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid transparent;
	cursor: pointer
}

.recycle * {
	word-break: break-all
}

.recycle button {
	cursor: pointer
}

.recycle .recycle-menu {
	float: left;
	width: 29%;
	height: 100%;
	background-color: #fafafa;
	overflow-y: scroll
}

.recycle .recycle-menu h2 {
	color: #a9a9a9;
	font-size: 28px;
	line-height: 117px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 21px
}

.recycle .recycle-menu h2 button {
	border: none;
	background: none;
	color: #666;
	font-size: 18px;
	line-height: 117px;
	float: right
}

.recycle .recycle-menu h2 button:last-child {
	margin-right: 19px
}

.recycle .recycle-menu .list .item {
	border-bottom: 1px solid #f4f4f4;
	padding: 21px 24px 20px 74px;
	height: 120px;
	position: relative;
	cursor: pointer
}

.recycle .recycle-menu .list .item.isCurrent,.recycle .recycle-menu .list .item:hover {
	background-color: #f4f4f4
}

.recycle .recycle-menu .list .item img {
	width: 74px;
	height: 120px;
	padding: 50px 27px;
	position: absolute;
	top: 0;
	left: 0
}

.recycle .recycle-menu .list .item .content h3 {
	color: #333;
	font-size: 18px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.recycle .recycle-menu .list .item .content p {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
	text-align: justify
}

.recycle .recycle-menu .default {
	text-align: center
}

.recycle .recycle-menu .default img {
	width: 51px;
	height: 58px;
	margin-top: 58%
}

.recycle .recycle-menu .default p {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 1;
	margin-top: 32px;
	text-align: center
}

.recycle .recycle-article {
	float: left;
	width: 71%;
	height: 100%;
	background-color: #fafafa;
	padding: 45px 230px 170px
}

.recycle .recycle-article .title {
	color: #333;
	font-size: 28px;
	line-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.recycle .recycle-article .title a {
	display: inline-block;
	width: 48px;
	height: 48px;
	float: right;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAIVBMVEUAAAAjFxMjFxMiFxMjGBQhFxQjGBQiFxQjFxQjGBQjGBXJ+u1pAAAACnRSTlMAg4SGi5nL7/D5a4GE7wAAAGRJREFUGFdjiFRggABxA4ZZSyBMllUNDFqrHMBsr1UCQD5YAkJ5gSUgJFgEKgsWggiDxWDCILVZUGGQBMQsMMhalQBjIosjqUc2B8l8ZHuR3IPsToT7FZD8NYEB7l/NALg7gAwA1zQuT7aeC9gAAAAASUVORK5CYII=) no-repeat 50%
}

.recycle .recycle-article .content {
	color: #333;
	font-size: 16px;
	line-height: 24px;
	margin-top: 40px;
	text-align: justify
}

.recycle .recycle-article .ql-editor {
	height: auto!important;
	padding-left: 0!important;
	padding-right: 0!important
}

.recycle .recycle-article .tag {
	display: inline-block;
	color: #666;
	font-size: 14px;
	padding: 6px 10px 6px 13px;
	margin-right: 18px;
	border-radius: 4px;
	background: #ebebeb;
	margin-top: 10px
}

.recycle .recycle-article .operation {
	padding-top: 48px;
	height: 168px;
	background-color: #fafafa;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 29%;
	width: 68%
}

.recycle .recycle-article .operation button {
	color: #fff;
	font-size: 16px;
	line-height: 1;
	width: 100px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

.recycle .recycle-article .operation button:first-child {
	color: #999;
	background-color: #fff;
	border-color: #999;
	margin-right: 36px
}

.recycle .article-default {
	float: left;
	width: 71%;
	height: 100%;
	background-color: #fafafa;
	text-align: center;
	padding: 45px 230px 170px
}

.recycle .article-default a {
	display: inline-block;
	width: 48px;
	height: 48px;
	float: right;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAAIVBMVEUAAAAjFxMjFxMiFxMjGBQhFxQjGBQiFxQjFxQjGBQjGBXJ+u1pAAAACnRSTlMAg4SGi5nL7/D5a4GE7wAAAGRJREFUGFdjiFRggABxA4ZZSyBMllUNDFqrHMBsr1UCQD5YAkJ5gSUgJFgEKgsWggiDxWDCILVZUGGQBMQsMMhalQBjIosjqUc2B8l8ZHuR3IPsToT7FZD8NYEB7l/NALg7gAwA1zQuT7aeC9gAAAAASUVORK5CYII=) no-repeat 50%
}

.recycle .article-default img {
	width: 369px;
	height: 150px;
	margin-top: 40%
}

.recycle .dialog {
	width: 502px;
	padding: 40px 65px
}

.recycle .dialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 1
}

.recycle .dialog p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin-top: 48px
}

.recycle .dialog .operation {
	margin-top: 65px
}

.recycle .dialog .operation button {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	width: 120px;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background: #0083ff;
	float: right;
	margin-bottom: 40px
}

.recycle .dialog .operation button:last-child {
	margin-right: 20px;
	color: #0083ff;
	border-color: #2d93f9;
	background-color: #fff
}

.edit {
	overflow-y: hidden
}

.edit p {
	text-align: justify
}

.edit .ql-editor {
	font-size: 16px;
	line-height: 24px
}

.edit .el-loading-mask {
	background-color: hsla(0,0%,100%,.8)
}

.edit .el-loading-mask .el-loading-spinner .circular {
	width: 50px;
	height: 50px
}

.edit .el-loading-mask .el-loading-spinner .path {
	stroke-width: 3px
}

.edit .el-loading-mask .el-loading-spinner .el-loading-text {
	font-size: 18px;
	margin-top: 20px;
	text-align: center
}

.edit ul {
	list-style: none
}

.edit button,.edit ul li {
	cursor: pointer
}

.edit .navMenuBody {
	float: left;
	width: 16%;
	height: 100%;
	background-color: red;
	position: relative
}

.edit .navMenuBody .goRecycle {
	color: #fff;
	font-size: 18px;
	line-height: 1;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAB5JREFUCB1jtN/JqPAChP7/Z2RgADFUVNARRIH9TgAIHQrWOANDwgAAAABJRU5ErkJggg==) no-repeat 20px 23px;position: absolute;
	bottom: 0;
	padding: 20px 0 62px 46px;
	background-color: #404040;
	display: block;
	width: 90%;
	border: none;
	text-align: left
}

.edit .navMenuBody .edit-navMenu {
	width: 100%;
	height: 100%;
	background-color: #404040;
	padding-top: 43px;
	color: #fff;
	position: relative
}

.edit .navMenuBody .edit-navMenu .goBack {
	color: #a9a9a9;
	font-size: 26px;
	line-height: 1;
	padding: 0 20px;
	background: none;
	border: none
}

.edit .navMenuBody .edit-navMenu .builder {
	margin-top: 47px;
	padding: 0 24px 0 20px
}

.edit .navMenuBody .edit-navMenu .builder .create {
	padding-left: 23px;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	border: none;
	background: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAElBMVEUAAADMzMzNzc3MzMzMzMzMzMwEjCbsAAAABXRSTlMAh4n2+kOP9QUAAAAsSURBVAiZY2BgYGAyZIAClhAYizWUJJZKKBiECDCYQlihBkhipJuH4haI+wAdFAxfOKy9aQAAAABJRU5ErkJggg==) no-repeat 0
}

.edit .navMenuBody .edit-navMenu .builder .form {
	margin-top: 23px
}

.edit .navMenuBody .edit-navMenu .builder .form input {
	width: 100%;
	background-color: #666;
	border: none;
	padding: 7px 10px;
	color: #fff;
	font-size: 14px
}

.edit .navMenuBody .edit-navMenu .builder .form input::-webkit-input-placeholder {
	color: #fff
}

.edit .navMenuBody .edit-navMenu .builder .form input:-ms-input-placeholder,.edit .navMenuBody .edit-navMenu .builder .form input::-ms-input-placeholder {
	color: #fff
}

.edit .navMenuBody .edit-navMenu .builder .form input::placeholder {
	color: #fff
}

.edit .navMenuBody .edit-navMenu .builder .form .operation {
	margin-top: 14px
}

.edit .navMenuBody .edit-navMenu .builder .form .operation button {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	width: 60px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 15px;
	background: none;
	float: right
}

.edit .navMenuBody .edit-navMenu .builder .form .operation button:last-child {
	color: #666;
	border: 1px solid #666;
	margin-right: 9px
}

.edit .navMenuBody .edit-navMenu .menuList {
	clear: both;
	padding-top: 13px;
	padding-bottom: 100px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item {
	font-size: 16px;
	line-height: 1;
	height: 40px;
	padding: 0 24px 0 20px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item.isCurrent {
	border-left: 3px solid #0083ff
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item.isCurrent,.edit .navMenuBody .edit-navMenu .menuList .menuList-item:hover {
	background-color: #666
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item span {
	display: inline-block;
	width: 82%;
	padding: 13px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set {
	display: inline-block;
	width: 18%;
	height: 40px;
	float: right;
	position: relative
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set button {
	width: 100%;
	height: 100%;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAdVBMVEUAAAC/v7/GxsbFxcXIyMjQ0NDIyMjR0dHKysrOzs7KysrNzc3Ly8vOzs7Ly8vLy8vMzMzMzMzLy8vNzc3MzMzKysrMzMzNzc3MzMzNzc3Ly8vMzMzMzMzNzc3MzMzMzMzLy8vMzMzLy8vMzMzMzMzMzMzMzMyHrpBbAAAAJnRSTlMABAkWFxscHD4+P01OTk92d5ydnZ+goKK4ysvP0NDR8PHx8vL6/lM6G4AAAABtSURBVAhbXY5JDoJAAAQLRhFXcEcRRYH6/xM9jDFK3TrpdBcAs6c+pkQSlqorEoBTt69Vm113gHzwy5BzU/sihLJXa65qAVCqF9JKA8BEq3QcR+W/qYb579ECjq/t/aNxjpIb1XWUBLJW2wzgDaQqEDbqAoHBAAAAAElFTkSuQmCC) no-repeat 100%
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set:hover .setList {
	visibility: visible
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList {
	visibility: hidden;
	position: absolute;
	right: -12px;
	top: 100%;
	z-index: 1000;
	width: 110px;
	border-radius: 4px;
	background-color: #fff;
	padding: 3px 0
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList .icon {
	content: "";
	width: 0;
	height: 0;
	border: 6px solid;
	border-color: transparent transparent #fff;
	position: absolute;
	top: -12px;
	right: 14px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList li {
	color: #666;
	font-size: 16px;
	line-height: 40px;
	padding-left: 32px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList li.reName {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAABgYGBhYWFmZmZlZWVmZmZmZmZmZmZmZmZBJMvYAAAACHRSTlMACBVpan/T2R0dXnQAAAA/SURBVAhbY2CAAGUozZTK0AEE7QxqAQwNUAEIAygAZjClMkIYagEcQEZHR4MrAwdUDSoDZFADdikMRgcEMAAAK3oT2HuWULAAAAAASUVORK5CYII=) no-repeat 10px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList li.delete {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAABmZmZ+SwYRAAAAAXRSTlMAQObYZgAAAB5JREFUCB1jtN/JqPAChP7/Z2RgADFUVNARRIH9TgAIHQrWOANDwgAAAABJRU5ErkJggg==) no-repeat 10px
}

.edit .navMenuBody .edit-navMenu .menuList .menuList-item .set .setList li:hover {
	background-color: #f4f4f4
}

.edit .edit-list {
	float: left;
	width: 26%;
	height: 100%;
	overflow-y: scroll;
	background-color: #fafafa
}

.edit .edit-list .operation {
	border-bottom: 1px solid #e5e5e5;
	height: 110px;
	padding-right: 30px
}

.edit .edit-list .operation .create {
	border: none;
	padding-left: 30px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABzUlEQVQ4T43TsWsUURAG8O9bd54uXJFK8ODwD9DCxsJCgnBBJARRO0UQC8UiICZFVIgIgkVIoYWCKexEsAiCQUTEQsHGQvEPUFLIIXdgEE/ezN2NnGzkNNnde+3O/vjevBlizKOqB939YZIku939sYjMkbTN3zmO4+4pgJ1mtgZgEgBIPk3T9ARJBwBWQap6FsB8jLFZq9W6ZvYcwOEca4rIq0pIVc8DeABgB4CPInIEQM/MXgA4lCTJyTRNV0shVb0I4B6AZCT1exGZAtA3s/vtdvtCvV7vFkKqOgvgTsHV/2Akv4+2ZUuPzGze3ZdKevdJRJokvxVCZnbd3W+VIB9ypPN/zd9EMcabJBdLkG2v9M8cxRhvk1woQd6JyDGSG0U1NLMr7r5cgrwRkWmSP8pmjjHGLyT3FhS9FpEZkj+rBpeq+gvAri3NI1+2Wq3jjUZj+L3ybAu5+1oI4RTJWCnkBUPoLcl9AODuG+7+KIRwY3Szx8EKlzafqWsAnoQQzqnqAXd/RrLb7/ePZln2WVVXAJwmuVQIxRi/ktwDACIyoaoLIyNyWURWzGzzETpliebc/Wqe6JK771fV1TzRTJZl671e7+5gMDgzTPQbZNnOxxEhs2AAAAAASUVORK5CYII=) no-repeat 20px;color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	width: 120px;
	height: 40px;
	margin: 40px 0 0 17px;
	border-radius: 4px;
	background-color: #0083ff
}

.edit .edit-list .operation .drafg {
	border: none;
	color: #a9a9a9;
	font-size: 18px;
	line-height: 1;
	margin: 52px 0 38px;
	background: none;
	padding-left: 20px
}

.edit .edit-list .operation .recycle {
	float: right
}

.edit .edit-list .operation .recycle:hover {
	color: #0083ff
}

.edit .edit-list .list .list-item {
	border-bottom: 1px solid #f4f4f4;
	height: 120px;
	padding: 20px;
	position: relative
}

.edit .edit-list .list .list-item.isCurrent {
	background-color: #f4f4f4
}

.edit .edit-list .list .list-item.isCurrent .set {
	visibility: visible
}

.edit .edit-list .list .list-item.isReCycle .content {
	padding-left: 40px;
	padding-right: 10px
}

.edit .edit-list .list .list-item.isReCycle .set {
	visibility: hidden
}

.edit .edit-list .list .list-item img {
	width: 74px;
	height: 120px;
	padding: 50px 33px 50px 20px;
	position: absolute;
	top: 0;
	left: 0
}

.edit .edit-list .list .list-item .content {
	padding-right: 40px
}

.edit .edit-list .list .list-item .content h3 {
	color: #333;
	font-size: 18px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.edit .edit-list .list .list-item .content p {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
	text-align: justify
}

.edit .edit-list .list .list-item .content p.toFirefox {
	height: 40px
}

.edit .edit-list .list .list-item .set {
	visibility: hidden;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 35%
}

.edit .edit-list .list .list-item .set button {
	width: 40px;
	height: 40px;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAdVBMVEUAAAC/v7/GxsbFxcXIyMjQ0NDIyMjR0dHKysrOzs7KysrNzc3Ly8vOzs7Ly8vLy8vMzMzMzMzLy8vNzc3MzMzKysrMzMzNzc3MzMzNzc3Ly8vMzMzMzMzNzc3MzMzMzMzLy8vMzMzLy8vMzMzMzMzMzMzMzMyHrpBbAAAAJnRSTlMABAkWFxscHD4+P01OTk92d5ydnZ+goKK4ysvP0NDR8PHx8vL6/lM6G4AAAABtSURBVAhbXY5JDoJAAAQLRhFXcEcRRYH6/xM9jDFK3TrpdBcAs6c+pkQSlqorEoBTt69Vm113gHzwy5BzU/sihLJXa65qAVCqF9JKA8BEq3QcR+W/qYb579ECjq/t/aNxjpIb1XWUBLJW2wzgDaQqEDbqAoHBAAAAAElFTkSuQmCC) no-repeat 50%
}

.edit .edit-list .list .list-item .set:hover .setList {
	visibility: visible
}

.edit .edit-list .list .list-item .set .setList {
	visibility: hidden;
	position: absolute;
	right: -10px;
	top: 95%;
	z-index: 1000;
	width: 110px;
	border-radius: 4px;
	background-color: #fff;
	padding: 3px 0;
	-webkit-box-shadow: 0 1px 8px 2px #ccc;
	box-shadow: 0 1px 8px 2px #ccc
}

.edit .edit-list .list .list-item .set .setList .icon {
	content: "";
	width: 0;
	height: 0;
	border: 6px solid;
	border-color: transparent transparent #fff;
	position: absolute;
	top: -12px;
	right: 24px
}

.edit .edit-list .list .list-item .set .setList li {
	color: #666;
	font-size: 16px;
	line-height: 40px;
	padding-left: 32px
}

.edit .edit-list .list .list-item .set .setList li.toTop {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAMAAAAsYw3eAAAAXVBMVEUAAACAgIBVVVVJSUlgYGBiYmJbW1tpaWlmZmZgYGBmZmZjY2NoaGhjY2NiYmJkZGRmZmZlZWVlZWVmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZA5afrAAAAHnRSTlMAAgMHCA0OERQYHh8gJCculp2rr7y/y83O0tff5udojCWSAAAAaklEQVQIW2XHNxaEQAzAUI0x2eQ4BN//mBTwtllV+mz+ayM3M2saM7McgOo8K76KYxiO4v10nUSmNQVI5kVBlzmBMO4ZQLaPgf7qBEC6q+d2jwDR/SZo7QrqtQagfFHCP1qz9oNEd/co8ADKWwdT9rtjAgAAAABJRU5ErkJggg==) no-repeat 10px 14px
}

.edit .edit-list .list .list-item .set .setList li.delete {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEUAAABmZmZ+SwYRAAAAAXRSTlMAQObYZgAAAB5JREFUCB1jtN/JqPAChP7/Z2RgADFUVNARRIH9TgAIHQrWOANDwgAAAABJRU5ErkJggg==) no-repeat 10px 13px
}

.edit .edit-list .list .list-item .set .setList li.reEdit {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAABgYGBhYWFmZmZlZWVmZmZmZmZmZmZmZmZBJMvYAAAACHRSTlMACBVpan/T2R0dXnQAAAA/SURBVAhbY2CAAGUozZTK0AEE7QxqAQwNUAEIAygAZjClMkIYagEcQEZHR4MrAwdUDSoDZFADdikMRgcEMAAAK3oT2HuWULAAAAAASUVORK5CYII=) no-repeat 10px 13px
}

.edit .edit-list .list .list-item .set .setList li:hover {
	background-color: #f4f4f4
}

.edit .edit-list .default {
	text-align: center;
	margin-top: 50%
}

.edit .edit-list .default img {
	width: 51px;
	height: 58px
}

.edit .edit-list .default p {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 1;
	margin-top: 32px;
	text-align: center
}

.edit .edit-operation {
	float: left;
	width: 58%;
	height: 100%;
	background-color: #fafafa;
	padding: 0 38px
}

.edit .edit-operation .time {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 1;
	text-align: right;
	padding-top: 20px;
	height: 35px
}

.edit .edit-operation .title {
	height: 35px
}

.edit .edit-operation .title input {
	color: #333;
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
	border: none;
	background: none;
	width: 100%;
	padding-left: 12px
}

.edit .edit-operation .title input::-webkit-input-placeholder {
	color: #a9a9a9
}

.edit .edit-operation .title input:-ms-input-placeholder,.edit .edit-operation .title input::-ms-input-placeholder {
	color: #a9a9a9
}

.edit .edit-operation .title input::placeholder {
	color: #a9a9a9
}

.edit .edit-operation .title button {
	width: 20px;
	height: 20px;
	border: none;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAElBMVEUAAADMzMzNzc3MzMzMzMzMzMwEjCbsAAAABXRSTlMAh4n2+kOP9QUAAAAsSURBVAiZY2BgYGAyZIAClhAYizWUJJZKKBiECDCYQlihBkhipJuH4haI+wAdFAxfOKy9aQAAAABJRU5ErkJggg==) no-repeat 50%
}

.edit .edit-operation .content {
	padding-top: 30px
}

.edit .edit-operation .content .quill-editor-component .quill-editor .ql-container {
	height: 480px!important
}

.edit .edit-operation .content .ql-container.ql-snow,.edit .edit-operation .content .ql-toolbar.ql-snow {
	border: none
}

.edit .edit-operation .tags {
	margin-top: 20px;
	padding-left: 10px;
	min-height: 40px
}

.edit .edit-operation .tags span {
	cursor: pointer;
	display: inline-block;
	margin-bottom: 8px
}

.edit .edit-operation .tags .item {
	color: #666;
	font-size: 14px;
	padding: 6px 10px 6px 13px;
	margin-right: 18px;
	border-radius: 4px;
	background: #ebebeb
}

.edit .edit-operation .tags .item i {
	display: inline-block;
	width: 11px;
	height: 12px;
	margin-left: 6px;
	background: #ebebeb url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAQlBMVEUAAAAAAAAcHBwiEREiFxciGREfGRMjGRQgFRUhGBUhFxQjGBMiFxUjFxQjFxUiFxUiFxUjFxUiFxQiGBQjFxQiFxW0LljaAAAAFnRSTlMABQkPFh4oMkZUY3SFlrXCztjb3+Hj56Yi0gAAAFJJREFUeF5dT1cKQDEMsnPvcf+rPkppH8QfMUFj0A0eTIdd+iq9LOCGOkoNt8k3uUk2f8ahCkDUcE2xcF4iHlLOCT/YnAx0S700md4lrUhn8tEHhIkDc66h/JMAAAAASUVORK5CYII=) no-repeat 90%;background-size: cover
}

.edit .edit-operation .tags input {
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 5px 7px;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	top: -1px;
	width: 160px
}

.edit .edit-operation .tags input::-webkit-input-placeholder {
	color: #999
}

.edit .edit-operation .tags input:-ms-input-placeholder,.edit .edit-operation .tags input::-ms-input-placeholder {
	color: #999
}

.edit .edit-operation .tags input::placeholder {
	color: #999
}

.edit .edit-operation .tags .add {
	color: #666;
	font-size: 16px;
	padding-left: 30px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAElBMVEUAAADMzMzNzc3MzMzMzMzMzMwEjCbsAAAABXRSTlMAh4n2+kOP9QUAAAAsSURBVAiZY2BgYGAyZIAClhAYizWUJJZKKBiECDCYQlihBkhipJuH4haI+wAdFAxfOKy9aQAAAABJRU5ErkJggg==) no-repeat 8px;background-size: 17px
}

.edit .edit-operation .tags .add:hover {
	color: #0083ff;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARBAMAAADJQ1rJAAAAGFBMVEUAg/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/9FvRziAAAAB3RSTlMAhfP0+fr8/cQ7EQAAAC5JREFUeF5jAAJGRQYoYCuBsdjLSWKJlINBiQCDezkEKMDESgVIMw/TLYyGIBIAgn8QoiX9z/EAAAAASUVORK5CYII=) no-repeat 8px;background-size: 17px
}

.edit .edit-operation .operation {
	margin-top: 10px;
	padding-left: 10px
}

.edit .edit-operation .operation select {
	color: #999;
	font-size: 16px;
	width: 110px;
	height: 40px;
	margin-right: 18px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	cursor: pointer
}

.edit .edit-operation .operation select option {
	cursor: pointer;
	font-size: 14px
}

.edit .edit-operation .operation button {
	color: #fff;
	font-size: 16px;
	line-height: 1;
	width: 100px;
	height: 40px;
	background: #0083ff;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	float: right
}

.edit .edit-operation .operation button:last-child {
	color: #999;
	background: none;
	margin-right: 16px
}

.edit .edit-articleDetail {
	float: left;
	width: 58%;
	height: 100%;
	overflow-y: scroll;
	background-color: #fafafa;
	padding: 0 50px 50px
}

.edit .edit-articleDetail.isReCycle {
	padding: 0 50px 180px
}

.edit .edit-articleDetail .title {
	color: #333;
	font-size: 28px;
	line-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 25px
}

.edit .edit-articleDetail .des {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 40px
}

.edit .edit-articleDetail .des span {
	padding-left: 20px
}

.edit .edit-articleDetail .content {
	color: #333;
	font-size: 16px;
	line-height: 24px;
	margin-top: 20px;
	text-align: justify
}

.edit .edit-articleDetail .ql-editor {
	height: auto!important;
	padding-left: 0!important;
	padding-right: 0!important
}

.edit .edit-articleDetail .tag1 {
	display: inline-block;
	color: #666;
	font-size: 14px;
	padding: 6px 10px 6px 13px;
	margin-right: 18px;
	border-radius: 4px;
	background: #ebebeb;
	margin-top: 10px
}

.edit .edit-articleDetail .operation {
	padding-top: 48px;
	height: 140px;
	background-color: #fafafa;
	text-align: center;
	position: fixed;
	bottom: 0;
	right: 20px;
	width: 55%
}

.edit .edit-articleDetail .operation button {
	color: #fff;
	font-size: 16px;
	line-height: 1;
	width: 100px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

.edit .edit-articleDetail .operation button:first-child {
	color: #999;
	background-color: #fff;
	border-color: #999;
	margin-right: 36px
}

.edit .dialog {
	width: 502px;
	padding: 40px 65px
}

.edit .dialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 1
}

.edit .dialog p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin-top: 48px
}

.edit .dialog .operation {
	margin-top: 65px
}

.edit .dialog .operation button {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	width: 120px;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background: #0083ff;
	float: right;
	margin-bottom: 40px
}

.edit .dialog .operation button:last-child {
	margin-right: 20px;
	color: #0083ff;
	border-color: #2d93f9;
	background-color: #fff
}

.edit .renameDialog input {
	margin-top: 36px;
	color: #666;
	font-size: 16px;
	line-height: 1;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	padding: 14px 12px
}

#editBlog {
	width: 900px;
	margin: 0 auto 40px
}

#editBlog .title {
	text-align: right;
	padding-right: 5px
}

#editBlog .title a {
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 38px;
	height: 38px
}

#editBlog .title a:hover {
	color: #0083ff
}

#editBlog .form {
	border-radius: 8px;
	background-color: #fff;
	padding: 30px 50px 50px
}

#editBlog .form .articleName .el-input__inner {
	color: #333;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	width: 100%;
	border: none;
	padding: 0
}

#editBlog .form .articleName .el-input__inner::-webkit-input-placeholder {
	color: #999
}

#editBlog .form .articleName .el-input__inner:-ms-input-placeholder,#editBlog .form .articleName .el-input__inner::-ms-input-placeholder {
	color: #999
}

#editBlog .form .articleName .el-input__inner::placeholder {
	color: #999
}

#editBlog .form .content {
	margin-top: 15px;
	min-height: 500px
}

#editBlog .form .tags {
	margin-top: 30px;
	min-height: 40px
}

#editBlog .form .tags span {
	cursor: pointer;
	display: inline-block;
	margin-bottom: 8px
}

#editBlog .form .tags .item {
	color: #666;
	font-size: 14px;
	padding: 6px 10px 6px 13px;
	margin-right: 18px;
	border-radius: 4px;
	background: #ebebeb
}

#editBlog .form .tags .item i {
	display: inline-block;
	width: 11px;
	height: 12px;
	margin-left: 6px;
	background: #ebebeb url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAQlBMVEUAAAAAAAAcHBwiEREiFxciGREfGRMjGRQgFRUhGBUhFxQjGBMiFxUjFxQjFxUiFxUiFxUjFxUiFxQiGBQjFxQiFxW0LljaAAAAFnRSTlMABQkPFh4oMkZUY3SFlrXCztjb3+Hj56Yi0gAAAFJJREFUeF5dT1cKQDEMsnPvcf+rPkppH8QfMUFj0A0eTIdd+iq9LOCGOkoNt8k3uUk2f8ahCkDUcE2xcF4iHlLOCT/YnAx0S700md4lrUhn8tEHhIkDc66h/JMAAAAASUVORK5CYII=) no-repeat 90%;background-size: cover
}

#editBlog .form .tags input {
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 5px 7px;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	top: -1px;
	width: 160px;
	margin-right: 10px
}

#editBlog .form .tags input::-webkit-input-placeholder {
	color: #999
}

#editBlog .form .tags input:-ms-input-placeholder,#editBlog .form .tags input::-ms-input-placeholder {
	color: #999
}

#editBlog .form .tags input::placeholder {
	color: #999
}

#editBlog .form .tags input:focus {
	color: #0083ff
}

#editBlog .form .tags .add {
	color: #666;
	font-size: 16px
}

#editBlog .form .tags .add i {
	margin-right: 5px
}

#editBlog .form .tags .add:hover {
	color: #0083ff
}

#editBlog .form .selects {
	margin-top: 10px
}

#editBlog .form .selects .el-select {
	width: 110px;
	margin-right: 10px
}

#editBlog .form .selects .operation {
	display: inline-block;
	float: right
}

#editBlog .form .selects .operation button {
	color: #fff;
	font-size: 16px;
	width: 110px;
	height: 40px;
	background: #0083ff;
	border-radius: 4px;
	border: 1px solid #0083ff;
	cursor: pointer
}

#editBlog .form .selects .operation button:first-child {
	color: #999;
	border-color: #e5e5e5;
	background: none;
	margin-right: 16px
}

#myBlog {
	width: 1200px;
	margin: 40px auto;
	background-color: #fff;
	max-height: 1100px;
	overflow: hidden
}

#myBlog h3,#myBlog p {
	text-align: justify;
	word-break: break-all
}

#myBlog button,#myBlog li {
	cursor: pointer
}

#myBlog .el-loading-mask {
	background-color: hsla(0,0%,100%,.8)
}

#myBlog .el-loading-mask .el-loading-spinner {
	top: 300px
}

#myBlog .el-loading-mask .el-loading-spinner .circular {
	width: 50px;
	height: 50px
}

#myBlog .el-loading-mask .el-loading-spinner .path {
	stroke-width: 3px
}

#myBlog .el-loading-mask .el-loading-spinner .el-loading-text {
	font-size: 18px;
	margin-top: 20px;
	text-align: center
}

#myBlog .left {
	display: table-cell;
	width: 250px;
	overflow-x: hidden
}

#myBlog .left .top .edit {
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	height: 40px;
	width: 120px;
	border: none;
	background-color: #0083ff;
	border-radius: 4px;
	margin: 30px auto 0 15px
}

#myBlog .left .top .edit i {
	margin-right: 10px
}

#myBlog .left .top .createKind {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	border: none;
	background: none;
	margin: 20px auto 20px 15px
}

#myBlog .left .kindList {
	padding-bottom: 80px
}

#myBlog .left .kindList .item {
	padding: 0 15px;
	display: table;
	width: 100%
}

#myBlog .left .kindList .item .name {
	display: table-cell;
	width: 95%;
	color: #333;
	font-size: 14px;
	font-weight: 450;
	line-height: 40px;
	height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis
}

#myBlog .left .kindList .item .operation {
	display: table-cell;
	width: 8%;
	position: relative
}

#myBlog .left .kindList .item .operation>i {
	color: #ccc
}

#myBlog .left .kindList .item .operation .operationList {
	display: none;
	width: 100px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 3px 0;
	background-color: #fff;
	position: absolute;
	left: -70px;
	top: 32px;
	z-index: 1200
}

#myBlog .left .kindList .item .operation .operationList li {
	color: #666;
	font-size: 14px;
	line-height: 30px;
	padding-left: 8px
}

#myBlog .left .kindList .item .operation .operationList li i {
	margin-right: 5px
}

#myBlog .left .kindList .item .operation .operationList li:hover {
	background-color: #e5e5e5
}

#myBlog .left .kindList .item .operation:hover>i {
	color: #0083ff
}

#myBlog .left .kindList .item .operation:hover .operationList {
	display: block
}

#myBlog .left .kindList .item.light,#myBlog .left .kindList .item:hover {
	background-color: #ecf2ff
}

#myBlog .left .kindList .item.light .name,#myBlog .left .kindList .item:hover .name {
	color: #0083ff;
	font-weight: 700
}

#myBlog .right {
	display: table-cell;
	vertical-align: top;
	width: 950px;
	border-left: 1px solid #f2f2f2
}

#myBlog .right .articleList .item {
	padding: 25px 30px 20px;
	border-bottom: 1px solid #f2f2f2;
	position: relative
}

#myBlog .right .articleList .item .ps {
	position: absolute;
	right: 0;
	top: -1px;
	width: 90px;
	color: #fff;
	font-size: 14px;
	padding-left: 15px;
	line-height: 30px;
	text-align: center;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAgCAMAAAChOk+qAAAAn1BMVEX9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCP9hCM47S3aAAAANHRSTlMALHbxme/k8LT9Dj/clP5bHCCtRQHhkUsSAsxPmFQyFPlpEATEFdcWyQePN8E08wtKiLrain3Z2wAAAIlJREFUeF611sUBwgAAwMBUaYu7u7vuPxtDQDLAvcOwMZ5En/8HQFGtOTCUUwmmWZFggpIEU7dgMgsOcgmmZcFtC+50JZieBfcjCR4kEszIgmMLDi14asEzC54vJJjUgjMLXlrwKpFgQgtebySY7U6C2R8kmOMpd2A4XyQYrvHNgeH+eL7eP2zXF0jK4ytWMknqAAAAAElFTkSuQmCC) no-repeat;background-size: 100% 100%
}

#myBlog .right .articleList .item .title {
	color: #333;
	font-size: 14px;
	font-weight: 450;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis
}

#myBlog .right .articleList .item .title:hover {
	color: #0083ff
}

#myBlog .right .articleList .item .content {
	margin-top: 10px
}

#myBlog .right .articleList .item .content span {
	color: #999;
	font-size: 12px;
	padding-right: 20px
}

#myBlog .right .articleList .item .content .operation {
	display: none;
	color: #333;
	font-size: 14px;
	float: right
}

#myBlog .right .articleList .item .content .operation li {
	display: inline-block;
	padding-right: 25px
}

#myBlog .right .articleList .item .content .operation li i {
	margin-right: 5px
}

#myBlog .right .articleList .item .content .operation li:hover {
	color: #0083ff
}

#myBlog .right .articleList .item:hover {
	background-color: #f2f2f2
}

#myBlog .right .articleList .item:hover .operation {
	display: block
}

#myBlog .right .default {
	text-align: center;
	padding: 250px
}

#myBlog .right .default img {
	width: 51px;
	height: 58px
}

#myBlog .right .default p {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 1;
	margin-top: 32px;
	text-align: center
}

#myBlog .dialog {
	width: 502px;
	padding: 40px 65px
}

#myBlog .dialog .el-loading-spinner {
	top: 50%
}

#myBlog .dialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 1
}

#myBlog .dialog p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin-top: 48px
}

#myBlog .dialog .operation {
	margin-top: 65px
}

#myBlog .dialog .operation button {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	width: 120px;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background: #0083ff;
	float: right;
	margin-bottom: 40px
}

#myBlog .dialog .operation button:last-child {
	margin-right: 20px;
	color: #0083ff;
	border-color: #2d93f9;
	background-color: #fff
}

#myBlog .renameDialog input {
	margin-top: 36px;
	color: #666;
	font-size: 16px;
	line-height: 1;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	padding: 14px 12px
}

#main {
	background-color: #f8f8f8
}

.confirproject {
	width: 1000px;
	background-color: #fff;
	margin: 30px auto;
	padding: 20px 125px;
	margin-bottom: 88px
}

.confirproject .ordertitle {
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0
}

.confirproject .ordertitle span {
	font-size: 20px;
	color: #333;
	font-weight: 700
}

.confirproject .orderleft,.confirproject .orderright {
	display: inline-block;
	margin-top: 32px;
	vertical-align: top
}

.confirproject .orderleft {
	padding: 20px 0;
	padding-left: 30px
}

.confirproject .orderleft img,.confirproject .orderleft section {
	display: inline-block;
	vertical-align: top
}

.confirproject .orderleft img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin-right: 15px
}

.confirproject .orderleft section .zhuanname,.confirproject .orderleft section p {
	color: #999;
	font-size: 12px;
	margin-top: 5px
}

.confirproject .orderleft section .zhuanname .nick_name,.confirproject .orderleft section .zhuanname .nickName,.confirproject .orderleft section p .nick_name,.confirproject .orderleft section p .nickName {
	display: inline-block;
	vertical-align: bottom
}

.confirproject .orderleft section .zhuanname .nickName,.confirproject .orderleft section p .nickName {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.confirproject .orderleft section .telphone {
	font-size: 16px
}

.confirproject .orderright {
	width: 510px;
	margin-left: 10px;
	font-size: 14px;
	color: #666;
	border-right: 1px solid #e5e5e5
}

.confirproject .orderright .ordername {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 30px;
	margin-top: -8px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 60px
}

.confirproject .orderright .price span {
	font-size: 16px;
	color: #f77272;
	font-weight: 700
}

.confirproject .orderright .soleorder {
	margin-top: 20px;
	margin-bottom: 13px
}

.confirproject .payweichar,.confirproject .zfb {
	margin-top: 35px;
	padding: 18px 23px;
	position: relative;
	height: 66px;
	border: 2px solid #fff;
	cursor: pointer
}

.confirproject .payweichar.select,.confirproject .zfb.select {
	border: 2px solid #0083ff
}

.confirproject .payweichar span,.confirproject .zfb span {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	color: #333;
	margin-top: 5px
}

.confirproject .payweichar span img,.confirproject .zfb span img {
	width: 16px;
	height: 16px
}

.confirproject .payweichar span:nth-of-type(3),.confirproject .zfb span:nth-of-type(3) {
	font-size: 14px;
	margin-top: 4px;
	margin-left: -10px;
	margin-right: 30px
}

.confirproject .payweichar span:nth-of-type(4),.confirproject .zfb span:nth-of-type(4) {
	font-size: 12px;
	color: #999
}

.confirproject .payweichar span:nth-of-type(5),.confirproject .zfb span:nth-of-type(5) {
	position: absolute;
	font-size: 14px;
	top: 9px;
	right: 20px
}

.confirproject .payweichar span:nth-of-type(5) span,.confirproject .zfb span:nth-of-type(5) span {
	font-size: 24px;
	color: #f77272;
	vertical-align: bottom;
	margin: 0 5px;
	margin-bottom: -5px;
	font-weight: 700
}

.confirproject .payweichar {
	margin-top: 0;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 50px
}

.confirproject .surebtn button {
	width: 120px;
	height: 42px;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	border: none;
	margin-bottom: 58px;
	cursor: pointer
}

.projectDetailByShow {
	background-color: #f8f8f8;
	padding-bottom: 61px
}

.projectDetailByShow p {
	word-break: break-all
}

.projectDetailByShow button {
	cursor: pointer
}

.projectDetailByShow .container-bannar {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	background: url(http://www.luojinet.com/img/banner.81ed8aa.png) 50% no-repeat
}

.projectDetailByShow .container-bannar .bannar-bar {
	width: 1200px;
	margin: 0 auto;
	padding-top: 62px;
	color: #fff;
	font-size: 16px;
	line-height: 16px
}

.projectDetailByShow .container-bannar .bannar-bar a {
	color: #fff
}

.projectDetailByShow .container-bannar .bannar-bar span {
	font-weight: 700
}

.projectDetailByShow .pd-main {
	width: 1200px;
	margin: 20px auto 0;
	background-color: #fff;
	padding: 42px 48px 75px
}

.projectDetailByShow .pd-main .warning {
	border-radius: 4px;
	border: 1px solid #ffd9ae;
	background-color: #fff5e9;
	margin-bottom: 20px
}

.projectDetailByShow .pd-main .warning p {
	color: #999;
	font-size: 16px;
	line-height: 46px;
	padding-left: 32px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAAdQyvcAAAAE3RSTlMACRAqKz9ASVBTWo6Plr6/0/D9X7NaQgAAAGFJREFUeF5lj+0OgCAIRa9pn0Shvv+7Nr2zpZ0/wBkMQMGLxWjiQZymXEnqan3ll6sYzR8U8OxfD055CAeWjVFgucMQKeadMTaBqQnrhUF6cSL0a8N42HD67X7PkcD3Q8kfhD8OHS1Fyb0AAAAASUVORK5CYII=) 11px 16px no-repeat
}

.projectDetailByShow .pd-main .warning p button {
	border: none;
	background: none;
	color: #ff9400;
	font-size: 16px;
	line-height: 21px;
	margin-left: 19px;
	padding-right: 28px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAulBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lABerJq4AAAAPXRSTlMAtwONceHnfwUwrjHM7k4a7QQ7OTgm5cgIpt8iiEjgEo7vpzQGGTNw6QcjUbXoVfygPvklN8tab37qET1e8/HOhAAAAMZJREFUeF5tkdcSgjAURDeELoiCgBUbgr135f9/y8EYo+h52jlzJ3PvBgyDhsE2CKkBQctsaq4TO5t202xx2VnIOhi6rHZYKqslCEpqOQ+7Sg2f1Co+ACLjG5kAiaIXbFVJ0NO4uM/rLGgUocutNCBMexaCEYq6a2MV50HJnlyWyMlgi9kJaUiv2YP7Kfm7YofjmkmcKYZK9Wff4Z/bUgLAL/Swt/3/nT2ZjdN3v6fxDC+mZqR5V8m5tSNzCoFBrX7Wt/i/PQBjgQ6CFYziRQAAAABJRU5ErkJggg==) 100% no-repeat
}

.projectDetailByShow .pd-main h2 {
	color: #222;
	font-size: 24px;
	line-height: 56px
}

.projectDetailByShow .pd-main h2 em {
	color: #02b18e;
	font-size: 12px;
	font-weight: 400;
	margin-left: 11px;
	border: 1px solid #02b18e;
	border-radius: 4px;
	padding: 2px 10px 2px 24px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAABfUlEQVQoU33QMUhVARTG8f937qsHGVqLDkHQFkRlLW01hAUN6TMIhAa3hiDrgfDc7vagrvfBG5qNCqJB71OSWorGBlHC2qIht6jKKevdcxrkhRL4bYfvB+dwxM6kqXFmYFJEI4wmK5sPSVPvEbGUHadrR404F9INFN9C0ZbbHcSAIh459pZuuSFbzL9GxLqkNe8yz3j9zb9lney8YeMBwwpOyjr5d3cdo3b3x66Tdg4LrUNm8WlvXOQ15EN48nRv3MlGDFtGMe2lzf2PX6cVPvdVGUyq2uIDEOGaANZ6+IuX5QksGZJ4LPSc8L6QrsW+ygWu3P7I/P1BS5L3UpG/DNMcv448s+rGDDANUbpXRqhNrQCwmE0ImxRFdlmyB7H1+yzXGz+tmL3p6ABj9RYAy+1+/emuBtwSgBWz7RCnw2101wufNA/r4P5CoXUfq29j0tRsuL8V4mrADGX5ioouytWUtOSrm1OkqW/jXhbySzIaglMB7wLuMVp/0av/Aq4qsAgoFCgeAAAAAElFTkSuQmCC) no-repeat;background-position: 9px 4px;
	position: relative;
	top: -3px
}

.projectDetailByShow .pd-main h2 em.no {
	color: #999;
	border-color: #999;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAMAAABIK2QJAAAAulBMVEX///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZuCPYAAAAPnRSTlMAEPDl5O7JSussaeJhEx3AAQVLlhQDBMhDw/x/PoMSYOlH3mgu0k+OJ7pxfQs0vJRCanXFmYaVXh5fmPLsTDNn6iYAAAB0SURBVHhePcZVEsIwAEDB1yZ1V9Td3eX+1yIDA/u1AInbHyQATtryKh3Ta1gORm2zBarZwUDX+Ig1/fex+3+zPv++XLZFt6duh8PRaSKmhDYzv1w8jBX4aywZsNtDIFPIzJyY3DwCxVlerjdxLwCwomf0At5KjwiMaTUBwQAAAABJRU5ErkJggg==) no-repeat;background-position: 9px 4px
}

.projectDetailByShow .pd-main h2 a,.projectDetailByShow .pd-main h2 button {
	display: inline-block;
	float: right;
	color: #fff;
	font-size: 24px;
	padding: 0 30px;
	min-width: 160px;
	height: 55px;
	background-color: #0083ff;
	border: none;
	border-radius: 4px;
	font-weight: 400
}

.projectDetailByShow .pd-main h2 a:hover,.projectDetailByShow .pd-main h2 button:hover {
	background: #66b1ff
}

.projectDetailByShow .pd-main .pd-main-top {
	display: table
}

.projectDetailByShow .pd-main .pd-main-top .left {
	width: 675px;
	display: table-cell
}

.projectDetailByShow .pd-main .pd-main-top .left span {
	color: #333;
	font-size: 16px;
	line-height: 16px;
	margin-top: 28px;
	display: inline-block;
	width: 50%
}

.projectDetailByShow .pd-main .pd-main-top .left span i {
	padding-left: 26px;
	color: #999;
	font-size: 16px;
	font-style: normal
}

.projectDetailByShow .pd-main .pd-main-top .left span.type i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAACZmZmLi4uSkpKWlpabm5uVlZWbm5uYmJiYmJiampqWlpaampqYmJiYmJiWlpaampqYmJiZmZmXl5eZmZmZmZmYmJiYmJiampqYmJiZmZmYmJiZmZmZmZmYmJiYmJgU+Y/mAAAAIHRSTlMACgsOJykpODlISU5OT15fYGFwcaytrr+/wcHCw9LT1WCYc+gAAABxSURBVHhetc7BEoIwDIThH0qtVYlSLQVK4P3fUicjJ8/m8h2ys7OkqqpVnJgJ6uBPfsghmxV2D/g5zuYOWwd05VLM7UgsR+Lb8RjP2VzhPk5levVtbwq4EGMMDY3pQPLnk2/t1ZQ/7XiuqrqIEzPxc2+hUQu0JaEONQAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-top .left span.company i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAk1BMVEUAAACqqqqZmZmfn5+SkpKUlJSVlZWZmZmTk5OXl5eZmZmampqYmJiVlZWampqXl5ebm5uampqXl5eampqZmZmXl5eYmJiYmJiampqampqampqZmZmZmZmZmZmZmZmYmJiZmZmZmZmampqZmZmZmZmZmZmYmJiZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZkBibDbAAAAMXRSTlMAAwUIDhMYGRobKDA0NTVAQk5WWF9gYWptb3d4f4edoaOnq6ytr7Cyt7m6u7zQ0uPoK3rAyQAAAINJREFUeF6FzNESwTAQRuElKAJ0FSRFsSxEvf/T2URGhhvnJjPf5F8wV/KdTwre3eK7mkagCAV+oIOIA5jvrWR6ApnACIq1lib33wnHyVBgSbQLkHlIP9IkL0v7BV2t+wHaWzqOBRpKNQPkM2gdBBZVtQmACIrS0f9Qs3N8efLDsa9+ATLjD1MJpTFpAAAAAElFTkSuQmCC) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-top .left span.layout {
	line-height: 22px;
	position: relative;
	top: 22px
}

.projectDetailByShow .pd-main .pd-main-top .left span.time i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIRJREFUeF5lj9EOgyAQBKdq61VFC6JQ8P+/U9FLatJ5Y8hldykYG3OO1nBRu+SnYZh8cvX5XoPAE3iHtRgXGmgTQBMcmCSAbBQkGaznJ/CW+LmLKZL7S1RV9YA+q2i3g28RekIrIi8YI3bhxmI1FtBYLQZaTKvr/1Fdx81j143zOe5v/g5+GQhDLcLDngAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-top .left span.deadlinTime i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABb0lEQVQ4T5XTMUscQRQH8P+b2dI0hxwpFEIqBb+A6QKSqF1Iq8Qit85ecV9AhPUzhNudtymCNpLS5ECL9GlTSRQkKRQsxEBIeby/7BFFjgT3pnozb35vhuGN4N6IMZYA3oUQju+v13FZlgsikoYQerc5qQNVnQPwhuSGiHwjeTmOReQxgAUAeyKym6bpqcQYFwF8FpEI4DXJA5Lf/4HnRGSV5EBENs1spcZHAD6GED6oamZmn7IsuxjH/X5/1nu/EkKoVPUtyVc1PvPeL3U6nR/j4H/zoiieJkkyEFWtUQJg2BT/3f9nhIfD4bpz7rwpNrOZJEnej7CZPc+y7GdTXJblE+fcYWOc53nSbrcfdbvdXxNjVR0AeEHyGcmriU5W1QMAywAWzex6IpznuWu1WlO9Xu/33bVjjF+dc9tpmn5p+mBVVb00s22pqmqd5I6ZZQBOHipAct57XwDYGn2MGONa3a8Aph/CAK5IFiGE/Rsm1cNLSeiQWwAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-top .left span.who i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA9ElEQVQYGZXAcUcDYQAG8Mc2nUOZqUQCpBpA0SfIPkT6EDFE5CUCXLxs7/PcljUGrkxISAWJ+r8KEYBZqgCLIat1qi7qhz+o5iQ9qatzLgBhgRfq6pGq5tBjh3TDWmXGjrgltVhVK1zUMPOs63JrEAA3tI0+zqlTnkUfG1wHoDtOIqZ5xMpT4S0AdfArvQDQgxtFotKY2gDYYBGJtMI6AObVduP4oTShe02jh2s6tR6+sJ7O3CremRT3FEVpxKI0m2yaFD4Evo64YwbwxnraDQ8DH58Fvg54vJkFalmdaD/w8Z3JqKIrV9C1ZDJIxqKetYz/eQWB9GSsahoaDgAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-top .left div {
	margin-top: 25px
}

.projectDetailByShow .pd-main .pd-main-top .left div em {
	color: #0083ff;
	font-size: 14px;
	line-height: 14px;
	padding: 6px 12px;
	display: inline-block;
	margin: 7px 19px 0 0;
	background-color: #eaf3ff;
	border-radius: 14px
}

.projectDetailByShow .pd-main .pd-main-top .left div em:last-child {
	margin-right: 0
}

.projectDetailByShow .pd-main .pd-main-top .right {
	display: table-cell;
	width: 444px;
	padding: 0 0 0 72px;
	border-left: 1px solid #e5e5e5
}

.projectDetailByShow .pd-main .pd-main-top .right .avtor {
	width: 90px;
	height: 90px;
	margin-right: 20px;
	border-radius: 50%;
	float: left
}

.projectDetailByShow .pd-main .pd-main-top .right p {
	color: #999;
	font-size: 16px
}

.projectDetailByShow .pd-main .pd-main-top .right p span:first-child {
	color: #333;
	font-size: 30px;
	padding-right: 10px;
	font-weight: 700;
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.projectDetailByShow .pd-main .pd-main-top .right p span:last-child {
	position: relative;
	top: -13px
}

.projectDetailByShow .pd-main .pd-main-top .right .operation {
	margin-top: 10px
}

.projectDetailByShow .pd-main .pd-main-top .right .operation button {
	height: 34px;
	width: 88px;
	border-radius: 4px;
	cursor: pointer
}

.projectDetailByShow .pd-main .pd-main-top .right .operation button:first-child {
	color: #0083ff;
	font-size: 14px;
	border: 1px solid #0083ff;
	margin-right: 10px;
	background-color: #fff
}

.projectDetailByShow .pd-main .pd-main-top .right .operation button:last-child {
	color: #fff;
	font-size: 14px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

.projectDetailByShow .pd-main .pd-main-top .right .des {
	clear: both;
	padding-top: 10px
}

.projectDetailByShow .pd-main .pd-main-top .right .des span {
	color: #999;
	font-size: 14px;
	margin-right: 35px
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child {
	position: relative;
	cursor: pointer
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: -4px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABJlBMVEUAAAD///////9/f3+qqqr///+/v7/MzMzU1NTa2tq/v7/GxsbExMTMzMzQ0NDS0tLExMTQ0NDQ0NDNzc3Ozs7JycnKysrNzc3JycnMzMzMzMzKysrOzs7Ly8vLy8vIyMjNzc3KysrLy8vMzMzKysrLy8vLy8vKysrLy8vLy8vLy8vMzMzMzMzKysrMzMzMzMzKysrKysrMzMzLy8vMzMzMzMzKysrMzMzMzMzLy8vMzMzLy8vMzMzMzMzLy8vLy8vLy8vLy8vLy8vLy8vLy8vMzMzLy8vLy8vMzMzLy8vLy8vLy8vKysrMzMzLy8vMzMzLy8vMzMzMzMzLy8vMzMzMzMzLy8vLy8vMzMzMzMzLy8vLy8vLy8vLy8vMzMzLy8vLy8vMzMwCfNxKAAAAYXRSTlMAAQICAwMEBQYHCAkNDxYXGiEmKSorLC4wPD0/P0BBQkNERUxTVFlcX2NoamtvdHp6foOHkpOXmJmjpqmqq66vsrO4vb7AwsPFxcbHycnLz9LU2tvd4u7v8PP1+Pn6+/z+6w23OQAAAN5JREFUeF5l0OdOAlEQQOGzqIu9C8rq2rELdlksYEXsvcBdnfd/CTNkLyFwfn6ZzCQDs3dGGjK3Psz9SlOhz4O0VEYHXzJ+cnLzyWIVkb8tF61tzS5HJMPgeh+dq8Ms1/Gtg6wsMSGHULa4B27SgdGF4Kz0FeE2Gt3Hu0MQ865qWEDjIE0MHKc9UDQjAP0B49UUxSK9H3r9eQCYSuPOd5FIwJGinANji9hyNTw5/bzI71uLvwsSZVIR7ugh289GD8CKiBBKve/LwuNrTh9yLy3dMBM2m/FgulRppMq1xz+VHmEMJvhKrwAAAABJRU5ErkJggg==) no-repeat 50%
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child .qrcode {
	position: absolute;
	top: 21px;
	z-index: 1200;
	right: -61px;
	overflow: hidden;
	width: 144px;
	height: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACWCAMAAAAGwfGXAAAAY1BMVEUAAAAAkf4Af/4Ag/4AhP4Agf4Agv4Agv4Agv4Ag/4Ag/8Agv4Ag/4Agv4Agv4Ag/5NqP9Oqf9Pqf+Fw/+FxP/A4f/B4f/y+f/2+v8rmP/p9P////8smP/1+v9MqP8Ag/+93/8QD7rtAAAAEHRSTlMABxwdcHBxf8vLzM/S8vb3aSasfAAAAP5JREFUeF5ioBJgZ2cYVIBdUpJ9cLlHSkqSfVC5R1paSpJ9ULkH5qLB4h5quoiRlYtPngIgIyUtDXMRJebwcrIxMgABE7ecgiygnTvIQRAIgijag4QQnAAiAglRvP8p9Ri9eP8Eb1HrOhO0fz+1iSh1PdP0rCXax5mopYv+lQm09TG+M4GOKa4zVVd+EBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQENC4JzvV6rdkt2PdkuuYLdd13VpLRHOftyPFfra53uJfaYfpStA0dCXiBz6ckd3vDfnlAAAAAElFTkSuQmCC) no-repeat 50%
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child .qrcode img {
	display: block;
	margin: 0 auto;
	border-radius: 15px
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABKVBMVEUAAAAA/wAAfwBVqgBVqlU/vz8zmTMqqipItiQ/vz84qTg6sDozqjM5rS43sTc6sDE9sTY8rjU3rjE8sDY7qzU5rTQ8sTE6rzU7rjM6rzI8rjQ7rzM6sDI5rTI5rzE8rDQ7rTM5rjI6rzQ5rTM5rjM8rjM6rjE7rjI7rzM6rjM8rzQ7sDQ7rjQ7rzQ6rzQ6rjI6rzQ6rTI7rjQ6rzQ7rTQ6sDQ6rjM5rzM7rzM6rzQ6rzM6rzM7rjQ6rjM6rjQ6rjM6rzQ6rjM7rzM7rzQ6rzM7rjM6rzQ6rjM7rjM7rzM6rjM6rzQ7rjM7rjM6rjQ6rzM6rzM7rjQ6rzM6rjM6rjM6rjQ6rjQ6rzQ7rjQ6rjM6rjQ7rzQ6rzQ7rjQ7rzQ6rjM6rzM7rjQ7rzT2IoDsAAAAYnRSTlMAAQIDAwQFBgcICQ0PFhcaISYpKissLjA8PT9AQUJDREVMU1RZWVxfY2hqa290en6Dh5KTl5iZo6Omqaqrrq+ys7i9vsDCw8XFxsfJy8/S1Nrb3eLu7/Dz9fj4+fn6+vv8/kBCMQIAAADbSURBVHheZcznUsIAAAThTTTWXgCJsfcWewkWsCJi7QVD8N7/IRwzCTKwP7+5ORgv+qrJv3ZgoqK6AocbNVTgb/jgOkl79S7GEtLPmgWAuRSfI7n0LnfRutjPfBWfmnE1x7B2oRDjFlhJAwanvJP8W4TrhLUfbvaBaV+EmCVsZwYTDKPJk1B5AKDbI1VKk8vR+SKk+x5gZBZrso1EAg6EpFNgaJq4/RCPjl/PMtuxtTwLRfnpCDf0j/pY6QBYkESgau/n2dvHPembohrKMxbUW9mG0auvWvq8tPkFu3JhPlANtsUAAAAASUVORK5CYII=) no-repeat 50%
}

.projectDetailByShow .pd-main .pd-main-top .right .des span:last-child:hover .qrcode {
	height: 150px;
	padding-top: 7px
}

.projectDetailByShow .pd-main .pd-main-middle {
	margin-top: 86px
}

.projectDetailByShow .pd-main .pd-main-middle .plan {
	border-top: 1px solid #e5e5e5;
	padding: 45px 0 72px;
	display: table;
	width: 100%
}

.projectDetailByShow .pd-main .pd-main-middle .plan div {
	display: table-cell
}

.projectDetailByShow .pd-main .pd-main-middle .plan div p {
	color: #666;
	font-size: 16px;
	padding-left: 26px
}

.projectDetailByShow .pd-main .pd-main-middle .plan div em {
	color: #f77272;
	font-size: 32px;
	display: inline-block;
	margin-top: 34px
}

.projectDetailByShow .pd-main .pd-main-middle .plan div.budget {
	width: 346px
}

.projectDetailByShow .pd-main .pd-main-middle .plan div.budget p {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA5FBMVEUAAAAAAACAgIBVVVVmZmZJSUltbW1gYGBVVVVdXV1iYmJra2thYWFoaGhiYmJmZmZkZGRgYGBlZWVkZGRnZ2dlZWVlZWVmZmZkZGRjY2NnZ2dkZGRkZGRnZ2dlZWVkZGRmZmZlZWVnZ2dlZWVnZ2dlZWVlZWVmZmZmZmZmZmZlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZmZmZlZWVmZmZmZmZnZ2dmZmZmZmZmZmZmZmZmZmZnZ2dlZWVlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmYksBDeAAAAS3RSTlMAAQIDBQcHCAkLDRMVFhoeISUmKSorMDc4Oz5ASk1OT1BTV1tjam9wh4+TmqGnqKuvsrS1tre4ubzAw8bHx8zO1dni5ufr7O7w+f6kUMSmAAAAv0lEQVR4Xn3OcXeBcBTG8Uczo8kAi2waUmFbbJCKWMB9/+/H+XVKtMP3z885zz0XU/rXL6gjxuoQSEQs8TZmXsWolwAVumgeIFJPUdy9m3jLAvwHKgciMkOcuAJvLcHVJEkqhMhbruMK1/OWtyPae8oVPjfl4VyWc3gfsxwf813VXKpqCfpK07Qp9Rg2bPtva9tt6AZQ3fUTwZ/6JwCG5c2AQwyL3tcDQqw3fFysjSQYKtK5b/p5BGt0pKhZ2rcTdTIvlNaZNywAAAAASUVORK5CYII=) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-middle .plan div.cycle p {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAnFBMVEUAAABiYmJkZGRlZWVjY2NjY2NjY2NmZmZnZ2dlZWVnZ2dmZmZmZmZkZGRlZWVmZmZlZWVmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVlZWVmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZmZmZnZ2dlZWVmZmZmZmZmZmZmZmZmZmZlZWVlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmalwIcLAAAANHRSTlMAJykrLDE2Nz4/RUZQWWBnaGxwdniEhIeJk5WWmaanqa+wu8PHx87P0dLf4OPk5+js8Pb33oxZ7AAAAI1JREFUeF6VzNkOgjAQheEjrgtqi+K4W7FSi7Vu7/9uinNhmhATvptJ/mQOSvsx2OjAN0qJ7idixwdRGgHni9ZPb9jtZczVAj4BsgmYzIDEf2OAY74L5WW0KmQr3//FgeiiJ/roiOEvLvUMc02Y6hXHepvtuIFm3ArjtlhgXWw41tt0KgkpB0jnQ06i0hvaWxere3sy8gAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByShow .pd-main .pd-main-middle .introduction {
	padding: 36px 53px 23px 43px;
	margin-bottom: 60px;
	border-radius: 4px;
	background-color: #f8f8f8;
	position: relative
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .bd {
	width: 47px;
	height: 45px;
	position: absolute;
	top: -20px;
	left: 22px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .avtor {
	width: 60px;
	height: 60px;
	overflow: hidden;
	background-color: #7f828b;
	border-radius: 50%;
	margin-right: 18px;
	float: left;
	position: relative
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .avtor img {
	width: 100%;
	height: 100%
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .name {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	padding: 5px 0
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .describe {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	padding-top: 30px
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .jobType {
	color: #999;
	font-size: 16px
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .jobType .money {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	float: right
}

.projectDetailByShow .pd-main .pd-main-middle .introduction .jobType .money em {
	color: #f77272
}

.projectDetailByShow .pd-main .pd-main-bottom h2 {
	color: #333;
	font-size: 17px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 32px;
	position: relative
}

.projectDetailByShow .pd-main .pd-main-bottom h2 i {
	display: block;
	width: 30px;
	height: 3px;
	background-color: #e5e5e5;
	position: absolute;
	bottom: -10px
}

.projectDetailByShow .pd-main .pd-main-bottom p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	text-align: justify
}

.projectDetailByShow .pd-main .pd-main-bottom a {
	color: #666;
	font-size: 16px;
	padding-left: 28px;
	display: block;
	margin-top: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAwFBMVEUAAAAgICA5OTkuLi4rKys3NzcwMDAtLS02NjYxMTEuLi41NTUxMTEzMzMwMDAuLi4tLS0zMzMyMjIzMzMxMTEzMzMyMjIyMjIyMjIxMTEwMDAzMzMzMzMyMjIyMjIxMTEzMzMyMjIzMzMzMzMyMjIyMjIyMjIyMjIyMjIzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzMyMjIyMjIzMzMzMzMzMzMyMjIzMzMzMzMzMzMzMzMzMzMzMzMyMjIzMzMzMzMZ6IHpAAAAP3RSTlMACAkLDA4QERMVFhgaHiAhIigpUFhaW1xgYmRkanB/gYeVl5qeorGyt8/Q0dTV2t3e3+Dh4ufq6uvs7/f6/v7bForUAAAAmklEQVQYV4XLwQKBUBCF4QNIUBQCQEGEy00E3v+tLKaYsvAvv5mDghOEn7waAADOrmVE2cLbk17adAQwXKuRhgZDqJ7QU7gByu5JT+Dg1gQUd5tA7Xo/CnH2E4iiYVnWLIUAADNGpUIpDLXni3pU2afWoOp8zotRXa6oRemLufGEGmX+zH8w6KSwLwH70DV5PTkF8nPp8+Q0izdgkByhGKoYrQAAAABJRU5ErkJggg==) 0 no-repeat;font-weight: 700
}

.projectDetailByShow .pd-main .pd-main-bottom a:hover {
	color: #0083ff
}

.projectDetailByShow .pd-main .pd-main-bottom a:last-child {
	margin-right: 0
}

.projectDetailByShow .pd-main .pd-main-bottom .agreeImg {
	margin-top: 25px
}

.projectDetailByShow .pd-main .pd-main-bottom .agreeImg .imgBox {
	display: inline-block;
	width: 180px;
	height: 180px;
	margin-right: 19px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.projectDetailByShow .pd-main .pd-main-bottom .agreeImg .imgBox:last-child {
	margin-right: 0
}

.projectDetailByShow .pd-main .pd-main-nav {
	margin-top: 30px;
	border-top: 1px solid #e5e5e5;
	padding-top: 15px
}

.projectDetailByShow .pd-main .pd-main-nav p {
	color: #999;
	font-size: 14px;
	margin-top: 14px
}

.projectDetailByShow .pd-main .pd-main-nav p a {
	margin-left: 7px;
	color: #333
}

.projectDetailByShow .pd-main .pd-main-nav p a:hover {
	color: #0083ff
}

.projectDetailByShow .dialog h2 {
	font-weight: 450!important
}

.projectDetailByShow .dialog .item input:focus,.projectDetailByShow .dialog .item textarea:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 6px #0083ff;
	box-shadow: 0 0 6px #0083ff
}

.projectDetailByShow .dialog .operation {
	text-align: right;
	margin-top: 38px
}

.projectDetailByShow .dialog .operation button {
	color: #0083ff;
	font-size: 14px;
	border: 1px solid #0083ff;
	width: 120px;
	height: 42px;
	background-color: #fff;
	border-radius: 4px
}

.projectDetailByShow .dialog .operation button:last-child {
	color: #fff;
	background-color: #0083ff;
	margin-left: 20px
}

.projectDetailByShow .closeDialog {
	width: 734px;
	padding: 41px 99px 39px;
	text-align: right
}

.projectDetailByShow .closeDialog h2 {
	color: #333;
	font-size: 30px;
	margin-bottom: 53px;
	text-align: left
}

.projectDetailByShow .closeDialog p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 39px;
	text-align: left
}

.projectDetailByShow .closeDialog p span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	position: relative;
	top: 3px
}

.projectDetailByShow .closeDialog p span.select {
	background-color: #0083ff;
	border-color: #0083ff
}

.projectDetailByShow .closeDialog p span.select i {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px
}

.projectDetailByShow .closeDialog button {
	color: #0083ff;
	border: 1px solid #0083ff;
	width: 120px;
	height: 42px;
	background-color: #fff;
	margin-top: 9px;
	border-radius: 4px
}

.projectDetailByShow .closeDialog button.close {
	color: #fff;
	background-color: #0083ff;
	margin-left: 20px
}

.projectDetailByShow .closeDialog button.close:hover {
	background: #66b1ff;
	border-color: #66b1ff
}

.projectDetailByShow .appealDetailDialog {
	width: 734px;
	padding: 40px 100px 50px
}

.projectDetailByShow .appealDetailDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px;
	position: relative
}

.projectDetailByShow .appealDetailDialog h2 button {
	width: 50px;
	height: 50px;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;position: absolute;
	top: -10px;
	right: -40px
}

.projectDetailByShow .appealDetailDialog .list {
	margin-bottom: 30px;
	max-height: 560px;
	overflow: auto
}

.projectDetailByShow .appealDetailDialog .list .item {
	padding-top: 20px;
	border-top: 1px solid #e5e5e5
}

.projectDetailByShow .appealDetailDialog .list .item:first-child {
	border: none
}

.projectDetailByShow .appealDetailDialog .list .item p {
	color: #999;
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 30px;
	vertical-align: top
}

.projectDetailByShow .appealDetailDialog .list .item p:last-child {
	margin-bottom: 30px
}

.projectDetailByShow .appealDetailDialog .list .item p em {
	color: #333;
	float: right
}

.projectDetailByShow .appealDetailDialog .list .item p em.dealing {
	color: #f77272
}

.projectDetailByShow .appealDetailDialog .supplement {
	padding: 12px 15px 20px;
	background-color: #f2f2f3;
	margin-bottom: 20px
}

.projectDetailByShow .appealDetailDialog .supplement .title {
	color: #666;
	font-size: 16px;
	margin-bottom: 0!important
}

.projectDetailByShow .appealDetailDialog .supplement .des {
	color: #666;
	font-size: 12px
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile {
	margin-top: 10px;
	display: table
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile a,.projectDetailByShow .appealDetailDialog .supplement .uploadFile div {
	display: table-cell;
	vertical-align: middle
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile .logo {
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile .name {
	color: #333;
	font-size: 16px;
	padding-left: 15px;
	max-width: 440px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	cursor: pointer
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile .name:hover {
	color: #0083ff
}

.projectDetailByShow .appealDetailDialog .supplement .uploadFile .delete {
	cursor: pointer;
	color: #0083ff;
	padding-left: 8px
}

.projectDetailByShow .appealDetailDialog .supplement .add {
	color: #0083ff;
	font-size: 16px;
	margin-top: 15px;
	line-height: 30px;
	background: url("http://www.luojinet.com/images/myJobs/tianjjia.png") no-repeat 0;
	background-size: 20px;
	padding-left: 25px;
	cursor: pointer
}

.projectDetailByShow .appealDetailDialog .result {
	border-top: 1px solid #e5e5e5;
	padding: 5px 10px 0
}

.projectDetailByShow .appealDetailDialog .result p {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	padding-top: 8px
}

.projectDetailByChoose {
	background-color: #f8f8f8;
	padding-bottom: 61px
}

.projectDetailByChoose button {
	cursor: pointer
}

.projectDetailByChoose p {
	word-break: break-all
}

.projectDetailByChoose .container-bannar {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	background: url(http://www.luojinet.com/img/banner.81ed8aa.png) 50% no-repeat
}

.projectDetailByChoose .container-bannar .bannar-bar {
	width: 1200px;
	margin: 0 auto;
	padding-top: 62px;
	color: #fff;
	font-size: 16px;
	line-height: 16px
}

.projectDetailByChoose .container-bannar .bannar-bar a {
	color: #fff
}

.projectDetailByChoose .container-bannar .bannar-bar span {
	font-weight: 700
}

.projectDetailByChoose .pd-state {
	width: 1200px;
	margin: 20px auto 0;
	padding: 30px 47px 52px;
	background-color: #fff
}

.projectDetailByChoose .pd-state .warning {
	border-radius: 4px;
	border: 1px solid #ffd9ae;
	background-color: #fff5e9
}

.projectDetailByChoose .pd-state .warning p {
	color: #999;
	font-size: 16px;
	line-height: 46px;
	padding-left: 32px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAAdQyvcAAAAE3RSTlMACRAqKz9ASVBTWo6Plr6/0/D9X7NaQgAAAGFJREFUeF5lj+0OgCAIRa9pn0Shvv+7Nr2zpZ0/wBkMQMGLxWjiQZymXEnqan3ll6sYzR8U8OxfD055CAeWjVFgucMQKeadMTaBqQnrhUF6cSL0a8N42HD67X7PkcD3Q8kfhD8OHS1Fyb0AAAAASUVORK5CYII=) 11px 16px no-repeat
}

.projectDetailByChoose .pd-state .warning p button {
	border: none;
	background: none;
	color: #ff9400;
	font-size: 16px;
	line-height: 21px;
	margin-left: 19px;
	padding-right: 28px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAulBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lABerJq4AAAAPXRSTlMAtwONceHnfwUwrjHM7k4a7QQ7OTgm5cgIpt8iiEjgEo7vpzQGGTNw6QcjUbXoVfygPvklN8tab37qET1e8/HOhAAAAMZJREFUeF5tkdcSgjAURDeELoiCgBUbgr135f9/y8EYo+h52jlzJ3PvBgyDhsE2CKkBQctsaq4TO5t202xx2VnIOhi6rHZYKqslCEpqOQ+7Sg2f1Co+ACLjG5kAiaIXbFVJ0NO4uM/rLGgUocutNCBMexaCEYq6a2MV50HJnlyWyMlgi9kJaUiv2YP7Kfm7YofjmkmcKYZK9Wff4Z/bUgLAL/Swt/3/nT2ZjdN3v6fxDC+mZqR5V8m5tSNzCoFBrX7Wt/i/PQBjgQ6CFYziRQAAAABJRU5ErkJggg==) 100% no-repeat
}

.projectDetailByChoose .pd-state .stateList {
	position: relative
}

.projectDetailByChoose .pd-state .stateList h2 {
	color: #333;
	font-size: 20px;
	line-height: 20px;
	margin-top: 20px;
	font-weight: 400
}

.projectDetailByChoose .pd-state .stateList .list {
	margin-top: 35px
}

.projectDetailByChoose .pd-state .stateList .list .item {
	display: inline-block;
	width: 70px;
	margin-right: 134px;
	text-align: center;
	position: relative
}

.projectDetailByChoose .pd-state .stateList .list .item img {
	width: 44px;
	height: 44px
}

.projectDetailByChoose .pd-state .stateList .list .item p {
	color: #999;
	font-size: 14px;
	line-height: 14px;
	margin-top: 12px
}

.projectDetailByChoose .pd-state .stateList .list .item p.ed {
	color: #0083ff
}

.projectDetailByChoose .pd-state .stateList .list .item:after {
	content: "";
	width: 134px;
	position: absolute;
	top: 22px;
	right: -134px;
	border-top: 2px dotted #999
}

.projectDetailByChoose .pd-state .stateList .list .item:last-child {
	margin-right: 0
}

.projectDetailByChoose .pd-state .stateList .list .item:last-child:after {
	display: none
}

.projectDetailByChoose .pd-state .stateList .operation {
	position: absolute;
	top: 20px;
	right: 35px
}

.projectDetailByChoose .pd-state .stateList .operation button {
	display: block;
	height: 46px;
	min-width: 140px;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #0083ff;
	color: #0083ff;
	background-color: #fff
}

.projectDetailByChoose .pd-state .stateList .operation button:first-child {
	color: #fff;
	background-color: #0083ff;
	margin-bottom: 20px
}

.projectDetailByChoose .pd-state .stateList .operation button:first-child:hover {
	background: #66b1ff;
	border-color: #66b1ff
}

.projectDetailByChoose .pd-state .stateList .operation a {
	display: block;
	padding: 10px 0;
	height: 46px;
	min-width: 140px;
	color: #fff;
	font-size: 18px;
	background-color: #0083ff;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #0083ff;
	margin-top: 35px
}

.projectDetailByChoose .pd-main {
	width: 1200px;
	margin: 17px auto 0;
	background-color: #fff;
	padding: 42px 48px 75px
}

.projectDetailByChoose .pd-main h2 {
	color: #222;
	font-size: 18px;
	line-height: 46px
}

.projectDetailByChoose .pd-main .pd-main-top {
	display: table
}

.projectDetailByChoose .pd-main .pd-main-top .left {
	width: 675px;
	display: table-cell
}

.projectDetailByChoose .pd-main .pd-main-top .left span {
	color: #333;
	font-size: 16px;
	line-height: 16px;
	margin-top: 28px;
	display: inline-block;
	width: 50%
}

.projectDetailByChoose .pd-main .pd-main-top .left span i {
	padding-left: 26px;
	color: #999;
	font-size: 16px;
	font-style: normal
}

.projectDetailByChoose .pd-main .pd-main-top .left span.type i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAACZmZmLi4uSkpKWlpabm5uVlZWbm5uYmJiYmJiampqWlpaampqYmJiYmJiWlpaampqYmJiZmZmXl5eZmZmZmZmYmJiYmJiampqYmJiZmZmYmJiZmZmZmZmYmJiYmJgU+Y/mAAAAIHRSTlMACgsOJykpODlISU5OT15fYGFwcaytrr+/wcHCw9LT1WCYc+gAAABxSURBVHhetc7BEoIwDIThH0qtVYlSLQVK4P3fUicjJ8/m8h2ys7OkqqpVnJgJ6uBPfsghmxV2D/g5zuYOWwd05VLM7UgsR+Lb8RjP2VzhPk5levVtbwq4EGMMDY3pQPLnk2/t1ZQ/7XiuqrqIEzPxc2+hUQu0JaEONQAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .left span.company i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAk1BMVEUAAACqqqqZmZmfn5+SkpKUlJSVlZWZmZmTk5OXl5eZmZmampqYmJiVlZWampqXl5ebm5uampqXl5eampqZmZmXl5eYmJiYmJiampqampqampqZmZmZmZmZmZmZmZmYmJiZmZmZmZmampqZmZmZmZmZmZmYmJiZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZkBibDbAAAAMXRSTlMAAwUIDhMYGRobKDA0NTVAQk5WWF9gYWptb3d4f4edoaOnq6ytr7Cyt7m6u7zQ0uPoK3rAyQAAAINJREFUeF6FzNESwTAQRuElKAJ0FSRFsSxEvf/T2URGhhvnJjPf5F8wV/KdTwre3eK7mkagCAV+oIOIA5jvrWR6ApnACIq1lib33wnHyVBgSbQLkHlIP9IkL0v7BV2t+wHaWzqOBRpKNQPkM2gdBBZVtQmACIrS0f9Qs3N8efLDsa9+ATLjD1MJpTFpAAAAAElFTkSuQmCC) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .left span.layout {
	line-height: 22px;
	position: relative;
	top: 22px
}

.projectDetailByChoose .pd-main .pd-main-top .left span.time i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIRJREFUeF5lj9EOgyAQBKdq61VFC6JQ8P+/U9FLatJ5Y8hldykYG3OO1nBRu+SnYZh8cvX5XoPAE3iHtRgXGmgTQBMcmCSAbBQkGaznJ/CW+LmLKZL7S1RV9YA+q2i3g28RekIrIi8YI3bhxmI1FtBYLQZaTKvr/1Fdx81j143zOe5v/g5+GQhDLcLDngAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .left span.deadlinTime i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABb0lEQVQ4T5XTMUscQRQH8P+b2dI0hxwpFEIqBb+A6QKSqF1Iq8Qit85ecV9AhPUzhNudtymCNpLS5ECL9GlTSRQkKRQsxEBIeby/7BFFjgT3pnozb35vhuGN4N6IMZYA3oUQju+v13FZlgsikoYQerc5qQNVnQPwhuSGiHwjeTmOReQxgAUAeyKym6bpqcQYFwF8FpEI4DXJA5Lf/4HnRGSV5EBENs1spcZHAD6GED6oamZmn7IsuxjH/X5/1nu/EkKoVPUtyVc1PvPeL3U6nR/j4H/zoiieJkkyEFWtUQJg2BT/3f9nhIfD4bpz7rwpNrOZJEnej7CZPc+y7GdTXJblE+fcYWOc53nSbrcfdbvdXxNjVR0AeEHyGcmriU5W1QMAywAWzex6IpznuWu1WlO9Xu/33bVjjF+dc9tpmn5p+mBVVb00s22pqmqd5I6ZZQBOHipAct57XwDYGn2MGONa3a8Aph/CAK5IFiGE/Rsm1cNLSeiQWwAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .left span.who i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA9ElEQVQYGZXAcUcDYQAG8Mc2nUOZqUQCpBpA0SfIPkT6EDFE5CUCXLxs7/PcljUGrkxISAWJ+r8KEYBZqgCLIat1qi7qhz+o5iQ9qatzLgBhgRfq6pGq5tBjh3TDWmXGjrgltVhVK1zUMPOs63JrEAA3tI0+zqlTnkUfG1wHoDtOIqZ5xMpT4S0AdfArvQDQgxtFotKY2gDYYBGJtMI6AObVduP4oTShe02jh2s6tR6+sJ7O3CremRT3FEVpxKI0m2yaFD4Evo64YwbwxnraDQ8DH58Fvg54vJkFalmdaD/w8Z3JqKIrV9C1ZDJIxqKetYz/eQWB9GSsahoaDgAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .left div {
	margin-top: 25px
}

.projectDetailByChoose .pd-main .pd-main-top .left div em {
	color: #0083ff;
	font-size: 14px;
	line-height: 14px;
	padding: 6px 12px;
	display: inline-block;
	margin: 7px 19px 0 0;
	background-color: #eaf3ff;
	border-radius: 14px
}

.projectDetailByChoose .pd-main .pd-main-top .left div em:last-child {
	margin-right: 0
}

.projectDetailByChoose .pd-main .pd-main-top .right {
	display: table-cell;
	border-left: 1px solid #e5e5e5;
	padding-left: 74px
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan {
	display: table
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div {
	display: table-cell
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div p {
	color: #666;
	font-size: 16px;
	line-height: 20px;
	padding-left: 26px
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div em {
	color: #f77272;
	font-size: 24px;
	line-height: 24px;
	display: inline-block;
	margin-top: 27px
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div.budget {
	width: 230px
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div.budget p {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA5FBMVEUAAAAAAACAgIBVVVVmZmZJSUltbW1gYGBVVVVdXV1iYmJra2thYWFoaGhiYmJmZmZkZGRgYGBlZWVkZGRnZ2dlZWVlZWVmZmZkZGRjY2NnZ2dkZGRkZGRnZ2dlZWVkZGRmZmZlZWVnZ2dlZWVnZ2dlZWVlZWVmZmZmZmZmZmZlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZmZmZlZWVmZmZmZmZnZ2dmZmZmZmZmZmZmZmZmZmZnZ2dlZWVlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmYksBDeAAAAS3RSTlMAAQIDBQcHCAkLDRMVFhoeISUmKSorMDc4Oz5ASk1OT1BTV1tjam9wh4+TmqGnqKuvsrS1tre4ubzAw8bHx8zO1dni5ufr7O7w+f6kUMSmAAAAv0lEQVR4Xn3OcXeBcBTG8Uczo8kAi2waUmFbbJCKWMB9/+/H+XVKtMP3z885zz0XU/rXL6gjxuoQSEQs8TZmXsWolwAVumgeIFJPUdy9m3jLAvwHKgciMkOcuAJvLcHVJEkqhMhbruMK1/OWtyPae8oVPjfl4VyWc3gfsxwf813VXKpqCfpK07Qp9Rg2bPtva9tt6AZQ3fUTwZ/6JwCG5c2AQwyL3tcDQqw3fFysjSQYKtK5b/p5BGt0pKhZ2rcTdTIvlNaZNywAAAAASUVORK5CYII=) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .right .plan div.cycle p {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAnFBMVEUAAABiYmJkZGRlZWVjY2NjY2NjY2NmZmZnZ2dlZWVnZ2dmZmZmZmZkZGRlZWVmZmZlZWVmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVlZWVmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZmZmZnZ2dlZWVmZmZmZmZmZmZmZmZmZmZlZWVlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmalwIcLAAAANHRSTlMAJykrLDE2Nz4/RUZQWWBnaGxwdniEhIeJk5WWmaanqa+wu8PHx87P0dLf4OPk5+js8Pb33oxZ7AAAAI1JREFUeF6VzNkOgjAQheEjrgtqi+K4W7FSi7Vu7/9uinNhmhATvptJ/mQOSvsx2OjAN0qJ7idixwdRGgHni9ZPb9jtZczVAj4BsgmYzIDEf2OAY74L5WW0KmQr3//FgeiiJ/roiOEvLvUMc02Y6hXHepvtuIFm3ArjtlhgXWw41tt0KgkpB0jnQ06i0hvaWxere3sy8gAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter {
	margin-top: 36px;
	position: relative
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p,.projectDetailByChoose .pd-main .pd-main-top .right .counter section {
	color: #999;
	font-size: 14px;
	line-height: 14px;
	display: inline-block;
	margin-right: 10px
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p:nth-child(3) {
	padding-right: 32px;
	line-height: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABKVBMVEUAAAAA/wAAfwBVqgBVqlU/vz8zmTMqqipItiQ/vz84qTg6sDozqjM5rS43sTc6sDE9sTY8rjU3rjE8sDY7qzU5rTQ8sTE6rzU7rjM6rzI8rjQ7rzM6sDI5rTI5rzE8rDQ7rTM5rjI6rzQ5rTM5rjM8rjM6rjE7rjI7rzM6rjM8rzQ7sDQ7rjQ7rzQ6rzQ6rjI6rzQ6rTI7rjQ6rzQ7rTQ6sDQ6rjM5rzM7rzM6rzQ6rzM6rzM7rjQ6rjM6rjQ6rjM6rzQ6rjM7rzM7rzQ6rzM7rjM6rzQ6rjM7rjM7rzM6rjM6rzQ7rjM7rjM6rjQ6rzM6rzM7rjQ6rzM6rjM6rjM6rjQ6rjQ6rzQ7rjQ6rjM6rjQ7rzQ6rzQ7rjQ7rzQ6rjM6rzM7rjQ7rzT2IoDsAAAAYnRSTlMAAQIDAwQFBgcICQ0PFhcaISYpKissLjA8PT9AQUJDREVMU1RZWVxfY2hqa290en6Dh5KTl5iZo6Omqaqrrq+ys7i9vsDCw8XFxsfJy8/S1Nrb3eLu7/Dz9fj4+fn6+vv8/kBCMQIAAADbSURBVHheZcznUsIAAAThTTTWXgCJsfcWewkWsCJi7QVD8N7/IRwzCTKwP7+5ORgv+qrJv3ZgoqK6AocbNVTgb/jgOkl79S7GEtLPmgWAuRSfI7n0LnfRutjPfBWfmnE1x7B2oRDjFlhJAwanvJP8W4TrhLUfbvaBaV+EmCVsZwYTDKPJk1B5AKDbI1VKk8vR+SKk+x5gZBZrso1EAg6EpFNgaJq4/RCPjl/PMtuxtTwLRfnpCDf0j/pY6QBYkESgau/n2dvHPembohrKMxbUW9mG0auvWvq8tPkFu3JhPlANtsUAAAAASUVORK5CYII=) 100% no-repeat;position: relative
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p:nth-child(3) span {
	position: absolute;
	left: 0;
	top: 30px;
	display: block;
	height: 0;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p:nth-child(3) span img {
	width: 144px;
	height: 144px;
	padding: 8px 4px 4px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACWCAMAAAAGwfGXAAAAY1BMVEUAAAAAkf4Af/4Ag/4AhP4Agf4Agv4Agv4Agv4Ag/4Ag/8Agv4Ag/4Agv4Agv4Ag/5NqP9Oqf9Pqf+Fw/+FxP/A4f/B4f/y+f/2+v8rmP/p9P////8smP/1+v9MqP8Ag/+93/8QD7rtAAAAEHRSTlMABxwdcHBxf8vLzM/S8vb3aSasfAAAAP5JREFUeF5ioBJgZ2cYVIBdUpJ9cLlHSkqSfVC5R1paSpJ9ULkH5qLB4h5quoiRlYtPngIgIyUtDXMRJebwcrIxMgABE7ecgiygnTvIQRAIgijag4QQnAAiAglRvP8p9Ri9eP8Eb1HrOhO0fz+1iSh1PdP0rCXax5mopYv+lQm09TG+M4GOKa4zVVd+EBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQENC4JzvV6rdkt2PdkuuYLdd13VpLRHOftyPFfra53uJfaYfpStA0dCXiBz6ckd3vDfnlAAAAAElFTkSuQmCC) 50% no-repeat;background-size: 100% 100%
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p:nth-child(3):hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABKVBMVEUAAAAA/wAAfwBVqgBVqlU/vz8zmTMqqipItiQ/vz84qTg6sDozqjM5rS43sTc6sDE9sTY8rjU3rjE8sDY7qzU5rTQ8sTE6rzU7rjM6rzI8rjQ7rzM6sDI5rTI5rzE8rDQ7rTM5rjI6rzQ5rTM5rjM8rjM6rjE7rjI7rzM6rjM8rzQ7sDQ7rjQ7rzQ6rzQ6rjI6rzQ6rTI7rjQ6rzQ7rTQ6sDQ6rjM5rzM7rzM6rzQ6rzM6rzM7rjQ6rjM6rjQ6rjM6rzQ6rjM7rzM7rzQ6rzM7rjM6rzQ6rjM7rjM7rzM6rjM6rzQ7rjM7rjM6rjQ6rzM6rzM7rjQ6rzM6rjM6rjM6rjQ6rjQ6rzQ7rjQ6rjM6rjQ7rzQ6rzQ7rjQ7rzQ6rjM6rzM7rjQ7rzT2IoDsAAAAYnRSTlMAAQIDAwQFBgcICQ0PFhcaISYpKissLjA8PT9AQUJDREVMU1RZWVxfY2hqa290en6Dh5KTl5iZo6Omqaqrrq+ys7i9vsDCw8XFxsfJy8/S1Nrb3eLu7/Dz9fj4+fn6+vv8/kBCMQIAAADbSURBVHheZcznUsIAAAThTTTWXgCJsfcWewkWsCJi7QVD8N7/IRwzCTKwP7+5ORgv+qrJv3ZgoqK6AocbNVTgb/jgOkl79S7GEtLPmgWAuRSfI7n0LnfRutjPfBWfmnE1x7B2oRDjFlhJAwanvJP8W4TrhLUfbvaBaV+EmCVsZwYTDKPJk1B5AKDbI1VKk8vR+SKk+x5gZBZrso1EAg6EpFNgaJq4/RCPjl/PMtuxtTwLRfnpCDf0j/pY6QBYkESgau/n2dvHPembohrKMxbUW9mG0auvWvq8tPkFu3JhPlANtsUAAAAASUVORK5CYII=) 100% no-repeat
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter p:nth-child(3):hover span {
	height: 144px
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter .qqkong,.projectDetailByChoose .pd-main .pd-main-top .right .counter .weibo {
	vertical-align: bottom;
	margin-bottom: -2px
}

.projectDetailByChoose .pd-main .pd-main-top .right .counter .qqkong img,.projectDetailByChoose .pd-main .pd-main-top .right .counter .weibo img {
	width: 21px;
	height: 21px
}

.projectDetailByChoose .pd-main .pd-main-middle {
	margin: 61px 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5
}

.projectDetailByChoose .pd-main .pd-main-bottom h2 {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 32px;
	position: relative
}

.projectDetailByChoose .pd-main .pd-main-bottom h2 i {
	display: block;
	width: 30px;
	height: 3px;
	background-color: #e5e5e5;
	position: absolute;
	bottom: -10px
}

.projectDetailByChoose .pd-main .pd-main-bottom p {
	color: #666;
	font-size: 16px;
	line-height: 24px
}

.projectDetailByChoose .pd-main .pd-main-bottom a {
	color: #666;
	font-size: 16px;
	padding-left: 28px;
	display: block;
	margin-top: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAwFBMVEUAAAAgICA5OTkuLi4rKys3NzcwMDAtLS02NjYxMTEuLi41NTUxMTEzMzMwMDAuLi4tLS0zMzMyMjIzMzMxMTEzMzMyMjIyMjIyMjIxMTEwMDAzMzMzMzMyMjIyMjIxMTEzMzMyMjIzMzMzMzMyMjIyMjIyMjIyMjIyMjIzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzMyMjIyMjIzMzMzMzMzMzMyMjIzMzMzMzMzMzMzMzMzMzMzMzMyMjIzMzMzMzMZ6IHpAAAAP3RSTlMACAkLDA4QERMVFhgaHiAhIigpUFhaW1xgYmRkanB/gYeVl5qeorGyt8/Q0dTV2t3e3+Dh4ufq6uvs7/f6/v7bForUAAAAmklEQVQYV4XLwQKBUBCF4QNIUBQCQEGEy00E3v+tLKaYsvAvv5mDghOEn7waAADOrmVE2cLbk17adAQwXKuRhgZDqJ7QU7gByu5JT+Dg1gQUd5tA7Xo/CnH2E4iiYVnWLIUAADNGpUIpDLXni3pU2afWoOp8zotRXa6oRemLufGEGmX+zH8w6KSwLwH70DV5PTkF8nPp8+Q0izdgkByhGKoYrQAAAABJRU5ErkJggg==) 0 no-repeat;font-weight: 700
}

.projectDetailByChoose .pd-main .pd-main-bottom a:hover {
	color: #0083ff
}

.projectDetailByChoose .pd-main .pd-main-bottom a:last-child {
	margin-right: 0
}

.projectDetailByChoose .pd-main .pd-main-bottom .agreeImg {
	margin-top: 25px
}

.projectDetailByChoose .pd-main .pd-main-bottom .agreeImg .imgBox {
	display: inline-block;
	width: 180px;
	height: 180px;
	margin-right: 19px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.projectDetailByChoose .pd-main .pd-main-bottom .agreeImg .imgBox:last-child {
	margin-right: 0
}

.projectDetailByChoose .pd-main .pd-main-nav {
	margin-top: 30px;
	border-top: 1px solid #e5e5e5;
	padding-top: 15px
}

.projectDetailByChoose .pd-main .pd-main-nav p {
	color: #999;
	font-size: 14px;
	margin-top: 14px
}

.projectDetailByChoose .pd-main .pd-main-nav p a {
	margin-left: 7px;
	color: #333
}

.projectDetailByChoose .pd-main .pd-main-nav p a:hover {
	color: #0083ff
}

.projectDetailByChoose .closeDialog {
	width: 734px;
	padding: 41px 99px 39px;
	text-align: right
}

.projectDetailByChoose .closeDialog h2 {
	color: #333;
	font-size: 30px;
	margin-bottom: 53px;
	text-align: left
}

.projectDetailByChoose .closeDialog p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 39px;
	text-align: left
}

.projectDetailByChoose .closeDialog p span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	position: relative;
	top: 3px
}

.projectDetailByChoose .closeDialog p span.select {
	background-color: #0083ff;
	border-color: #0083ff
}

.projectDetailByChoose .closeDialog p span.select i {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px
}

.projectDetailByChoose .closeDialog button {
	color: #0083ff;
	border: 1px solid #0083ff;
	width: 120px;
	height: 42px;
	background-color: #fff;
	margin-top: 9px;
	border-radius: 4px
}

.projectDetailByChoose .closeDialog button.close {
	color: #fff;
	background-color: #0083ff;
	margin-left: 20px
}

.projectDetailByChoose .closeDialog button.close:hover {
	background: #66b1ff;
	border-color: #66b1ff
}

.projectDetailByChoose .dialog {
	width: 500px;
	padding: 30px 40px
}

.projectDetailByChoose .dialog h2 {
	color: #333;
	font-size: 30px;
	padding-left: 30px
}

.projectDetailByChoose .dialog h2 i {
	float: right;
	color: #9c9c9c;
	font-size: 20px;
	font-weight: 400;
	line-height: 40px
}

.projectDetailByChoose .dialog h2 i:hover {
	color: #0083ff
}

.projectDetailByChoose .dialog .dialog-content {
	padding: 35px 30px 30px
}

.projectDetailByChoose .dialog .dialog-content p {
	color: #666;
	font-size: 18px;
	line-height: 28px
}

.projectDetailByChoose .dialog .dialog-operation {
	text-align: center
}

.projectDetailByChoose .dialog .dialog-operation button {
	color: #fff;
	font-size: 16px;
	line-height: 42px;
	width: 120px;
	border: none;
	border-radius: 4px;
	background-color: #0083ff
}

.projectDetailByChoose .dialog .dialog-operation button.default {
	color: #999;
	background: none
}

.projectDetailByChosen .upload .el-upload-list--picture-card .el-upload-list__item {
	width: 74px!important;
	height: 74px!important;
	margin: 0 10px 8px 0
}

.projectDetailByChosen .upload .el-upload--picture-card {
	width: 74px;
	height: 74px;
	line-height: 74px
}

.projectDetailByChosen {
	background-color: #f8f8f8;
	padding-bottom: 61px
}

.projectDetailByChosen button {
	cursor: pointer
}

.projectDetailByChosen p {
	word-break: break-all
}

.projectDetailByChosen .dialog h2 {
	font-weight: 450!important
}

.projectDetailByChosen .dialog .item input:focus,.projectDetailByChosen .dialog .item textarea:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 6px #0083ff;
	box-shadow: 0 0 6px #0083ff
}

.projectDetailByChosen .dialog .operation {
	text-align: right;
	margin-top: 38px
}

.projectDetailByChosen .dialog .operation button {
	color: #0083ff;
	font-size: 14px;
	border: 1px solid #0083ff;
	width: 120px;
	height: 42px;
	background-color: #fff;
	border-radius: 4px
}

.projectDetailByChosen .dialog .operation button:last-child {
	color: #fff;
	background-color: #0083ff;
	margin-left: 20px
}

.projectDetailByChosen .container-bannar {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	background: url(http://www.luojinet.com/img/banner.81ed8aa.png) 50% no-repeat
}

.projectDetailByChosen .container-bannar .bannar-bar {
	width: 1200px;
	margin: 0 auto;
	padding-top: 62px;
	color: #fff;
	font-size: 16px;
	line-height: 16px
}

.projectDetailByChosen .container-bannar .bannar-bar a {
	color: #fff
}

.projectDetailByChosen .container-bannar .bannar-bar span {
	font-weight: 700
}

.projectDetailByChosen .pd-state {
	width: 1200px;
	margin: 20px auto 0;
	padding: 30px 47px 52px;
	background-color: #fff
}

.projectDetailByChosen .pd-state .warning {
	border-radius: 4px;
	border: 1px solid #ffd9ae;
	background-color: #fff5e9
}

.projectDetailByChosen .pd-state .warning div {
	color: #999;
	font-size: 16px;
	line-height: 46px;
	padding-left: 32px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAPFBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAAdQyvcAAAAE3RSTlMACRAqKz9ASVBTWo6Plr6/0/D9X7NaQgAAAGFJREFUeF5lj+0OgCAIRa9pn0Shvv+7Nr2zpZ0/wBkMQMGLxWjiQZymXEnqan3ll6sYzR8U8OxfD055CAeWjVFgucMQKeadMTaBqQnrhUF6cSL0a8N42HD67X7PkcD3Q8kfhD8OHS1Fyb0AAAAASUVORK5CYII=) 11px 16px no-repeat
}

.projectDetailByChosen .pd-state .warning div button {
	border: none;
	background: none;
	color: #ff9400;
	font-size: 16px;
	line-height: 21px;
	margin-left: 19px;
	padding-right: 28px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAulBMVEX/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lAD/lABerJq4AAAAPXRSTlMAtwONceHnfwUwrjHM7k4a7QQ7OTgm5cgIpt8iiEjgEo7vpzQGGTNw6QcjUbXoVfygPvklN8tab37qET1e8/HOhAAAAMZJREFUeF5tkdcSgjAURDeELoiCgBUbgr135f9/y8EYo+h52jlzJ3PvBgyDhsE2CKkBQctsaq4TO5t202xx2VnIOhi6rHZYKqslCEpqOQ+7Sg2f1Co+ACLjG5kAiaIXbFVJ0NO4uM/rLGgUocutNCBMexaCEYq6a2MV50HJnlyWyMlgi9kJaUiv2YP7Kfm7YofjmkmcKYZK9Wff4Z/bUgLAL/Swt/3/nT2ZjdN3v6fxDC+mZqR5V8m5tSNzCoFBrX7Wt/i/PQBjgQ6CFYziRQAAAABJRU5ErkJggg==) 100% no-repeat
}

.projectDetailByChosen .pd-state .stateList {
	position: relative
}

.projectDetailByChosen .pd-state .stateList h2 {
	color: #333;
	font-size: 20px;
	line-height: 20px;
	margin-top: 20px;
	font-weight: 400
}

.projectDetailByChosen .pd-state .stateList .list {
	margin-top: 35px
}

.projectDetailByChosen .pd-state .stateList .list .item {
	display: inline-block;
	width: 70px;
	margin-right: 134px;
	text-align: center;
	position: relative
}

.projectDetailByChosen .pd-state .stateList .list .item img {
	width: 44px;
	height: 44px
}

.projectDetailByChosen .pd-state .stateList .list .item p {
	color: #999;
	font-size: 14px;
	line-height: 14px;
	margin-top: 12px
}

.projectDetailByChosen .pd-state .stateList .list .item:after {
	content: "";
	width: 134px;
	position: absolute;
	top: 22px;
	right: -134px;
	border-top: 2px dotted #999
}

.projectDetailByChosen .pd-state .stateList .list .item:last-child {
	margin-right: 0
}

.projectDetailByChosen .pd-state .stateList .list .item:last-child:after {
	display: none
}

.projectDetailByChosen .pd-state .stateList .list .item.current p,.projectDetailByChosen .pd-state .stateList .list .item.ed p {
	color: #0083ff
}

.projectDetailByChosen .pd-state .stateList .list .item.ed:after {
	border-top: 2px dotted #0083ff
}

.projectDetailByChosen .pd-state .stateList .operation {
	position: absolute;
	top: 54px;
	right: 0
}

.projectDetailByChosen .pd-state .stateList .operation a,.projectDetailByChosen .pd-state .stateList .operation button {
	display: block;
	width: 140px;
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #0083ff;
	color: #fff;
	background-color: #0083ff
}

.projectDetailByChosen .pd-state .stateList .operation a:hover,.projectDetailByChosen .pd-state .stateList .operation button:hover {
	background: #66b1ff;
	border-color: #66b1ff
}

.projectDetailByChosen .pd-state .stateList .operation a.lock,.projectDetailByChosen .pd-state .stateList .operation button.lock {
	border: 1px solid #e5e5e5;
	background-color: #e5e5e5
}

.projectDetailByChosen .pd-state .stateList .operation a.lock:hover,.projectDetailByChosen .pd-state .stateList .operation button.lock:hover {
	background: #e5e5e5;
	border-color: #e5e5e5
}

.projectDetailByChosen .pd-state .stateList .operation p {
	color: #333;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	margin-top: 13px
}

.projectDetailByChosen .pd-state .stateList .operation p span {
	cursor: pointer;
	padding: 0 14px
}

.projectDetailByChosen .pd-state .stateList .operation p span:first-child {
	padding-left: 23px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAh1BMVEUAAAAAAAAAAAAAAAAAAAArAAAkAAAgAAAeDw8gFRUfFBQdFBQgGBAhFBQhFhYjFhYhGRUhGRUhFxQiFxQiFxUiFxQhFhQjGBMiGBUiFxUjGBQjFxUiGBUjFxQjGBUjFxQiGBQjGBUjGBUjGBQjGBQjFxUjFxUjFxUjGBUiGBQjGBQiFxUiFxV423P8AAAALXRSTlMAAQMEBQYHCBEYGRogJy86PT5NWm9xc3Z3eYuTlKeqsLK3uL2/xMXHx8nNz9Dgx5ZuAAAAbUlEQVQIHXXA0RaBQBiF0Y8fQgVQRJxmoHj/57PmwmpubFLfvn5an9Lk9PIGR8whYkJgRmAGQrCqh8DgsgYhYKeMeX0EhACW185tAISIiQexO+cyAaazYFFWjIoP4/1bwa0wwG+7w4Te85Tw1xfNkQjyrf3EZQAAAABJRU5ErkJggg==) 4px 4px no-repeat
}

.projectDetailByChosen .pd-main {
	width: 1200px;
	margin: 17px auto 0;
	background-color: #fff;
	padding: 58px 48px 61px
}

.projectDetailByChosen .pd-main h2 {
	color: #222;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 44px
}

.projectDetailByChosen .pd-main .pd-main-top {
	display: table
}

.projectDetailByChosen .pd-main .pd-main-top .left {
	width: 675px;
	display: table-cell
}

.projectDetailByChosen .pd-main .pd-main-top .left span {
	color: #333;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 28px;
	display: inline-block;
	width: 50%
}

.projectDetailByChosen .pd-main .pd-main-top .left span i {
	padding-left: 26px;
	color: #999;
	font-size: 16px;
	font-style: normal
}

.projectDetailByChosen .pd-main .pd-main-top .left span.type i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAACZmZmLi4uSkpKWlpabm5uVlZWbm5uYmJiYmJiampqWlpaampqYmJiYmJiWlpaampqYmJiZmZmXl5eZmZmZmZmYmJiYmJiampqYmJiZmZmYmJiZmZmZmZmYmJiYmJgU+Y/mAAAAIHRSTlMACgsOJykpODlISU5OT15fYGFwcaytrr+/wcHCw9LT1WCYc+gAAABxSURBVHhetc7BEoIwDIThH0qtVYlSLQVK4P3fUicjJ8/m8h2ys7OkqqpVnJgJ6uBPfsghmxV2D/g5zuYOWwd05VLM7UgsR+Lb8RjP2VzhPk5levVtbwq4EGMMDY3pQPLnk2/t1ZQ/7XiuqrqIEzPxc2+hUQu0JaEONQAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChosen .pd-main .pd-main-top .left span.company i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAk1BMVEUAAACqqqqZmZmfn5+SkpKUlJSVlZWZmZmTk5OXl5eZmZmampqYmJiVlZWampqXl5ebm5uampqXl5eampqZmZmXl5eYmJiYmJiampqampqampqZmZmZmZmZmZmZmZmYmJiZmZmZmZmampqZmZmZmZmZmZmYmJiZmZmZmZmZmZmampqZmZmZmZmZmZmZmZmZmZmZmZkBibDbAAAAMXRSTlMAAwUIDhMYGRobKDA0NTVAQk5WWF9gYWptb3d4f4edoaOnq6ytr7Cyt7m6u7zQ0uPoK3rAyQAAAINJREFUeF6FzNESwTAQRuElKAJ0FSRFsSxEvf/T2URGhhvnJjPf5F8wV/KdTwre3eK7mkagCAV+oIOIA5jvrWR6ApnACIq1lib33wnHyVBgSbQLkHlIP9IkL0v7BV2t+wHaWzqOBRpKNQPkM2gdBBZVtQmACIrS0f9Qs3N8efLDsa9+ATLjD1MJpTFpAAAAAElFTkSuQmCC) 0 no-repeat
}

.projectDetailByChosen .pd-main .pd-main-top .left span.layout {
	line-height: 22px;
	position: relative;
	top: 22px
}

.projectDetailByChosen .pd-main .pd-main-top .left span.time i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIRJREFUeF5lj9EOgyAQBKdq61VFC6JQ8P+/U9FLatJ5Y8hldykYG3OO1nBRu+SnYZh8cvX5XoPAE3iHtRgXGmgTQBMcmCSAbBQkGaznJ/CW+LmLKZL7S1RV9YA+q2i3g28RekIrIi8YI3bhxmI1FtBYLQZaTKvr/1Fdx81j143zOe5v/g5+GQhDLcLDngAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChosen .pd-main .pd-main-top .left span.deadlinTime i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABb0lEQVQ4T5XTMUscQRQH8P+b2dI0hxwpFEIqBb+A6QKSqF1Iq8Qit85ecV9AhPUzhNudtymCNpLS5ECL9GlTSRQkKRQsxEBIeby/7BFFjgT3pnozb35vhuGN4N6IMZYA3oUQju+v13FZlgsikoYQerc5qQNVnQPwhuSGiHwjeTmOReQxgAUAeyKym6bpqcQYFwF8FpEI4DXJA5Lf/4HnRGSV5EBENs1spcZHAD6GED6oamZmn7IsuxjH/X5/1nu/EkKoVPUtyVc1PvPeL3U6nR/j4H/zoiieJkkyEFWtUQJg2BT/3f9nhIfD4bpz7rwpNrOZJEnej7CZPc+y7GdTXJblE+fcYWOc53nSbrcfdbvdXxNjVR0AeEHyGcmriU5W1QMAywAWzex6IpznuWu1WlO9Xu/33bVjjF+dc9tpmn5p+mBVVb00s22pqmqd5I6ZZQBOHipAct57XwDYGn2MGONa3a8Aph/CAK5IFiGE/Rsm1cNLSeiQWwAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChosen .pd-main .pd-main-top .left span.who i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA9ElEQVQYGZXAcUcDYQAG8Mc2nUOZqUQCpBpA0SfIPkT6EDFE5CUCXLxs7/PcljUGrkxISAWJ+r8KEYBZqgCLIat1qi7qhz+o5iQ9qatzLgBhgRfq6pGq5tBjh3TDWmXGjrgltVhVK1zUMPOs63JrEAA3tI0+zqlTnkUfG1wHoDtOIqZ5xMpT4S0AdfArvQDQgxtFotKY2gDYYBGJtMI6AObVduP4oTShe02jh2s6tR6+sJ7O3CremRT3FEVpxKI0m2yaFD4Evo64YwbwxnraDQ8DH58Fvg54vJkFalmdaD/w8Z3JqKIrV9C1ZDJIxqKetYz/eQWB9GSsahoaDgAAAABJRU5ErkJggg==) 0 no-repeat
}

.projectDetailByChosen .pd-main .pd-main-top .left div em {
	color: #0083ff;
	font-size: 14px;
	line-height: 14px;
	padding: 6px 12px;
	display: inline-block;
	margin: 5px 19px 0 0;
	background-color: #eaf3ff;
	border-radius: 14px
}

.projectDetailByChosen .pd-main .pd-main-top .left div em:last-child {
	margin-right: 0
}

.projectDetailByChosen .pd-main .pd-main-top .right {
	width: 425px;
	display: table-cell;
	border-left: 1px solid #e5e5e5;
	padding-left: 72px
}

.projectDetailByChosen .pd-main .pd-main-top .right .avtor {
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 29px;
	float: left;
	position: relative
}

.projectDetailByChosen .pd-main .pd-main-top .right .avtor img {
	width: 100%;
	height: 100%
}

.projectDetailByChosen .pd-main .pd-main-top .right em {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	display: inline-block;
	max-width: 165px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700
}

.projectDetailByChosen .pd-main .pd-main-top .right span {
	color: #999;
	font-size: 16px;
	padding-left: 4px;
	position: relative;
	top: -5px
}

.projectDetailByChosen .pd-main .pd-main-top .right p {
	color: #666;
	font-size: 16px;
	line-height: 20px;
	margin-top: 14px;
	margin-bottom: 9px;
	padding-left: 120px
}

.projectDetailByChosen .pd-main .pd-main-top .right button {
	color: #fff;
	font-size: 14px;
	width: 88px;
	height: 34px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff;
	margin-top: 18px
}

.projectDetailByChosen .pd-main .pd-main-top .right button:hover {
	background: #66b1ff;
	border-color: #66b1ff
}

.projectDetailByChosen .pd-main .pd-main-top .right button.cancel {
	color: #0083ff;
	background-color: #fff;
	margin-left: 10px
}

.projectDetailByChosen .pd-main .pd-main-top .right button.cancel:hover {
	border-color: #0083ff
}

.projectDetailByChosen .pd-main .pd-main-middle {
	margin: 61px 0 63px;
	padding: 20px 0 37px;
	border-radius: 4px;
	background-color: #f8f8f8;
	position: relative
}

.projectDetailByChosen .pd-main .pd-main-middle span {
	padding: 6px 10px 6px 0;
	background-color: #def5f0;
	border-radius: 0 16px 16px 0
}

.projectDetailByChosen .pd-main .pd-main-middle span i {
	color: #02b18e;
	font-size: 14px;
	line-height: 35px;
	font-style: normal;
	padding-left: 36px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAACH0lEQVQ4T42TT0iUYRDGfzP7uZZkpwyTCugSUJHXMDpJEa6rCkoREF1SPOWuSUCkFgWqfgueKiDSNGIr3U+hi1B4EoqAQDA7pmF0keiv7u47IYvk2hLOcXh+zPPOPK9QqILew0LRFLBmIWki0j6/VSZ5jfH+vXh6Tk16MIbAShBpdWY9ODdC49UvG3qRwH8qcBLYBew0bNZEu4i2vwQglagWcV2CnAB+Ad8RmRENfHPOqjEWKfq2RG33z4L2p7pLSJfuRzigKtM5cDWzj+bOzwWBrc1kX7kWe8vbA5PJEOFPlwh9fYyW7NZMDsy41bVDNF/7WHBiMhnS8OIYQsQ5PYpD1bP5dXDFGacIex/IpCPUxscRDIDNkEgN0dgME32Vqt70+lbfmXEdZwuqMofYQxeNt3D/nqflP0bBatwGBDCVqBfnbohO+mPAgovGbpLyG1R4Agwb7BHsdB4EaODfAjkoTCYui9lFq4tVARD01yih52CZrRCABIOvDe4KL4bKNJ1ecmrHqe14n4P7qnD6m4aOt3kLS/nHVHjjVqkQAE35DwxKrT7W9L9bSpAIRFh20fZWASDorRC8OTOuUB8fKQjnnnTbstkj65n9G/KJgbOq+sxlXRuNHcP5FgdbVGTQiUQ3Mpz/O1IDZ0R0FGPWLOujUiRIHKTSsPPUxV8BAMg/tpJ3yjRc3GnIBYSMGI+ct2OASNvKZm3+xG2lHAD+AJay6f0SHz+pAAAAAElFTkSuQmCC) 13px no-repeat
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint {
	margin-top: 29px;
	padding-left: 43px;
	display: table
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div {
	padding-right: 67px;
	display: table-cell;
	min-width: 245px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div img {
	width: 64px;
	height: 64px;
	margin-right: 11px;
	float: left
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div em {
	color: #f77272;
	font-size: 28px;
	line-height: 28px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-top: 13px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div.protocol {
	vertical-align: top;
	padding-left: 78px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div.protocol p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 23px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div.protocol a {
	color: #0083ff;
	font-size: 18px;
	margin-right: 38px;
	margin-left: -8px
}

.projectDetailByChosen .pd-main .pd-main-middle .appoint div.protocol button {
	color: #0083ff;
	font-size: 18px;
	border: none;
	background: none
}

.projectDetailByChosen .pd-main .pd-main-middle>img {
	position: absolute;
	top: -20px;
	right: 37px
}

.projectDetailByChosen .pd-main .pd-main-bottom h2 {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 32px;
	position: relative
}

.projectDetailByChosen .pd-main .pd-main-bottom h2 i {
	display: block;
	width: 30px;
	height: 3px;
	background-color: #e5e5e5;
	position: absolute;
	bottom: -10px
}

.projectDetailByChosen .pd-main .pd-main-bottom p {
	color: #666;
	font-size: 16px;
	line-height: 24px
}

.projectDetailByChosen .pd-main .pd-main-bottom a {
	color: #666;
	font-size: 16px;
	padding-left: 28px;
	display: block;
	margin-top: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAwFBMVEUAAAAgICA5OTkuLi4rKys3NzcwMDAtLS02NjYxMTEuLi41NTUxMTEzMzMwMDAuLi4tLS0zMzMyMjIzMzMxMTEzMzMyMjIyMjIyMjIxMTEwMDAzMzMzMzMyMjIyMjIxMTEzMzMyMjIzMzMzMzMyMjIyMjIyMjIyMjIyMjIzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzMyMjIyMjIzMzMzMzMzMzMyMjIzMzMzMzMzMzMzMzMzMzMzMzMyMjIzMzMzMzMZ6IHpAAAAP3RSTlMACAkLDA4QERMVFhgaHiAhIigpUFhaW1xgYmRkanB/gYeVl5qeorGyt8/Q0dTV2t3e3+Dh4ufq6uvs7/f6/v7bForUAAAAmklEQVQYV4XLwQKBUBCF4QNIUBQCQEGEy00E3v+tLKaYsvAvv5mDghOEn7waAADOrmVE2cLbk17adAQwXKuRhgZDqJ7QU7gByu5JT+Dg1gQUd5tA7Xo/CnH2E4iiYVnWLIUAADNGpUIpDLXni3pU2afWoOp8zotRXa6oRemLufGEGmX+zH8w6KSwLwH70DV5PTkF8nPp8+Q0izdgkByhGKoYrQAAAABJRU5ErkJggg==) 0 no-repeat;font-weight: 700
}

.projectDetailByChosen .pd-main .pd-main-bottom a:hover {
	color: #0083ff
}

.projectDetailByChosen .pd-main .pd-main-bottom a:last-child {
	margin-right: 0
}

.projectDetailByChosen .pd-main .pd-main-bottom .agreeImg {
	margin-top: 25px
}

.projectDetailByChosen .pd-main .pd-main-bottom .agreeImg .imgBox {
	display: inline-block;
	width: 180px;
	height: 180px;
	margin-right: 19px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.projectDetailByChosen .pd-main .pd-main-bottom .agreeImg .imgBox:last-child {
	margin-right: 0
}

.projectDetailByChosen .pd-main .pd-main-nav {
	margin-top: 30px;
	border-top: 1px solid #e5e5e5;
	padding-top: 15px
}

.projectDetailByChosen .pd-main .pd-main-nav p {
	color: #999;
	font-size: 14px;
	margin-top: 14px
}

.projectDetailByChosen .pd-main .pd-main-nav p a {
	margin-left: 7px;
	color: #333
}

.projectDetailByChosen .pd-main .pd-main-nav p a:hover {
	color: #0083ff
}

.projectDetailByChosen .confirmDialog {
	width: 734px;
	padding: 40px 100px 50px
}

.projectDetailByChosen .confirmDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 54px;
	position: relative
}

.projectDetailByChosen .confirmDialog h2 button {
	width: 50px;
	height: 50px;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;position: absolute;
	top: -10px;
	right: -70px
}

.projectDetailByChosen .confirmDialog .main {
	background-color: #f7f7f7;
	padding: 29px 19px
}

.projectDetailByChosen .confirmDialog .main p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 19px
}

.projectDetailByChosen .confirmDialog .main p a {
	color: #0083ff;
	margin-left: -5px
}

.projectDetailByChosen .confirmDialog .main p span {
	margin-left: -3px
}

.projectDetailByChosen .confirmDialog .main>span {
	display: inline-block;
	color: #666;
	font-size: 16px;
	line-height: 16px;
	padding: 20px 0 38px
}

.projectDetailByChosen .confirmDialog .main>span em {
	color: #333;
	font-weight: 700
}

.projectDetailByChosen .confirmDialog .main>span.right {
	float: right
}

.projectDetailByChosen .confirmDialog .protocol {
	padding-left: 83px
}

.projectDetailByChosen .confirmDialog .protocol img {
	width: 74px;
	height: 74px;
	margin-right: 10px;
	cursor: pointer
}

.projectDetailByChosen .confirmDialog .protocol img:last-child {
	margin-right: 0
}

.projectDetailByChosen .confirmDialog .supplement {
	padding: 12px 0 20px
}

.projectDetailByChosen .confirmDialog .supplement .title {
	color: #666;
	font-size: 16px
}

.projectDetailByChosen .confirmDialog .supplement .des {
	color: #666;
	font-size: 12px;
	margin-top: 5px
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile {
	margin-top: 10px;
	display: table
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile a,.projectDetailByChosen .confirmDialog .supplement .uploadFile div {
	display: table-cell;
	vertical-align: middle
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile .logo {
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile .name {
	color: #333;
	font-size: 16px;
	padding-left: 15px;
	max-width: 440px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	cursor: pointer
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile .name:hover {
	color: #0083ff
}

.projectDetailByChosen .confirmDialog .supplement .uploadFile .delete {
	cursor: pointer;
	color: #0083ff;
	padding-left: 8px
}

.projectDetailByChosen .confirmDialog .supplement .add {
	color: #0083ff;
	font-size: 16px;
	margin-top: 15px;
	line-height: 30px;
	background: url("http://www.luojinet.com/images/myJobs/tianjjia.png") no-repeat 0;
	background-size: 20px;
	padding-left: 25px;
	cursor: pointer
}

.projectDetailByChosen .payforDialog {
	width: 734px;
	padding: 40px 100px 50px
}

.projectDetailByChosen .payforDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 52px
}

.projectDetailByChosen .payforDialog span {
	color: #999;
	font-size: 16px;
	line-height: 16px
}

.projectDetailByChosen .payforDialog p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-top: 38px
}

.projectDetailByChosen .payforDialog p em {
	color: #333
}

.projectDetailByChosen .payforDialog p span {
	color: #666
}

.projectDetailByChosen .applyRefundDialog {
	width: 734px;
	padding: 40px 100px 50px
}

.projectDetailByChosen .applyRefundDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 54px
}

.projectDetailByChosen .applyRefundDialog>p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-top: 39px
}

.projectDetailByChosen .applyRefundDialog>p span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	position: relative;
	top: 3px
}

.projectDetailByChosen .applyRefundDialog>p span.select {
	background-color: #0083ff;
	border-color: #0083ff
}

.projectDetailByChosen .applyRefundDialog>p span.select i {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px
}

.projectDetailByChosen .applyRefundDialog>p em {
	color: #999
}

.projectDetailByChosen .applyRefundDialog .item {
	margin-top: 20px;
	position: relative
}

.projectDetailByChosen .applyRefundDialog .item textarea {
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	padding: 14px 15px 24px;
	resize: none;
	color: #666;
	font-size: 16px;
	line-height: 24px;
	text-align: justify
}

.projectDetailByChosen .applyRefundDialog .item textarea::-webkit-input-placeholder {
	color: #ccc
}

.projectDetailByChosen .applyRefundDialog .item textarea:-ms-input-placeholder,.projectDetailByChosen .applyRefundDialog .item textarea::-ms-input-placeholder {
	color: #ccc
}

.projectDetailByChosen .applyRefundDialog .item textarea::placeholder {
	color: #ccc
}

.projectDetailByChosen .applyRefundDialog .item span {
	color: #ccc;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	right: 17px;
	bottom: 14px
}

.projectDetailByChosen .refundDetail {
	width: 734px;
	padding: 40px 100px 80px
}

.projectDetailByChosen .refundDetail h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	position: relative
}

.projectDetailByChosen .refundDetail h2 button {
	width: 50px;
	height: 50px;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;position: absolute;
	top: -10px;
	right: -40px
}

.projectDetailByChosen .refundDetail .des {
	color: #0083ff;
	font-size: 16px;
	font-weight: 700
}

.projectDetailByChosen .refundDetail .des span {
	font-weight: 400
}

.projectDetailByChosen .refundDetail .des span i {
	padding: 0 3px 0 10px
}

.projectDetailByChosen .refundDetail .item p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	padding-top: 20px
}

.projectDetailByChosen .dealRefundDialog {
	width: 734px;
	padding: 40px 100px 50px
}

.projectDetailByChosen .dealRefundDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 30px
}

.projectDetailByChosen .dealRefundDialog h2 span {
	color: #0083ff;
	font-size: 16px;
	font-weight: 400
}

.projectDetailByChosen .dealRefundDialog h2 span i {
	padding: 0 5px 0 20px
}

.projectDetailByChosen .dealRefundDialog .instruction {
	background-color: #f2f2f2;
	padding: 1px 20px 15px
}

.projectDetailByChosen .dealRefundDialog .instruction p {
	color: #999;
	font-size: 16px;
	line-height: 24px;
	margin-top: 15px
}

.projectDetailByChosen .dealRefundDialog .instruction p a {
	color: #333
}

.projectDetailByChosen .dealRefundDialog>p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-top: 39px
}

.projectDetailByChosen .dealRefundDialog>p span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	position: relative;
	top: 3px
}

.projectDetailByChosen .dealRefundDialog>p span.select {
	background-color: #0083ff;
	border-color: #0083ff
}

.projectDetailByChosen .dealRefundDialog>p span.select i {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px
}

.projectDetailByChosen .dealRefundDialog>p em {
	color: #999
}

.projectDetailByChosen .dealRefundDialog .item {
	margin-top: 13px;
	position: relative
}

.projectDetailByChosen .dealRefundDialog .item textarea {
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	padding: 14px 15px 24px;
	resize: none;
	color: #666;
	font-size: 16px;
	line-height: 24px;
	text-align: justify
}

.projectDetailByChosen .dealRefundDialog .item textarea::-webkit-input-placeholder {
	color: #ccc
}

.projectDetailByChosen .dealRefundDialog .item textarea:-ms-input-placeholder,.projectDetailByChosen .dealRefundDialog .item textarea::-ms-input-placeholder {
	color: #ccc
}

.projectDetailByChosen .dealRefundDialog .item textarea::placeholder {
	color: #ccc
}

.projectDetailByChosen .dealRefundDialog .item span {
	color: #ccc;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	right: 17px;
	bottom: 14px
}

.projectDetailByChosen .sendAcceptDialog {
	width: 734px;
	padding: 40px 100px 50px
}

.projectDetailByChosen .sendAcceptDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 54px
}

.projectDetailByChosen .sendAcceptDialog p {
	color: #666;
	font-size: 16px;
	line-height: 16px
}

.projectDetailByChosen .sendAcceptDialog .item {
	margin-top: 38px;
	position: relative
}

.projectDetailByChosen .sendAcceptDialog .item p {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.projectDetailByChosen .sendAcceptDialog .item p i {
	color: #ff7070
}

.projectDetailByChosen .sendAcceptDialog .item input {
	width: 100%;
	height: 44px;
	color: #666;
	font-size: 14px;
	padding-left: 15px;
	border: 1px solid #e5e5e5;
	border-radius: 4px
}

.projectDetailByChosen .sendAcceptDialog .item textarea {
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	padding: 14px 15px;
	resize: none;
	color: #666;
	font-size: 16px;
	line-height: 24px;
	text-align: justify
}

.projectDetailByChosen .sendAcceptDialog .item input::-webkit-input-placeholder,.projectDetailByChosen .sendAcceptDialog .item textarea::-webkit-input-placeholder {
	color: #ccc
}

.projectDetailByChosen .sendAcceptDialog .item input:-ms-input-placeholder,.projectDetailByChosen .sendAcceptDialog .item input::-ms-input-placeholder,.projectDetailByChosen .sendAcceptDialog .item textarea:-ms-input-placeholder,.projectDetailByChosen .sendAcceptDialog .item textarea::-ms-input-placeholder {
	color: #ccc
}

.projectDetailByChosen .sendAcceptDialog .item input::placeholder,.projectDetailByChosen .sendAcceptDialog .item textarea::placeholder {
	color: #ccc
}

.projectDetailByChosen .sendAcceptDialog .item span {
	color: #ccc;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	right: 17px;
	bottom: 14px
}

.projectDetailByChosen .sendAcceptDialog .result {
	margin-top: 20px
}

.projectDetailByChosen .sendAcceptDialog .result p {
	color: #666;
	font-size: 16px;
	line-height: 26px;
	display: inline-block
}

.projectDetailByChosen .sendAcceptDialog .result p button {
	width: 90px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	border: none;
	border-radius: 4px;
	text-align: left;
	padding-left: 10px;
	background-color: #ccc
}

.projectDetailByChosen .sendAcceptDialog .result p span {
	cursor: pointer;
	display: inline-block;
	padding-right: 15px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABHklEQVQokX3SIUhdYRiH8Z/fLtvACcNwEaMDPzDLMCx/4QanFkUUh2kiMjTYxmDBYjWsuio2FTnBYBc03HC8WA0ynGUqlmMRdzzX61P/78P7h/ftKorCE1L8gM8YQg8ucYRtWf4XoOtRTDFgEbMI2vmHdVm+ozKwirkOEnTjhxRH/29McQQbHYQqt5gIgCkAnGMafwBNTALgLcaCFF/hIwD6kfAVh1jGEgBgJOA9XleCLxiW5SsP0qdKXg+4RuUmmjiQYgObpdoA10GW3+AUABdYxnf8RAMLFfGkBthDBPTiFwYA889U3Q2ALbQAtZIEMFiWZPlxAFl+h2848zKHWKP8cpDiG8xgHH0AaOE39mV50S6WSbGOd7iU5VfV+B72QE5xHG806gAAAABJRU5ErkJggg==) 100% no-repeat
}

.projectDetailByChosen .sendAcceptDialog .result .warning {
	display: inline-block;
	float: right;
	padding-right: 10px;
	padding-top: 5px
}

.projectDetailByChosen .sendAcceptDialog .result .warning span {
	color: #999;
	font-size: 14px;
	margin-right: 8px;
	display: none
}

.projectDetailByChosen .sendAcceptDialog .result .warning i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: -5px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA8FBMVEWZmZn///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZlecRpkAAAAT3RSTlMAAAMG+dWsiVsH2wLTVCls91Xfbwtw4OOmXPbzBKuwa0uVCuRx1PormkUo5dmK9VGRNnp4UpefAdf9Rwxp8vhErZuhqGpD+1ZokycFlFOPbhUm+wAAAP5JREFUeF5F0OVywzAQBOCNJFNiO5yGGqYGiszMsO//Nu1JmXb/6dNo7rSw0S/1kmmd1osamd9Y28lynezhGlVAeqM0itKRRwbKYsDmpYKNyhsGggnNDTC4KxRmA2DLMMlAbzAPYPbc758dAehyqBFyLG8L38DutkwYs4FNVgHgdg+4bwHIVOmjxhQuB9wXnLOGa0bOznl8IqhpcEXt8GGpIHhBgyXnDjsdWJyy5gZJej2HZfoIGSuLlYpFFbMhy3fF2otFW/CRwwgo0jwByMVxDvabRSlkxearnOUmb7hy1b2RXvn9ozIte+Snsgh8/Zec/DUPHfqlyaTkhxqCP3A5IlfWklt+AAAAAElFTkSuQmCC) 50% no-repeat
}

.projectDetailByChosen .sendAcceptDialog .result .warning:hover span {
	display: inline
}

.projectDetailByChosen .sendAcceptDialog .result .warning:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA8FBMVEUAg/////8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8VdJIhAAAAT3RSTlMAAAMG+dWsiVsH2wLTVCls91Xfbwtw4OOmXPbzBKuwa0uVCuRx1PormkUo5dmK9VGRNnp4UpefAdf9Rwxp8vhErZuhqGpD+1ZokycFlFOPbhUm+wAAAP5JREFUeF5F0OVywzAQBOCNJFNiO5yGGqYGiszMsO//Nu1JmXb/6dNo7rSw0S/1kmmd1osamd9Y28lynezhGlVAeqM0itKRRwbKYsDmpYKNyhsGggnNDTC4KxRmA2DLMMlAbzAPYPbc758dAehyqBFyLG8L38DutkwYs4FNVgHgdg+4bwHIVOmjxhQuB9wXnLOGa0bOznl8IqhpcEXt8GGpIHhBgyXnDjsdWJyy5gZJej2HZfoIGSuLlYpFFbMhy3fF2otFW/CRwwgo0jwByMVxDvabRSlkxearnOUmb7hy1b2RXvn9ozIte+Snsgh8/Zec/DUPHfqlyaTkhxqCP3A5IlfWklt+AAAAAElFTkSuQmCC) 50% no-repeat
}

.projectDetailByChosen .acceptDialog {
	width: 734px;
	padding: 40px 100px 50px
}

.projectDetailByChosen .acceptDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 54px
}

.projectDetailByChosen .acceptDialog .instruction {
	background-color: #f2f2f2;
	padding: 1px 20px 15px
}

.projectDetailByChosen .acceptDialog .instruction p {
	color: #999;
	font-size: 16px;
	line-height: 24px;
	margin-top: 15px
}

.projectDetailByChosen .acceptDialog .instruction p a {
	color: #333
}

.projectDetailByChosen .acceptDialog>p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-top: 39px
}

.projectDetailByChosen .acceptDialog>p span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	position: relative;
	top: 3px
}

.projectDetailByChosen .acceptDialog>p span.select {
	background-color: #0083ff;
	border-color: #0083ff
}

.projectDetailByChosen .acceptDialog>p span.select i {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px
}

.projectDetailByChosen .acceptDialog>p em {
	color: #999
}

.projectDetailByChosen .acceptDialog .item {
	margin-top: 13px;
	position: relative
}

.projectDetailByChosen .acceptDialog .item textarea {
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	padding: 14px 15px 24px;
	resize: none;
	color: #666;
	font-size: 16px;
	line-height: 24px;
	text-align: justify
}

.projectDetailByChosen .acceptDialog .item textarea::-webkit-input-placeholder {
	color: #ccc
}

.projectDetailByChosen .acceptDialog .item textarea:-ms-input-placeholder,.projectDetailByChosen .acceptDialog .item textarea::-ms-input-placeholder {
	color: #ccc
}

.projectDetailByChosen .acceptDialog .item textarea::placeholder {
	color: #ccc
}

.projectDetailByChosen .acceptDialog .item span {
	color: #ccc;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	right: 17px;
	bottom: 14px
}

.projectDetailByChosen .acceptDialog>span {
	color: #999;
	font-size: 14px;
	line-height: 14px
}

.projectDetailByChosen .acceptBackDialog {
	width: 734px;
	padding: 40px 20px
}

.projectDetailByChosen .acceptBackDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	padding-left: 80px;
	margin-bottom: 50px;
	position: relative
}

.projectDetailByChosen .acceptBackDialog h2 button {
	width: 50px;
	height: 50px;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;position: absolute;
	top: -10px;
	right: 30px
}

.projectDetailByChosen .acceptBackDialog .itemList {
	padding: 0 80px
}

.projectDetailByChosen .acceptBackDialog .itemList .item {
	margin-bottom: 49px
}

.projectDetailByChosen .acceptBackDialog .itemList .item p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin: 10px 0
}

.projectDetailByChosen .acceptBackDialog .itemList .item .submitImformation {
	background-color: #f2f2f2;
	padding: 1px 15px;
	border-radius: 6px
}

.projectDetailByChosen .acceptBackDialog .itemList .item .submitImformation a {
	color: #333
}

.projectDetailByChosen .acceptBackDialog .itemList .item .submitImformation em {
	color: #f77272;
	float: right
}

.projectDetailByChosen .acceptBackDialog .itemList .item .acceptBackResult {
	padding: 0 15px
}

.projectDetailByChosen .acceptBackDialog .itemList .item .acceptBackResult em {
	float: right
}

.projectDetailByChosen .acceptBackDialog .itemList .item .acceptBackResult .season em {
	color: #f77272;
	float: none
}

.projectDetailByChosen .appealDialog {
	width: 810px;
	padding: 40px 100px 50px
}

.projectDetailByChosen .appealDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 54px
}

.projectDetailByChosen .appealDialog>span {
	color: #999;
	font-size: 16px;
	line-height: 16px
}

.projectDetailByChosen .appealDialog>textarea {
	display: block;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	color: #666;
	font-size: 16px;
	line-height: 24px;
	padding: 10px 9px;
	margin-top: 39px;
	resize: none;
	text-align: justify
}

.projectDetailByChosen .appealDialog>textarea::-webkit-input-placeholder {
	color: #ccc
}

.projectDetailByChosen .appealDialog>textarea:-ms-input-placeholder,.projectDetailByChosen .appealDialog>textarea::-ms-input-placeholder {
	color: #ccc
}

.projectDetailByChosen .appealDialog>textarea::placeholder {
	color: #ccc
}

.projectDetailByChosen .appealDialog .protocol {
	padding: 19px 20px;
	margin-top: 40px;
	background-color: #f2f2f2
}

.projectDetailByChosen .appealDialog .protocol p {
	color: #666;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 15px
}

.projectDetailByChosen .appealDialog .supplement {
	padding: 20px 15px;
	margin-top: 20px;
	background-color: #f2f2f2
}

.projectDetailByChosen .appealDialog .supplement .title {
	color: #666;
	font-size: 16px
}

.projectDetailByChosen .appealDialog .supplement .des {
	color: #666;
	font-size: 12px;
	margin-top: 5px
}

.projectDetailByChosen .appealDialog .supplement .uploadFile {
	margin-top: 10px;
	display: table
}

.projectDetailByChosen .appealDialog .supplement .uploadFile a,.projectDetailByChosen .appealDialog .supplement .uploadFile div {
	display: table-cell;
	vertical-align: middle
}

.projectDetailByChosen .appealDialog .supplement .uploadFile .logo {
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.projectDetailByChosen .appealDialog .supplement .uploadFile .name {
	color: #333;
	font-size: 16px;
	padding-left: 15px;
	max-width: 440px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	cursor: pointer
}

.projectDetailByChosen .appealDialog .supplement .uploadFile .name:hover {
	color: #0083ff
}

.projectDetailByChosen .appealDialog .supplement .uploadFile .delete {
	cursor: pointer;
	color: #0083ff;
	padding-left: 8px
}

.projectDetailByChosen .appealDialog .supplement .add {
	color: #0083ff;
	font-size: 16px;
	margin-top: 15px;
	line-height: 30px;
	background: url("http://www.luojinet.com/images/myJobs/tianjjia.png") no-repeat 0;
	background-size: 20px;
	padding-left: 25px;
	cursor: pointer
}

.projectDetailByChosen .appealDetailDialog {
	width: 734px;
	padding: 40px 100px 50px
}

.projectDetailByChosen .appealDetailDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px;
	position: relative
}

.projectDetailByChosen .appealDetailDialog h2 button {
	width: 50px;
	height: 50px;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;position: absolute;
	top: -10px;
	right: -40px
}

.projectDetailByChosen .appealDetailDialog .list {
	margin-bottom: 30px;
	max-height: 560px;
	overflow: auto
}

.projectDetailByChosen .appealDetailDialog .list .item {
	padding-top: 20px;
	border-top: 1px solid #e5e5e5
}

.projectDetailByChosen .appealDetailDialog .list .item:first-child {
	border: none
}

.projectDetailByChosen .appealDetailDialog .list .item p {
	color: #999;
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 30px;
	vertical-align: top
}

.projectDetailByChosen .appealDetailDialog .list .item p:last-child {
	margin-bottom: 30px
}

.projectDetailByChosen .appealDetailDialog .list .item p em {
	color: #333;
	float: right
}

.projectDetailByChosen .appealDetailDialog .list .item p em.dealing {
	color: #f77272
}

.projectDetailByChosen .appealDetailDialog .supplement {
	padding: 12px 15px 20px;
	background-color: #f2f2f3;
	margin-bottom: 20px
}

.projectDetailByChosen .appealDetailDialog .supplement .title {
	color: #666;
	font-size: 16px;
	margin-bottom: 0!important
}

.projectDetailByChosen .appealDetailDialog .supplement .des {
	color: #666;
	font-size: 12px
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile {
	margin-top: 10px;
	display: table
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile a,.projectDetailByChosen .appealDetailDialog .supplement .uploadFile div {
	display: table-cell;
	vertical-align: middle
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile .logo {
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile .name {
	color: #333;
	font-size: 16px;
	padding-left: 15px;
	max-width: 440px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	cursor: pointer
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile .name:hover {
	color: #0083ff
}

.projectDetailByChosen .appealDetailDialog .supplement .uploadFile .delete {
	cursor: pointer;
	color: #0083ff;
	padding-left: 8px
}

.projectDetailByChosen .appealDetailDialog .supplement .add {
	color: #0083ff;
	font-size: 16px;
	margin-top: 15px;
	line-height: 30px;
	background: url("http://www.luojinet.com/images/myJobs/tianjjia.png") no-repeat 0;
	background-size: 20px;
	padding-left: 25px;
	cursor: pointer
}

.projectDetailByChosen .appealDetailDialog .result {
	border-top: 1px solid #e5e5e5;
	padding: 5px 10px 0
}

.projectDetailByChosen .appealDetailDialog .result p {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	padding-top: 8px
}

.projectDetailByChosen .comfirmDialog {
	width: 546px;
	text-align: center
}

.projectDetailByChosen .comfirmDialog img {
	width: 107px;
	height: 134px;
	margin-top: 49px
}

.projectDetailByChosen .comfirmDialog p {
	color: #666;
	font-size: 18px;
	line-height: 30px;
	padding: 0 79px;
	margin-top: 29px
}

.projectDetailByChosen .comfirmDialog .operation {
	margin: 53px 0 45px
}

.projectDetailByChosen .comfirmDialog .operation button {
	color: #0083ff;
	font-size: 14px;
	border: 1px solid #0083ff;
	width: 120px;
	height: 42px;
	background-color: #fff;
	border-radius: 4px
}

.projectDetailByChosen .comfirmDialog .operation button:last-child {
	color: #fff;
	background-color: #0083ff;
	margin-left: 20px
}

.projectDetailByChosen .closeDialog {
	width: 734px;
	padding: 41px 99px 39px;
	text-align: right
}

.projectDetailByChosen .closeDialog h2 {
	color: #333;
	font-size: 30px;
	margin-bottom: 53px;
	text-align: left
}

.projectDetailByChosen .closeDialog p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 39px;
	text-align: left
}

.projectDetailByChosen .closeDialog p span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	position: relative;
	top: 3px
}

.projectDetailByChosen .closeDialog p span.select {
	background-color: #0083ff;
	border-color: #0083ff
}

.projectDetailByChosen .closeDialog p span.select i {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px
}

.projectDetailByChosen .closeDialog button {
	color: #0083ff;
	border: 1px solid #0083ff;
	width: 120px;
	height: 42px;
	background-color: #fff;
	margin-top: 9px;
	border-radius: 4px
}

.projectDetailByChosen .closeDialog button.close {
	color: #fff;
	background-color: #0083ff;
	margin-left: 20px
}

.projectDetailByChosen .closeDialog button.close:hover {
	background: #66b1ff;
	border-color: #66b1ff
}

.projectDetailByChosen .dealExpire {
	width: 500px;
	padding: 30px 40px
}

.projectDetailByChosen .dealExpire h2 {
	color: #333;
	font-size: 30px;
	padding-left: 30px
}

.projectDetailByChosen .dealExpire h2 i {
	float: right;
	color: #9c9c9c;
	font-size: 20px;
	font-weight: 400;
	line-height: 40px
}

.projectDetailByChosen .dealExpire h2 i:hover {
	color: #0083ff
}

.projectDetailByChosen .dealExpire .dialog-content {
	padding: 35px 30px 30px
}

.projectDetailByChosen .dealExpire .dialog-content p {
	color: #666;
	font-size: 18px;
	line-height: 28px
}

.projectDetailByChosen .dealExpire .dialog-operation {
	text-align: center
}

.projectDetailByChosen .dealExpire .dialog-operation button {
	color: #fff;
	font-size: 16px;
	line-height: 42px;
	width: 120px;
	border: none;
	border-radius: 4px;
	background-color: #0083ff
}

.projectDetailByChosen .dealExpire .dialog-operation button.default {
	color: #999;
	background: none
}

.sample-container {
	font-family: MicrosoftYaHei;
	border-bottom: 1px solid #e5e5e5;
	background: #fafafa
}

.sample-container .header {
	height: 166px;
	background: #fff;
	border-top: 1px solid #e5e5e5
}

.sample-container .header .mid {
	width: 1200px;
	height: 166px;
	margin: 0 auto
}

.sample-container .header .mid .trade-type {
	width: 70px;
	height: 24px;
	margin: 20px 0 10px 10px;
	background: #c4ddfd;
	color: #008ffa;
	font-size: 14px;
	line-height: 24px;
	text-align: center
}

.sample-container .header .mid h1 {
	margin: 0 0 14px 10px;
	color: #333;
	font-size: 32px;
	line-height: 32px
}

.sample-container .header .mid .base-box a {
	float: left;
	margin-left: 10px
}

.sample-container .header .mid .base-box a:hover span {
	color: #0083ff
}

.sample-container .header .mid .base-box a .avatar {
	overflow: hidden;
	position: relative;
	float: left;
	width: 47px;
	height: 47px;
	margin-right: 12px;
	border-radius: 50%
}

.sample-container .header .mid .base-box a .avatar img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.sample-container .header .mid .base-box a span {
	float: left;
	height: 47px;
	color: #333;
	line-height: 47px;
	font-size: 16px
}

.sample-container .header .mid .base-box .operation {
	overflow: hidden;
	float: left;
	width: 70px;
	height: 24px;
	margin: 12px 0 0 10px
}

.sample-container .header .mid .base-box .operation div {
	width: 210px;
	height: 24px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear
}

.sample-container .header .mid .base-box .operation div.ygz {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.sample-container .header .mid .base-box .operation div.qxgz {
	-webkit-transform: translate3d(-70px,0,0);
	transform: translate3d(-70px,0,0)
}

.sample-container .header .mid .base-box .operation div.gz {
	-webkit-transform: translate3d(-140px,0,0);
	transform: translate3d(-140px,0,0)
}

.sample-container .header .mid .base-box .operation div span {
	float: left;
	width: 70px;
	height: 24px;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.sample-container .header .mid .base-box .operation div span:first-child {
	background: #fff;
	color: #333;
	border: 1px solid #333
}

.sample-container .header .mid .base-box .operation div span:nth-child(2) {
	background: #fff;
	color: #0083ff;
	border: 1px solid #0083ff
}

.sample-container .header .mid .base-box .operation div span:nth-child(3) {
	background: #0083ff;
	color: #fff
}

.sample-container .header .mid .base-box .time {
	height: 47px;
	float: right;
	color: #999;
	font-size: 14px;
	line-height: 47px
}

.sample-container .content {
	width: 960px;
	margin: 0 auto;
	padding: 60px 0
}

.sample-container .content.border {
	border-bottom: 1px solid #e5e5e5
}

.sample-container .content p {
	margin-bottom: 30px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	word-break: break-all;
	text-align: justify
}

.sample-container .content a {
	display: block;
	color: #333;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 30px
}

.sample-container .content a:hover {
	color: #0083ff
}

.sample-container .content img {
	max-width: 960px
}

.sample-container .footer {
	width: 960px;
	height: 186px;
	padding-left: 10px;
	margin: 0 auto
}

.sample-container .footer p {
	margin: 43px 0 24px;
	color: #666;
	font-size: 14px;
	line-height: 14px
}

.sample-container .footer span {
	display: block;
	margin-bottom: 14px;
	color: #999;
	font-size: 14px;
	line-height: 14px
}

.sample-container .footer span a {
	padding-left: 10px;
	color: #333
}

.sample-container .footer span a:hover {
	color: #0083ff
}

.resume-preview .el-cascader,.resume-preview .el-date-editor,.resume-preview .el-select {
	width: 440px!important
}

.resume-preview .el-cascader .el-input__inner,.resume-preview .el-date-editor .el-input__inner,.resume-preview .el-select .el-input__inner {
	height: 44px!important;
	padding-left: 12px;
	border-radius: 6px
}

.resume-preview .el-cascader .el-input__inner:focus,.resume-preview .el-date-editor .el-input__inner:focus,.resume-preview .el-select .el-input__inner:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.resume-preview .el-cascader .el-input__prefix,.resume-preview .el-date-editor .el-input__prefix,.resume-preview .el-select .el-input__prefix {
	left: 410px;
	width: 20px!important;
	height: 20px!important
}

.resume-preview .el-cascader .el-input__prefix .el-input__icon .el-icon-date,.resume-preview .el-date-editor .el-input__prefix .el-input__icon .el-icon-date,.resume-preview .el-select .el-input__prefix .el-input__icon .el-icon-date {
	width: 20px;
	height: 20px
}

.resume-preview .upload .el-upload-list--picture-card .el-upload-list__item {
	width: 74px!important;
	height: 74px!important;
	margin: 0 10px 8px 0
}

.resume-preview .upload .el-upload--picture-card {
	width: 74px;
	height: 74px;
	line-height: 74px
}

.resume-preview {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px
}

.resume-preview.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume-preview .contet-left {
	float: left;
	width: 800px;
	min-height: 660px;
	margin-bottom: 60px;
	background: #fff
}

.resume-preview .contet-left .info {
	width: 720px;
	margin: 0 auto
}

.resume-preview .contet-left .info .info-item {
	position: relative;
	padding: 40px 0;
	border-bottom: 1px solid #e5e5e5
}

.resume-preview .contet-left .info .info-item .title-box {
	height: 28px;
	margin-bottom: 24px
}

.resume-preview .contet-left .info .info-item .title-box h2 {
	float: left;
	font-size: 20px;
	line-height: 28px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #000
}

.resume-preview .contet-left .info .info-item .title-box span {
	float: left;
	height: 28px;
	margin-left: 10px;
	padding: 0 12px;
	border: 1px solid #0083ff;
	border-radius: 14px;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #0083ff
}

.resume-preview .contet-left .info .info-item .letters li {
	position: relative;
	list-style: none;
	width: 720px;
	min-height: 190px;
	margin-bottom: 10px;
	background: #f8f8f8
}

.resume-preview .contet-left .info .info-item .letters li.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume-preview .contet-left .info .info-item .letters li .line {
	position: absolute;
	top: 15px;
	left: 280px;
	bottom: 15px;
	width: 0;
	border-left: 1px dashed #e5e5e5
}

.resume-preview .contet-left .info .info-item .letters li div {
	position: relative;
	overflow: hidden;
	float: left;
	width: 280px
}

.resume-preview .contet-left .info .info-item .letters li div h3 {
	height: 20px;
	padding-left: 37px;
	margin: 28px 0 20px 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAMAAABLXLayAAABC1BMVEUAAABVVVVAQEBmZmZVVVVJSUltbW1VVVVqampiYmJtbW1mZmZgYGBjY2NhYWFmZmZhYWFmZmZoaGhkZGRmZmZmZmZmZmZkZGRiYmJkZGRnZ2dmZmZjY2NlZWVkZGRmZmZlZWVlZWVnZ2dlZWVkZGRlZWVmZmZmZmZmZmZmZmZkZGRlZWVmZmZnZ2dlZWVmZmZlZWVmZmZmZmZmZmZlZWVnZ2dlZWVlZWVlZWVmZmZmZmZnZ2dmZmZlZWVlZWVlZWVmZmZlZWVlZWVmZmZmZmZmZmZmZmZlZWVmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmY4pgR0AAAAWXRSTlMAAwQFBgcHCQwNDg8QEhUZHR4gISMoLS4vMzQ3Oz9ARkxWV1teYGRpcXN/homLjY+Tk5aYnJ+hoqant7i7vb/Cw8TJz9DR0tTU1dbY2drd3+Tl5ufv7/P0+5Si4wEAAADHSURBVCjPhZIHCgIxEEXH3tbee++9d117XV3Lqvc/iRETEUnwBz48HkzIEFDVxCMt54kdSgUZUBPuwU4OjAgwZymYoUPi17zaq6W5ag6VXrTSnEk0A+TLXzM3ug9kG2A5GQkZBOgfE4SUO1crQ8AhVJBfYwok24t7IobnFKOotMSlm83LsNuxv6kQBygtU9ipOY6PcHpMtv0ADg5yQ0OSHjfp6sGoWH29AWUUYuzlj6u72e5n11um2wAfZCj3FJzjM/VPXGa+J+mIJZTiqKgMAAAAAElFTkSuQmCC) 0 no-repeat;font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 20px;
	color: #656565
}

.resume-preview .contet-left .info .info-item .letters li div em {
	position: absolute;
	bottom: 16px;
	left: 17px;
	font-size: 30px;
	color: #333;
	line-height: 30px
}

.resume-preview .contet-left .info .info-item .letters li div span {
	float: left;
	height: 74px;
	margin-left: 52px;
	border-bottom: 2px solid #cb848b;
	font-size: 50px;
	line-height: 74px;
	color: #333
}

.resume-preview .contet-left .info .info-item .letters li p {
	float: left;
	width: 440px;
	padding: 20px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 24px;
	text-align: justify;
	word-break: break-all
}

.resume-preview .contet-left .info .info-item .avatar {
	overflow: hidden;
	position: absolute;
	top: 80px;
	right: 0;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 1px solid #e5e5e5
}

.resume-preview .contet-left .info .info-item .avatar img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.resume-preview .contet-left .info .info-item .skill-box {
	width: 720px
}

.resume-preview .contet-left .info .info-item .skill-box.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume-preview .contet-left .info .info-item .skill-box .skill-item {
	float: left;
	width: 100px;
	margin: 10px 12px 10px 0
}

.resume-preview .contet-left .info .info-item .skill-box .skill-item img {
	display: block;
	width: 44px;
	height: 44px;
	margin: 0 auto;
	margin-bottom: 10px
}

.resume-preview .contet-left .info .info-item .skill-box .skill-item span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: block;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	font-family: MicrosoftYaHei;
	color: #666
}

.resume-preview .contet-left .info .info-item .works-case .case-item {
	padding: 30px 0;
	border-bottom: 1px solid #e5e5e5
}

.resume-preview .contet-left .info .info-item .works-case .case-item.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume-preview .contet-left .info .info-item .works-case .case-item:last-child {
	border: 0
}

.resume-preview .contet-left .info .info-item .works-case .case-item dt {
	float: left;
	overflow: hidden;
	position: relative;
	width: 240px;
	height: 160px;
	margin-right: 16px
}

.resume-preview .contet-left .info .info-item .works-case .case-item dt img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd {
	float: left;
	width: 464px
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd div {
	margin-bottom: 10px
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd div span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width: 180px;
	margin-right: 16px;
	font-size: 16px;
	line-height: 18px;
	font-family: MicrosoftYaHei;
	color: #333
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd div a {
	display: inline-block;
	height: 18px;
	padding-left: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAWlBMVEUAAACAgICenp6VlZWYmJiYmJiXl5eYmJiYmJiampqampqYmJiXl5eZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZku1NwBAAAAHXRSTlMAAhUdOUVHSE9YW1xdcXR2eHuQmZ2txdPT2fD8/oRFVlIAAABsSURBVAgdBcEHAoIwEACwoKAsi4U6arn/f9MEwFpbXQDkKHOJBZAjoVTgGQnmBvpzu3YoFewfv1cnxYrxcrwNbbpHRj5vUxu8j8uINR661893B7Wgu25nD9oMKZ5ALUiRAUuUuUQGsNRWV4A/omsGa04Xyq8AAAAASUVORK5CYII=) 0 no-repeat;font-size: 16px;
	line-height: 18px;
	font-family: PingFangSC-Light;
	color: #666
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd div a:hover {
	color: #66b1ff
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd .works-type {
	float: left;
	height: 20px;
	padding: 0 10px;
	background: #f77272;
	border-radius: 12px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #fff
}

.resume-preview .contet-left .info .info-item .works-case .case-item dd .works-info {
	clear: both;
	margin-top: 40px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 24px;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-all
}

.resume-preview .contet-left .info .info-item .introduce-box {
	overflow: hidden;
	max-height: 330px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.resume-preview .contet-left .info .info-item .introduce-box .introduce {
	word-break: break-all;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	text-align: justify;
	line-height: 30px
}

.resume-preview .contet-left .info .info-item .hide-introduce {
	position: absolute;
	bottom: 20px;
	width: 100%;
	padding-top: 50px;
	background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(70%,#fff));
	background-image: linear-gradient(-180deg,hsla(0,0%,100%,0),#fff 70%)
}

.resume-preview .contet-left .info .info-item .hide-introduce.nomal {
	padding-top: 0
}

.resume-preview .contet-left .info .info-item .hide-introduce div {
	width: 60px;
	height: 16px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume-preview .contet-left .info .info-item .hide-introduce div span {
	float: left;
	color: #0083ff;
	font-size: 16px;
	line-height: 16px
}

.resume-preview .contet-left .info .info-item .hide-introduce div i {
	float: left;
	width: 8px;
	height: 5px;
	margin: 8px 0 0 8px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAXElEQVQYV23KsQ2CABQFwHuasIOuYSWVDqNLmBCjOoQsQ0njHmzBtzQkXH3xqo9ytSb6uFdja0C7OGU0OwW8a2f2xR4w2Ti4ZQqARx3FAMpZlxH+AZ51UaJLD/ADEHoYp/epZZcAAAAASUVORK5CYII=) 0 0 no-repeat;-webkit-transition: all .5s;
	transition: all .5s
}

.resume-preview .contet-left .info .info-item .hide-introduce div i.rote {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.resume-preview .contet-left .info .info-item .info-box {
	overflow: hidden;
	max-width: 630px;
	margin-bottom: 20px
}

.resume-preview .contet-left .info .info-item .info-box span {
	float: left;
	height: 18px;
	padding-left: 24px;
	font-size: 16px;
	line-height: 18px;
	font-family: MicrosoftYaHei;
	color: #666
}

.resume-preview .contet-left .info .info-item .info-box span:first-child {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA8FBMVEUAAACAgIBVVVWqqqqAgICSkpKfn5+Ojo6VlZWXl5eVlZWTk5OXl5eUlJSZmZmVlZWampqVlZWYmJiampqbm5uYmJiVlZWVlZWampqXl5eWlpaYmJiXl5eZmZmYmJiampqYmJibm5uWlpaampqZmZmampqYmJiXl5eZmZmZmZmZmZmZmZmXl5eYmJiZmZmampqampqYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiYmJiYmJiZmZmZmZmampqYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmYmJiYmJgsc82kAAAAUHRSTlMAAgMDBAcICQwWGBobHyMkJikqKy4vMDU1Njg5O0FDREVFSUxQXWFlZ3B1eoCBgoOIi4+Qk5eepamqtba7vcLExcrKy8vMzc7Oz9LU1dna6e+SZKIAAACkSURBVBgZBcCJOsIAAADgf7aImFtWQO576CQVzSaF938bH1DrzSazbgKAh36CpH8L4KYVgKB1DVgbhYBwGAPNBquDv/E2jScgDwXFkd3pvDADMrY6eD5gDOTstJEe8gW8Vcx9blopFiwNgLOU9VHxXuXuEoiyGBGWpyXA3jACXk8B3D+CqzYAwcs59idlAJQ/Tmz8xABg8fvitw4AqOTHAAAA+AdBKBFJHbkFogAAAABJRU5ErkJggg==) 0 no-repeat
}

.resume-preview .contet-left .info .info-item .info-box span:nth-child(3) {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA4VBMVEUAAAAAAACAgIBVVVVJSUlxcXFmZmZVVVVqampiYmJbW1tmZmZoaGhgYGBiYmJkZGRlZWViYmJhYWFnZ2dkZGRmZmZjY2NnZ2dlZWVlZWVlZWVlZWVnZ2dmZmZlZWVlZWVmZmZlZWVmZmZlZWVmZmZmZmZlZWVmZmZlZWVlZWVlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVs5uNZAAAAS3RSTlMAAgIGBwkKDAwNDg8WGBocJicqKi43O0VHVlhbXGtvd3h5e3x9kZKWl5qztLW2t7q7vsTFyMnKz8/Q0dnb3N3e3t/g4uPq7e7y+PkE3B0lAAAAlElEQVQYlWNgwAE4lay8vCwV2REiQo5a4tzcEjq2AjARLidFCEPFjgMqpKwPkzRUgDJMJWFC0sZQhrMoTEjMHsoww1SlhDBLHmajI4aNDIJuEHe5wt3Fq+usauHlaa7mos0DEeF30GCFsNg0bflANJOJKsJr6kaMQFLGmhkhxGIjBSQNZBmQgJwekPAQRhYScWfAAgAFIw6nlVdS5wAAAABJRU5ErkJggg==) 0 no-repeat
}

.resume-preview .contet-left .info .info-item .info-box span:nth-child(5) {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA51BMVEUAAAAAAACAgIBVVVWAgICZmZmLi4uVlZWdnZ2ZmZmXl5eVlZWUlJSXl5eZmZmYmJiYmJibm5uampqYmJibm5uXl5eampqYmJiampqXl5eYmJiXl5eYmJiZmZmampqYmJiampqampqYmJiampqXl5eZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmampqZmZmampqZmZmZmZmYmJiZmZmampqYmJiYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZnQHpEtAAAATXRSTlMAAQIDBAULDA0UFiQmMTI0PkVHSEpMTE1OUVJTVFVWWVtdXmBpaXV2goWKi4yNj6GjrK+0tbjHzM3P0dbX2Nnd3eHn8vPz9Pf5+vz9/vSevV0AAACpSURBVBgZBcABNsIAAADQn21iEwEoiwAsQWSiqGyJ7n8eDwAAAFc/lwCAuOyWMQCQ5foZAIjL1Pb3KoCVWutpuET/sVWrQmeymI96O6j3RvPFJKO8S0IAYdKd0ij2AHBQHGK/aAJIi12wNT0GnEw3ATfPgJdrgIdbQOce4K1NUA84ywHhbL2SfhTvR5WNWQCs/Tbyz3Z0+vXa/EuA6mB8HiG6GA+WAQCAf3NmElBSfINxAAAAAElFTkSuQmCC) 0 no-repeat
}

.resume-preview .contet-left .info .info-item .info-box span:nth-child(7) {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIhJREFUeF51kFEOgjAQBUdAWYEWWwqtLfc/pxB0Q0Kcz0k2mbf8w7hUSnJGRe1zGIdhDNnXX7NEgTvwjMvhfGygzQBN9AAmCyArAJIN4AKqIDggvc5qTEDpD1VV1Q36oqpdN9670kNaEXmATYCbOTE7jYBfhKaCpuogANkG6ezJdp2ddPblOVc+oogIQ/TOnjUAAAAASUVORK5CYII=) 0 no-repeat
}

.resume-preview .contet-left .info .info-item .info-box span:nth-child(9) {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEUAAACZmZmOjo6ZmZmfn5+WlpaUlJSUlJSampqYmJiWlpaYmJiZmZmYmJiYmJiYmJiampqYmJiZmZmZmZmYmJiampqZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZlthYpGAAAAInRSTlMABQkKEBETKzA0Tk9QV1mQl5qdp7i6w8zO0NHS3N/f8vr8mkkFjAAAAJJJREFUeF5lj1kSgyAQRNsNUEQF3EGF3P+QqcHEH9/fdFUvA6LWPkava9wUJlglhLLBFOmeHUeCu5kU40r8KJ0B6sAhFwawRYKHGtoC+bQxtk05YDW8AjKx7vsqMkB5RAF0n0QHiEgCMQwgREyWSrbj2MqKLCm0Oc7rOo+GQqn2sVDtf1jf38Oe6UVxT38/93r/C6/aCr/3mj9nAAAAAElFTkSuQmCC) 0 no-repeat
}

.resume-preview .contet-left .info .info-item .info-box em {
	float: left;
	width: 1px;
	height: 12px;
	margin: 3px 20px;
	background: #e5e5e5
}

.resume-preview .contet-left .info .info-item .skill-label {
	height: 26px
}

.resume-preview .contet-left .info .info-item .skill-label span {
	float: left;
	height: 26px;
	padding: 0 12px;
	margin-right: 10px;
	background: #f7f9fb;
	border-radius: 13px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 26px;
	text-align: center
}

.resume-preview .other-see .do-box {
	position: absolute;
	top: 165px;
	left: 0;
	right: 0;
	width: 260px;
	height: 40px;
	margin: 0 auto
}

.resume-preview .other-see .do-box a {
	text-align: center;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	-webkit-transition: all .3s;
	transition: all .3s;
	line-height: 40px;
	cursor: pointer
}

.resume-preview .other-see .do-box a:first-child {
	float: left;
	width: 118px;
	height: 40px;
	margin-right: 20px;
	background: #fff;
	color: #66b1ff;
	border: 1px solid #66b1ff;
	border-radius: 4px
}

.resume-preview .other-see .do-box a:first-child:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.resume-preview .other-see .do-box a:nth-child(2) {
	float: left;
	width: 120px;
	height: 40px;
	background: #0083ff;
	color: #fff;
	border-radius: 4px
}

.resume-preview .other-see .do-box a:nth-child(2):hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.resume-preview .myself,.resume-preview .other-see {
	position: relative;
	float: left;
	width: 370px;
	height: 400px!important;
	margin-left: 30px;
	background: #fff url(http://www.luojinet.com/img/tu_1.8ad2d62.png) center 240px no-repeat!important
}

.resume-preview .myself .data-temp,.resume-preview .other-see .data-temp {
	position: absolute;
	top: 130px;
	left: 30px;
	width: 310px;
	clear: both
}

.resume-preview .myself .data-temp.clearfix:after,.resume-preview .other-see .data-temp.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume-preview .myself .data-temp .data-temp-left,.resume-preview .other-see .data-temp .data-temp-left {
	float: left
}

.resume-preview .myself .data-temp .data-temp-left span,.resume-preview .other-see .data-temp .data-temp-left span {
	display: block;
	height: 16px;
	padding-left: 24px;
	margin-bottom: 18px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAclBMVEUAAAAaGg0jFwwgFRUcExMiEREgFRUiGBMgFxMgFhMjFhMjFhMjGBMjGBUiFxUjFxQhGBUiFxUjGBUjGBUiFxUiFxUiFxQjFxQjGBUiGBUiGBUjFxUjFxUjFxUjFxUiFxQiGBQjGBQjGBUjGBQiGBQiGBWJ2HhIAAAAJnRSTlMAFBYYGx4wNTdQUFFfYGJlbI+3uLm6u72/wcPExcbHycrL09TY33N4MzoAAABmSURBVBhXfYxLEoMgFARHDOI/SqKCoiYR7n9FF0H0bezddFUPxKJVQK8Cc4wLjw96EDRMQvjCtQQHSRN5J3hDBbd5EBUDuC3OpP4xvzH8k+fmN5T/KDMcogNBwUTXzUak01sGXkbsdT0HyeWlh/sAAAAASUVORK5CYII=) 0 0 no-repeat;font-size: 16px;
	line-height: 16px;
	font-family: MicrosoftYaHei;
	color: #333
}

.resume-preview .myself .data-temp .data-temp-left strong,.resume-preview .other-see .data-temp .data-temp-left strong {
	display: inline-block;
	font-size: 30px;
	font-family: MicrosoftYaHei;
	color: #f77272
}

.resume-preview .myself .data-temp .data-temp-left i,.resume-preview .other-see .data-temp .data-temp-left i {
	margin-left: 10px;
	font-style: normal;
	font-size: 16px;
	color: #333
}

.resume-preview .myself .data-temp em,.resume-preview .other-see .data-temp em {
	float: left;
	width: 1px;
	height: 70px;
	margin-left: 58px;
	background: #e5e5e5
}

.resume-preview .myself .data-temp .data-temp-right,.resume-preview .other-see .data-temp .data-temp-right {
	float: left;
	margin-left: 58px
}

.resume-preview .myself .data-temp .data-temp-right span,.resume-preview .other-see .data-temp .data-temp-right span {
	display: block;
	height: 16px;
	padding-left: 24px;
	margin-bottom: 18px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAvVBMVEUAAABmZmZmZmZmZmZmZmZgYGBlZWVmZmZmZmZlZWVlZWVmZmZmZmZoaGhmZmZjY2NmZmZlZWVmZmYAAABaWlphYWFmZmaAgIBlZWVmZmZlZWVmZmZmZmZVVVVlZWVkZGRmZmZmZmZnZ2cAAABmZmZnZ2dtbW1qamplZWVlZWVmZmZgYGBlZWVeXl5mZmZmZmZmZmZmZmZmZmZkZGRmZmZiYmJmZmZkZGRlZWVAQEBmZmZnZ2dmZmZiYmJmZmaA3hBcAAAAPnRSTlMA9yjP1xAm3O9ol/r7INAkzU4ZAhEdCgJlVaHwRgYwPc7FTwHkQwcMmPfaGNQT1WneHt9h4iLUWeUE5yruL3oCLpwAAACNSURBVHhebc1XDoMwEEXRh0NM7NBJ7733Xtn/sjLEsSIk7ufRjB5cI1UPBlLFWTDkTFf5QtnP6erZLyhFwBqBlLKrYNao1ix0hBCeAu72m632/yXcmEXLHMBhVALw2GjMJlObZuYLguUquQjyBWC726vZgwMQHE9nKLiECVxvHD+4g8B+PEH5se71BvUB0BoM9wzr21AAAAAASUVORK5CYII=) 0 0 no-repeat;font-size: 16px;
	line-height: 16px;
	font-family: MicrosoftYaHei;
	color: #333
}

.resume-preview .myself .data-temp .data-temp-right strong,.resume-preview .other-see .data-temp .data-temp-right strong {
	display: inline-block;
	font-size: 30px;
	font-family: MicrosoftYaHei;
	color: #f77272
}

.resume-preview .myself .data-temp .data-temp-right i,.resume-preview .other-see .data-temp .data-temp-right i {
	margin-left: 10px;
	font-style: normal;
	font-size: 16px;
	color: #333
}

.resume-preview .content-right {
	position: relative;
	float: left;
	width: 370px;
	height: 590px;
	margin-left: 30px;
	background: #fff url(http://www.luojinet.com/img/tu.3b8bbfd.png) 106px 462px no-repeat
}

.resume-preview .content-right .tip-box {
	float: left;
	margin: 30px 0 0 30px
}

.resume-preview .content-right .tip-box h2 {
	font-size: 18px;
	font-family: MicrosoftYaHei-Bold;
	color: #333;
	line-height: 24px;
	font-weight: 400
}

.resume-preview .content-right .tip-box p {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px
}

.resume-preview .content-right .submit {
	float: right;
	width: 120px;
	height: 42px;
	margin: 30px 30px 0 0;
	background: #e6e6e6;
	border-radius: 4px;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #fff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume-preview .content-right .submit.submission {
	background: #0083ff
}

.resume-preview .content-right .submit.submission:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.resume-preview .msg-box {
	width: 734px;
	min-height: 670px;
	padding: 40px 100px 50px;
	background: #fff
}

.resume-preview .msg-box h3 {
	height: 30px;
	margin-bottom: 55px;
	font-size: 30px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 30px;
	color: #333
}

.resume-preview .msg-box .header-item {
	height: 60px;
	margin-bottom: 17px
}

.resume-preview .msg-box .header-item div {
	overflow: hidden;
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 24px;
	border-radius: 50%
}

.resume-preview .msg-box .header-item div img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.resume-preview .msg-box .header-item .name {
	float: left;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 60px;
	color: #666
}

.resume-preview .msg-box .header-item .project-name {
	float: right;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 60px;
	color: #666
}

.resume-preview .msg-box .ipt-item {
	height: 44px;
	margin-bottom: 40px
}

.resume-preview .msg-box .ipt-item label {
	float: left;
	width: 94px;
	height: 44px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 44px;
	color: #666
}

.resume-preview .msg-box .ipt-item label i {
	color: #ff7070;
	font-style: normal
}

.resume-preview .msg-box .ipt-item input::-webkit-input-placeholder {
	color: #ccc
}

.resume-preview .msg-box .ipt-item input {
	display: block;
	width: 440px;
	height: 44px;
	padding: 0 52px 0 12px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.resume-preview .msg-box .ipt-item input:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.resume-preview .msg-box .ipt-item input:hover {
	border-color: #c0c4cc
}

.resume-preview .msg-box .photo-tmp {
	padding: 20px;
	margin-bottom: 10px;
	background: #f2f2f2
}

.resume-preview .msg-box .photo-tmp .title {
	margin-bottom: 15px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 14px
}

.resume-preview .msg-box .notice {
	margin-bottom: 40px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 14px
}

.resume-preview .msg-box .notice a {
	color: #0083ff
}

.resume-preview .msg-box .btn-box {
	height: 42px
}

.resume-preview .msg-box .btn-box .confirm {
	float: right;
	width: 120px;
	height: 42px;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #fff;
	line-height: 42px;
	text-align: center;
	cursor: pointer
}

.resume-preview .msg-box .btn-box .confirm:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.resume-preview .msg-box .btn-box .cancle {
	float: right;
	width: 120px;
	height: 42px;
	margin-right: 20px;
	background: #fff;
	border-radius: 4px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #0083ff;
	line-height: 42px;
	text-align: center;
	border: 1px solid #0083ff;
	cursor: pointer
}

.resume-preview .msg-box .btn-box .cancle:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.resume-preview .cover {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.3);
	z-index: 99
}

.new-resume {
	font-family: MicrosoftYaHei;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.new-resume .user-introduce {
	width: 1200px;
	margin: 0 auto;
	padding-left: 50px
}

.new-resume .user-introduce .mid-nav {
	height: 56px;
	border-bottom: 1px solid #e5e5e5
}

.new-resume .user-introduce .mid-nav a {
	position: relative;
	display: inline-block;
	margin-right: 118px;
	color: #666;
	font-size: 24px;
	line-height: 56px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.new-resume .user-introduce .mid-nav a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 3px;
	top: 53px;
	left: 0;
	background-color: #333;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.new-resume .user-introduce .mid-nav a:hover {
	color: #000
}

.new-resume .user-introduce .mid-nav a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.new-resume .user-introduce .mid-nav a.select {
	color: #000
}

.new-resume .user-introduce .mid-nav a.select:before {
	content: "";
	position: absolute;
	top: 53px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #333
}

.new-resume .user-introduce .info-body .info-item {
	position: relative;
	padding: 50px 0;
	margin: 0 auto;
	border-bottom: 1px solid #e5e5e5
}

.new-resume .user-introduce .info-body .info-item .title {
	height: 28px;
	margin-bottom: 24px
}

.new-resume .user-introduce .info-body .info-item .title h2 {
	float: left;
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	color: #000
}

.new-resume .user-introduce .info-body .info-item .title a {
	float: right;
	height: 28px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 28px;
	font-family: PingFangSC-Light;
	color: #333;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400;
	cursor: pointer
}

.new-resume .user-introduce .info-body .info-item .title a.edit {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAjVBMVEUAAABVVVVmZmZVVVVtbW1gYGBVVVVmZmZqampiYmJeXl5mZmZiYmJmZmZjY2NlZWVkZGRnZ2dkZGRiYmJkZGRlZWVoaGhmZmZkZGRkZGRlZWVkZGRnZ2dmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVlZWWukpRJAAAAL3RSTlMAAwUGBwgJCgwNExkaIyQmKSouLzM1NktUV1teXmRneZGusra3x8jMztHS19ne7USrpm4AAAB5SURBVHhedc7bEsEwFIXhJRFIkRTRUkApOfD+j2eyY1I3/rtv9r5Y0GtDLTkwPZ7hHx11mUE07QGvSlNzJprbbgKrkIocAk7/kpzJCv71eB+vi+sqmW/b+Fw+N8nyVI8A6M4kDyRDb+qfreqt7ibuzVXW4B1cLvjyA21oDg1pgnWqAAAAAElFTkSuQmCC) 0 no-repeat
}

.new-resume .user-introduce .info-body .info-item .title a.edit:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABLElEQVQ4T5XSwUpUARQG4O/ckQqhKGrVJggR9G2kMnXTJiIgfQPxiiK0qX2bCKaNRBDggySCUiFi4EoDAokZZ+6JqygRd5w6+4//HM4fVnJCGkWhafo6wo4yuuBlXtc1J02G1dyWjtFrxOlA3wvLcaDMawrTmMHHsJK7KvMKu42Yru/23dU6hWFWaOv5VOPPeh5Zji8DsIvEGlbabvlgITo13sRji7HdiM9X/QvC5bgJbqncc8eJo8G4zFGFh8KsP1a1lGNaXmGxGZd5RZgSnii8d+PsRlDmpJa28LwZr+Vtfc/w1Q8bXscvAHUveCvNN+P1bPnmpj0/vYkTADAUD/wZp428NPk/8PCSAMBSjhvxTlr4l3oCAJX7CmvS0xofSYdCBwybdBWVEQ9+A142oHOUCSmyAAAAAElFTkSuQmCC) 0 no-repeat;color: #66b1ff
}

.new-resume .user-introduce .info-body .info-item .title a.add {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///9mZmaO7mygAAAAAXRSTlMAQObYZgAAAB1JREFUeF5jAIL6PwwOLCDkCEP+T+BsiBRIDQMDAJp6Btgrki3CAAAAAElFTkSuQmCC) 0 no-repeat
}

.new-resume .user-introduce .info-body .info-item .title a.add:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///8Ag/9obvd7AAAAAXRSTlMAQObYZgAAAB1JREFUeF5jAIL6PwwOLCDkCEP+T+BsiBRIDQMDAJp6Btgrki3CAAAAAElFTkSuQmCC) 0 no-repeat;color: #66b1ff
}

.new-resume .user-introduce .info-body .info-item .introduce-box {
	overflow: hidden;
	max-height: 330px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.new-resume .user-introduce .info-body .info-item .introduce-box .introduce {
	word-break: break-all;
	font-size: 16px;
	color: #666;
	text-align: justify;
	line-height: 30px
}

.new-resume .user-introduce .info-body .info-item .hide-introduce {
	position: absolute;
	bottom: 20px;
	width: 100%;
	padding-top: 50px;
	background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(70%,#fff));
	background-image: linear-gradient(-180deg,hsla(0,0%,100%,0),#fff 70%)
}

.new-resume .user-introduce .info-body .info-item .hide-introduce.nomal {
	padding-top: 0
}

.new-resume .user-introduce .info-body .info-item .hide-introduce div {
	width: 60px;
	height: 16px;
	margin: 0 auto;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.new-resume .user-introduce .info-body .info-item .hide-introduce div span {
	float: left;
	color: #0083ff;
	font-size: 16px;
	line-height: 16px
}

.new-resume .user-introduce .info-body .info-item .hide-introduce div i {
	float: left;
	width: 8px;
	height: 5px;
	margin: 8px 0 0 8px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAXElEQVQYV23KsQ2CABQFwHuasIOuYSWVDqNLmBCjOoQsQ0njHmzBtzQkXH3xqo9ytSb6uFdja0C7OGU0OwW8a2f2xR4w2Ti4ZQqARx3FAMpZlxH+AZ51UaJLD/ADEHoYp/epZZcAAAAASUVORK5CYII=) 0 0 no-repeat;-webkit-transition: all .5s;
	transition: all .5s
}

.new-resume .user-introduce .info-body .info-item .hide-introduce div i.rote {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.new-resume .user-introduce .info-body .info-item .skill-content.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.new-resume .user-introduce .info-body .info-item .skill-content .skill-item {
	float: left;
	width: 100px;
	margin: 10px 12px 10px 0
}

.new-resume .user-introduce .info-body .info-item .skill-content .skill-item img {
	display: block;
	width: 44px;
	height: 44px;
	margin: 0 auto;
	margin-bottom: 10px
}

.new-resume .user-introduce .info-body .info-item .skill-content .skill-item span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #666
}

.new-resume .user-introduce .info-body .info-item .works-case.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item {
	position: relative;
	float: left;
	width: 360px;
	height: 416px;
	margin: 0 35px 20px 0;
	background: #fff;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-box-shadow: 5px 0 13px hsla(0,0%,81%,.19);
	box-shadow: 5px 0 13px hsla(0,0%,81%,.19)
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item:hover .name {
	color: #0083ff
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item:nth-child(3n) {
	margin-right: 0
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item dt {
	position: relative;
	overflow: hidden;
	height: 230px
}

.new-resume .user-introduce .info-body .info-item .works-case .case-item dt .imgBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.new-resume .user-introduce .info-body .info-item .works-case dd {
	padding: 14px 17px 0
}

.new-resume .user-introduce .info-body .info-item .works-case dd .item-name {
	height: 18px;
	margin-bottom: 12px
}

.new-resume .user-introduce .info-body .info-item .works-case dd .item-name .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width: 220px;
	font-size: 16px;
	line-height: 24px;
	font-family: MicrosoftYaHei;
	color: #333;
	-webkit-transition: color .2s;
	transition: color .2s
}

.new-resume .user-introduce .info-body .info-item .works-case dd .item-name .name:hover {
	color: #0083ff
}

.new-resume .user-introduce .info-body .info-item .works-case dd .item-name .src {
	float: right;
	height: 18px;
	padding-left: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAWlBMVEUAAACAgICenp6VlZWYmJiYmJiXl5eYmJiYmJiampqampqYmJiXl5eZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZku1NwBAAAAHXRSTlMAAhUdOUVHSE9YW1xdcXR2eHuQmZ2txdPT2fD8/oRFVlIAAABsSURBVAgdBcEHAoIwEACwoKAsi4U6arn/f9MEwFpbXQDkKHOJBZAjoVTgGQnmBvpzu3YoFewfv1cnxYrxcrwNbbpHRj5vUxu8j8uINR661893B7Wgu25nD9oMKZ5ALUiRAUuUuUQGsNRWV4A/omsGa04Xyq8AAAAASUVORK5CYII=) 0 no-repeat;font-size: 16px;
	line-height: 18px;
	font-family: PingFangSC-Light;
	color: #666
}

.new-resume .user-introduce .info-body .info-item .works-case dd .item-name .src:hover {
	color: #66b1ff
}

.new-resume .user-introduce .info-body .info-item .works-case dd .case-type {
	float: left;
	padding: 0 14px;
	margin-bottom: 5px;
	height: 24px;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #999;
	color: #999;
	font-size: 12px;
	text-align: center;
	line-height: 24px
}

.new-resume .user-introduce .info-body .info-item .works-case dd .work-info {
	clear: both;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	text-align: justify
}

.new-resume .user-introduce .info-body .info-item .works-case dd .btn-op {
	position: absolute;
	bottom: 22px;
	right: 10px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.new-resume .user-introduce .info-body .info-item .works-case dd .btn-op span {
	float: left;
	color: #999;
	font-size: 14px;
	margin-right: 20px;
	cursor: pointer
}

.new-resume .user-introduce .info-body .info-item .works-case dd .btn-op span:hover {
	color: #333
}

.new-resume .user-introduce .info-body .info-item .works-case dd .btn-op a {
	float: left;
	color: #999;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.new-resume .user-introduce .info-body .info-item .works-case dd .btn-op a:hover {
	color: #333
}

.new-resume .no-data {
	width: 1200px;
	height: 440px;
	margin: 0 auto;
	padding-top: 150px
}

.new-resume .no-data img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 40px
}

.new-resume .no-data p {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 14px;
	text-align: center
}

.new-resume .no-data p a {
	color: #0083ff
}

.article-container {
	font-family: MicrosoftYaHei;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.article-container ._content {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding-left: 50px
}

.article-container ._content .mid-nav {
	height: 56px;
	border-bottom: 1px solid #e5e5e5
}

.article-container ._content .mid-nav a {
	position: relative;
	display: inline-block;
	margin-right: 118px;
	color: #666;
	font-size: 24px;
	line-height: 56px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.article-container ._content .mid-nav a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 3px;
	top: 53px;
	left: 0;
	background-color: #333;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.article-container ._content .mid-nav a:hover {
	color: #000
}

.article-container ._content .mid-nav a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.article-container ._content .mid-nav a.select {
	color: #000
}

.article-container ._content .mid-nav a.select:before {
	content: "";
	position: absolute;
	top: 53px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #333
}

.article-container ._content .items-time {
	width: 1150px;
	margin: 0 auto;
	color: #333;
	height: 50px;
	font-size: 18px;
	position: relative;
	cursor: pointer
}

.article-container ._content .items-time .dropdown {
	position: absolute;
	right: -10px;
	top: 17px
}

.article-container ._content .items-time .dropdown .el-dropdown-link {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	margin-right: 10px
}

.article-container ._content .items-time .dropdown .el-dropdown-menu {
	width: 98px;
	text-align: center;
	left: -24px
}

.article-container ._content .nulldata {
	width: 1200px;
	margin: 150px auto;
	text-align: center
}

.article-container ._content .nulldata p {
	margin-top: 30px;
	font-size: 14px;
	color: #a9a9a9;
	margin-left: -12px
}

.article-container ._content .nulldata p a {
	color: #0083ff
}

.el-button {
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	background: #fff;
	border: 1px solid #dcdfe6;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	margin: 0;
	-webkit-transition: .1s;
	transition: .1s;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 12px 20px;
	font-size: 14px;
	border-radius: 4px
}

.el-button+.el-button {
	margin-left: 10px
}

.el-button:focus,.el-button:hover {
	color: #409eff;
	border-color: #c6e2ff;
	background-color: #ecf5ff
}

.el-button:active {
	color: #3a8ee6;
	border-color: #3a8ee6;
	outline: 0
}

.el-button::-moz-focus-inner {
	border: 0
}

.el-button [class*=el-icon-]+span {
	margin-left: 5px
}

.el-button.is-plain:focus,.el-button.is-plain:hover {
	background: #fff;
	border-color: #409eff;
	color: #409eff
}

.el-button.is-active,.el-button.is-plain:active {
	color: #3a8ee6;
	border-color: #3a8ee6
}

.el-button.is-plain:active {
	background: #fff;
	outline: 0
}

.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover {
	color: #c0c4cc;
	cursor: not-allowed;
	background-image: none;
	background-color: #fff;
	border-color: #ebeef5
}

.el-button.is-disabled.el-button--text {
	background-color: transparent
}

.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover {
	background-color: #fff;
	border-color: #ebeef5;
	color: #c0c4cc
}

.el-button.is-loading {
	position: relative;
	pointer-events: none
}

.el-button.is-loading:before {
	pointer-events: none;
	content: "";
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: inherit;
	background-color: hsla(0,0%,100%,.35)
}

.el-button.is-round {
	border-radius: 20px;
	padding: 12px 23px
}

.el-button.is-circle {
	border-radius: 50%;
	padding: 12px
}

.el-button--primary {
	color: #fff;
	background-color: #409eff;
	border-color: #409eff
}

.el-button--primary:focus,.el-button--primary:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.el-button--primary.is-active,.el-button--primary:active {
	background: #3a8ee6;
	border-color: #3a8ee6;
	color: #fff
}

.el-button--primary:active {
	outline: 0
}

.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover {
	color: #fff;
	background-color: #a0cfff;
	border-color: #a0cfff
}

.el-button--primary.is-plain {
	color: #409eff;
	background: #ecf5ff;
	border-color: #b3d8ff
}

.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover {
	background: #409eff;
	border-color: #409eff;
	color: #fff
}

.el-button--primary.is-plain:active {
	background: #3a8ee6;
	border-color: #3a8ee6;
	color: #fff;
	outline: 0
}

.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover {
	color: #8cc5ff;
	background-color: #ecf5ff;
	border-color: #d9ecff
}

.el-button--success {
	color: #fff;
	background-color: #67c23a;
	border-color: #67c23a
}

.el-button--success:focus,.el-button--success:hover {
	background: #85ce61;
	border-color: #85ce61;
	color: #fff
}

.el-button--success.is-active,.el-button--success:active {
	background: #5daf34;
	border-color: #5daf34;
	color: #fff
}

.el-button--success:active {
	outline: 0
}

.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover {
	color: #fff;
	background-color: #b3e19d;
	border-color: #b3e19d
}

.el-button--success.is-plain {
	color: #67c23a;
	background: #f0f9eb;
	border-color: #c2e7b0
}

.el-button--success.is-plain:focus,.el-button--success.is-plain:hover {
	background: #67c23a;
	border-color: #67c23a;
	color: #fff
}

.el-button--success.is-plain:active {
	background: #5daf34;
	border-color: #5daf34;
	color: #fff;
	outline: 0
}

.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover {
	color: #a4da89;
	background-color: #f0f9eb;
	border-color: #e1f3d8
}

.el-button--warning {
	color: #fff;
	background-color: #e6a23c;
	border-color: #e6a23c
}

.el-button--warning:focus,.el-button--warning:hover {
	background: #ebb563;
	border-color: #ebb563;
	color: #fff
}

.el-button--warning.is-active,.el-button--warning:active {
	background: #cf9236;
	border-color: #cf9236;
	color: #fff
}

.el-button--warning:active {
	outline: 0
}

.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover {
	color: #fff;
	background-color: #f3d19e;
	border-color: #f3d19e
}

.el-button--warning.is-plain {
	color: #e6a23c;
	background: #fdf6ec;
	border-color: #f5dab1
}

.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover {
	background: #e6a23c;
	border-color: #e6a23c;
	color: #fff
}

.el-button--warning.is-plain:active {
	background: #cf9236;
	border-color: #cf9236;
	color: #fff;
	outline: 0
}

.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover {
	color: #f0c78a;
	background-color: #fdf6ec;
	border-color: #faecd8
}

.el-button--danger {
	color: #fff;
	background-color: #f56c6c;
	border-color: #f56c6c
}

.el-button--danger:focus,.el-button--danger:hover {
	background: #f78989;
	border-color: #f78989;
	color: #fff
}

.el-button--danger.is-active,.el-button--danger:active {
	background: #dd6161;
	border-color: #dd6161;
	color: #fff
}

.el-button--danger:active {
	outline: 0
}

.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover {
	color: #fff;
	background-color: #fab6b6;
	border-color: #fab6b6
}

.el-button--danger.is-plain {
	color: #f56c6c;
	background: #fef0f0;
	border-color: #fbc4c4
}

.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover {
	background: #f56c6c;
	border-color: #f56c6c;
	color: #fff
}

.el-button--danger.is-plain:active {
	background: #dd6161;
	border-color: #dd6161;
	color: #fff;
	outline: 0
}

.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover {
	color: #f9a7a7;
	background-color: #fef0f0;
	border-color: #fde2e2
}

.el-button--info {
	color: #fff;
	background-color: #909399;
	border-color: #909399
}

.el-button--info:focus,.el-button--info:hover {
	background: #a6a9ad;
	border-color: #a6a9ad;
	color: #fff
}

.el-button--info.is-active,.el-button--info:active {
	background: #82848a;
	border-color: #82848a;
	color: #fff
}

.el-button--info:active {
	outline: 0
}

.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover {
	color: #fff;
	background-color: #c8c9cc;
	border-color: #c8c9cc
}

.el-button--info.is-plain {
	color: #909399;
	background: #f4f4f5;
	border-color: #d3d4d6
}

.el-button--info.is-plain:focus,.el-button--info.is-plain:hover {
	background: #909399;
	border-color: #909399;
	color: #fff
}

.el-button--info.is-plain:active {
	background: #82848a;
	border-color: #82848a;
	color: #fff;
	outline: 0
}

.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover {
	color: #bcbec2;
	background-color: #f4f4f5;
	border-color: #e9e9eb
}

.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active {
	border-color: transparent
}

.el-button--medium {
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 4px
}

.el-button--mini,.el-button--small {
	font-size: 12px;
	border-radius: 3px
}

.el-button--medium.is-round {
	padding: 10px 20px
}

.el-button--medium.is-circle {
	padding: 10px
}

.el-button--small,.el-button--small.is-round {
	padding: 9px 15px
}

.el-button--small.is-circle {
	padding: 9px
}

.el-button--mini,.el-button--mini.is-round {
	padding: 7px 15px
}

.el-button--mini.is-circle {
	padding: 7px
}

.el-button--text {
	color: #409eff;
	background: 0 0;
	padding-left: 0;
	padding-right: 0
}

.el-button--text:focus,.el-button--text:hover {
	color: #66b1ff;
	border-color: transparent;
	background-color: transparent
}

.el-button--text:active {
	color: #3a8ee6;
	background-color: transparent
}

.el-button-group {
	display: inline-block;
	vertical-align: middle
}

.el-button-group:after,.el-button-group:before {
	display: table;
	content: ""
}

.el-button-group:after {
	clear: both
}

.el-button-group .el-button {
	float: left;
	position: relative
}

.el-button-group .el-button+.el-button {
	margin-left: 0
}

.el-button-group .el-button:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.el-button-group .el-button:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.el-button-group .el-button:first-child:last-child {
	border-radius: 4px
}

.el-button-group .el-button:not(:first-child):not(:last-child) {
	border-radius: 0
}

.el-button-group .el-button:not(:last-child) {
	margin-right: -1px
}

.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover {
	z-index: 1
}

.el-button-group .el-button--primary:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--primary:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-popper .popper__arrow,.el-popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.el-popper .popper__arrow {
	border-width: 6px;
	-webkit-filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.03))
}

.el-popper .popper__arrow:after {
	content: " ";
	border-width: 6px
}

.el-popper[x-placement^=top] {
	margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
	bottom: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-color: #ebeef5;
	border-bottom-width: 0
}

.el-popper[x-placement^=top] .popper__arrow:after {
	bottom: 1px;
	margin-left: -6px;
	border-top-color: #fff;
	border-bottom-width: 0
}

.el-popper[x-placement^=bottom] {
	margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
	top: -6px;
	left: 50%;
	margin-right: 3px;
	border-top-width: 0;
	border-bottom-color: #ebeef5
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
	top: 1px;
	margin-left: -6px;
	border-top-width: 0;
	border-bottom-color: #fff
}

.el-popper[x-placement^=right] {
	margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
	top: 50%;
	left: -6px;
	margin-bottom: 3px;
	border-right-color: #ebeef5;
	border-left-width: 0
}

.el-popper[x-placement^=right] .popper__arrow:after {
	bottom: -6px;
	left: 1px;
	border-right-color: #fff;
	border-left-width: 0
}

.el-popper[x-placement^=left] {
	margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
	top: 50%;
	right: -6px;
	margin-bottom: 3px;
	border-right-width: 0;
	border-left-color: #ebeef5
}

.el-popper[x-placement^=left] .popper__arrow:after {
	right: 1px;
	bottom: -6px;
	margin-left: -6px;
	border-right-width: 0;
	border-left-color: #fff
}

.el-dropdown {
	display: inline-block;
	position: relative;
	color: #606266;
	font-size: 14px
}

.el-dropdown .el-button-group {
	display: block
}

.el-dropdown .el-button-group .el-button {
	float: none
}

.el-dropdown .el-dropdown__caret-button {
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	border-left: none
}

.el-dropdown .el-dropdown__caret-button:before {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	top: 5px;
	bottom: 5px;
	left: 0;
	background: hsla(0,0%,100%,.5)
}

.el-dropdown .el-dropdown__caret-button:hover:before {
	top: 0;
	bottom: 0
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
	padding-left: 0
}

.el-dropdown__icon {
	font-size: 12px;
	margin: 0 3px
}

.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
	outline-width: 0
}

.el-dropdown-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 10px 0;
	margin: 5px 0;
	background-color: #fff;
	border: 1px solid #ebeef5;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}

.el-dropdown-menu__item {
	list-style: none;
	line-height: 36px;
	padding: 0 20px;
	margin: 0;
	font-size: 14px;
	color: #606266;
	cursor: pointer;
	outline: 0
}

.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover {
	background-color: #ecf5ff;
	color: #66b1ff
}

.el-dropdown-menu__item--divided {
	position: relative;
	margin-top: 6px;
	border-top: 1px solid #ebeef5
}

.el-dropdown-menu__item--divided:before {
	content: "";
	height: 6px;
	display: block;
	margin: 0 -20px;
	background-color: #fff
}

.el-dropdown-menu__item.is-disabled {
	cursor: default;
	color: #bbb;
	pointer-events: none
}

.el-dropdown-menu--medium {
	padding: 6px 0
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
	line-height: 30px;
	padding: 0 17px;
	font-size: 14px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
	margin-top: 6px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
	height: 6px;
	margin: 0 -17px
}

.el-dropdown-menu--small {
	padding: 6px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
	line-height: 27px;
	padding: 0 15px;
	font-size: 13px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
	margin-top: 4px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
	height: 4px;
	margin: 0 -15px
}

.el-dropdown-menu--mini {
	padding: 3px 0
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
	line-height: 24px;
	padding: 0 10px;
	font-size: 12px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
	margin-top: 3px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
	height: 3px;
	margin: 0 -10px
}

#questionList-component {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}

#questionList-component .questionList-item {
	margin-bottom: 20px;
	padding: 20px 30px 20px 20px;
	background-color: #fff;
	border: 1px solid #f2f2f2
}

#questionList-component .questionList-item .author {
	color: #999;
	font-size: 14px
}

#questionList-component .questionList-item .author a {
	color: #0084ff;
	font-weight: 400;
	padding-left: 10px
}

#questionList-component .questionList-item .main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

#questionList-component .questionList-item .main .listLeft {
	width: 75%
}

#questionList-component .questionList-item .main .listLeft .name {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 10px
}

#questionList-component .questionList-item .main .listLeft .name span {
	color: #fff;
	font-size: 12px;
	padding: 3px 6px 3px 25px;
	border-radius: 10px;
	background-color: #ffc034;
	vertical-align: top;
	margin-left: 10px;
	position: relative
}

#questionList-component .questionList-item .main .listLeft .name span i {
	font-weight: 100;
	position: absolute;
	left: 5px;
	top: -4px
}

#questionList-component .questionList-item .main .listLeft .name:hover {
	color: #0084ff
}

#questionList-component .questionList-item .main .listLeft .type {
	margin-top: 13px
}

#questionList-component .questionList-item .main .listLeft .type span {
	display: inline-block;
	color: #999;
	font-size: 12px;
	font-weight: 400;
	padding: 5px 10px;
	background-color: #f5f5f5;
	border-radius: 12px;
	margin-right: 10px
}

#questionList-component .questionList-item .main .listLeft .type span:first-child {
	color: #0083ff;
	background-color: #deefff
}

#questionList-component .questionList-item .main .listLeft .unpass {
	display: inline-block;
	color: red;
	font-size: 14px;
	font-weight: 400;
	padding: 2px 8px;
	border: 1px solid red;
	margin-top: 20px
}

#questionList-component .questionList-item .main .listLeft .des {
	margin-top: 20px
}

#questionList-component .questionList-item .main .listLeft .des .talk .avtor {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	position: relative;
	top: 3px
}

#questionList-component .questionList-item .main .listLeft .des .talk .avtor:first-child {
	margin-left: 5px;
	left: -5px
}

#questionList-component .questionList-item .main .listLeft .des .talk .avtor:nth-child(2) {
	left: -10px
}

#questionList-component .questionList-item .main .listLeft .des .talk .avtor:nth-child(3) {
	left: -15px
}

#questionList-component .questionList-item .main .listLeft .des .talk .avtor:nth-child(4) {
	left: -20px
}

#questionList-component .questionList-item .main .listLeft .des .talk .message {
	color: #999;
	font-size: 14px;
	vertical-align: super;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #aaa
}

#questionList-component .questionList-item .main .listLeft .des .read {
	color: #999;
	font-size: 14px;
	vertical-align: super
}

#questionList-component .questionList-item .main .listRight {
	width: 25%;
	text-align: right;
	position: relative
}

#questionList-component .questionList-item .main .listRight .answer {
	display: inline-block;
	padding: 5px 14px;
	background-color: #a0d66d;
	border-radius: 4px;
	margin-top: 10px
}

#questionList-component .questionList-item .main .listRight .answer p {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-align: center
}

#questionList-component .questionList-item .main .listRight .answer p.num {
	font-size: 16px;
	font-weight: 700
}

#questionList-component .questionList-item .main .listRight .operation {
	display: none;
	position: absolute;
	bottom: 5px;
	right: 0
}

#questionList-component .questionList-item .main .listRight .operation button {
	border: none;
	background: none;
	color: #666;
	font-size: 14px;
	margin-right: 30px;
	cursor: pointer
}

#questionList-component .questionList-item .main .listRight .operation button:last-child {
	margin-right: 0
}

#questionList-component .questionList-item .main .listRight .operation button:hover {
	color: #0083ff
}

#questionList-component .questionList-item .main .listRight .operation button i {
	margin-right: 3px
}

#questionList-component .questionList-item:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

#questionList-component .questionList-item:hover .listRight .operation {
	display: block
}

#questionList-component .default {
	padding: 120px 0 160px;
	text-align: center
}

#questionList-component .default img {
	width: 230px;
	height: 193px
}

#questionList-component .default p {
	color: #d0d0d0;
	font-size: 20px;
	margin-top: 30px
}

#questionList-component .dialog {
	width: 600px;
	padding: 40px 100px
}

#questionList-component .dialog h2 {
	color: #333;
	font-size: 30px;
	font-weight: 400
}

#questionList-component .dialog p {
	color: #999;
	font-size: 16px;
	line-height: 24px;
	margin-top: 30px
}

#questionList-component .dialog .operation {
	text-align: right;
	margin-top: 40px
}

#questionList-component .dialog .operation button {
	width: 118px;
	height: 40px;
	color: #0083ff;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #fff;
	margin-left: 20px
}

#questionList-component .dialog .operation button.comfirm {
	color: #fff;
	background-color: #0083ff
}

.article-container {
	font-family: MicrosoftYaHei;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.article-container .art_content {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

.article-container .art_content .mid-nav {
	height: 56px;
	border-bottom: 1px solid #e5e5e5
}

.article-container .art_content .mid-nav a {
	position: relative;
	display: inline-block;
	margin-right: 118px;
	color: #666;
	font-size: 24px;
	line-height: 56px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.article-container .art_content .mid-nav a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 3px;
	top: 53px;
	left: 0;
	background-color: #333;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.article-container .art_content .mid-nav a:hover {
	color: #000
}

.article-container .art_content .mid-nav a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.article-container .art_content .mid-nav a.select {
	color: #000
}

.article-container .art_content .mid-nav a.select:before {
	content: "";
	position: absolute;
	top: 53px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #333
}

.article-container .art_content ul {
	margin-top: 50px
}

.article-container .art_content ul #blog_base li .haveimg {
	width: 984px
}

.article-container .art_content .dropdown {
	position: absolute;
	top: 80px;
	right: 0;
	cursor: pointer
}

.article-container .no-data {
	width: 1200px;
	height: 440px;
	margin: 0 auto;
	padding-top: 150px
}

.article-container .no-data img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 40px
}

.article-container .no-data p {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 14px;
	text-align: center
}

.article-container .no-data p a {
	color: #0083ff
}

#blog_base li {
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5
}

#blog_base li .haveimg {
	width: 420px;
	display: inline-block;
	vertical-align: top;
	margin-right: 18px;
	height: 138px
}

#blog_base li #blog_left {
	position: relative;
	min-height: 125px
}

#blog_base li #blog_left .tip {
	position: absolute;
	left: 0;
	bottom: 5px
}

#blog_base li #blog_left .tip img {
	float: left;
	margin-right: 11px;
	border-radius: 50%
}

#blog_base li #blog_left .tip .name {
	color: #333
}

#blog_base li #blog_left .tip .name,#blog_base li #blog_left .tip .time {
	float: left;
	margin-right: 7px;
	font-size: 12px;
	line-height: 12px;
	margin-top: 11px
}

#blog_base li #blog_left .tip .time {
	color: #999
}

#blog_base li #blog_left a:link h2 {
	color: #333
}

#blog_base li #blog_left a:link h2:hover {
	color: #0083ff
}

#blog_base li #blog_left a:visited h2 {
	color: #999
}

#blog_base li #blog_left a:visited h2:hover {
	color: #0083ff
}

#blog_base li #blog_left h2 {
	width: 100%;
	height: 44px;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	font-weight: 700;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis
}

#blog_base li #blog_left h2 em {
	color: #f35a4c;
	font-size: 12px;
	border-radius: 4px;
	border: 1px solid #f35a4c;
	background-color: #fff;
	margin-left: 10px;
	line-height: 20px;
	padding: 0 8px;
	display: inline-block;
	vertical-align: top
}

#blog_base li #blog_left .the_content {
	overflow: hidden;
	height: 48px;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	word-wrap: break-word
}

#blog_base li #blog_left .lostofimg .imgBox {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 35px;
	width: 199px;
	height: 139px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#blog_base li #blog_left .lostofimg .imgBox:nth-of-type(2) {
	margin: 0 20px
}

#blog_base li #blog_left .bottom {
	position: absolute;
	right: 0;
	bottom: 5px
}

#blog_base li #blog_left .bottom .browse {
	float: left;
	font-size: 12px;
	line-height: 12px;
	color: #ccc;
	margin-right: 30px
}

#blog_base li #blog_left .bottom .browse i {
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-bottom: -2px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAATlBMVEUAAAD///+qqqrOzs7FxcXIyMjKysrLy8vKysrNzc3JycnMzMzNzc3Ly8vMzMzLy8vLy8vLy8vLy8vLy8vLy8vMzMzLy8vMzMzLy8vMzMx9sswHAAAAGXRSTlMAAgMVFhwxMlxcZWVmZ3V2i8PG2PPz+vv+mE5orQAAAF5JREFUeF5lztsKgCAURNHJzMprlZrz/z9aZhDUetswHA7+hmU/jn0ZWk2RtzjV0oXZ973PLBpQmQzC2S6QWWElKR1pJckV25Ou5oaxjZ2o4xEw7ymDy5x4S/PnjZ8TyU4H8AtpL/oAAAAASUVORK5CYII=) no-repeat 50%
}

#blog_base li #blog_left .bottom .comments {
	float: left;
	font-size: 12px;
	line-height: 12px;
	color: #ccc
}

#blog_base li #blog_left .bottom .comments i {
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-bottom: -2px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAAAAACqqqqzuL2xuL+ytbyyuL6yub6wtruxt72yub6xt7yyuL2yt72yuLyyuL2xt72xuL2xt7yyuL2yuL1E6w0MAAAAFHRSTlMAAQYvSFBTanGEnZ6fur3R0/j9/pZyhpwAAABLSURBVHhezckxDoAgEATAE1QRUED2/2/VauNdrA3TjvzFV7xUzyhQCqPr6AwYY0TT0RhRR2S4kPLjAHDmFJwY0w4s8mm7GMY6ywhu2kgOjXjbJPEAAAAASUVORK5CYII=) no-repeat 50%
}

#blog_base li #blog_right {
	display: inline-block;
	vertical-align: top;
	width: 198px;
	height: 138px
}

#blog_base li #blog_right .imgBox {
	width: 198px;
	height: 138px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.fans-container {
	font-family: MicrosoftYaHei;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.fans-container .content {
	width: 1200px;
	margin: 0 auto;
	padding-left: 50px
}

.fans-container .content .mid-nav {
	height: 56px;
	border-bottom: 1px solid #e5e5e5
}

.fans-container .content .mid-nav a {
	position: relative;
	display: inline-block;
	margin-right: 118px;
	color: #666;
	font-size: 24px;
	line-height: 56px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fans-container .content .mid-nav a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 3px;
	top: 53px;
	left: 0;
	background-color: #333;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.fans-container .content .mid-nav a:hover {
	color: #000
}

.fans-container .content .mid-nav a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.fans-container .content .mid-nav a.select {
	color: #000
}

.fans-container .content .mid-nav a.select:before {
	content: "";
	position: absolute;
	top: 53px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #333
}

.fans-container .content ul {
	margin-top: 50px
}

.fans-container .content ul li {
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5
}

.fans-container .content ul li .top {
	height: 34px;
	margin-bottom: 20px
}

.fans-container .content ul li .top a {
	float: left
}

.fans-container .content ul li .top a:hover .article-name {
	color: #0083ff
}

.fans-container .content ul li .top a .avatar {
	float: left;
	overflow: hidden;
	position: relative;
	width: 34px;
	height: 34px;
	margin-right: 12px;
	border-radius: 50%
}

.fans-container .content ul li .top a .avatar img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.fans-container .content ul li .top a .article-name {
	float: left;
	height: 34px;
	margin-right: 8px;
	font-size: 12px;
	line-height: 34px;
	color: #333
}

.fans-container .content ul li .top .time {
	float: left;
	height: 34px;
	font-size: 12px;
	line-height: 34px;
	color: #999
}

.fans-container .content ul li .link-region {
	display: block
}

.fans-container .content ul li .link-region:hover h1 {
	color: #0083ff
}

.fans-container .content ul li .link-region h1 {
	margin-bottom: 16px;
	color: #333;
	font-size: 18px;
	line-height: 18px
}

.fans-container .content ul li .link-region p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin-bottom: 10px;
	font-size: 18px;
	font-family: MicrosoftYaHei;
	color: #333;
	line-height: 24px;
	text-align: justify
}

.fans-container .content ul li .link-region .see {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAASFBMVEUAAAD////Ozs7FxcXQ0NDLy8vNzc3KysrMzMzNzc3Nzc3Ly8vLy8vNzc3MzMzMzMzLy8vMzMzMzMzMzMzMzMzLy8vMzMzMzMxy2h/PAAAAF3RSTlMAAhUWGzFbXGRlZmZndYvDxtfz+fr7/hX0wWoAAABYSURBVHheZY5ZDoAgFAMfKIvIvvX+NzWoxETmb5KmLa3sPrWW/P6YzLjJcpjuqI5zV9E1kSiAY9YwBxRBAcBmgHMDECi+aobGGbZvmI6v6hjVag6p342FC36zBxrCTqR0AAAAAElFTkSuQmCC) 0 0 no-repeat
}

.fans-container .content ul li .link-region .reply,.fans-container .content ul li .link-region .see {
	display: inline-block;
	height: 14px;
	padding-left: 22px;
	margin-right: 30px;
	color: #ccc;
	font-size: 12px;
	line-height: 14px
}

.fans-container .content ul li .link-region .reply {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMBAMAAACgrpHpAAAAMFBMVEUAAAAAAAD////MzMzKysrMzMzMzMzLy8vMzMzLy8vMzMzMzMzLy8vMzMzLy8vMzMxG7FPyAAAAD3RSTlMAAQEtMDxQXW5xi5uo8PtZTGeRAAAANklEQVQIW2Oo/Q8EfwsY7oPo/xcYwNT/DwTp92D6AcN+ML2BQTQt7fzPVAEGIND6wgABzQwMAF9AQRb9iVopAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.fans-container .no-data {
	width: 1200px;
	height: 440px;
	margin: 0 auto;
	padding-top: 150px
}

.fans-container .no-data img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 40px
}

.fans-container .no-data p {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 14px;
	text-align: center
}

.fans-container .no-data p a {
	color: #0083ff
}

.applyList .pagination .next,.applyList .pagination .num div,.applyList .pagination .prve {
	background-color: #fff
}

.applyList .el-cascader,.applyList .el-date-editor,.applyList .el-select {
	width: 440px!important
}

.applyList .el-cascader .el-input__inner,.applyList .el-date-editor .el-input__inner,.applyList .el-select .el-input__inner {
	height: 44px!important;
	padding-left: 12px;
	border-radius: 6px
}

.applyList .el-cascader .el-input__inner:focus,.applyList .el-date-editor .el-input__inner:focus,.applyList .el-select .el-input__inner:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.applyList .el-cascader .el-input__prefix,.applyList .el-date-editor .el-input__prefix,.applyList .el-select .el-input__prefix {
	left: 410px;
	width: 20px!important;
	height: 20px!important
}

.applyList .el-cascader .el-input__prefix .el-input__icon .el-icon-date,.applyList .el-date-editor .el-input__prefix .el-input__icon .el-icon-date,.applyList .el-select .el-input__prefix .el-input__icon .el-icon-date {
	width: 20px;
	height: 20px
}

.applyList .upload .el-upload-list--picture-card .el-upload-list__item {
	width: 74px!important;
	height: 74px!important;
	margin: 0 10px 8px 0
}

.applyList .upload .el-upload--picture-card {
	width: 74px!important;
	height: 74px!important;
	line-height: 74px!important
}

.applyList {
	background-color: #f8f8f8
}

.applyList button {
	cursor: pointer
}

.applyList p {
	word-break: break-all
}

.applyList .container-bannar {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	background: url(http://www.luojinet.com/img/banner.81ed8aa.png) 0 no-repeat;
	background-size: 100% 100%
}

.applyList .container-bannar .bannar-bar {
	width: 1200px;
	margin: 0 auto;
	padding-top: 62px;
	color: #fff;
	font-size: 16px;
	line-height: 16px
}

.applyList .container-bannar .bannar-bar a {
	color: #fff
}

.applyList .container-bannar .bannar-bar span {
	font-weight: 700
}

.applyList .list {
	padding-top: 15px
}

.applyList .list .loading {
	min-height: 450px
}

.applyList .list .item {
	width: 1200px;
	margin: 35px auto 0;
	padding: 36px 0 36px 69px;
	background-color: #fff;
	display: table;
	background: url(http://www.luojinet.com/img/applyBg.7d56b48.png) 0 no-repeat;
	background-size: 100% 100%
}

.applyList .list .item .left {
	padding-right: 55px;
	width: 725px;
	display: table-cell;
	vertical-align: middle
}

.applyList .list .item .left h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	padding: 19px 0
}

.applyList .list .item .left h2 span {
	float: right;
	font-size: 18px;
	line-height: 30px
}

.applyList .list .item .left h2 span em {
	color: #f77272;
	font-size: 20px
}

.applyList .list .item .left p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	word-break: break-all;
	margin-top: 26px;
	height: 77px;
	overflow: hidden
}

.applyList .list .item .line {
	width: 1px;
	height: 173px;
	display: table-cell;
	background-color: #e5e5e5
}

.applyList .list .item .right {
	width: 406px;
	vertical-align: middle;
	display: table-cell;
	padding-left: 60px;
	position: relative
}

.applyList .list .item .right img {
	width: 90px;
	height: 90px;
	float: left;
	display: block;
	border-radius: 50%;
	margin-right: 18px
}

.applyList .list .item .right em {
	color: #000;
	font-size: 20px;
	line-height: 20px;
	width: 135px;
	display: inline-block
}

.applyList .list .item .right p {
	color: #999;
	font-size: 16px;
	line-height: 16px;
	margin-top: 18px
}

.applyList .list .item .right .operation {
	clear: both;
	padding-top: 25px
}

.applyList .list .item .right .operation button {
	color: #0083ff;
	font-size: 16px;
	border: 1px solid #0083ff;
	width: 120px;
	height: 42px;
	background-color: #fff;
	border-radius: 4px
}

.applyList .list .item .right .operation button:last-child {
	color: #fff;
	background-color: #0083ff;
	margin-left: 20px
}

.applyList .list .item .right .operation button:last-child:hover {
	background: #66b1ff;
	border-color: #66b1ff
}

.applyList .list .item .right span {
	display: block;
	width: 110px;
	height: 33px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAjCAMAAABCQ897AAAAgVBMVEX/////uwDkqw7/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD/uwDkqw7/uwDkqw7kqw7kqw7kqw7/uwDkqw7/uwDkqw7kqw7kqw7kqw7/uwDkqw7/uwDkqw7/uwD/uwD/uwD/uwD/uwDkqw4yyTTDAAAAKXRSTlMAAADqA0wQ6YCSV60FWOyW6PkGxjP44q/yb5HMk/uQDBzET8UDlIHH+h31iKoAAACgSURBVHhe3dZXDoMwFAVRbGMICRBCeu/lev8LjGQpygqYD88GztcrGZJdX2wM4sJm+yC5EPYLlAvH09lmBinEVrc/V/vdvFtq2H5cMXKKIVzTSRiXTyWOyyciuYNIbiySK0qUG4nkeodyXihXsdyV5RzLzZLmHMvdkx4Ez3J9K3hF0wco4fNqzFPCX6NEH79YU6KcKV4txsVqX73Lj4btC4xQA69CL7R5AAAAAElFTkSuQmCC) 0 no-repeat;background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: -8px
}

.applyList .msg-box {
	width: 734px;
	min-height: 670px;
	padding: 40px 100px 50px;
	background: #fff
}

.applyList .msg-box h3 {
	height: 30px;
	margin-bottom: 55px;
	font-size: 30px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 30px;
	color: #333
}

.applyList .msg-box .header-item {
	height: 60px;
	margin-bottom: 17px
}

.applyList .msg-box .header-item div {
	overflow: hidden;
	position: relative;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 24px;
	border-radius: 50%
}

.applyList .msg-box .header-item div img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.applyList .msg-box .header-item .name {
	float: left;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	padding-top: 20px;
	width: 30%;
	color: #666
}

.applyList .msg-box .header-item .project-name {
	float: right;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	padding-top: 20px;
	width: 50%;
	text-align: right;
	color: #666
}

.applyList .msg-box .ipt-item {
	height: 44px;
	margin-bottom: 40px
}

.applyList .msg-box .ipt-item label {
	float: left;
	width: 94px;
	height: 44px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 44px;
	color: #666
}

.applyList .msg-box .ipt-item label i {
	color: #ff7070;
	font-style: normal
}

.applyList .msg-box .ipt-item input::-webkit-input-placeholder {
	color: #ccc
}

.applyList .msg-box .ipt-item input {
	display: block;
	width: 440px;
	height: 44px;
	padding: 0 52px 0 12px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.applyList .msg-box .ipt-item input:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.applyList .msg-box .supplement {
	padding: 12px 17px 20px;
	background-color: #f2f2f2
}

.applyList .msg-box .supplement .title {
	color: #333;
	font-size: 16px
}

.applyList .msg-box .supplement .des {
	color: #666;
	font-size: 12px;
	margin-top: 5px
}

.applyList .msg-box .supplement .uploadFile {
	margin-top: 10px;
	display: table
}

.applyList .msg-box .supplement .uploadFile div {
	display: table-cell;
	vertical-align: middle
}

.applyList .msg-box .supplement .uploadFile .logo {
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.applyList .msg-box .supplement .uploadFile .name {
	color: #333;
	font-size: 16px;
	padding-left: 15px;
	max-width: 390px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	cursor: pointer
}

.applyList .msg-box .supplement .uploadFile .name:hover {
	color: #0083ff
}

.applyList .msg-box .supplement .uploadFile .delete {
	cursor: pointer;
	color: #0083ff;
	padding-left: 8px
}

.applyList .msg-box .supplement .add {
	color: #0083ff;
	font-size: 16px;
	margin-top: 15px;
	line-height: 30px;
	background: url("http://www.luojinet.com/images/myJobs/tianjjia.png") no-repeat 0;
	background-size: 20px;
	padding-left: 25px;
	cursor: pointer
}

.applyList .msg-box .photo-tmp {
	padding: 20px;
	margin-bottom: 10px;
	background: #f2f2f2
}

.applyList .msg-box .photo-tmp .title {
	margin-bottom: 15px
}

.applyList .msg-box .notice,.applyList .msg-box .photo-tmp .title {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 14px
}

.applyList .msg-box .notice {
	margin-bottom: 40px;
	margin-top: 15px
}

.applyList .msg-box .notice a {
	color: #0083ff
}

.applyList .msg-box .btn-box {
	height: 42px
}

.applyList .msg-box .btn-box .confirm {
	float: right;
	width: 120px;
	height: 42px;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #fff;
	line-height: 42px;
	text-align: center;
	cursor: pointer
}

.applyList .msg-box .btn-box .confirm:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.applyList .msg-box .btn-box .cancle {
	float: right;
	width: 120px;
	height: 42px;
	margin-right: 20px;
	background: #fff;
	border-radius: 4px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #0083ff;
	line-height: 42px;
	text-align: center;
	border: 1px solid #0083ff;
	cursor: pointer
}

.applyList .msg-box .btn-box .cancle:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.casedetail {
	background-color: #f8f8f8;
	padding: 30px 0
}

.casedetail .casestate {
	width: 1200px;
	margin: 20px auto;
	margin-top: 0;
	padding: 30px 47px 52px;
	background-color: #fff
}

.casedetail .casestate .stateList {
	position: relative
}

.casedetail .casestate .stateList .list {
	margin-top: 35px;
	text-align: center
}

.casedetail .casestate .stateList .list .item {
	display: inline-block;
	width: 70px;
	margin-right: 134px;
	text-align: center;
	position: relative
}

.casedetail .casestate .stateList .list .item span {
	border-radius: 50%;
	font-size: 26px;
	padding: 12px;
	background: #0083ff;
	color: #fff
}

.casedetail .casestate .stateList .list .item .beforestate {
	color: #666;
	background: #eaeaea
}

.casedetail .casestate .stateList .list .item p {
	color: #999;
	font-size: 14px;
	line-height: 14px;
	margin-top: 30px
}

.casedetail .casestate .stateList .list .item .beforeline:before {
	content: "";
	width: 134px;
	position: absolute;
	top: 16px;
	right: 70px;
	border-top: 2px solid #dfdfdf;
	z-index: 1
}

.casedetail .casestate .stateList .list .item:after {
	content: "";
	width: 134px;
	position: absolute;
	top: 16px;
	right: -134px;
	border-top: 2px solid #dfdfdf;
	z-index: 10
}

.casedetail .casestate .stateList .list .item:last-child {
	margin-right: 0
}

.casedetail .casestate .stateList .list .item:last-child:after {
	display: none
}

.casedetail .casestate .stateList .list .item.current p,.casedetail .casestate .stateList .list .item.ed p {
	color: #0083ff
}

.casedetail .casestate .stateList .list .item.ed:after {
	border-top: 2px solid #0083ff!important
}

.casedetail .casestate .stateList .list .item.eds:after {
	width: 67px;
	right: -67px;
	border-top: 2px solid #0083ff!important
}

.casedetail .casestate .stateList .operation {
	position: absolute;
	top: 54px;
	right: 0
}

.casedetail .casestate .stateList .operation a,.casedetail .casestate .stateList .operation button {
	display: block;
	width: 140px;
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #0083ff;
	color: #fff;
	background-color: #0083ff
}

.casedetail .casestate .stateList .operation a:hover,.casedetail .casestate .stateList .operation button:hover {
	background: #66b1ff;
	border-color: #66b1ff
}

.casedetail .casestate .stateList .operation a.lock,.casedetail .casestate .stateList .operation button.lock {
	border: 1px solid #e5e5e5;
	background-color: #e5e5e5
}

.casedetail .casestate .stateList .operation a.lock:hover,.casedetail .casestate .stateList .operation button.lock:hover {
	background: #e5e5e5;
	border-color: #e5e5e5
}

.casedetail .casestate .stateList .operation p {
	color: #333;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	margin-top: 13px
}

.casedetail .casestate .stateList .operation p span {
	cursor: pointer;
	padding: 0 14px
}

.casedetail .casestate .stateList .operation p span:first-child {
	padding-left: 23px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAh1BMVEUAAAAAAAAAAAAAAAAAAAArAAAkAAAgAAAeDw8gFRUfFBQdFBQgGBAhFBQhFhYjFhYhGRUhGRUhFxQiFxQiFxUiFxQhFhQjGBMiGBUiFxUjGBQjFxUiGBUjFxQjGBUjFxQiGBQjGBUjGBUjGBQjGBQjFxUjFxUjFxUjGBUiGBQjGBQiFxUiFxV423P8AAAALXRSTlMAAQMEBQYHCBEYGRogJy86PT5NWm9xc3Z3eYuTlKeqsLK3uL2/xMXHx8nNz9Dgx5ZuAAAAbUlEQVQIHXXA0RaBQBiF0Y8fQgVQRJxmoHj/57PmwmpubFLfvn5an9Lk9PIGR8whYkJgRmAGQrCqh8DgsgYhYKeMeX0EhACW185tAISIiQexO+cyAaazYFFWjIoP4/1bwa0wwG+7w4Te85Tw1xfNkQjyrf3EZQAAAABJRU5ErkJggg==) 4px 4px no-repeat;border-right: 1px solid #e5e5e5
}

.casedetail .casedeatailmsg {
	width: 1200px;
	margin: 30px auto;
	background: #fff;
	padding: 55px 75px
}

.casedetail .casedeatailmsg .thismessage h3 {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.casedetail .casedeatailmsg .thismessage .childType {
	margin-bottom: 10px
}

.casedetail .casedeatailmsg .thismessage .childType span {
	border-radius: 13px;
	background: #e4f2ff;
	font-size: 12px;
	color: #0083ff;
	padding: 5px 10px;
	margin-right: 10px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft,.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright {
	display: inline-block;
	vertical-align: top
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft {
	width: 650px;
	border-right: 1px solid #e5e5e5
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideleft,.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideright {
	display: inline-block;
	vertical-align: top;
	color: #666
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideleft p,.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideright p {
	margin-bottom: 10px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideleft .commentname,.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideright .commentname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseleft .insideleft {
	width: 300px;
	margin-right: 20px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright {
	margin-left: 60px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright .peopletop {
	margin-bottom: 20px;
	margin-top: -15px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright img,.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright span {
	display: inline-block;
	vertical-align: top
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright img {
	width: 54px;
	height: 54px;
	border-radius: 50%
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright .name {
	color: #333;
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	margin-top: 12px;
	margin-left: 18px;
	margin-right: 24px
}

.casedetail .casedeatailmsg .thismessage .thiscasemsg .caseright .sortname {
	font-size: 14px;
	margin-top: 25px;
	color: #666
}

.casedetail .casedeatailmsg .thismessage .pintai {
	width: 1050px;
	height: 180px;
	background: #f8f8f8;
	border-radius: 4px;
	padding: 15px;
	position: relative;
	margin-top: 40px
}

.casedetail .casedeatailmsg .thismessage .pintai .douhao {
	position: absolute;
	width: 71px;
	height: 68px;
	top: -17px;
	right: 30px
}

.casedetail .casedeatailmsg .thismessage .pintai p img,.casedetail .casedeatailmsg .thismessage .pintai p span {
	display: inline-block;
	vertical-align: top
}

.casedetail .casedeatailmsg .thismessage .pintai p img {
	margin-right: 7px;
	margin-top: 1px;
	width: 18px;
	height: 18px
}

.casedetail .casedeatailmsg .thismessage .pintai p span {
	font-size: 14px;
	color: #999
}

.casedetail .casedeatailmsg .thismessage .pintai p .allpay {
	margin-right: 17px;
	font-size: 14px;
	color: #02b18e
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao {
	margin-top: 40px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li {
	display: inline-block;
	margin-left: 25px;
	margin-right: 85px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li:first-of-type {
	margin-right: 20px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li:first-of-type .money {
	width: 166px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section,.casedetail .casedeatailmsg .thismessage .pintai .tubiao li span {
	display: inline-block;
	vertical-align: top
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section {
	margin-left: 15px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section div {
	font-size: 16px;
	color: #666
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section span {
	font-size: 28px;
	display: inline-block;
	vertical-align: bottom;
	color: #ff532b
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section .price {
	color: #ff532b;
	font-size: 24px;
	font-weight: 700;
	line-height: 34px
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li section .money {
	font-weight: 700
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li .data {
	color: #333;
	margin-top: 2px;
	font-size: 24px;
	margin-bottom: 5px;
	width: 143px;
	overflow: hidden;
	white-space: nowrap
}

.casedetail .casedeatailmsg .thismessage .pintai .tubiao li .hetong {
	font-size: 18px;
	color: #333;
	margin-top: 9px;
	margin-bottom: 8px;
	margin-left: -8px
}

.casedetail .casedeatailmsg .thismessage .pintai .iconfont {
	font-size: 30px;
	padding: 16px;
	background: #fb0;
	color: #fff;
	border-radius: 32px;
	padding-bottom: 14px
}

.casedetail .casedeatailmsg .thismessage .pintai .icon-jiaofuriqi {
	background: #90a5ff
}

.casedetail .casedeatailmsg .thismessage .pintai .icon-hetong {
	color: #56aaff;
	background-color: #56aaff;
	color: #fff
}

.casedetail .casedeatailmsg .thismessage .projectdescrib {
	margin-top: 40px
}

.casedetail .casedeatailmsg .thismessage .projectdescrib h3 {
	font-size: 24px;
	color: #333
}

.casedetail .casedeatailmsg .thismessage .projectdescrib section {
	height: 1px;
	width: 100px;
	background: #d0d0d0;
	margin-left: -3px
}

.casedetail .casedeatailmsg .thismessage .projectdescrib .projectdescribuu {
	margin-top: 30px
}

.the_questiondetails {
	background: #fafafa;
	padding-bottom: 42px
}

.the_questiondetails em,.the_questiondetails i {
	list-style: none
}

.the_questiondetails h2,.the_questiondetails h3 {
	font-weight: 400
}

.the_questiondetails body {
	background: #fafafa
}

.the_questiondetails .ql-editor {
	white-space: pre-line
}

.the_questiondetails .tip {
	background: #fff5e9;
	border: 1px solid #ffd9ae;
	color: #999;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 20px
}

.the_questiondetails .tip img {
	margin: -4px 2px 0 5px;
	vertical-align: middle
}

.the_questiondetails .tip a {
	color: #ff9400;
	display: inline-block;
	margin-left: 5px
}

.the_questiondetails .tip a span {
	color: #ff9400;
	display: inline-block;
	margin-right: 7px
}

.the_questiondetails textarea::-webkit-input-placeholder {
	font-family: MicrosoftYaHei PingFangSC-Regular
}

.the_questiondetails textarea::-moz-placeholder {
	font-family: MicrosoftYaHei PingFangSC-Regular
}

.the_questiondetails textarea:-ms-input-placeholder {
	font-family: MicrosoftYaHei PingFangSC-Regular
}

.the_questiondetails .questionmainpart {
	width: 100%;
	height: 100%
}

.the_questiondetails .questionmainpart .pagination {
	padding: 30px 0
}

.the_questiondetails .questionmainpart .middle {
	width: 1200px;
	margin: 0 auto
}

.the_questiondetails .questionmainpart .question-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #fff;
	border-bottom: 1px solid hsla(0,0%,41%,.35);
	z-index: 55
}

.the_questiondetails .questionmainpart .question-header h2 {
	float: left;
	width: 79%;
	padding: 24px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 32px;
	line-height: 32px;
	color: #333;
	font-weight: 700
}

.the_questiondetails .questionmainpart .question-header h2 span {
	display: inline-block;
	vertical-align: top;
	font-weight: 700
}

.the_questiondetails .questionmainpart .question-header h2 .xuanshan {
	border-radius: 15px;
	background: #ffc034;
	color: #fff;
	font-size: 14px;
	padding: 0 9px;
	margin-top: 2px
}

.the_questiondetails .questionmainpart .question-header h2 .xuanshan span {
	font-size: 21px;
	margin-right: 5px
}

.the_questiondetails .questionmainpart .question-header .publisher {
	float: right;
	padding: 16px 0
}

.the_questiondetails .questionmainpart .question-header .publisher img {
	float: left;
	margin-right: 13px;
	border-radius: 50%
}

.the_questiondetails .questionmainpart .question-header .publisher .name {
	float: left;
	max-width: 94px;
	margin-right: 10px;
	font-size: 16px;
	line-height: 47px;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.the_questiondetails .questionmainpart .question-header .publisher .attention {
	float: left;
	width: 76px;
	height: 30px;
	padding: 8px 0;
	margin-top: 8px;
	background: #008ffa;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.the_questiondetails .questionmainpart .question-header .publisher .has {
	background: #e5e5e5;
	color: #999
}

.the_questiondetails .questionmainpart textarea {
	border: none
}

.the_questiondetails .questionmainpart .question-title {
	width: 100%;
	background: #fff;
	border-top: 1px solid #f8f8f8;
	padding: 17px 0 5px;
	margin-bottom: 31px
}

.the_questiondetails .questionmainpart .question-title .top {
	margin-bottom: 11px
}

.the_questiondetails .questionmainpart .question-title .top li {
	float: left;
	height: 24px;
	margin-right: 7px;
	padding: 5px 10px;
	background: #f5f5f5;
	font-size: 14px;
	line-height: 14px;
	color: #999;
	text-align: center;
	border-radius: 13px
}

.the_questiondetails .questionmainpart .question-title .top li:first-of-type {
	background: #eaf3ff;
	color: #008ffa
}

.the_questiondetails .questionmainpart .question-title p {
	margin-bottom: 14px;
	font-size: 32px;
	line-height: 32px;
	color: #333;
	word-wrap: break-word;
	font-weight: 700
}

.the_questiondetails .questionmainpart .question-title p span {
	display: inline-block;
	vertical-align: top;
	font-family: MicrosoftYaHei;
	font-weight: 900
}

.the_questiondetails .questionmainpart .question-title p .xuanshan {
	margin-left: 10px;
	border-radius: 15px;
	background: #ffc034;
	color: #fff;
	font-size: 14px;
	padding: 0 9px;
	margin-top: 2px;
	font-weight: 900
}

.the_questiondetails .questionmainpart .question-title p .xuanshan span {
	font-size: 21px;
	margin-right: 5px
}

.the_questiondetails .questionmainpart .question-title .introduce .publisher {
	float: left
}

.the_questiondetails .questionmainpart .question-title .introduce .publisher img {
	float: left;
	margin-right: 13px;
	border-radius: 50%
}

.the_questiondetails .questionmainpart .question-title .introduce .publisher .name {
	float: left;
	margin-right: 10px;
	font-size: 16px;
	line-height: 47px;
	color: #333
}

.the_questiondetails .questionmainpart .question-title .introduce .publisher .attention {
	float: left;
	width: 76px;
	height: 30px;
	padding: 8px 0;
	margin-top: 8px;
	background: #008ffa;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.the_questiondetails .questionmainpart .question-title .introduce .publisher .has {
	background: #e5e5e5;
	color: #999
}

.the_questiondetails .questionmainpart .question-title .introduce .particulars {
	float: right
}

.the_questiondetails .questionmainpart .question-title .introduce .particulars p {
	float: left;
	font-size: 14px;
	line-height: 47px;
	color: #999
}

.the_questiondetails .questionmainpart .question-title .introduce .particulars p:first-child {
	margin-right: 28px
}

.the_questiondetails .questionmainpart .question-title .introduce .particulars p:nth-child(2) {
	margin-right: 30px
}

.the_questiondetails .questionmainpart .mainbody {
	position: relative;
	width: 959px;
	margin: 0 auto;
	min-height: 300px
}

.the_questiondetails .questionmainpart .mainbody .content {
	word-break: break-all
}

.the_questiondetails .questionmainpart .mainbody .content p {
	overflow-x: hidden
}

.the_questiondetails .questionmainpart .mainbody .quesconten {
	width: 959px!important
}

.the_questiondetails .questionmainpart .mainbody .quesconten * {
	max-width: 959px!important
}

.the_questiondetails .questionmainpart .mainbody .quesconten ol li {
	list-style: decimal
}

.the_questiondetails .questionmainpart .mainbody .quesconten ul li {
	list-style: disc
}

.the_questiondetails .questionmainpart .mainbody .quesconten img {
	max-width: 100%;
	height: 100%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion {
	margin-top: 30px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e5e5e5
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .label {
	float: left
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .label li {
	float: left;
	padding: 8px;
	margin-right: 10px;
	background: #f5f5f5;
	border-radius: 13px;
	font-size: 14px;
	line-height: 14px;
	color: #999
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .label li:last-child {
	margin-right: 0
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .jbbt {
	float: right;
	margin-top: 8px;
	font-size: 14px;
	line-height: 14px;
	color: #999;
	cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .jbbt i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
	margin-right: 4px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAARVBMVEUAAACpqcapqamzuL2vub+0ub+vtLmvubmxuL2wt7yyt7yzuL2xuL2xtruyt7yxt7yxt72yuLyxuL2yuL2xt7yyuL3///+p4t0jAAAAFXRSTlMACQkvMDAwMJWWlpeYmJnB19j4/f58gyrnAAAAY0lEQVR4XmWOQQ6AIAwEVwUFRaWF+v+nmkJirM6lmbl0ocwhM+cwozNuRRplH9SHUx5OLanJdbWTgKm+Q3WI8g4SQTYQ2Ab+BxIDIdqwwtm3/jPs+E/XkmrXmtSVJRIzrV7lBqe/EFBboyeUAAAAAElFTkSuQmCC) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar {
	clear: both;
	z-index: 55;
	position: relative
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar em {
	display: inline-block;
	font-size: 14px;
	color: #999;
	margin-top: 12px;
	margin-left: 30px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar li {
	cursor: pointer;
	display: inline-block;
	vertical-align: top
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar li i {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: bottom
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar li p {
	font-size: 14px;
	line-height: 16px;
	color: #999;
	text-align: center
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .sc {
	margin-top: 10px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .sc i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAwFBMVEUAAAD///+/v7+qv7+2tra0w8O4uMatt7ewurqvr7ivuListL2xuL+utbu0tLqytruyt8Cvt7qytryzuL2xtryyub6yt76ytr2yub2xuLyyub2wtr2wt72xub2xt7uxtryyuLyxt7yxubyyt7uzuL2yt72xt7yyt72xt7yyt7yyuL2xuLyyuL2yt7yxuL2yt72xt7yxt72yt72xt7yxuLyxuLyxt7yyt72yuL2yuLyxt72yt7yxuL2xt7yyuL2yuL2OPv97AAAAP3RSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFxc3V4fICBg4aHi4yNj5WZmpqforC3zc/a4eXn5+rr8PLz9Pb4+v6u8pKxAAAAh0lEQVR4Xr3NxQ7DQBRD0QmWmZmZmzL5//+qSqQ8xdJs27v0WVj9pPQ1q4c5llqIv/BO6GAIYKIB5wbg7hKYmWJjtoPfdlotpIwQLuC8ECofhroc1AiakZdWBNr03xHoKSovkGMoC5QYxgIDhg2A0+gMYM1wwKNrKbv/xJ7BW8SCIbk6qv/1Be3kIucJDFeCAAAAAElFTkSuQmCC) no-repeat 50%;margin-bottom: -5px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .sc:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUAAAAAAAA/P39VVWpbW1taWmlUVGNRW2VYWGJPV2BXV2BSWmJUXGNXXWRXXWNRW2VUXWJWWWRWWWNUXGRUWmRUW2VVXGNVXGNUWmNUW2RVW2NUWmJVW2NUWmJTW2NVW2JUXGRUW2RTW2RUXGNTWmNVXGNUW2NUW2NUXGVUW2NUXGNVXGNUW2RUXGNUXGNUXGNUW2NUW2RUW2RUW2NUW2RUW2NVXGNVW2RUXGNUW2NUXGNVW2NUW2NVXGRVXGS0g3T3AAAAPnRSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFzdXh8gIGDhoeLjI2PlZmamp+isLfNz9rh5efn6uvw8vP09vj6/lcfLiMAAACHSURBVHhevc3FDsNAFEPRSZEZgkVmSJn8/58VtVKeYmm26V36LKxiqXSt6GGOpRZyL7zzOhgCmGggfQNwzxAkyg1rtsO37bRTLxohXMCdQmh/GEw5MAnsyIsTAZf+PYGeomoCVYaWQJNhLDBg2ADwR2cAa4YDHt2kSvWf2DP4i+xvKKyO6n8FRHYiUdLLVgMAAAAASUVORK5CYII=) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .ewm {
	margin: 10px 20px 0 10px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .ewm i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABWVBMVEUAAAD///9/f39/f/+qqqrMzMyfn7+ysrKiubmpuLi4uLi4uMaptratubmtrbmxvLyyu8Ovt7+yuL+wvLyvtL60uL20uLyvt7qxuL+ytbyxuLuyubywt72yuL6yuL2wuLuyuL2yt7ywt7uyuL2wtr2yuL2xt72xt76xt72xt72xt72xub2xt7yxt7yxuLyyuL2xtryxuL2zuL2xuL2yt72yt7yxt7yxuLyyt72zt76xt7uxt7yyuL2xt72yuLyyt72xt72yt7yyt72xt7yxt7uxuL2yuL2xt7yyt7yxuL2xuL2yuL2yuL2yuLyyuL2xt7yyuLyxt7ywt7yxuLyxt7yyuLyxt7yyt72yt72yuL2xuLyxuLyyt72xt7yyt72xt72yt72xuLyyuLyxuLyyt7yxuL2xt7yyuLyyt7yyuL2xt7yyuLyxuL2yuL2xt7yxt7yyuL2yuL2yuL27r3DyAAAAcnRSTlMAAQICAwUICgsSEhIVFhYXHiAoKjM6QUdISUxNTlNaW2FncnR4eHl6fYCBhIeLjZCRlJeYmZqhoqSlp6iqrLCztre3ub7AwsXIys3O0dTV19ja29zd3+Di5ebm5+nr7O3t7u/x8/X19vb29/f4+fr7/P1ipnKAAAAA5klEQVR4Xq3MZVNCQRhA4Re8igWY3d2BAWYHKgpmYBdio+f/B+wddu4yfuX5emaO5FdB8+xpioetXn9uqNknK9FvGaHhHceSUyqeYbHlEOjp+IJB0aaAJgnAd7HrGJIlOlwCt2spILrD9XKgWgcc4b7pWOLzJFgnyg3aWJCsFfUL6TC5AbEf+DuAiEek6gPbUxeEZQBmZAGGRKT9F2V+G95GjiA+fAfnklF/DzB6gUmFwkeiL8ztYrhSoXG1Vtyl3m4M4yp4xFa0h8ZZmRjKN3WIVEoOV+v6KyTjdMo/bp/XstomJK/SeGdoNDpeKj0AAAAASUVORK5CYII=) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .ewm:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABXFBMVEUAAAAAAAD///9/f39VVVVVVapVqqpmmZlff39mf39/f39zc3Nxf39teXlzc39zf395eYV3f393f395f39zf39zfYJ2e391fYF2eoF0e4N2eoF1fIJ3eoF1fH90eoF2eYJ1e4B2e4B0e4B2e4F2e4F0e393e4F2eoB3e4F2fIB1e4F2fIB1e4F1fIB1fIB1eoB2e4F1e4B1fIF2fIF2e4J1fIF2e4B1fIF1e4B2fIF2fIF1e4F1e4B0eoF2fIF1e4B1e4B2e4F1fIB1fIB2fIF1fIB2e4B2fIB2e4B1fIF1e4B1e4B2fIB1e4B2e4B1e4F1e4B2e4F2fIF1e4F2e4B2e4B1e4F2fIB1e4B1e4F1fIB2fIB2e4F1fIB2fIB2fIF2e4F2e4F1fIB2e4F1fIB2e4F1e4F1e4F1e4F2fIB2e4B2fIF1e4F2e4B1e4F2e4B1e4F2fIF1e4F2fIHXyyTsAAAAc3RSTlMAAQECAwMDBQgKCgsSFRYWFx4gKCozOkFHSElMTU5TWlthZ3J0eHh5en2AgYSHi42QkZSUl5iZmqGipKWnqKqssLO2t7e5vsDCxcjKzc7O0dTV1dfY2tvc3d/g4uXm5ufp6+zt7u/x8/X29vb3+Pn6+/z9cvwWLgAAAOlJREFUeF6t0VVTQlEYRuFPwT4Sdnd3C2YHaWAGFsZBUdH1/2d0O+xhM+Mlz+2aeW9eyS9Hy8J5msRunyc31O6TYQ84jdD4RtZqsWjeZ1hpPQZ6O99hSLRZoFmm4aOi8BSSlg7XwP1mGjgKcrs2VaMDWYH+uZidOvPVi3KHNu4jY13t+XWY2YbYJ3wfQLRcpDqFwlM3BGQQ5mUZhkWk4wtlaQ9eR0/gZuQBLuVXQwJg7AqTCiWPHL6wGMIQV6Fpo04clrsHw4QKZfKnNIzGhSWGyh0dIlWSo6Bty4ZknK5/PnO5ipztk5JXP3wvad8YSqubAAAAAElFTkSuQmCC) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .wb {
	margin: 10px 20px 0 0
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .wb i {
	background: url(http://www.luojinet.com/img/wb.ab2d3b8.png) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .wb:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABy1BMVEUAAAAAAAB/f39VVVVmZmZ/f39tbW1tbZFff39xcY1/f391dXV1dYltf393d3d3d4h4eId4eIZ4eHhyf39zf391f396eoRye3tye4Nze4N3f39ze4N4eH91fIJzeX92fIJ0eX90en91en91en90eYF3e393e4N3e391eYF3e4N3e393e4N1eYF0e390e4N0e392fYF1fH91fIJ3eoF3eoF0eoF2fIJ2fH92eX91e4B1e4B0eX93fH91e4B2e4B1fIJ2e4B1fYJ3e4B1fIB2fYF1fIB2fIB1e390fIB2fIB2eoB2fIB1eoB2e4F2e4F1fIF1fIF1fIF1fIF2fIF1e4B2fIF1e4B2fIF1e4B1e4F1e4F2e4B1e4B2e4B1fIB1fIB2fIF2fIB2fIF2e4B1fIF2fIF2e4B1fIF2e4B1e4B2e4B1e4B2fIF1e4F2fIF1e4B2fIF1e4B1e4B1fIF2e4F1e4F2fIB2fIB1e4F2fIB1fIF1fIB1e4F2e4F1fIB2e4F1fIF2e4F1e4B2e4F1fIB2e4F1e4F2e4F1fIB2fIB2fIB2e4B2fIB1e4F2e4B2fIF1e4F1e4B2fIF1e4F2fIF1e4F1e4B2fIF2fIHpoDdWAAAAmHRSTlMAAQIDBQYHBwgJDA0NDg8PERMTFBYaGx0dHyAhIiUqLS4wMjQ7PDw+P0BCQkNERkhLTExNT1FSVFRZW1xcXV9iY2Zrb3BxfYCBgYODiY6QkpieoKKjpqeoqamqr7Cztre3vL2+v8HCw8TMzM7P0dHS09TW19rb3N7f4OHi4+Xm5+jp6uvs7e/v8PL09vb3+Pj5+vr7/P3+/k22+wMAAAEuSURBVHhercnZOwIBGMXhz9DYEcoO2UN2gZIdIsm+79lJEJCdEIE6f65pRs8zF93x3p3foT+r+7qeyPV3FFmdgIHx87BsvR0GUYitqGS5XuyxaZPtnhxflpneAZP379qBtgGjv730Dhw7P4K3jtmXS6FrPuFlSeuY3xyQdCN8H3xXf0OkqXCcOXv09qxniDVyqVrN9aBdACstCml0gqrvAagJJIEOsOWTpERXxhLFLQB76cKxinMZKU4AWOOJom64J4A/XtFMzAHgvEU/F8YAyPnjCZmUgaH2yWkscWEOcIXyxyyqKO+eoUXASJTiAkaIV+BeCwm7MA4Dp0kUsw5cJZKgzb2cKtebzb1SUh0CRxnko9z4mGotV9b2bAMOfQSJZHfO2N7gsAxqIun//QDa72huti8plQAAAABJRU5ErkJggg==) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .qq {
	margin-top: 10px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .qq i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA6lBMVEUAAAAAAAB/f3+qqqqZmZmqqtS2traysrKvr7+vv7+0tLSysr+2tra2tsKtubm0tL+tt7evuMGvt7estLu0u7uwt72vtL2vtrqwtryxt72xtry0ubyzuL2yt7yxuLyxuLyytruxt7uxuLywtruwuLuwt72yt72xt7yyuLyxt72xt7uyuLyyub2yt7yyt72xt7yyt7yyt7yyuLyxt7yyuLyxt7yxt72xt72yt7yxuLyxuLyyuL2yt72xuLyyt72xuLyyt7yyuLyxt72xuL2yt7yyt7yyt7yxt7yxt7yyuL2xt7yyuL2yuL2yuL2gKsAgAAAATXRSTlMAAQIDBQYHChAQERQVFRYYGR0gIiInOkpYWVxcYmtscHGAg4mJj5Okpqqvsbe9vsDBxcfQ1Nfa4eLj5+jp6u3u7+/w8fb3+fr7/P39/h4JoqUAAAChSURBVHhenc3FEsJAFETRwd3d3S1AcAkqAd7//w5VKZjpYZm77LNoZj5bfnx9zev+f/AoZLRNymAd0rdjXIIc8boSjAToQYQLiVIADoLSALEnQAegTBiclBDWdg7eDcIhwKFCUlUOqgwqB53uCA8OWnsiYNe/cYhaCgIariwTOWc/2IcZFJoSb5kAKBrTYmBIDcDdOr9XTR/LKCetF2Hm+gDhZ0bDQO4lnwAAAABJRU5ErkJggg==) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .qq:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA7VBMVEUAAAAAAAB/f39VVVVmZmZ/f39tbW1/f39vf39/f394eHhyf395eXl5eYVzc39zf390f39wenpye4N3d394eH91fIJ2e391fH9zfH91e4B0fH93fIJ1fIJ0e4B2eoF2en91fIB1e390fIB1eoB1fIB1e4B1e4J2fIF2fIF1fIF2e4B2e4F2fIF1fIB2e4B2e4B1fIB1fIF1fIF1fIF1e4B1e4B1e4B2e4B1e4F1fIB1e4F2e4F1fIB2e4F1fIB2e4F1fIB1e4F2e4F1e4B1e4F2e4B2e4F1e4F2e4B1e4F1e4F2fIF1e4F2fIF2fIEEIf2TAAAATnRSTlMAAQIDBQYHChAQERQVFRYWGBkdICInOkpYWVxcYmtscHGAg4mJj5Okpqqvsbe9vsDBwcXH0NTX2uHi4+fo6ert7u/v8PH29/n6+/z8/f5HwWSBAAAAn0lEQVR4Xp3J1RLCMBBA0eDuxd3daVEpbmX//3OYycBmw2Pv4z3MfLbc5GrMq/5/8IyAt03IYB3At6MiQRawjgRDAa8ghQuIkgQcQEoRUAwCbQIloIUEFCms7QjeDYVDAKEMUhUEVQYV4Ql3Cg8EvTUVsOvdEGKWvIC6K8NETu0H+wgjhWeALeMECnwt+lxqBNzN83vV8LH0+KR3o8xcH+XlR63rKQSDAAAAAElFTkSuQmCC) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .collect i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUAAAAAAAA/P39VVWpbW1taWmlUVGNRW2VYWGJPV2BXV2BSWmJUXGNXXWRXXWNRW2VUXWJWWWRWWWNUXGRUWmRUW2VVXGNVXGNUWmNUW2RVW2NUWmJVW2NUWmJTW2NVW2JUXGRUW2RTW2RUXGNTWmNVXGNUW2NUW2NUXGVUW2NUXGNVXGNUW2RUXGNUXGNUXGNUW2NUW2RUW2RUW2NUW2RUW2NVXGNVW2RUXGNUW2NUXGNVW2NUW2NVXGRVXGS0g3T3AAAAPnRSTlMAAQQMDhESGRodHR8kJik1OUdNXmNqbnFzdXh8gIGDhoeLjI2PlZmamp+isLfNz9rh5efn6uvw8vP09vj6/lcfLiMAAACHSURBVHhevc3FDsNAFEPRSZEZgkVmSJn8/58VtVKeYmm26V36LKxiqXSt6GGOpRZyL7zzOhgCmGggfQNwzxAkyg1rtsO37bRTLxohXMCdQmh/GEw5MAnsyIsTAZf+PYGeomoCVYaWQJNhLDBg2ADwR2cAa4YDHt2kSvWf2DP4i+xvKKyO6n8FRHYiUdLLVgMAAAAASUVORK5CYII=) no-repeat 50%
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode {
	overflow: hidden;
	position: absolute;
	top: 50px;
	left: 115px;
	width: 257px;
	padding: 16px 0 18px 46px;
	background: #fff
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode h3 {
	padding-left: 11px;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 18px;
	color: #333
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode .close {
	position: absolute;
	top: 11px;
	right: 12px;
	width: 14px;
	height: 15px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAQlBMVEUAAAAAAAAcHBwiEREiFxciGREfGRMjGRQgFRUhGBUhFxQjGBMiFxUjFxQjFxUiFxUiFxUjFxUiFxQiGBQjFxQiFxW0LljaAAAAFnRSTlMABQkPFh4oMkZUY3SFlrXCztjb3+Hj56Yi0gAAAFJJREFUeF5dT1cKQDEMsnPvcf+rPkppH8QfMUFj0A0eTIdd+iq9LOCGOkoNt8k3uUk2f8ahCkDUcE2xcF4iHlLOCT/YnAx0S700md4lrUhn8tEHhIkDc66h/JMAAAAASUVORK5CYII=) no-repeat 50%;cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode img {
	display: block;
	margin: 15px 0 17px
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode p {
	padding-left: 3px;
	font-size: 14px;
	line-height: 14px;
	color: #999;
	text-align: left
}

.the_questiondetails .questionmainpart .mainbody .ju_baoqusetion .suspensionbar .shareqrcode p:last-child {
	margin-top: 8px
}

.the_questiondetails .questionmainpart .mainbody .related {
	margin-top: 32px;
	margin-bottom: 80px
}

.the_questiondetails .questionmainpart .mainbody .related h3 {
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 14px;
	color: #666
}

.the_questiondetails .questionmainpart .mainbody .related p {
	font-size: 14px;
	line-height: 14px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 20px
}

.the_questiondetails .questionmainpart .mainbody .related p a {
	color: #999
}

.the_questiondetails .questionmainpart .mainbody .related p em {
	color: #333
}

.the_questiondetails .questionmainpart .mainbody .related .prev:hover em {
	color: #0083ff
}

.the_questiondetails .questionmainpart .mainbody .related .next {
	margin-top: 10px
}

.the_questiondetails .questionmainpart .mainbody .related .next:hover em {
	color: #0083ff
}

.the_questiondetails .questionmainpart .mainbody .comments {
	padding-top: 20px
}

.the_questiondetails .questionmainpart .mainbody .comments h3 {
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.the_questiondetails .questionmainpart .mainbody .comments h3 em {
	font-size: 12px;
	line-height: 14px;
	color: #999
}

.the_questiondetails .questionmainpart .mainbody .comments .nologincomments {
	width: 100%;
	height: 120px;
	padding: 33px 42px 34px 43px;
	margin-top: 19px;
	margin-bottom: 85px;
	background: #fff
}

.the_questiondetails .questionmainpart .mainbody .comments .nologincomments img {
	float: left;
	border-radius: 50%;
	margin-right: 19px
}

.the_questiondetails .questionmainpart .mainbody .comments .nologincomments p {
	float: left;
	margin-top: 20px;
	font-size: 14px;
	line-height: 14px;
	color: #999
}

.the_questiondetails .questionmainpart .mainbody .comments .nologincomments .btn {
	float: right;
	width: 70px;
	height: 30px;
	padding: 8px 0;
	margin-top: 12px;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments {
	width: 100%;
	margin-top: 19px;
	margin-bottom: 30px
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .input img {
	float: left;
	margin-top: 5px;
	margin-right: 19px;
	border-radius: 50%
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .input #comments {
	float: left;
	width: 886px;
	height: 60px;
	padding: 21px 17px 17px;
	resize: none;
	-webkit-transition: all .5s;
	transition: all .5s;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send {
	padding: 25px 0 0 78px
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .emoji-box {
	position: relative;
	float: left;
	width: 27px;
	height: 27px
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .emoji-box.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .emoji-box .emoji-img {
	display: block;
	width: 27px;
	height: 27px;
	cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .emoji-box .emoji {
	position: absolute;
	left: -10px;
	top: 24px;
	width: 430px;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	background: #fff;
	z-index: 99
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .emoji-box .emoji .el-button {
	position: absolute;
	border: none;
	color: #ff4949;
	right: -40px;
	top: 24px;
	font-size: 24px;
	z-index: 999
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .btn {
	float: right;
	width: 77px;
	height: 30px;
	padding: 8px 0;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .iswhowother {
	float: right;
	font-size: 14px;
	color: #333;
	line-height: 23px;
	margin-right: 18px;
	margin-top: 3px
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .iswhowother img {
	width: 23px;
	height: 23px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px;
	cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .inputcomments .send .iswhowother .yuanquan {
	display: inline-block;
	border: 2px solid #999;
	border-radius: 50%;
	height: 23px;
	width: 23px;
	vertical-align: bottom;
	margin-right: 5px;
	cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .dividing_line {
	font-size: 14px;
	font-weight: 700;
	width: 960px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loading {
	width: 136px;
	height: 40px;
	margin: 51px auto 0;
	border: 1px solid #e5e5e5;
	border-radius: 20px;
	text-align: center;
	padding-top: 8px;
	cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loading:hover {
	border: 1px solid #0083ff
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loading:hover span {
	color: #0083ff
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loading span {
	font-size: 14px;
	line-height: 14px;
	color: #999
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loaded {
	margin-top: 51px;
	font-size: 14px;
	line-height: 14px;
	color: #999;
	text-align: center
}

.the_questiondetails .questionmainpart .mainbody .comments .commentcontent .loaded .nocom {
	margin-bottom: 22px;
	margin-top: 25px
}

.the_questiondetails .questionmainpart .mainbody .comments .reply #replycomments {
	overflow-y: auto;
	width: 890px;
	height: 62px;
	max-height: 105px;
	margin-left: 70px;
	padding: 20px 14px;
	background: #fff;
	resize: none;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 20px
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send {
	padding: 25px 0 0 78px
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .emoji-box {
	position: relative;
	float: left;
	width: 27px;
	height: 27px
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .emoji-box.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .emoji-box .emoji-img {
	display: block;
	width: 27px;
	height: 27px;
	cursor: pointer
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .emoji-box .emoji {
	position: absolute;
	left: -10px;
	top: 24px;
	width: 430px;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	background: #fff;
	z-index: 99
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .emoji-box .emoji .el-button {
	position: absolute;
	border: none;
	color: #ff4949;
	right: -40px;
	top: 24px;
	font-size: 24px;
	z-index: 999
}

.the_questiondetails .questionmainpart .mainbody .comments .reply .send .btn {
	float: right;
	width: 77px;
	height: 30px;
	padding: 8px 0;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.the_questiondetails .reportbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 1300
}

.the_questiondetails .reportbox .box {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 734px;
	margin: 0 auto;
	background: #fff;
	padding: 40px 100px 39px 99px;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.the_questiondetails .reportbox .box h2 {
	font-size: 30px;
	line-height: 30px;
	color: #333;
	margin-bottom: 53px
}

.the_questiondetails .reportbox .box li {
	font-size: 16px;
	line-height: 16px;
	color: #666;
	margin-bottom: 39px
}

.the_questiondetails .reportbox .box li:last-child {
	margin-bottom: 19px
}

.the_questiondetails .reportbox .box #othercause {
	width: 535px;
	height: 115px;
	margin-bottom: 24px;
	padding: 17px 14px;
	background: #f8f8f8;
	border: none;
	resize: none;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.the_questiondetails .reportbox .box .button {
	text-align: right
}

.the_questiondetails .reportbox .box .button button {
	width: 120px;
	height: 42px;
	padding: 14px 0;
	border: none;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.the_questiondetails .reportbox .box .button .cancel {
	margin-right: 20px;
	color: #0083ff;
	border: 1px solid #2d93f9;
	background: #fff
}

.the_questiondetails .reportbox .box .button .cancel:hover {
	background: #f1faff
}

.the_questiondetails .reportbox .box .button .determine {
	color: #fff;
	background: #2d93f9
}

.the_questiondetails .reportbox .box .button .determine:hover {
	background: #66b1ff
}

.the_questiondetails .nulldata {
	width: 100%;
	padding: 117px 0 107px
}

.the_questiondetails .nulldata img {
	display: block;
	margin: 0 auto 30px
}

.the_questiondetails .nulldata p {
	font-size: 14px;
	line-height: 32px;
	color: #a9a9a9;
	text-align: center
}

.showcommentdetail {
	margin-top: 15px
}

.showcommentdetail .allcomment {
	padding-top: 21px;
	padding-bottom: 19px;
	border-bottom: 1px solid #e5e5e5
}

.showcommentdetail .allcomment .groundfloor {
	margin-bottom: 14px
}

.showcommentdetail .allcomment .groundfloor .avtor {
	float: left;
	margin-right: 22px;
	border-radius: 50%
}

.showcommentdetail .allcomment .groundfloor .content {
	float: left;
	width: 92%;
	position: relative
}

.showcommentdetail .allcomment .groundfloor .content .aswname {
	width: 650px
}

.showcommentdetail .allcomment .groundfloor .content .aswname a {
	color: #333!important
}

.showcommentdetail .allcomment .groundfloor .content p {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-wrap: break-word
}

.showcommentdetail .allcomment .groundfloor .content p em {
	color: #999
}

.showcommentdetail .allcomment .groundfloor .content p:first-child {
	margin-bottom: 10px
}

.showcommentdetail .allcomment .groundfloor .content p img {
	width: 18px;
	height: 18px;
	margin-right: 0;
	border-radius: 0
}

.showcommentdetail .allcomment .groundfloor .content .replyinf {
	margin-top: 6px
}

.showcommentdetail .allcomment .groundfloor .content .replyinf span {
	font-size: 14px;
	line-height: 14px;
	color: #0083ff;
	cursor: pointer;
	margin-right: 7px
}

.showcommentdetail .allcomment .groundfloor .content .replyinf div,.showcommentdetail .allcomment .groundfloor .content .replyinf span:first-child {
	float: left
}

.showcommentdetail .allcomment .groundfloor .content .replyinf i {
	float: left;
	width: 12px;
	height: 7px;
	margin-top: 4px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAElBMVEUAAAAAhf4Ag/4Ag/8Ag/4Ag/8F1GVgAAAABXRSTlMALFeA+1CQnd0AAAAtSURBVHheY2BgYFJgAAEVJwYQxzUExFUJNnUCcQyYgVyRYAYGU0cGZgMGIAYAXOsEY82UIO4AAAAASUVORK5CYII=) no-repeat 50%;cursor: pointer
}

.showcommentdetail .allcomment .groundfloor .content .replyinf .sq {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAFVBMVEUAAAAAhf4Ag/4Agv4Agv4Ag/4Ag/9JVGwYAAAABnRSTlMALFdYf/vcKsMqAAAAL0lEQVR4XmNgcWAAYdEUBga3QAbmMAeWVAMGBtMUt2AGBiAXxAFyQRwGBiYFBgYAmPAFlSlMNSEAAAAASUVORK5CYII=) no-repeat 50%
}

.showcommentdetail .allcomment .groundfloor .content .top_btn {
	position: absolute;
	right: 0;
	top: 0
}

.showcommentdetail .allcomment .groundfloor .content .yicaina {
	width: 73px;
	height: 23px
}

.showcommentdetail .allcomment .groundfloor .content #dianzan {
	cursor: pointer;
	color: #999;
	display: inline-block;
	vertical-align: top;
	margin: 1px;
	margin-left: 10px
}

.showcommentdetail .allcomment .groundfloor .content #dianzan:before {
	color: #dbdbdb
}

.showcommentdetail .allcomment .groundfloor .content #dianzan:hover,.showcommentdetail .allcomment .groundfloor .content #dianzan:hover:before {
	color: #0083ff
}

.showcommentdetail .allcomment .groundfloor .content .yidianzan {
	color: #0083ff!important;
	pointer-events: none!important
}

.showcommentdetail .allcomment .groundfloor .content .yidianzan:before {
	color: #0083ff!important
}

.showcommentdetail .allcomment .groundfloor .content:hover button {
	height: 25px;
	padding: 2px 7px;
	border: 1px solid #e5e5e5
}

.showcommentdetail .allcomment .groundfloor .content button {
	position: absolute;
	bottom: -10px;
	right: 55px;
	border: none;
	background: #fff;
	border-radius: 13px;
	color: #999;
	cursor: pointer;
	height: 0;
	overflow: hidden
}

.showcommentdetail .allcomment .groundfloor .content button:last-of-type {
	border: none;
	background: none
}

.showcommentdetail .allcomment .groundfloor .content button span {
	color: #e5e5e5;
	margin-right: 3px
}

.showcommentdetail .allcomment .groundfloor .content button:last-of-type {
	right: -7px
}

.showcommentdetail .allcomment .replycomment {
	position: relative;
	width: 890px;
	min-height: 88px;
	margin-left: 70px;
	padding: 19px 14px 14px
}

.showcommentdetail .allcomment .replycomment .commentheader {
	float: left;
	margin-right: 22px;
	border-radius: 50%
}

.showcommentdetail .allcomment .replycomment .content {
	float: left;
	width: 92%;
	position: relative
}

.showcommentdetail .allcomment .replycomment .content:hover .jubaoanw {
	height: 25px
}

.showcommentdetail .allcomment .replycomment .content p {
	width: 90%;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	white-space: normal;
	word-wrap: break-word
}

.showcommentdetail .allcomment .replycomment .content p a {
	color: #333
}

.showcommentdetail .allcomment .replycomment .content p em {
	color: #999
}

.showcommentdetail .allcomment .replycomment .content p:first-child {
	margin-bottom: 10px
}

.showcommentdetail .allcomment .replycomment .content p img {
	float: left;
	width: 18px;
	height: 18px
}

.showcommentdetail .allcomment .replycomment .content .replyinf {
	margin-top: 6px
}

.showcommentdetail .allcomment .replycomment .content .replyinf span {
	font-size: 14px;
	line-height: 14px;
	color: #0083ff;
	cursor: pointer
}

.showcommentdetail .allcomment .replycomment .content #sec_dianzan {
	cursor: pointer;
	color: #999;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	position: absolute;
	right: 0;
	top: 0
}

.showcommentdetail .allcomment .replycomment .content #sec_dianzan:before {
	color: #dbdbdb
}

.showcommentdetail .allcomment .replycomment .content #sec_dianzan:hover,.showcommentdetail .allcomment .replycomment .content #sec_dianzan:hover:before {
	color: #0083ff
}

.showcommentdetail .allcomment .replycomment .content .yidianzan {
	color: #0083ff!important;
	pointer-events: none!important
}

.showcommentdetail .allcomment .replycomment .content .yidianzan:before {
	color: #0083ff!important
}

.showcommentdetail .allcomment .replycomment .content .jubaoanw {
	border: none;
	background: none;
	border-radius: 13px;
	color: #999;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 0;
	overflow: hidden;
	cursor: pointer
}

.showcommentdetail .allcomment .replycomment .content .jubaoanw span {
	color: #e5e5e5;
	margin-right: 3px;
	display: inline-block;
	vertical-align: top;
	margin-top: 1px
}

.showcommentdetail .allcomment .replycomment .btn {
	float: right;
	font-size: 14px;
	line-height: 18px;
	color: #999;
	cursor: pointer
}

.showcommentdetail .allcomment .replycomment .reply {
	margin-top: 15px
}

.showcommentdetail .allcomment .replycomment .reply #replycomments {
	width: 890px;
	_height: 62px;
	min-height: 62px;
	max-height: 105px;
	margin-left: 0;
	padding: 20px 14px;
	background: #fff;
	resize: none;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	line-height: 20px;
	word-wrap: break-word;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-user-modify: read-write-plaintext-only
}

.showcommentdetail .allcomment .replycomment .reply .send {
	padding: 25px 0 0 8px
}

.showcommentdetail .allcomment .replycomment .reply .send .emoji-box {
	position: relative;
	float: left;
	width: 27px;
	height: 27px
}

.showcommentdetail .allcomment .replycomment .reply .send .emoji-box.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.showcommentdetail .allcomment .replycomment .reply .send .emoji-box .emoji-img {
	display: block;
	width: 27px;
	height: 27px;
	cursor: pointer
}

.showcommentdetail .allcomment .replycomment .reply .send .emoji-box .emoji {
	position: absolute;
	left: -10px;
	top: 24px;
	width: 430px;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	background: #fff;
	z-index: 99
}

.showcommentdetail .allcomment .replycomment .reply .send .emoji-box .emoji .el-button {
	position: absolute;
	border: none;
	color: #ff4949;
	right: -40px;
	top: 24px;
	font-size: 24px;
	z-index: 999
}

.showcommentdetail .allcomment .replycomment .reply .send .btn {
	float: right;
	width: 77px;
	height: 30px;
	padding: 8px 0;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.showcommentdetail .cainamask {
	width: 734px;
	height: 309px
}

.showcommentdetail .cainamask .cainatitle {
	margin: 40px 0 53px 100px
}

.showcommentdetail .cainamask .cainatitle span {
	font-size: 30px
}

.showcommentdetail .cainamask .cainatishi {
	margin-left: 100px
}

.showcommentdetail .cainamask .cainatishi p {
	font-size: 16px;
	color: #999;
	width: 511px
}

.showcommentdetail .cainamask .cainamaskbtn {
	margin: 65px 0 39px 336px
}

.showcommentdetail .cainamask .cainamaskbtn button {
	border: 1px solid #2d93f9;
	border-radius: 4px;
	font-size: 14px;
	padding: 11px 45px;
	background: #0083ff;
	color: #fff;
	cursor: pointer
}

.showcommentdetail .cainamask .cainamaskbtn button:first-of-type {
	background: #fff;
	color: #0083ff;
	margin-right: 20px
}

#jubaotanchuang {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.45);
	z-index: 1300
}

#jubaotanchuang .jubaobox {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 734px;
	margin: 0 auto;
	background: #fff;
	padding: 40px 100px 39px 99px;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

#jubaotanchuang .jubaobox h2 {
	font-size: 30px;
	line-height: 30px;
	color: #333;
	margin-bottom: 53px
}

#jubaotanchuang .jubaobox .jubaocontent {
	font-size: 16px;
	line-height: 16px;
	color: #666;
	margin-bottom: 39px
}

#jubaotanchuang .jubaobox .jubaocontent:last-child {
	margin-bottom: 19px
}

#jubaotanchuang .jubaobox #othercause {
	width: 535px;
	height: 115px;
	margin-bottom: 24px;
	padding: 17px 14px;
	background: #f8f8f8;
	border: none;
	resize: none;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

#jubaotanchuang .jubaobox .button {
	text-align: right
}

#jubaotanchuang .jubaobox .button button {
	width: 120px;
	height: 42px;
	padding: 14px 0;
	border: none;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

#jubaotanchuang .jubaobox .button .cancel {
	margin-right: 20px;
	color: #0083ff;
	border: 1px solid #2d93f9;
	background: #fff
}

#jubaotanchuang .jubaobox .button .cancel:hover {
	background: #f1faff
}

#jubaotanchuang .jubaobox .button .determine {
	color: #fff;
	background: #2d93f9
}

#jubaotanchuang .jubaobox .button .determine:hover {
	background: #66b1ff
}

.index-container.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.index-container .title-bar {
	margin: 76px 0 36px;
	font-size: 40px;
	font-family: MicrosoftYaHei;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	color: #333
}

.index-container .msg-bar {
	margin-bottom: 37px;
	font-size: 20px;
	font-family: MicrosoftYaHei;
	line-height: 20px;
	text-align: center;
	color: #666
}

.index-container .line-bar {
	display: block;
	width: 80px;
	height: 5px;
	margin: 0 auto;
	background: #72797f
}

.index-container #mydiv canvas {
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1300
}

.index-container .head {
	overflow: hidden;
	position: relative;
	min-width: 1200px;
	height: 645px
}

.index-container .head img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px
}

.index-container .head .head-content {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.index-container .head .head-content h1 {
	height: 55px;
	margin: 0 auto;
	margin-top: 218px;
	margin-bottom: 30px;
	font-size: 54px;
	font-family: PingFangSC-Medium;
	text-align: center;
	color: #fff;
	line-height: 55px
}

.index-container .head .head-content p {
	height: 30px;
	margin-bottom: 68px;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	font-family: PingFangSC-Regular;
	color: #fff;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.index-container .head .head-content .head-operation {
	width: 340px;
	height: 54px;
	margin: 0 auto
}

.index-container .head .head-content .head-operation a {
	float: left;
	border-radius: 4px;
	font-size: 20px;
	font-family: MicrosoftYaHei;
	text-align: center;
	color: #fff
}

.index-container .head .head-content .head-operation a:nth-child(2) {
	width: 160px;
	height: 54px;
	line-height: 54px;
	background: #0083ff
}

.index-container .head .head-content .head-operation a:first-child {
	width: 158px;
	height: 52px;
	margin-right: 20px;
	border: 1px solid #fff;
	line-height: 52px
}

.index-container .head .head-content .head-operation a:first-child:hover {
	background: #fff;
	color: #0083ff
}

.index-container .head .head-content .head-operation button {
	cursor: pointer;
	float: left;
	border-radius: 4px;
	font-size: 20px;
	font-family: MicrosoftYaHei;
	text-align: center;
	color: #fff;
	border: none
}

.index-container .head .head-content .head-operation button:first-child {
	width: 158px;
	height: 52px;
	margin-right: 20px;
	line-height: 52px;
	border: 1px solid #fff;
	background: none
}

.index-container .head .head-content .head-operation button:first-child:hover {
	background: #fff;
	color: #0083ff
}

.index-container .head .head-content .head-operation button:nth-child(2) {
	width: 160px;
	height: 54px;
	line-height: 54px;
	background: #0083ff
}

.index-container .topicTwo {
	visibility: hidden;
	overflow: hidden;
	height: 570px;
	background: #fff url(http://www.luojinet.com/img/ADVANTAGE.6b342ff.png) center 130px no-repeat;
	position: relative
}

.index-container .topicTwo .com {
	visibility: hidden
}

.index-container .topicTwo .strengthList {
	width: 1200px;
	margin: auto;
	text-align: center;
	clear: both;
	position: relative;
	z-index: 100;
	margin-top: 58px
}

.index-container .topicTwo .strengthList img {
	min-width: 127px;
	min-height: 127px
}

.index-container .topicTwo .strengthList h3 {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	margin-top: 5px
}

.index-container .topicTwo .strengthList p {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	margin-top: 15px;
	text-align: center
}

.index-container .topicTwo .strengthList .strengthOne {
	display: inline-block;
	width: 255px;
	float: left
}

.index-container .topicTwo .strengthList .strengthOne p {
	text-align: left
}

.index-container .topicTwo .strengthList .strengthTwo {
	display: inline-block;
	width: 296px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	margin-left: -148px
}

.index-container .topicTwo .strengthList .strengthThree {
	display: inline-block;
	width: 308px;
	float: right
}

.index-container .topicTwo .left {
	position: absolute;
	left: 0;
	top: 198px
}

.index-container .topicTwo .right {
	position: absolute;
	right: 12px;
	top: 51px
}

.index-container .topicThree {
	overflow: hidden;
	height: 950px;
	background: #f8f9fc url(http://www.luojinet.com/img/EXCELLENT.f183292.png) center 130px no-repeat;
	position: relative
}

.index-container .topicThree .com {
	visibility: hidden
}

.index-container .topicThree .main {
	width: 1200px;
	overflow: hidden;
	margin: 30px auto
}

.index-container .topicThree .main .left {
	display: inline-block;
	width: 906px;
	vertical-align: top
}

.index-container .topicThree .main .left .item {
	display: inline-block;
	width: 286px;
	height: 316px;
	overflow: hidden;
	margin: 0 16px 18px 0;
	background-color: #fff;
	padding: 25px 18px;
	border-radius: 4px;
	float: right
}

.index-container .topicThree .main .left .item:hover {
	-webkit-box-shadow: 0 4px 32px 0 #e5e5e5;
	box-shadow: 0 4px 32px 0 #e5e5e5
}

.index-container .topicThree .main .left .item:hover .avtor {
	position: relative;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.index-container .topicThree .main .left .item .avtor {
	width: 104px;
	height: 104px;
	margin: auto;
	border-radius: 50%;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	cursor: pointer
}

.index-container .topicThree .main .left .item h3 {
	color: #333;
	font-size: 20px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-align: center;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-all;
	text-overflow: ellipsis;
	cursor: pointer
}

.index-container .topicThree .main .left .item h3:hover {
	color: #0083ff
}

.index-container .topicThree .main .left .item p {
	color: #333;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
	height: 66px;
	overflow: hidden;
	margin-top: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	word-break: break-all;
	text-overflow: ellipsis
}

.index-container .topicThree .main .left .item .skills {
	margin-top: 15px;
	height: 26px;
	overflow: hidden
}

.index-container .topicThree .main .left .item .skills span {
	color: #999;
	font-size: 14px;
	padding: 0 12px;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	background-color: #f7f9fb;
	margin-right: 10px;
	border-radius: 13px
}

.index-container .topicThree .main .right {
	display: inline-block;
	width: 285px;
	height: 653px;
	background-color: #379dfd;
	border-radius: 4px
}

.index-container .topicThree .main .right:hover {
	-webkit-box-shadow: -1px 4px 11px 3px #e9e6e6;
	box-shadow: -1px 4px 11px 3px #e9e6e6
}

.index-container .topicThree .main .right .avtor {
	width: 100%;
	height: 316px;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	position: relative
}

.index-container .topicThree .main .right .avtor:before {
	content: "\670D\52A1\4E4B\661F";
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	left: 14px;
	top: 10px
}

.index-container .topicThree .main .right .avtor:after {
	content: "";
	display: inline-block;
	width: 35px;
	height: 48px;
	background: url(http://www.luojinet.com/img/fwzx.a8a502d.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: 10px
}

.index-container .topicThree .main .right .message {
	padding: 0 20px 30px
}

.index-container .topicThree .main .right .message h3 {
	font-size: 20px;
	margin-top: 20px;
	line-height: 30px;
	height: 30px;
	-webkit-line-clamp: 1;
	cursor: pointer
}

.index-container .topicThree .main .right .message h3,.index-container .topicThree .main .right .message p {
	color: #fff;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-break: break-all;
	text-overflow: ellipsis
}

.index-container .topicThree .main .right .message p {
	font-size: 14px;
	margin-top: 10px;
	line-height: 22px;
	max-height: 198px;
	-webkit-line-clamp: 9;
	text-align: justify
}

.index-container .topicThree .main .right .message .skills {
	margin-top: 15px;
	height: 26px;
	overflow: hidden
}

.index-container .topicThree .main .right .message .skills span {
	color: #fff;
	font-size: 14px;
	padding: 0 12px;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	margin-right: 10px;
	border: 1px solid #fff;
	border-radius: 13px
}

.index-container .topicFour {
	overflow: hidden;
	height: 420px;
	position: relative
}

.index-container .topicFour img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px
}

.index-container .topicFour .counter {
	width: 1200px;
	margin: 160px auto 0;
	position: relative;
	z-index: 100
}

.index-container .topicFour .counter .counter-item {
	display: inline-block;
	width: 33%;
	text-align: center
}

.index-container .topicFour .counter .counter-item em {
	color: #fff;
	font-size: 60px;
	display: block
}

.index-container .topicFour .counter .counter-item p {
	color: #fff;
	font-size: 25px;
	margin-top: 5px
}

.index-container .topicFour .counter .counter-item:first-child em {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.index-container .topicFour .counter .counter-item:nth-child(2) {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff
}

.index-container .topicFour .counter .counter-item:nth-child(2) em {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}

.index-container .topicFour .counter .counter-item:nth-child(3) em {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.index-container .topicFive {
	height: 1290px;
	background: #fff url(http://www.luojinet.com/img/NEW.a57556a.png) center 120px no-repeat
}

.index-container .topicFive .com {
	visibility: hidden
}

.index-container .topicFive .projectList {
	overflow: hidden;
	width: 1200px;
	margin: auto
}

.index-container .topicFive .projectList .more {
	color: #333;
	font-size: 16px;
	line-height: 24px;
	padding-right: 10px;
	float: right;
	font-family: MicrosoftYaHei;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	margin-bottom: 20px
}

.index-container .topicFive .projectList .more:hover {
	color: #0083ff
}

.index-container .topicFive .projectList ul {
	width: 100%;
	clear: both;
	visibility: hidden
}

.index-container .topicFive .projectList ul li {
	display: inline-block;
	vertical-align: top;
	width: 370px;
	height: 428px;
	cursor: pointer;
	border: 1px solid #e5e5e5;
	margin: 0 10px 62px
}

.index-container .topicFive .projectList ul li:nth-child(2) {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.index-container .topicFive .projectList ul li:nth-child(3) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s
}

.index-container .topicFive .projectList ul li:nth-child(4) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

.index-container .topicFive .projectList ul li:nth-child(5) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s
}

.index-container .topicFive .projectList ul li:nth-child(6) {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.index-container .topicFive .projectList ul li:nth-child(2),.index-container .topicFive .projectList ul li:nth-child(5) {
	margin: 0 25px
}

.index-container .topicFive .projectList ul li:hover {
	border: none;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 6px 20px #efefef;
	box-shadow: 0 6px 20px #efefef
}

.index-container .topicFive .projectList ul li .type {
	color: #fff;
	font-size: 28px;
	line-height: 120px;
	text-align: center;
	height: 120px
}

.index-container .topicFive .projectList ul li .type i {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 12px;
	margin-bottom: -6px
}

.index-container .topicFive .projectList ul li .type.type-01 {
	background: #666 url(http://www.luojinet.com/img/bg4.37354ae.png) 50% no-repeat
}

.index-container .topicFive .projectList ul li .type.type-01 i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA3lBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ymXGKAAAASXRSTlMAAQIEBQYIDA0PEhMWFxgaGyYoKi4vMjM0PT5ES1BZXWBwfX6EhY2en6eqrK++v8DDxMXHyszQ0dbZ293i5ufo6uvs7vLz9/z+YQ1gigAAAQFJREFUeF6V02tTgkAUx+F/hl3QMhHCNLtqaeyGBWmRLRWh8f2/UOzS7AzTwk6/l/u82Jkz50CXOaaBMjo2c42+vKkyL41MTNIuKuqmE1ACNAAYO7ytkhOKYAa8n8LeZLy7Es8CwcM9GGcXPFvBiiQv56PK5kuwrCaGkBxWRkLN33/4eLuOne+hii234FvWBOBaZe7FD0Lb62sOj3FPstDnjuCrdZtz5yV3yVbMxCuab1OIDlhsSXaSVUvweeYU3FoljmT0k4Xwp/tfXSR9SM79wwdwko0K9j+5SgbsAQDvtVHwwFaM5WhzWTfU/Ztd/HMdKKlmQnWLbEZpzRlojkjTD93pQaGYMzY2AAAAAElFTkSuQmCC) 50% no-repeat
}

.index-container .topicFive .projectList ul li .type.type-02 {
	background: #666 url(http://www.luojinet.com/img/bg5.147a510.png) 50% no-repeat
}

.index-container .topicFive .projectList ul li .type.type-02 i {
	background: url(http://www.luojinet.com/img/icon_sj.7d53b3b.png) 50% no-repeat
}

.index-container .topicFive .projectList ul li .type.type-03 {
	background: #666 url(http://www.luojinet.com/img/bg7.4440f02.png) 50% no-repeat
}

.index-container .topicFive .projectList ul li .type.type-03 i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACL0lEQVRIS+3WUajfcxjH8denI61wJVoxIe6E5EYptitHmibLyorVVNjNblRTWZOz5EoSZetYllCxSqZSIEIqpyzXJCOVUmTHTh83Vms65//7/SZUntvf83zez+f5Pr++35gYbR/DcpL9UyQypQjavovfksxP0Ujbi7AH60cKbMIK3h9Z9x0W0vYINuHYSIGp6dfgaNp+hU+S7JiqNKau7Yu47t8AL+L6/8FjjmtSbttxo257Mz5LsjyU2PYqvISDSQ5A22HgtnN4HjuxhPuTfDEL3vZ2HMavuONUzSDHbc/Da7gNT+NObMATWEjyOwBA22AP9uFjbE3yPcBMcNuL8Sau/dPlK23Px5N4EEvYcbr7thfgELbgWew+s7k1wW2vxlFciC1J3gOAthtxEJeeco8r8QauwENJFvGXWBXc9ga8jROYT/LlKgKnuz+GDfgZdyX5fLUdWAu8C9txd5JvByzRRhzA17gnyY9r1cw841nAM0afJB1S87eChwAHb/UYsTG5/wnHS/gJe8d0fha5+7AubR/Ac5jDPxEr2Bloux5j31wvYBkPj+z2eJIfJr0y216GD3AStw753wEARoPbbsYi1iH4BfcleWuM88HgtudiP3bjQ9yLObyMm/AUHk1yEjNjELjt5XgVN2IBe5OsQNtz8DgewafYluSbWeSZ4La34AhOYHuSd1a5NOZxCHPYnOSjteBDwNuwFbuSHJ9xAVyCZ3A4yetnBZ41sqnf/wBseUbJegXuywAAAABJRU5ErkJggg==) 50% no-repeat
}

.index-container .topicFive .projectList ul li .type.type-04 {
	background: #666 url(http://www.luojinet.com/img/bg6.397fefe.png) 50% no-repeat
}

.index-container .topicFive .projectList ul li .type.type-04 i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMAAwQICgwODxARExQYaGtwd3h7fIaHiYycnZ+lqK2ur7S3uL/Hz9LU19rb5Onr7O3v+vv9/oEhK3EAAADUSURBVHhendPZDoIwEEDREXBBiwqKu9YV3FAQ5v9/zWkMBOJUEs/rTZouU+BNHjG59/nazPY+Od753EEHiB9DlTVcKEtNXqeXM7nw2UzHvxbv4ACUFi4dsn/yGSQqONVk6AliA5sL2myYpAHgJUjSWTXPMyQvD6KDSyTa5WyjdMkhgtgH4qAoZ5Gfu8g7SbYYSGX3lcMTCfB2UsI81yxet7XRC0k25w6WeAANkxj8tfx7qfonqX/Qbj4O/DAJzShuPqN41WTLXSirIrPE79xmPhH3Bd/3bikkcCsKQwAAAABJRU5ErkJggg==) 50% no-repeat
}

.index-container .topicFive .projectList ul li .name {
	color: #333;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-top: 20px;
	padding: 0 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.index-container .topicFive .projectList ul li .money {
	display: block;
	margin: auto;
	color: #f77272;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-top: 12px
}

.index-container .topicFive .projectList ul li .money span {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	background: #fc5b31;
	border-radius: 11px 11px 11px 0;
	padding: 2px 8px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px
}

.index-container .topicFive .projectList ul li .childType {
	margin-top: 15px;
	text-align: center
}

.index-container .topicFive .projectList ul li .childType span {
	display: inline-block;
	color: #999;
	font-size: 12px;
	padding: 5px 12px;
	background-color: #eff1f4;
	border-radius: 12px;
	margin-right: 22px
}

.index-container .topicFive .projectList ul li .childType span:last-child {
	margin-right: 0
}

.index-container .topicFive .projectList ul li .des {
	margin-top: 35px;
	text-align: center
}

.index-container .topicFive .projectList ul li .des .item {
	display: inline-block;
	width: 46%;
	text-align: center
}

.index-container .topicFive .projectList ul li .des .item em {
	display: inline;
	color: #666;
	font-size: 18px
}

.index-container .topicFive .projectList ul li .des .item p {
	color: #999;
	font-size: 12px;
	margin-top: 10px
}

.index-container .topicFive .projectList ul li .des .item:nth-child(2) {
	border-left: 1px solid #e5e5e5
}

.index-container .topicFive .projectList ul li button {
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 6px 12px;
	border: none;
	border-radius: 14px;
	background-color: #ed7266;
	margin: 15px auto 0;
	cursor: pointer
}

.index-container .topicFive .projectList ul li .time {
	color: #ccc;
	font-size: 12px;
	text-align: center;
	margin-top: 10px
}

.index-container .topicSix {
	overflow: hidden;
	min-width: 1200px;
	position: relative;
	height: 300px
}

.index-container .topicSix img {
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px
}

.index-container .topicSix p {
	color: #fff;
	font-size: 40px;
	padding-top: 65px;
	text-align: center
}

.index-container .topicSix .box {
	margin: 50px auto;
	text-align: center
}

.index-container .topicSix .box a,.index-container .topicSix .box button {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	width: 164px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #fff;
	border-radius: 4px;
	background: none;
	cursor: pointer
}

.index-container .topicSix .box a:hover,.index-container .topicSix .box button:hover {
	color: #0083ff;
	border-color: #0083ff
}

.index-container .topicSix .box em {
	color: #fff;
	font-size: 23px;
	padding: 0 20px;
	display: inline-block;
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.index-container .cover {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.3);
	z-index: 99
}

.index-container .popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 9999
}

.index-container .popup .popcon {
	width: 546px;
	height: 400px;
	background: #fff;
	padding-top: 40px;
	border-radius: 8px;
	-webkit-box-shadow: 4px 0 9px rgba(0,57,116,.08);
	box-shadow: 4px 0 9px rgba(0,57,116,.08);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.index-container .popup .popcon .close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 15px;
	height: 15px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAACUlJSZmZmXl5eZmZmXl5eZmZmZmZmZmZmNAi8EAAAACHRSTlMAGDo7P0B06dqRrk0AAABOSURBVHheVY0xCoBADAQHPftDP2J3bbpr7WwtfYDc+2XAFC4ksMNuwoqaKi0A+s7yAMV1BvQAkQCtwMAQqPviTzJTsqV18jLt+H5tqLm+Zk0M5socXLUAAAAASUVORK5CYII=) no-repeat 50%;cursor: pointer
}

.index-container .popup .popcon img {
	display: block;
	margin: 0 auto 28px
}

.index-container .popup .popcon h2 {
	padding: 0 30px;
	font-size: 18px;
	color: #666;
	text-align: center
}

.index-container .popup .popcon .btn {
	width: 180px;
	height: 50px;
	padding: 15px 0;
	margin: 60px auto 0;
	background: #0083ff;
	border-radius: 25px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.index-container .popup .popcon .btn:hover {
	background: #66b1ff
}

.index-container .intentioncon {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 734px;
	margin: 0 auto;
	background: #fff;
	padding: 40px 100px 50px;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	z-index: 100
}

.index-container .intentioncon input::-webkit-input-placeholder,.index-container .intentioncon textarea::-webkit-input-placeholder {
	color: #ccc
}

.index-container .intentioncon h2 {
	font-size: 30px;
	line-height: 30px;
	color: #333;
	margin-bottom: 54px;
	font-weight: 700
}

.index-container .intentioncon .offer {
	position: relative;
	margin-bottom: 40px
}

.index-container .intentioncon .offer p {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.index-container .intentioncon .offer p em {
	color: #ff7070
}

.index-container .intentioncon .offer p i {
	color: #ff7070;
	font-style: normal
}

.index-container .intentioncon .offer .offerinput {
	width: 100%;
	height: 54px;
	padding: 0 29px 0 15px;
	font-size: 16px;
	line-height: 54px;
	border: 1px solid #e5e5e5;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	border-radius: 4px
}

.index-container .intentioncon .offer .offerinput:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.index-container .intentioncon .offer span {
	position: absolute;
	right: 13px;
	bottom: 19px;
	font-size: 16px;
	line-height: 16px;
	color: #333
}

.index-container .intentioncon .instructions {
	position: relative;
	margin-bottom: 16px
}

.index-container .intentioncon .instructions p {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.index-container .intentioncon .instructions p i {
	color: #ff7070;
	font-style: normal
}

.index-container .intentioncon .instructions #text {
	width: 100%;
	height: 220px;
	padding: 10px 14px;
	resize: none;
	border-color: #e5e5e5;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	border-radius: 4px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.index-container .intentioncon .instructions #text:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.index-container .intentioncon .instructions span {
	position: absolute;
	right: 0;
	bottom: -14px;
	font-size: 14px;
	line-height: 14px;
	color: #ccc
}

.index-container .intentioncon h3 {
	margin-bottom: 75px;
	font-size: 14px;
	line-height: 14px;
	color: #666
}

.index-container .intentioncon h3 a {
	color: #0083ff
}

.index-container .intentioncon .button {
	text-align: right
}

.index-container .intentioncon .button button {
	width: 120px;
	height: 42px;
	padding: 14px 0;
	border: none;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer
}

.index-container .intentioncon .button .cancel {
	margin-right: 20px;
	color: #0083ff;
	border: 1px solid #6ea7e0;
	background: #fff
}

.index-container .intentioncon .button .cancel:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.index-container .intentioncon .button .determine {
	color: #ffff;
	background: #2d93f9
}

.index-container .intentioncon .button .determine:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.index-container .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes bounce {
	0%,20%,53%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,43% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

@keyframes bounce {
	0%,20%,53%,80%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	40%,43% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		animation-timing-function: cubic-bezier(.755,.05,.855,.06);
		-webkit-transform: translate3d(0,-15px,0);
		transform: translate3d(0,-15px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-4px,0);
		transform: translate3d(0,-4px,0)
	}
}

.index-container .bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes bounceInDown {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInDown {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.index-container .bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInUp {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInUp {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,3000px,0);
		transform: translate3d(0,3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	75% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,-5px,0);
		transform: translate3d(0,-5px,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.index-container .bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceInLeft {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInLeft {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(-3000px,0,0);
		transform: translate3d(-3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px,0,0);
		transform: translate3d(25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(-10px,0,0);
		transform: translate3d(-10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(5px,0,0);
		transform: translate3d(5px,0,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.index-container .bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInRight {
	0%,60%,75%,90%,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(3000px,0,0);
		transform: translate3d(3000px,0,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px,0,0);
		transform: translate3d(-25px,0,0)
	}

	75% {
		-webkit-transform: translate3d(10px,0,0);
		transform: translate3d(10px,0,0)
	}

	90% {
		-webkit-transform: translate3d(-5px,0,0);
		transform: translate3d(-5px,0,0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.index-container .bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

.index-container .animation-time {
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 1.8s;
	animation-duration: 1.8s
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		visibility: visible
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		visibility: visible
	}
}

.index-container .fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		visibility: hidden
	}

	to {
		opacity: 1;
		visibility: visible
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		visibility: hidden
	}

	to {
		opacity: 1;
		visibility: visible
	}
}

.index-container .fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.help-center {
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.help-center .head {
	overflow: hidden;
	position: relative;
	min-width: 1200px;
	height: 100px
}

.help-center .head img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px
}

.help-center .content {
	position: relative;
	width: 1000px;
	padding: 55px 0;
	margin: 0 auto
}

.help-center .content .title {
	position: absolute;
	top: -62px;
	left: 0;
	height: 25px;
	font-size: 25px;
	font-weight: 400;
	line-height: 25px;
	font-family: MicrosoftYaHei;
	color: #fff;
	z-index: 1
}

.help-center .content ul li {
	list-style: none
}

.help-center .content ul li h2 {
	padding-left: 32px;
	margin-bottom: 20px;
	background: url(http://www.luojinet.com/img/Q_mark.c9cc465.png) 0 no-repeat;
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
	font-family: MicrosoftYaHei;
	color: #333
}

.help-center .content ul li div {
	margin-bottom: 50px;
	font-size: 18px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 28px;
	text-align: justify;
	word-break: break-all
}

.help-center .cover {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.3);
	z-index: 99
}

.blogindex {
	background: #fff;
	padding: 36px 0 60px;
	border-bottom: 1px solid #e5e5e5
}

.blogindex .middle {
	width: 1200px;
	margin: 0 auto
}

.blogindex .middle .leftnav {
	float: left;
	min-width: 140px;
	_width: 140px;
	margin-right: 41px
}

.blogindex .middle .leftnav .blognav {
	padding: 30px 0 10px;
	background: #f8f8f8
}

.blogindex .middle .leftnav .blognav a,.blogindex .middle .leftnav .blognav li {
	display: block;
	margin-bottom: 25px;
	font-size: 17px;
	line-height: 20px;
	color: #666;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.blogindex .middle .leftnav .blognav .select,.blogindex .middle .leftnav .blognav a:hover,.blogindex .middle .leftnav .blognav li:hover {
	font-size: 20px;
	color: #0083ff;
	font-weight: 700
}

.blogindex .middle .leftnav .fixed {
	position: fixed;
	top: 10px
}

.blogindex .middle .blogcontent {
	float: left;
	width: 640px;
	margin-right: 43px
}

.blogindex .middle .blogcontent .scroll {
	width: 100%;
	height: 266px;
	margin-bottom: 37px
}

.blogindex .middle .blogcontent .scroll .box {
	height: 266px
}

.blogindex .middle .blogcontent .scroll .box li {
	width: 640px;
	height: 266px
}

.blogindex .middle .blogcontent .scroll .box li img {
	z-index: -2
}

.blogindex .middle .blogcontent .scroll .box li h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 22px;
	line-height: 44px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: rgba(0,0,0,.5);
	padding: 0 10px 20px
}

.blogindex .middle .blogcontent .scroll .punctuation {
	position: absolute;
	left: 24px;
	bottom: 12px
}

.blogindex .middle .blogcontent .scroll .punctuation span {
	float: left;
	width: 8px;
	height: 8px;
	margin-right: 10px;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	opacity: 1
}

.blogindex .middle .blogcontent .scroll .punctuation .swiper-pagination-bullet-active {
	width: 27px;
	height: 8px;
	border-radius: 4px
}

.blogindex .middle .blogcontent .scroll .swiper-button-disabled {
	pointer-events: auto
}

.blogindex .middle .blogcontent .scroll .swiper-button-prev {
	opacity: 0;
	left: 0;
	width: 35px;
	height: 60px;
	background: rgba(34,40,43,.75);
	border-radius: 0 8px 8px 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.blogindex .middle .blogcontent .scroll .swiper-button-prev i {
	display: block;
	width: 10px;
	height: 18px;
	margin: 18px 0 0 9px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAzUlEQVQoU42SsQ4BQRRFLSIikUhIKBQUNBqf4EP2k/yHalUqolCpNKLRKLZQKHyAYsYZuZsJI8ZJXm7yzs1udnZKvzDGdJmMSSvaBSDbxDZJkhn5eC0/sda2KB5IS56IjpQH0WT2Kp2JnpSHZQO5U+nC9KU8uDpirVLODKU8uBpipdKVGUt5cFVEptKNmUi9g5irdCemWgeUlXF4yn+vdtD5/JiRVAgddzwblXNiIBWCjB94ATL+CwuQ8UtR4CSlo8oLrb9DwV3cpTEmfQKoNQpmX5kc6gAAAABJRU5ErkJggg==) no-repeat 50%
}

.blogindex .middle .blogcontent .scroll .swiper-button-prev:hover {
	background: #22282b
}

.blogindex .middle .blogcontent .scroll .swiper-button-next {
	opacity: 0;
	right: 0;
	width: 35px;
	height: 60px;
	background: rgba(34,40,43,.75);
	border-radius: 8px 0 0 8px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.blogindex .middle .blogcontent .scroll .swiper-button-next i {
	display: block;
	width: 10px;
	height: 18px;
	margin: 18px 0 0 16px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAuklEQVQoU52SMQtBYRSGT+ImpRRiMDAwsPhBfpL/Ybomk81ksshiMRjucAc/4eO59YY69X3y1tup8zyRz7EQwormdGCxIGyehHmmXa19gH16kXxidIR8gEOkq+QjbQv5AEf0JvnAaAn5IEzoXfKe0RTyQZjRQvKO0RDyQVjQUnLOqAv5AJdID8nrmvb/hU+YJ78aMKXfPyYT+oTlGBh/HkD6wVmm/0KWvx0F8H1mjJ7WPgjV4W5p5HDNXr15E8vIJFo2AAAAAElFTkSuQmCC) no-repeat 50%
}

.blogindex .middle .blogcontent .scroll .swiper-button-next:hover {
	background: #22282b
}

.blogindex .middle .blogcontent .scroll:hover .swiper-button-next,.blogindex .middle .blogcontent .scroll:hover .swiper-button-prev {
	opacity: 1
}

.blogindex .middle .blogcontent .loading {
	width: 136px;
	height: 40px;
	margin: 63px auto 0;
	padding: 13px 0;
	border: 1px solid #e5e5e5;
	border-radius: 20px;
	font-size: 14px;
	line-height: 14px;
	color: #999;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s
}

.blogindex .middle .blogcontent .loading:hover {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4790e5),to(#52a5f4));
	background-image: linear-gradient(-180deg,#4790e5,#52a5f4);
	border: none;
	color: #fff;
	-webkit-filter: brightness(1.05) contrast(1.05);
	filter: brightness(1.05) contrast(1.05);
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.blogindex .middle .blogcontent .loaded {
	margin-top: 63px;
	font-size: 14px;
	line-height: 14px;
	color: #999;
	text-align: center
}

.blogindex .middle .nulldata {
	float: left;
	width: 640px;
	padding: 117px 0 107px
}

.blogindex .middle .nulldata img {
	display: block;
	margin: 0 auto 20px
}

.blogindex .middle .nulldata p {
	font-size: 14px;
	line-height: 14px;
	color: #a9a9a9;
	text-align: center
}

.blogindex .middle .nulldata button {
	display: block;
	width: 88px;
	height: 30px;
	color: #fff;
	font-size: 16px;
	background-color: #0083ff;
	border: none;
	border-radius: 4px;
	margin: 19px auto 0;
	cursor: pointer
}

.blogindex .middle .rightside {
	float: right;
	width: 332px;
	padding-top: 4px
}

.blogindex .middle .rightside .write {
	cursor: pointer;
	width: 100%;
	height: 62px;
	padding: 18px 22px 18px 25px;
	margin-bottom: 17px;
	background: #f7f6f8
}

.blogindex .middle .rightside .write i {
	float: left;
	width: 26px;
	height: 26px;
	margin-right: 14px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAABOFBMVEUAAAAAAAB/f39UVFRmZmZiYmJbW1tfX19paWljY2NhYWFoaGhlZWVnZ2dmZmZjY2NnZ2dkZGRoaGhjY2NnZ2dmZmZlZWVkZGRmZmZlZWVkZGRkZGRoaGhmZmZnZ2dlZWVkZGRmZmZkZGRlZWVmZmZlZWVmZmZlZWVlZWVkZGRlZWVkZGRlZWVkZGRmZmZlZWVkZGRlZWVmZmZlZWVlZWVkZGRlZWVkZGRmZmZlZWVkZGRmZmZlZWVlZWVlZWVlZWVkZGRlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVmZmZmZmZlZWVlZWVmZmZlZWVmZmZlZWVlZWVmZmZmZmZlZWVlZWVlZWVlZWVmZmZlZWVmZmZBtlOGAAAAZ3RSTlMAAQIJCg0OEBESFRYZGygpKissLi80Nzg5P0JHR0hKS0xNUVhcXWFiZGVnaGltbW5ydHd5e3x+gYGChISFiIqMjo+Sk5qfoae3ucTFxsjNztba3N3h5Ofo6+zt7+/x8vL3+Pr7/f7+d1XgQAAAAPVJREFUeF510NdSAkEUhOFeBMw5Ys6omDChGNecA4o5IS79/m/gKcqamVOr/+1309XQoePk4WoCfzZPadcLQy2wQCkTkuR7AlgW+oxBlyrxrQvIiLVomQtIvrQDWRbiStIs99QGbGWVLJHW1MJV0lg93DZpW3fB23FkRcmeI4tK9i0EaVcih47MKDmyUprSH1j5TkJ1aaQ4Bt2zkRHo8PorX8P4hwpDCHVflsduhBvwfX87VQlEEp2QGnqjAtGeJpi8Y/IAmA6Yq0bVDYNZQ62UanBLchLjJO8M1RXJjwqcCg2iT+gCptHcdT/QeJbf8IC1/HnzD/dWYNcfsgDxAAAAAElFTkSuQmCC) no-repeat 50%
}

.blogindex .middle .rightside .write p {
	float: left;
	margin-right: 18px;
	font-size: 16px;
	line-height: 26px;
	color: #333
}

.blogindex .middle .rightside .write em {
	float: left;
	width: 1px;
	height: 16px;
	margin-top: 5px;
	margin-right: 18px;
	background: #999
}

.blogindex .middle .rightside .write span {
	float: left;
	font-size: 14px;
	line-height: 26px;
	color: #666
}

.blogindex .middle .rightside .write:hover i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAA+VBMVEUAg/////8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Pd3ZtAAAAUnRSTlMAAAGIkHj9A/Fp8Jc3WxH1+nPlE8kCpWxJ4gwtHdRA+4d2IoLtrn+JbjxnUr/vlU8UBD45hkdCRiq+0XD2FTDg6t1kYRkHxk0pYt7XUcinjYovpykZoQAAAOZJREFUeF51zdVyw1AMRdEjheqmbbiBMjMzM7P+/2MqZ8aq7DvdD3pZc0bItLI+PxExxWVpRrQyhzQOLMa2H1BUOQTllKojGVoWOZ+kvl2mqSDawFBsU8nKJLHNJfI0LWLGLU/6wGxWwYjz8leOHXHZi4JRycscOSqNOimQlRU4Ki04acNTzUmEFJ0aFFeRpkGTYQRk8g9V1xDQdV82OghpK6+1t4Gd3T1Wej7oKfSOjglJrRORT+BMpHtBjSuRmtGYaA3c6L2lO71do/uiSOUBj0pP1FFqwnp5fXvX8Uf9i4m/682fX2BNSZXBZ95lAAAAAElFTkSuQmCC) no-repeat 50%
}

.blogindex .middle .rightside .write:hover p {
	color: #0083ff
}

.blogindex .middle .rightside .module {
	width: 100%;
	padding: 16px 0 16px 19px;
	margin-bottom: 54px;
	background: #f7f6f8;
	border-radius: 4px
}

.blogindex .middle .rightside .module li {
	width: 100%;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.blogindex .middle .rightside .module li a {
	color: #666
}

.blogindex .middle .rightside .module li:last-child {
	margin-bottom: 0
}

.blogindex .middle .rightside .module li:hover a {
	color: #0083ff
}

.blogindex .middle .rightside .consult {
	margin-bottom: 50px
}

.blogindex .middle .rightside .consult .title {
	margin-bottom: 20px
}

.blogindex .middle .rightside .consult .title i {
	float: left;
	width: 13px;
	height: 16px;
	margin-top: 1px;
	margin-right: 10px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAAvVBMVEUAAAD/AAD/fwD/AAD/PwD/Pz//Kir+OBz/RCL+Qyj/Pyb+RiP/RCL+RCT+QyP/RCb+Rib+RSb+RCb+RSb+RSX+QyT+RSb+RCX+RCX+RSX+RSX+RCX+QyX+RCT+RCX+RCX+RSX+RCb+RSX+RSX+RCX+QyX+RCb+RCb+RCX+RCX+RSb+RCb+RSX+RSb+RCX+RCb+RCX+RCb+RSX+RCX+RCb+RCX+RSb+RSb+RCb+RCX+RSX+RCX+RCb+RSb/RSa4ffBnAAAAPnRSTlMAAQICBAQGCQ8TFB0eODk8V1xdY2dpanN0eYGCh4qNlZuhorG2uLvBxMbHyMrO19zm6uzu8fX29/j5+/z9/nshaeQAAACESURBVHheRcflFoJAGIThAQPBFuzuDuyAuf/L8tvFsz4/Zs4LbXYsw3BjvlumGhQjG1o+pDLU4R2YqEjk9vw5ObDmNALU+LfARv/4RXGBuo+PMxU8ZHpAk+KGFRl5gDWR2sEnnykABak60muyKtUlpzbgbnkvohNHgwxEth32neuyBOALMVcdDfpCGzkAAAAASUVORK5CYII=) no-repeat 50%
}

.blogindex .middle .rightside .consult .title h2 {
	float: left;
	font-size: 18px;
	line-height: 18px;
	color: #333
}

.blogindex .middle .rightside .consult .title p {
	float: right;
	margin-top: 5px;
	font-size: 12px;
	line-height: 12px;
	color: #666;
	cursor: pointer
}

.blogindex .middle .rightside .consult .title p:hover {
	color: #0083ff
}

.blogindex .middle .rightside .consult ul li {
	width: 100%;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.blogindex .middle .rightside .consult ul li a {
	color: #666
}

.blogindex .middle .rightside .consult ul li:hover a {
	color: #0083ff
}

.blogindex .middle .rightside .article {
	margin-bottom: 50px
}

.blogindex .middle .rightside .article .title {
	margin-bottom: 20px
}

.blogindex .middle .rightside .article .title i {
	float: left;
	width: 13px;
	height: 16px;
	margin-top: 1px;
	margin-right: 10px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAAvVBMVEUAAAD/AAD/fwD/AAD/PwD/Pz//Kir+OBz/RCL+Qyj/Pyb+RiP/RCL+RCT+QyP/RCb+Rib+RSb+RCb+RSb+RSX+QyT+RSb+RCX+RCX+RSX+RSX+RCX+QyX+RCT+RCX+RCX+RSX+RCb+RSX+RSX+RCX+QyX+RCb+RCb+RCX+RCX+RSb+RCb+RSX+RSb+RCX+RCb+RCX+RCb+RSX+RCX+RCb+RCX+RSb+RSb+RCb+RCX+RSX+RCX+RCb+RSb/RSa4ffBnAAAAPnRSTlMAAQICBAQGCQ8TFB0eODk8V1xdY2dpanN0eYGCh4qNlZuhorG2uLvBxMbHyMrO19zm6uzu8fX29/j5+/z9/nshaeQAAACESURBVHheRcflFoJAGIThAQPBFuzuDuyAuf/L8tvFsz4/Zs4LbXYsw3BjvlumGhQjG1o+pDLU4R2YqEjk9vw5ObDmNALU+LfARv/4RXGBuo+PMxU8ZHpAk+KGFRl5gDWR2sEnnykABak60muyKtUlpzbgbnkvohNHgwxEth32neuyBOALMVcdDfpCGzkAAAAASUVORK5CYII=) no-repeat 50%
}

.blogindex .middle .rightside .article .title h2 {
	float: left;
	font-size: 18px;
	line-height: 18px;
	color: #333
}

.blogindex .middle .rightside .article .title p {
	float: right;
	margin-top: 5px;
	font-size: 12px;
	line-height: 12px;
	color: #666;
	cursor: pointer
}

.blogindex .middle .rightside .article .title p:hover {
	color: #0083ff
}

.blogindex .middle .rightside .article ul li {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 22px
}

.blogindex .middle .rightside .article ul li a {
	color: #666
}

.blogindex .middle .rightside .article ul li:hover a {
	color: #0083ff
}

.blogindex .middle .rightside .introduce {
	width: 100%;
	height: 84px;
	padding: 7px 0 7px 11px;
	margin-top: 20px;
	background: url(http://www.luojinet.com/img/bg.b4ad68c.png) no-repeat 50%
}

.blogindex .middle .rightside .introduce img {
	float: left;
	margin-right: 20px
}

.blogindex .middle .rightside .introduce .describe {
	margin-top: 14px
}

.blogindex .middle .rightside .introduce .describe p {
	color: #fff
}

.blogindex .middle .rightside .introduce .describe p:first-child {
	margin-bottom: 9px;
	font-size: 18px;
	line-height: 18px
}

.blogindex .middle .rightside .introduce .describe p:first-child i {
	display: inline-block;
	width: 8px;
	height: 15px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAPCAQAAABzA0a4AAAAdElEQVQImWP4d/ufIwMy+O/w7+U/LxShf+ZAoRBUIf1/T//FoWrU+Pf4XyaqkNK/u/9KUDXK/LvxrxJVSPbfD2Qu978d/5YguEL/jv+b+58FxpX+d+Vf139GGFf13/1/ZQjFRv+e/UtG9surf4HIZl9D9S0AylRAb5GAOMUAAAAASUVORK5CYII=) no-repeat 50%
}

.blogindex .middle .rightside .introduce .describe p:last-child {
	font-size: 14px;
	line-height: 14px
}

.projectlist .input .el-input__inner {
	width: 1020px;
	height: 60px;
	min-height: 60px!important;
	background: #f8f8f8;
	border: 1px solid #f8f8f8;
	border-radius: 4px 0 0 4px;
	line-height: 0;
	padding: 10px 15px;
	vertical-align: middle
}

.projectlist .input .el-input__inner:focus {
	border-color: #0083ff;
	background: #fff
}

.projectlist h2,.projectlist h3 {
	font-weight: 400
}

.projectlist li {
	list-style: none
}

.projectlist i {
	font-style: normal
}

.projectlist .return {
	display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
	color: #25aaff
}

.projectlist input[type=number] {
	-moz-appearance: textfield
}

.projectlist input[type=number]::-webkit-inner-spin-button,.projectlist input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.projectlist .popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 99
}

.projectlist .popup .popcon {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 546px;
	height: 400px;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	background: #fff;
	padding: 40px 0;
	margin: 0 auto;
	border-radius: 8px;
	-webkit-box-shadow: 4px 0 9px rgba(0,57,116,.08);
	box-shadow: 4px 0 9px rgba(0,57,116,.08)
}

.projectlist .popup .popcon .close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 15px;
	height: 15px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAACUlJSZmZmXl5eZmZmXl5eZmZmZmZmZmZmNAi8EAAAACHRSTlMAGDo7P0B06dqRrk0AAABOSURBVHheVY0xCoBADAQHPftDP2J3bbpr7WwtfYDc+2XAFC4ksMNuwoqaKi0A+s7yAMV1BvQAkQCtwMAQqPviTzJTsqV18jLt+H5tqLm+Zk0M5socXLUAAAAASUVORK5CYII=) no-repeat 50%;cursor: pointer
}

.projectlist .popup .popcon img {
	display: block;
	margin: 0 auto 28px
}

.projectlist .popup .popcon h2 {
	font-size: 18px;
	line-height: 18px;
	color: #666;
	text-align: center
}

.projectlist .popup .popcon .btn {
	width: 180px;
	height: 50px;
	padding: 15px 0;
	margin: 80px auto 0;
	background: #0083ff;
	border-radius: 25px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.projectlist .popup .popcon .btn:hover {
	background: #66b1ff
}

.projectlist .popup .popcon .button {
	padding: 0 50px
}

.projectlist .popup .popcon .button .left {
	float: left
}

.projectlist .popup .popcon .button .right {
	float: right
}

.projectlist .intention {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 99
}

.projectlist .intention .intentioncon {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 840px;
	margin: 0 auto;
	background: #fff;
	padding: 40px 120px 42px;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.projectlist .intention .intentioncon h2 {
	font-size: 30px;
	line-height: 30px;
	color: #333;
	margin-bottom: 54px;
	font-weight: 700
}

.projectlist .intention .intentioncon .offer {
	position: relative;
	margin-bottom: 40px
}

.projectlist .intention .intentioncon .offer p {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.projectlist .intention .intentioncon .offer p em,.projectlist .intention .intentioncon .offer p i {
	color: #ff7070
}

.projectlist .intention .intentioncon .offer .offerinput {
	width: 100%;
	height: 54px;
	padding: 0 29px 0 15px;
	font-size: 16px;
	line-height: 54px;
	border: 1px solid #e5e5e5
}

.projectlist .intention .intentioncon .offer input::-webkit-input-placeholder {
	color: #ccc
}

.projectlist .intention .intentioncon .offer input:-moz-placeholder,.projectlist .intention .intentioncon .offer input::-moz-placeholder {
	color: #ccc
}

.projectlist .intention .intentioncon .offer input:-ms-input-placeholder {
	color: #ccc
}

.projectlist .intention .intentioncon .offer span {
	position: absolute;
	right: 13px;
	bottom: 19px;
	font-size: 16px;
	line-height: 16px;
	color: #333
}

.projectlist .intention .intentioncon .instructions {
	position: relative;
	margin-bottom: 16px
}

.projectlist .intention .intentioncon .instructions p {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.projectlist .intention .intentioncon .instructions p i {
	color: #ff7070
}

.projectlist .intention .intentioncon .instructions #text {
	width: 100%;
	height: 162px;
	padding: 18px 14px 30px;
	resize: none;
	border-color: #e5e5e5;
	font-size: 16px;
	line-height: 22px
}

.projectlist .intention .intentioncon .instructions textarea::-webkit-input-placeholder {
	color: #ccc
}

.projectlist .intention .intentioncon .instructions textarea:-moz-placeholder,.projectlist .intention .intentioncon .instructions textarea::-moz-placeholder {
	color: #ccc
}

.projectlist .intention .intentioncon .instructions textarea:-ms-input-placeholder {
	color: #ccc
}

.projectlist .intention .intentioncon .instructions span {
	position: absolute;
	right: 14px;
	bottom: 10px;
	font-size: 14px;
	line-height: 14px;
	color: #ccc
}

.projectlist .intention .intentioncon h3 {
	margin-bottom: 75px;
	font-size: 14px;
	line-height: 14px;
	color: #666
}

.projectlist .intention .intentioncon h3 a {
	color: #0083ff
}

.projectlist .intention .intentioncon .button {
	text-align: right
}

.projectlist .intention .intentioncon .button button {
	width: 120px;
	height: 42px;
	padding: 14px 0;
	border: none;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer
}

.projectlist .intention .intentioncon .button .cancel {
	margin-right: 20px;
	color: #0083ff;
	border: 1px solid #2d93f9;
	background: #fff
}

.projectlist .intention .intentioncon .button .cancel:hover {
	background: #f1faff
}

.projectlist .intention .intentioncon .button .determine {
	color: #fff;
	background: #2d93f9
}

.projectlist .intention .intentioncon .button .determine:hover {
	background: #66b1ff
}

.projectlist {
	width: 100%;
	background: #fff
}

.projectlist .banner {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	_width: 1200px;
	margin-bottom: 30px;
	padding-top: 44px;
	background: url(http://www.luojinet.com/img/banner_xm.2674a96.png) no-repeat 50%
}

.projectlist .banner h2 {
	width: 1200px;
	font-size: 26px;
	line-height: 14px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	font-weight: 400
}

.projectlist .banner h2 a {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	cursor: pointer;
	color: #fff
}

.projectlist .banner h2 a:first-of-type {
	top: -6px;
	left: 523px;
	font-size: 14px;
	background: #ffc034;
	border-radius: 17px;
	padding: 8px 10px 10px
}

.projectlist .banner h2 a span {
	font-size: 26px;
	display: inline-block;
	vertical-align: top;
	margin-top: -2px;
	margin-right: 4px
}

.projectlist .banner h2 .liaomore {
	top: 30px;
	left: 5px;
	font-size: 16px
}

.projectlist .projectlist {
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	padding-bottom: 60px;
	border-bottom: 1px solid #e5e5e5
}

.projectlist .projectlist .middle {
	width: 1200px;
	margin: 0 auto
}

.projectlist .projectlist .middle .titles li {
	position: relative;
	float: left;
	height: 48px;
	margin-right: 40px;
	background: #fff;
	text-align: center;
	cursor: pointer
}

.projectlist .projectlist .middle .titles li a {
	font-size: 18px;
	line-height: 48px;
	color: #666
}

.projectlist .projectlist .middle .titles li:last-child {
	margin-right: 0
}

.projectlist .projectlist .middle .titles li:hover a {
	color: #0083ff
}

.projectlist .projectlist .middle .titles li:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.projectlist .projectlist .middle .titles li:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.projectlist .projectlist .middle .titles .active:after,.projectlist .projectlist .middle .titles .nuxt-link-active:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #0083ff;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.projectlist .projectlist .middle .titles .active a,.projectlist .projectlist .middle .titles .nuxt-link-active a {
	color: #0083ff
}

.projectlist .projectlist .middle .paramsList {
	margin-top: 15px;
	font-size: 14px
}

.projectlist .projectlist .middle .paramsList .projectsort {
	border: 1px solid #e5e5e5;
	padding-bottom: 30px
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort {
	padding-left: 24px;
	background: #fafafa;
	border-bottom: 1px solid #e5e5e5
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .name {
	color: #666;
	margin-right: 15px;
	display: inline-block
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item {
	display: inline-block;
	padding: 0;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a {
	position: relative;
	display: inline-block;
	padding: 17px 16px;
	line-height: 14px;
	font-family: MicrosoftYaHei;
	color: #333
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a.select {
	color: #0083ff;
	background: #fff
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a.select:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #0083ff
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a.select:after {
	content: "";
	position: absolute;
	top: 47px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #fff
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	top: -1px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a:hover {
	color: #0083ff
}

.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a.select:after,.projectlist .projectlist .middle .paramsList .projectsort .jobsort .item a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.projectlist .projectlist .middle .paramsList .items {
	display: table;
	width: 100%;
	clear: both;
	padding-top: 20px;
	margin-left: 24px
}

.projectlist .projectlist .middle .paramsList .items .name {
	vertical-align: top;
	display: table-cell;
	color: #666;
	width: 80px;
	padding: 6px 0
}

.projectlist .projectlist .middle .paramsList .items .value {
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
	position: relative;
	padding-right: 45px
}

.projectlist .projectlist .middle .paramsList .items .value.border {
	border-bottom: 1px solid #e5e5e5
}

.projectlist .projectlist .middle .paramsList .items .value .hidden {
	width: 100%;
	height: 45px;
	overflow: hidden
}

.projectlist .projectlist .middle .paramsList .items .value .item {
	display: inline-block;
	padding: 6px 10px;
	margin-right: 15px;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s
}

.projectlist .projectlist .middle .paramsList .items .value .item a,.projectlist .projectlist .middle .paramsList .items .value .item span {
	margin: auto;
	height: 100%;
	color: #333
}

.projectlist .projectlist .middle .paramsList .items .value .item:after {
	content: "";
	position: absolute;
	width: 76%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 12%;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.projectlist .projectlist .middle .paramsList .items .value .item:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.projectlist .projectlist .middle .paramsList .items .value .item.select {
	background: #e5f2ff
}

.projectlist .projectlist .middle .paramsList .items .value .item.select a,.projectlist .projectlist .middle .paramsList .items .value .item.select span,.projectlist .projectlist .middle .paramsList .items .value .item:hover a {
	color: #0083ff
}

.projectlist .projectlist .middle .paramsList .items .value .showSwitch {
	color: #999;
	font-size: 16px;
	border: none;
	background: none;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0
}

.projectlist .projectlist .middle .paramsList .items .value .showSwitch.showing {
	color: #0083ff
}

.projectlist .projectlist .middle .items-time {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	padding-left: 28px;
	padding-top: 40px
}

.projectlist .projectlist .middle .items-time .dropdown {
	float: right;
	line-height: 30px;
	cursor: pointer
}

.projectlist .projectlist .middle .items-time .dropdown .el-dropdown-link {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	margin-right: 25px
}

.projectlist .projectlist .middle .list .firstscort {
	width: 100%;
	border: 1px solid #f2f2f2;
	margin-top: 19px;
	padding: 35px 30px 28px;
	-webkit-transition: all .2s;
	transition: all .2s
}

.projectlist .projectlist .middle .list .firstscort .top {
	margin-bottom: 13px
}

.projectlist .projectlist .middle .list .firstscort .top .name {
	float: left;
	margin-right: 20px;
	font-size: 20px;
	line-height: 20px;
	color: #333;
	cursor: pointer;
	font-weight: 700;
	white-space: pre-wrap
}

.projectlist .projectlist .middle .list .firstscort .top .name:hover {
	color: #0083ff
}

.projectlist .projectlist .middle .list .firstscort .top .name span {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	background: #fc5b31;
	border-radius: 11px 11px 11px 0;
	padding: 1px 8px;
	display: inline-block;
	vertical-align: top;
	margin-top: -2px
}

.projectlist .projectlist .middle .list .firstscort .top .money {
	float: right;
	font-size: 30px;
	line-height: 20px;
	font-weight: 700;
	color: #f77272;
	cursor: pointer;
	margin-right: 15px;
	margin-bottom: 15px
}

.projectlist .projectlist .middle .list .firstscort .top .money span {
	font-size: 16px;
	margin-left: -2px
}

.projectlist .projectlist .middle .list .firstscort .top .time {
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #ccc
}

.projectlist .projectlist .middle .list .firstscort .introduce .left {
	float: left;
	width: 875px;
	cursor: pointer
}

.projectlist .projectlist .middle .list .firstscort .introduce .left p {
	position: relative;
	height: 64px;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-wrap: break-word;
	text-align: justify
}

.projectlist .projectlist .middle .list .firstscort .introduce .left .category_list {
	margin-top: 24px
}

.projectlist .projectlist .middle .list .firstscort .introduce .left .category_list p {
	float: left;
	height: 26px;
	padding: 6px 14px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #deefff;
	border-radius: 13px;
	font-size: 14px;
	line-height: 14px;
	color: #0083ff
}

.projectlist .projectlist .middle .list .firstscort .introduce .left .category_list span {
	float: left;
	height: 26px;
	padding: 6px 12px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #eaf3ff;
	border-radius: 13px;
	line-height: 14px;
	font-size: 14px;
	color: #0083ff
}

.projectlist .projectlist .middle .list .firstscort .introduce .left .category_list span:last-child {
	margin-right: 0
}

.projectlist .projectlist .middle .list .firstscort .introduce em {
	float: left;
	width: 1px;
	height: 96px;
	background: #f2f2f2;
	margin: 0 35px 0 40px
}

.projectlist .projectlist .middle .list .firstscort .introduce .right {
	float: right;
	width: 160px
}

.projectlist .projectlist .middle .list .firstscort .introduce .right ul div {
	float: left;
	width: 75px
}

.projectlist .projectlist .middle .list .firstscort .introduce .right ul div h2 {
	margin-bottom: 9px;
	font-size: 18px;
	color: #666;
	text-align: center
}

.projectlist .projectlist .middle .list .firstscort .introduce .right ul div p {
	font-size: 14px;
	color: #999;
	text-align: center
}

.projectlist .projectlist .middle .list .firstscort .introduce .right ul div:last-child {
	margin-right: 0
}

.projectlist .projectlist .middle .list .firstscort .introduce .right ul div:first-child {
	width: 85px
}

.projectlist .projectlist .middle .list .firstscort .introduce .right .btn {
	float: right;
	width: 140px;
	height: 46px;
	padding: 14px 0;
	margin-top: 30px;
	margin-right: 6px;
	background: #0083ff;
	border-radius: 4px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.projectlist .projectlist .middle .list .firstscort .introduce .right .btn:hover {
	background: #66b1ff
}

.projectlist .projectlist .middle .list .firstscort:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

.projectlist .projectlist .middle .list .showdownprojectList {
	overflow: hidden;
	width: 1200px;
	margin: 20px auto
}

.projectlist .projectlist .middle .list .showdownprojectList ul {
	width: 100%
}

.projectlist .projectlist .middle .list .showdownprojectList ul li {
	background: #fff;
	display: inline-block;
	vertical-align: top;
	width: 370px;
	cursor: pointer;
	margin-bottom: 50px;
	border: 1px solid #e5e5e5
}

.projectlist .projectlist .middle .list .showdownprojectList ul li:nth-child(2),.projectlist .projectlist .middle .list .showdownprojectList ul li:nth-child(5),.projectlist .projectlist .middle .list .showdownprojectList ul li:nth-child(8) {
	margin: 0 43px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type {
	color: #fff;
	font-size: 22px;
	line-height: 80px;
	text-align: center;
	height: 165px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type .projectname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type .projectdess {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	margin: 10px;
	margin-top: -7px;
	width: 310px;
	height: 50px;
	text-align: left;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-left: 35px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type.type-01 {
	background: #3a3a3a url(http://www.luojinet.com/img/kaif.ec61eb6.png) 100% no-repeat;
	background-size: 35% 85%
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type.type-02 {
	background: #3a3a3a url(http://www.luojinet.com/img/shj.cb268b2.png) 100% no-repeat;
	background-size: 35% 85%
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type.type-03 {
	background: #3a3a3a url(http://www.luojinet.com/img/yuny.fdd2535.png) 100% no-repeat;
	background-size: 35% 85%
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .type.type-04 {
	background: #3a3a3a url(http://www.luojinet.com/img/cp.d90e635.png) 100% no-repeat;
	background-size: 35% 85%
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .money {
	display: block;
	margin: auto;
	color: #ff532b;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	margin-top: 20px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .money span {
	font-size: 18px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .downtime {
	font-size: 14px;
	color: #999;
	text-align: center
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .childType {
	margin-top: 15px;
	text-align: center;
	height: 26px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .childType span {
	display: inline-block;
	color: #999;
	font-size: 12px;
	padding: 5px 12px;
	background-color: #eff1f4;
	border-radius: 12px;
	margin-right: 22px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .childType span:last-child {
	margin-right: 0
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .des {
	margin: 30px 0
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .des .item {
	display: inline-block;
	width: 33%;
	text-align: center
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .des .item em {
	display: inline;
	color: #333;
	font-size: 16px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .des .item p {
	color: #999;
	font-size: 14px;
	margin-top: 10px
}

.projectlist .projectlist .middle .list .showdownprojectList ul li .des .item:nth-child(2) {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}

.projectlist .nulldata {
	width: 100%;
	border: 1px solid #f2f2f2;
	padding: 117px 0 107px;
	margin-top: 19px
}

.projectlist .nulldata img {
	display: block;
	margin: 0 auto 50px
}

.projectlist .nulldata p {
	font-size: 14px;
	line-height: 14px;
	color: #666;
	text-align: center
}

.chatMessage {
	width: 100%;
	min-width: 1200px;
	padding-top: 42px;
	padding-bottom: 60px;
	border-bottom: 1px solid #e5e5e5
}

.chatMessage .clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.chatMessage .clearfix {
	*zoom: 1
}

.chatMessage h2 {
	font-weight: 400
}

.chatMessage li {
	list-style: none
}

.chatMessage i {
	font-style: normal
}

.chatMessage .middle {
	overflow: hidden;
	width: 1200px;
	height: 810px;
	margin: 0 auto;
	background: #fff;
	border-radius: 4px
}

.chatMessage .middle .nulldata {
	width: 100%;
	padding: 117px 0 107px
}

.chatMessage .middle .nulldata img {
	display: block;
	margin: 0 auto 21px
}

.chatMessage .middle .nulldata p {
	font-size: 14px;
	line-height: 14px;
	color: #666;
	text-align: center
}

.chatMessage .middle .list {
	float: left;
	width: 100%;
	border-right: 1px solid #e6e6e6;
	-webkit-transition: all .3s;
	transition: all .3s
}

.chatMessage .middle .list .title {
	width: 100%;
	height: 60px;
	padding: 21px 24px;
	border-bottom: 1px solid #e6e6e6
}

.chatMessage .middle .list .title h2 {
	font-size: 18px;
	line-height: 18px;
	color: #333
}

.chatMessage .middle .list .chatlist {
	overflow-y: auto;
	width: 100%;
	height: 748px
}

.chatMessage .middle .list .chatlist .system li {
	padding: 20px 14px 20px 24px;
	-webkit-transition: all .2s;
	transition: all .2s;
	cursor: pointer
}

.chatMessage .middle .list .chatlist .system li .left {
	float: left;
	margin-right: 13px
}

.chatMessage .middle .list .chatlist .system li .left img {
	border-radius: 50%
}

.chatMessage .middle .list .chatlist .system li .right {
	float: left;
	width: 94%;
	-webkit-transition: all .2s;
	transition: all .2s
}

.chatMessage .middle .list .chatlist .system li .right .top .name {
	float: left;
	font-size: 18px;
	line-height: 24px;
	color: #333
}

.chatMessage .middle .list .chatlist .system li .right .top .time {
	float: right;
	font-size: 12px;
	line-height: 24px;
	color: #999
}

.chatMessage .middle .list .chatlist .system li .right .chat {
	position: relative
}

.chatMessage .middle .list .chatlist .system li .right .chat p {
	float: left;
	width: 84%;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.chatMessage .middle .list .chatlist .system li .right .chat em {
	position: absolute;
	right: -2px;
	top: 0;
	padding: 2px 4px;
	border-radius: 12px;
	background: #f74c31;
	font-size: 14px;
	line-height: 14px;
	color: #fff
}

.chatMessage .middle .list .chatlist .system .select,.chatMessage .middle .list .chatlist .system li:hover {
	background: #f3f3f3
}

.chatMessage .middle .list .chatlist .imchat li {
	padding: 20px 14px 20px 24px;
	-webkit-transition: all .2s;
	transition: all .2s;
	cursor: pointer
}

.chatMessage .middle .list .chatlist .imchat li .left {
	float: left;
	margin-right: 13px
}

.chatMessage .middle .list .chatlist .imchat li .left img {
	border-radius: 50%
}

.chatMessage .middle .list .chatlist .imchat li .right {
	float: left;
	width: 94%;
	-webkit-transition: all .2s;
	transition: all .2s
}

.chatMessage .middle .list .chatlist .imchat li .right .top {
	margin-bottom: 3px
}

.chatMessage .middle .list .chatlist .imchat li .right .top .name {
	float: left;
	width: 50%;
	font-size: 18px;
	line-height: 24px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.chatMessage .middle .list .chatlist .imchat li .right .top .time {
	float: right;
	font-size: 12px;
	line-height: 24px;
	color: #999
}

.chatMessage .middle .list .chatlist .imchat li .right .chat {
	position: relative
}

.chatMessage .middle .list .chatlist .imchat li .right .chat p {
	float: left;
	width: 60%;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.chatMessage .middle .list .chatlist .imchat li .right .chat em {
	position: absolute;
	right: -2px;
	top: 0;
	padding: 2px 4px;
	border-radius: 12px;
	background: #f74c31;
	font-size: 14px;
	line-height: 14px;
	color: #fff
}

.chatMessage .middle .list .chatlist .imchat li .right .chat .dismessage {
	position: absolute;
	right: 10px;
	top: 4px
}

.chatMessage .middle .list .chatlist .imchat li .right .chat .readIMnumber {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	color: #f7543a;
	top: 6px;
	right: -2px
}

.chatMessage .middle .list .chatlist .imchat li .right .chat .disturbnum {
	float: left;
	font-size: 14px;
	color: #999;
	margin-top: 1px;
	margin-right: 5px
}

.chatMessage .middle .list .chatlist .imchat .select,.chatMessage .middle .list .chatlist .imchat li:hover {
	background: #f3f3f3
}

.chatMessage .middle .list .chatlist .el-loading-mask {
	z-index: 1000
}

.chatMessage .middle .showchat {
	width: 280px
}

.chatMessage .middle .showchat .chatlist .imchat li .right,.chatMessage .middle .showchat .chatlist .system li .right {
	width: 63%
}

.chatMessage .middle .chatscreen {
	float: left;
	width: 920px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.chatMessage .middle .chatscreen .title {
	width: 100%;
	height: 60px;
	padding: 21px 24px;
	border-bottom: 1px solid #e6e6e6;
	position: relative
}

.chatMessage .middle .chatscreen .title h2 {
	font-size: 18px;
	line-height: 18px;
	color: #333;
	text-align: center;
	font-weight: 700
}

.chatMessage .middle .chatscreen .title i {
	font-size: 16px;
	line-height: 18px;
	color: #333;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 22px
}

.chatMessage .middle .chatscreen .title i:hover {
	color: #0083ff
}

.chatMessage .middle .chatscreen .title .mc-projectList {
	width: 370px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.16);
	box-shadow: 0 0 14px 0 rgba(0,0,0,.16);
	background-color: #fff;
	padding: 20px 0;
	position: absolute;
	top: 75px;
	right: 0;
	z-index: 10
}

.chatMessage .middle .chatscreen .title .mc-projectList img {
	width: 16px;
	height: 16px;
	float: right;
	cursor: pointer;
	margin: 0 22px 0 0
}

.chatMessage .middle .chatscreen .title .mc-projectList h3 {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	padding-left: 30px;
	margin: 20px 0
}

.chatMessage .middle .chatscreen .title .mc-projectList .list {
	height: 200px;
	overflow-y: auto
}

.chatMessage .middle .chatscreen .title .mc-projectList p:hover {
	background-color: #eaf3ff
}

.chatMessage .middle .chatscreen .title .mc-projectList p:hover span {
	color: #0083ff
}

.chatMessage .middle .chatscreen .title .mc-projectList p:hover a {
	visibility: visible
}

.chatMessage .middle .chatscreen .title .mc-projectList p span {
	color: #999;
	font-size: 14px;
	line-height: 30px;
	padding-left: 33px;
	display: inline-block;
	vertical-align: top;
	width: 70%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-right: 25px
}

.chatMessage .middle .chatscreen .title .mc-projectList p a {
	visibility: hidden;
	color: #0083ff;
	font-size: 14px;
	line-height: 33px;
	cursor: pointer
}

.chatMessage .middle .chatscreen .chatcontent {
	height: 528px;
	overflow: hidden;
	overflow-y: auto;
	padding: 10px 29px
}

.chatMessage .middle .chatscreen .chatcontent .left {
	margin-top: 10px;
	margin-bottom: 30px
}

.chatMessage .middle .chatscreen .chatcontent .left .time {
	margin-bottom: 21px;
	font-size: 12px;
	line-height: 12px;
	color: #ccc;
	text-align: center
}

.chatMessage .middle .chatscreen .chatcontent .left .headerimg {
	float: left
}

.chatMessage .middle .chatscreen .chatcontent .left .chat {
	float: left;
	margin-top: 3px
}

.chatMessage .middle .chatscreen .chatcontent .left .chat em {
	float: left;
	width: 10px;
	height: 12px;
	margin-top: 14px;
	background: #f5f5f5;
	border-radius: 0 0 0 100%
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .proshow {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-right: none
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .defaultImg {
	max-width: 300px;
	height: auto
}

.chatMessage .middle .chatscreen .chatcontent .left .chat p {
	float: left;
	max-width: 504px;
	padding: 10px 12px;
	background: #f5f5f5;
	border-radius: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-wrap: break-word;
	text-align: justify
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject {
	float: right;
	max-width: 504px;
	padding: 30px 22px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	z-index: 1
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .top {
	margin-bottom: 17px
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .top h2 {
	float: left;
	width: 75%;
	margin-right: 9px;
	font-size: 20px;
	line-height: 20px;
	color: #333;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .top i {
	float: left;
	font-size: 20px;
	line-height: 20px;
	color: #f77272;
	font-weight: 700
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .details {
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	word-wrap: break-word;
	text-align: justify
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .bottom p {
	float: left;
	height: 26px;
	padding: 6px 14px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #0083ff;
	border-radius: 13px;
	font-size: 14px;
	line-height: 14px;
	color: #fff
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .bottom span {
	float: left;
	height: 26px;
	padding: 6px 12px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #eaf3ff;
	border-radius: 13px;
	line-height: 14px;
	font-size: 14px;
	color: #0083ff
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showproject .bottom span:last-child {
	margin-right: 0
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice {
	width: 420px;
	border: 1px solid #e5e5e5;
	padding: 10px;
	background: #fff;
	position: relative;
	cursor: pointer;
	z-index: 1
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .leftimg,.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg {
	display: inline-block;
	vertical-align: top
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .leftimg {
	width: 158px;
	height: 110px;
	margin-right: 15px
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .leftimg .imgBox {
	width: 158px;
	height: 110px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg {
	width: 225px
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg p {
	font-size: 16px;
	height: 40px;
	width: 225px;
	margin-bottom: 45px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	background: #fff;
	color: #333;
	font-size: 18px;
	font-weight: 700;
	padding: 0
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg ._prices {
	width: 150px;
	height: 25px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg ._prices span {
	color: #ff532b;
	font-size: 22px;
	font-weight: 700
}

.chatMessage .middle .chatscreen .chatcontent .left .chat .showservice .rightmsg .cheng_jiao {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #666;
	font-size: 14px
}

.chatMessage .middle .chatscreen .chatcontent .right {
	margin-top: 10px;
	margin-bottom: 30px
}

.chatMessage .middle .chatscreen .chatcontent .right .time {
	margin-bottom: 21px;
	font-size: 12px;
	line-height: 12px;
	color: #ccc;
	text-align: center
}

.chatMessage .middle .chatscreen .chatcontent .right .headerimg {
	float: right
}

.chatMessage .middle .chatscreen .chatcontent .right .chat {
	float: right;
	margin-top: 3px;
	position: relative
}

.chatMessage .middle .chatscreen .chatcontent .right .chat em {
	float: right;
	width: 10px;
	height: 12px;
	margin-top: 14px;
	background: #f5f5f5;
	border-radius: 0 0 100% 0
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .proshow {
	background: #fff;
	border: 1px solid #e5e5e5;
	border-left: none
}

.chatMessage .middle .chatscreen .chatcontent .right .chat p {
	float: right;
	max-width: 504px;
	padding: 10px 12px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #0083ff;
	background-color: #eaf3ff;
	word-wrap: break-word;
	text-align: justify
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .defaultImg {
	max-width: 300px;
	height: auto
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject {
	float: right;
	max-width: 504px;
	padding: 30px 22px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	z-index: 1
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .top {
	margin-bottom: 17px
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .top h2 {
	float: left;
	width: 75%;
	margin-right: 9px;
	font-size: 20px;
	line-height: 20px;
	color: #333;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .top i {
	float: left;
	font-size: 20px;
	line-height: 20px;
	color: #f77272;
	font-weight: 700
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .details {
	margin-bottom: 24px;
	font-size: 14px;
	line-height: 22px;
	color: #666;
	word-wrap: break-word;
	text-align: justify
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .bottom p {
	float: left;
	height: 26px;
	padding: 6px 14px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #0083ff;
	border-radius: 13px;
	font-size: 14px;
	line-height: 14px;
	color: #fff
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .bottom span {
	float: left;
	height: 26px;
	padding: 6px 12px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #eaf3ff;
	border-radius: 13px;
	line-height: 14px;
	font-size: 14px;
	color: #0083ff
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showproject .bottom span:last-child {
	margin-right: 0
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice {
	width: 420px;
	border: 1px solid #e5e5e5;
	padding: 10px;
	background: #fff;
	position: relative;
	cursor: pointer;
	z-index: 1
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .leftimg,.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg {
	display: inline-block;
	vertical-align: top
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .leftimg {
	width: 158px;
	height: 110px;
	margin-right: 15px
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .leftimg .imgBox {
	width: 158px;
	height: 110px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg {
	width: 225px
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg p {
	font-size: 16px;
	height: 40px;
	width: 225px;
	margin-bottom: 45px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	background: #fff;
	color: #333;
	font-size: 18px;
	font-weight: 700;
	padding: 0
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg ._prices {
	width: 150px;
	height: 25px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: break-word
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg ._prices span {
	color: #ff532b;
	font-size: 22px;
	font-weight: 700
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .showservice .rightmsg .cheng_jiao {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #666;
	font-size: 14px
}

.chatMessage .middle .chatscreen .chatcontent .right .chat .ischatread {
	position: absolute;
	bottom: -22px;
	right: 10px;
	font-size: 12px;
	color: #999
}

.chatMessage .middle .chatscreen .inputbox {
	height: 220px;
	border-top: 1px solid #e6e6e6
}

.chatMessage .middle .chatscreen .inputbox .emoji-box {
	position: relative;
	float: left;
	width: 27px;
	height: 27px;
	margin: 10px 0 10px 20px
}

.chatMessage .middle .chatscreen .inputbox .emoji-box.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.chatMessage .middle .chatscreen .inputbox .emoji-box .emoji-img {
	display: block;
	width: 27px;
	height: 27px;
	cursor: pointer
}

.chatMessage .middle .chatscreen .inputbox .emoji-box .emoji {
	position: absolute;
	left: -6px;
	top: -109px;
	width: 430px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	background: #fff;
	z-index: 999
}

.chatMessage .middle .chatscreen .inputbox .emoji-box .emoji .el-button {
	position: absolute;
	border: none;
	color: #ff4949;
	right: -47px;
	top: -108px;
	font-size: 24px;
	z-index: 999;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.chatMessage .middle .chatscreen .inputbox .photo {
	float: left;
	width: 27px;
	height: 27px;
	margin: 10px 0 10px 15px;
	cursor: pointer
}

.chatMessage .middle .chatscreen .inputbox .img-uploader {
	overflow: hidden;
	float: left;
	width: 27px;
	height: 27px;
	margin: 10px 0 10px 15px
}

.chatMessage .middle .chatscreen .inputbox .img-uploader i {
	display: block;
	width: 27px;
	height: 27px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAABU1BMVEUAAAD///9/f3+/v7/Gxsa5ubnExMS2trbIyMjGxsa7u7u/v7/FxcW8vLy3t7fBwcG8vLy4uLi3t7+9vb24uLi4uL+6urq9vb25ubm/v7+6urq8vLy4uLi4uL25ub68vLy8vMG+vr66urq+vr6/v7++vr69vb2+vr67u7+9vb28vL+8vLy6ur27u727u76+vr68vL6+vr67u729vb28vLy7u729vb28vLy9vb29vb+8vLy9vb68vL68vL6+vr68vL67u729vb29vb29vb28vL28vL68vLy9vb68vL29vb28vL69vb29vb69vb29vb68vL28vL29vb29vb68vL6+vr69vb68vL29vb68vL29vb68vL29vb69vb68vL29vb68vL28vL29vb68vL29vb68vL28vL29vb69vb68vL29vb68vL28vL29vb68vL29vb68vL29vb5eFvNzAAAAcHRSTlMAAgIECQsNDg4SExQWFxkZGx0gIygoKSssLC0uLy8zNjY3ODs8P0ZLTE5QUVJeX25vcnV1d4CAh4iMjo+ipaWpq6usr7S1wcLDw8XGxsfLzs/Pz9DQ0dvd3t7j6Onq6uvu7u/w8vP09fb4+fr8/f3+QjvfiwAAAP1JREFUeF61z1dTwkAUhuET0aDS7L0HRQ21WHvBhr2i6AoaY4vg/v9q9jiZ3Zh45fDefLPz3JyFfyUNRSbtRTotU66ps702tK7X/fGWkL1W9eZWZrhSaABn7e8pNoUFcGtnjc3djCvmcrXG6ePuPzHxqd/3uGPdIl0KXJFehKlVWcT5zUoSwHeJqhrVvFdA401l67sgfaZthLUDL0cyxgY1Y6x7YJSphbNIqHTbA2DqYaPzn83npJ/tiKkcuT6gDmtHu4jFORD0rPSjT3QLbz6R7DrAdoLiKeHKsl/QptPSIEBH/jGIz7j+pZV5L/Sj/EyLivWFWPZX6Wg91K5vcrdFgeBkkAsAAAAASUVORK5CYII=) 0 0 no-repeat
}

.chatMessage .middle .chatscreen .inputbox .myProject {
	float: left;
	width: 27px;
	height: 27px;
	margin: 10px 0 10px 20px
}

.chatMessage .middle .chatscreen .inputbox .myProject img {
	cursor: pointer
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList {
	position: relative;
	top: -310px;
	left: -100px;
	width: 370px;
	height: 254px;
	padding: 43px 0 30px;
	background: #fff;
	z-index: 99;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 10px hsla(0,0%,55%,.36);
	box-shadow: 0 0 10px hsla(0,0%,55%,.36);
	border-radius: 4px
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList .close {
	position: absolute;
	right: 22px;
	top: 19px;
	width: 16px;
	height: 16px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAACbm5uampqcnJybm5ubm5ucnJybm5sidExJAAAACHRSTlMAZGVlZpeY/Cp35AwAAABKSURBVHheJctBDYBQDATRKSLgygmuSMADFlBQ8B+Y/Zsm276kXCQzy2HX44CnJKiBsCC1EBKytOXLvg44p1C98JMAkiAFQjfJ9gEFPwr8A3HYpQAAAABJRU5ErkJggg==) no-repeat 50%;background-size: cover;
	cursor: pointer
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList h2 {
	margin-bottom: 20px;
	padding: 0 29px;
	font-size: 16px;
	line-height: 16px;
	color: #333;
	font-weight: 700
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul {
	overflow-y: auto;
	width: 100%;
	height: 160px
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li {
	width: 100%;
	padding: 13px 29px
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li p {
	font-size: 14px;
	line-height: 14px;
	color: #999
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li .name {
	float: left;
	width: 65%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li .sendproject {
	display: none;
	float: right;
	cursor: pointer
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li:hover {
	background: #eaf3ff
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li:hover p {
	color: #0083ff
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul li:hover .sendproject {
	display: block
}

.chatMessage .middle .chatscreen .inputbox .myProject .myprojectList ul .nulldata {
	padding: 10px 0
}

.chatMessage .middle .chatscreen .inputbox textarea {
	width: 100%;
	height: 123px;
	padding: 8px 20px 20px;
	background: #f8f8f8;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	color: #333;
	border: 1px solid #f8f8f8;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.chatMessage .middle .chatscreen .inputbox textarea:focus {
	border: 1px solid #0083ff;
	background: #fff
}

.chatMessage .middle .chatscreen .inputbox .operation {
	margin-top: 8px;
	text-align: right
}

.chatMessage .middle .chatscreen .inputbox .operation .tip {
	font-size: 12px;
	line-height: 12px;
	color: #999
}

.chatMessage .middle .chatscreen .inputbox .operation .send {
	width: 70px;
	height: 32px;
	margin-left: 15px;
	margin-right: 20px;
	border: none;
	border-radius: 4px;
	background: #0083ff;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.chatMessage .middle .chatscreen .inputbox .operation .send:hover {
	background: #66b1ff
}

.chatMessage .middle .systemscreen {
	float: left;
	width: 920px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.chatMessage .middle .systemscreen .title {
	width: 100%;
	height: 60px;
	padding: 21px 24px;
	border-bottom: 1px solid #e6e6e6
}

.chatMessage .middle .systemscreen .title h2 {
	float: left;
	font-size: 18px;
	line-height: 18px;
	color: #333
}

.chatMessage .middle .systemscreen .title i {
	float: right;
	font-size: 18px;
	line-height: 18px;
	color: #333;
	cursor: pointer
}

.chatMessage .middle .systemscreen .title i:hover {
	color: #0083ff
}

.chatMessage .middle .systemscreen .chatcontent {
	height: 748px;
	overflow: hidden;
	overflow-y: auto;
	padding: 20px 29px 10px
}

.chatMessage .middle .systemscreen .chatcontent .left {
	margin-bottom: 30px
}

.chatMessage .middle .systemscreen .chatcontent .left p {
	margin-bottom: 21px;
	font-size: 12px;
	line-height: 12px;
	color: #ccc;
	text-align: center
}

.chatMessage .middle .systemscreen .chatcontent .left img {
	float: left;
	margin-right: 10px;
	border-radius: 50%
}

.chatMessage .middle .systemscreen .chatcontent .left .chat {
	float: left;
	margin-top: 3px
}

.chatMessage .middle .systemscreen .chatcontent .left .chat em {
	float: left;
	width: 10px;
	height: 12px;
	margin-top: 14px;
	background: #f5f5f5;
	border-radius: 0 0 0 100%
}

.chatMessage .middle .systemscreen .chatcontent .left .chat span {
	float: left;
	max-width: 504px;
	padding: 10px 12px;
	background: #f5f5f5;
	border-radius: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-wrap: break-word;
	text-align: justify
}

.chatMessage .middle #onmouseRight {
	position: fixed;
	padding: 10px 0;
	display: none;
	background: #ededed;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 4px 16px 0 hsla(0,0%,76%,.55);
	box-shadow: 0 4px 16px 0 hsla(0,0%,76%,.55);
	border-radius: 8px
}

.chatMessage .middle #onmouseRight li {
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	padding: 0 15px;
	min-width: 110px;
	cursor: pointer
}

.chatMessage .middle #onmouseRight li:hover {
	color: #fff;
	background: #0083ff
}

.chatMessage .middle .cantclick {
	pointer-events: none
}

.chatMessage .isclear .content {
	width: 502px;
	margin: 40px auto;
	padding-left: 70px
}

.chatMessage .isclear .content h1 {
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 45px
}

.chatMessage .isclear .content p {
	font-size: 18px;
	color: #666;
	margin-bottom: 70px
}

.chatMessage .isclear .content button {
	width: 120px;
	height: 40px;
	border: none;
	background: #0083ff;
	color: #fff;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer
}

.chatMessage .isclear .content button:first-of-type {
	margin-left: 100px;
	margin-right: 20px;
	border: 1px solid #2d93f9;
	background: #fff;
	color: #0083ff
}

#all_questionlist {
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

#all_questionlist .fade-enter-active,#all_questionlist .fade-leave-active {
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

#all_questionlist .fade-enter,#all_questionlist .fade-leave-to {
	opacity: 0
}

#all_questionlist .banner {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	_width: 1200px;
	margin-bottom: 30px;
	padding-top: 44px;
	background: url(http://www.luojinet.com/img/banner_xm.8e2a602.png) no-repeat 50%
}

#all_questionlist .banner h2 {
	width: 1200px;
	font-size: 26px;
	line-height: 14px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	font-weight: 400
}

#all_questionlist .banner h2 a {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	cursor: pointer;
	color: #fff
}

#all_questionlist .banner h2 a:first-of-type {
	top: -6px;
	left: 380px;
	font-size: 14px;
	background: #ffc034;
	border-radius: 17px;
	padding: 8px 10px 10px
}

#all_questionlist .banner h2 a span {
	font-size: 26px;
	display: inline-block;
	vertical-align: top;
	margin-top: -2px;
	margin-right: 4px
}

#all_questionlist .banner h2 .liaomore {
	top: 30px;
	left: 5px;
	font-size: 16px
}

#all_questionlist .projectsort {
	width: 1200px;
	margin: 20px auto;
	border: 1px solid #e5e5e5;
	padding-bottom: 25px;
	margin-bottom: 30px
}

#all_questionlist .projectsort .jobsort {
	padding-left: 24px;
	background: #fafafa;
	border-bottom: 1px solid #e5e5e5
}

#all_questionlist .projectsort .jobsort .name {
	color: #666;
	margin-right: 15px;
	display: inline-block
}

#all_questionlist .projectsort .jobsort .item {
	display: inline-block;
	padding: 0;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s
}

#all_questionlist .projectsort .jobsort .item a {
	position: relative;
	display: inline-block;
	padding: 17px 16px;
	line-height: 14px;
	font-family: MicrosoftYaHei;
	color: #333
}

#all_questionlist .projectsort .jobsort .item a.select {
	color: #0083ff;
	background: #fff
}

#all_questionlist .projectsort .jobsort .item a.select:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #0083ff
}

#all_questionlist .projectsort .jobsort .item a.select:after {
	content: "";
	position: absolute;
	top: 47px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #fff
}

#all_questionlist .projectsort .jobsort .item a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	top: -1px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

#all_questionlist .projectsort .jobsort .item a:hover {
	color: #0083ff
}

#all_questionlist .projectsort .jobsort .item a.select:after,#all_questionlist .projectsort .jobsort .item a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

#all_questionlist .items {
	display: table;
	width: 100%;
	clear: both;
	padding-top: 20px;
	margin-left: 24px
}

#all_questionlist .items .name {
	vertical-align: top;
	display: table-cell;
	color: #666;
	width: 80px;
	padding: 6px 0
}

#all_questionlist .items .value {
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
	position: relative;
	padding-right: 45px
}

#all_questionlist .items .value.border {
	border-bottom: 1px solid #e5e5e5
}

#all_questionlist .items .value .hidden {
	width: 100%;
	height: 45px;
	overflow: hidden
}

#all_questionlist .items .value .item {
	display: inline-block;
	padding: 6px 10px;
	margin-right: 15px;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s
}

#all_questionlist .items .value .item a,#all_questionlist .items .value .item span {
	margin: auto;
	height: 100%;
	color: #333
}

#all_questionlist .items .value .item:after {
	content: "";
	position: absolute;
	width: 76%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 12%;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

#all_questionlist .items .value .item:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

#all_questionlist .items .value .item.select {
	background: #e5f2ff
}

#all_questionlist .items .value .item.select a,#all_questionlist .items .value .item.select span,#all_questionlist .items .value .item:hover a {
	color: #0083ff
}

#all_questionlist .items .value .showSwitch {
	color: #999;
	font-size: 16px;
	border: none;
	background: none;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0
}

#all_questionlist .items .value .showSwitch.showing {
	color: #0083ff
}

#all_questionlist .the_total {
	width: 1200px;
	margin: 0 auto;
	color: #666
}

#all_questionlist .the_total a {
	font-weight: 700;
	margin: 0 5px;
	color: #666
}

#all_questionlist .the_total a:hover {
	color: #0083ff
}

#all_questionlist .items-time {
	width: 1200px;
	margin: 0 auto;
	color: #333;
	font-size: 18px;
	font-weight: 700;
	border: 1px solid #e5e5e5;
	background: #fafafa;
	padding: 15px 26px;
	margin-top: 24px
}

#all_questionlist .items-time .dropdown {
	float: right;
	line-height: 30px;
	cursor: pointer
}

#all_questionlist .items-time .dropdown .el-dropdown-link {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	margin-right: 10px
}

#all_questionlist .nulldata {
	width: 1200px;
	margin: 150px auto;
	text-align: center
}

#all_questionlist .nulldata p {
	margin-top: 30px;
	font-size: 14px;
	color: #a9a9a9;
	margin-left: -12px
}

#successFeedback {
	width: 752px;
	margin: 58px auto 63px;
	background-color: #fff;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 1px 9px -4px #003a71;
	box-shadow: 0 1px 9px -4px #003a71
}

#successFeedback h2 {
	color: #333;
	font-size: 24px;
	font-weight: 400;
	line-height: 40px;
	margin: 60px 0 0
}

#successFeedback img {
	width: 160px;
	height: 160px;
	display: block;
	margin: 35px auto 10px
}

#successFeedback p {
	color: #999;
	font-size: 16px;
	line-height: 26px
}

#successFeedback p em {
	color: #333
}

#successFeedback p:first-child {
	font-size: 18px;
	line-height: 34px
}

#successFeedback a {
	display: block;
	color: #fff;
	font-size: 18px;
	width: 140px;
	padding: 8px 0;
	margin: 50px auto 76px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

.download .clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.download .clearfix {
	*zoom: 1
}

.download li {
	list-style: none
}

.download .banner {
	position: relative;
	width: 100%;
	height: 500px;
	background: url(http://www.luojinet.com/img/banner.32a7345.png) no-repeat 50%
}

.download .banner .module {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 1200px;
	height: 500px;
	margin: 0 auto
}

.download .banner .module .content {
	position: absolute;
	left: 9%;
	top: 137px
}

.download .banner .module .content .wz {
	width: 244px;
	height: 77px;
	margin-bottom: 25px
}

.download .banner .module .content p {
	font-size: 24px;
	line-height: 24px;
	color: #fff
}

.download .banner .module .content .button {
	width: 301px;
	height: 76px;
	border-radius: 6px;
	background: #d2ebff;
	margin-top: 32px;
	padding: 18px 34px 18px 22px;
	cursor: pointer
}

.download .banner .module .content .button .sj {
	float: left;
	width: 26px;
	height: 39px;
	margin-right: 17px
}

.download .banner .module .content .button p {
	float: left;
	font-size: 32px;
	line-height: 38px;
	color: #474747;
	margin-right: 17px
}

.download .banner .module .content .button em {
	float: left;
	width: 1px;
	height: 36px;
	background: #ccc;
	margin-top: 1px;
	margin-right: 22px
}

.download .banner .module .content .button .downloadewm {
	position: relative;
	float: left;
	width: 34px;
	height: 34px;
	margin-top: 2px
}

.download .banner .module .content .button .downloadewm .qrcode {
	overflow: hidden;
	position: absolute;
	top: -85px;
	left: 70px;
	width: 0;
	height: 217px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAANwAAADVCAMAAAALi257AAAATlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////+QPFRFAAAAGXRSTlMACAknKDpETE1eX6KtuMjJ5u3u7/Hy8/n+CSglTAAAAR9JREFUeF7t1skNwkAUBcGPzY7Z18k/UdBAEOipOoO6dX0bFsuwFkP92l5aXOdN9VavFthr3XGHFtmx456ZuGfHtdDg/ja40ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4CKDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4Mbg3HjKRWXbGvJtla7llsN+2Bcsq6SdfVp5lDg4ODg4LKCg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4O7ZdoeHTdl4qaOm18Tbdd59cbpnka7T2O9AdsUfa4jDoZKAAAAAElFTkSuQmCC) no-repeat 50%;background-size: 100% 100%;
	-webkit-transition: all .3s;
	transition: all .3s
}

.download .banner .module .content .button .downloadewm .qrcode img {
	display: block;
	width: 185px;
	height: 185px;
	margin: 15px 15px 15px 18px
}

.download .banner .module .content .button:hover .downloadewm .qrcode {
	width: 216px
}

.download .introduce {
	width: 100%;
	min-width: 1200px;
	_width: 1200px;
	margin: 0 auto
}

.download .introduce .page1 {
	overflow: hidden;
	background: #fff;
	height: 500px
}

.download .introduce .page1 .middle {
	position: relative;
	width: 1130px;
	margin: 0 auto;
	-webkit-transition: all 1s;
	transition: all 1s
}

.download .introduce .page1 .middle .left {
	position: absolute;
	top: 45px;
	left: 5px;
	width: 522px;
	height: 422px;
	margin-right: 80px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page1 .middle .left img {
	display: block;
	width: 100%;
	height: 100%
}

.download .introduce .page1 .middle .right {
	position: absolute;
	top: 175px;
	right: 14px;
	width: 439px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page1 .middle .right h2 {
	margin-bottom: 32px;
	font-size: 32px;
	line-height: 32px;
	color: #333;
	font-weight: 400
}

.download .introduce .page1 .middle .right p {
	font-size: 16px;
	line-height: 26px;
	color: #666
}

.download .introduce .page1 .change {
	opacity: 1
}

.download .introduce .page1 .change .left {
	left: 5px
}

.download .introduce .page1 .change .right {
	right: 14px
}

.download .introduce .page2 {
	overflow: hidden;
	height: 580px;
	background: #fafafa
}

.download .introduce .page2 .middle {
	position: relative;
	width: 1130px;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page2 .middle .left {
	position: absolute;
	top: 246px;
	left: -200px;
	width: 500px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page2 .middle .left h2 {
	margin-bottom: 32px;
	font-size: 32px;
	line-height: 32px;
	color: #333;
	font-weight: 400
}

.download .introduce .page2 .middle .left p {
	font-size: 16px;
	line-height: 26px;
	color: #666
}

.download .introduce .page2 .middle .right {
	position: absolute;
	top: 55px;
	right: -200px;
	width: 471px;
	height: 479px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page2 .middle .right img {
	width: 100%;
	height: 100%
}

.download .introduce .page2 .change {
	opacity: 1
}

.download .introduce .page2 .change .left {
	left: 70px
}

.download .introduce .page2 .change .right {
	right: 10px
}

.download .introduce .page3 {
	overflow: hidden;
	height: 580px;
	background: #fff
}

.download .introduce .page3 .middle {
	position: relative;
	width: 1130px;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page3 .middle .left {
	position: absolute;
	top: 82px;
	left: -200px;
	width: 519px;
	height: 366px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page3 .middle .left img {
	width: 100%;
	height: 100%
}

.download .introduce .page3 .middle .right {
	position: absolute;
	top: 222px;
	right: -200px;
	width: 471px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page3 .middle .right h2 {
	margin-bottom: 32px;
	font-size: 32px;
	line-height: 32px;
	color: #333;
	font-weight: 400
}

.download .introduce .page3 .middle .right p {
	font-size: 16px;
	line-height: 26px;
	color: #666
}

.download .introduce .page3 .change {
	opacity: 1
}

.download .introduce .page3 .change .left {
	left: 8px
}

.download .introduce .page3 .change .right {
	right: 90px
}

.download .introduce .page4 {
	overflow: hidden;
	height: 580px;
	background: #fafafa
}

.download .introduce .page4 .middle {
	position: relative;
	width: 1130px;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page4 .middle .left {
	position: absolute;
	top: 246px;
	left: -200px;
	width: 500px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page4 .middle .left h2 {
	margin-bottom: 32px;
	font-size: 32px;
	line-height: 32px;
	color: #333;
	font-weight: 400
}

.download .introduce .page4 .middle .left p {
	font-size: 16px;
	line-height: 26px;
	color: #666
}

.download .introduce .page4 .middle .right {
	position: absolute;
	top: 55px;
	right: -200px;
	width: 471px;
	height: 479px;
	-webkit-transition: all .5s;
	transition: all .5s
}

.download .introduce .page4 .middle .right img {
	width: 100%;
	height: 100%
}

.download .introduce .page4 .change {
	opacity: 1
}

.download .introduce .page4 .change .left {
	left: 65px
}

.download .introduce .page4 .change .right {
	right: 5px
}

.thirdpaeryAgreement {
	width: 1200px;
	margin: 20px auto 58px;
	padding: 60px 120px;
	background: #fff;
	text-align: justify
}

.thirdpaeryAgreement h2 {
	margin-bottom: 47px;
	font-size: 22px;
	line-height: 22px;
	color: #333;
	text-align: center
}

.thirdpaeryAgreement h3 {
	margin: 30px 0 20px;
	font-size: 16px;
	line-height: 28px;
	color: #333
}

.thirdpaeryAgreement p {
	font-size: 16px;
	line-height: 28px;
	color: #666
}

.thirdpaeryAgreement p em {
	font-style: normal;
	color: #333;
	font-weight: 700
}

.thirdpaeryAgreement .separated {
	margin: 30px 0 20px
}

.el-popover {
	word-break: break-all
}

.wallet-index .head {
	overflow: hidden;
	position: relative;
	min-width: 1200px;
	height: 100px
}

.wallet-index .head img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px
}

.wallet-index .wallet-content {
	position: relative;
	width: 1000px;
	padding: 42px 0 72px;
	margin: 0 auto
}

.wallet-index .wallet-content h2 {
	position: absolute;
	top: -62px;
	left: 0;
	height: 25px;
	font-size: 25px;
	font-weight: 400;
	line-height: 25px;
	font-family: MicrosoftYaHei;
	color: #fff;
	z-index: 1
}

.wallet-index .wallet-content .wallet-head {
	position: relative;
	overflow: hidden;
	height: 190px;
	margin-bottom: 30px;
	background: url(http://www.luojinet.com/img/wallet_bj.7b31425.png) 0 0 no-repeat
}

.wallet-index .wallet-content .wallet-head .balance {
	display: block;
	height: 18px;
	margin: 24px 0 30px 52px;
	padding-left: 28px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARAgMAAACtNBRqAAAADFBMVEUAAAAAg//D4v////9huCfZAAAAAXRSTlMAQObYZgAAAC9JREFUCFtj+P///wEGhquhoXASKPIfzA5HJ8P/fwCRoQUgMrUAwQaLY6oHkWDTANYiKtAlLtBwAAAAAElFTkSuQmCC) 0 no-repeat;font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 18px;
	color: #fff
}

.wallet-index .wallet-content .wallet-head div {
	position: relative;
	margin-left: 52px;
	font-family: MicrosoftYaHei
}

.wallet-index .wallet-content .wallet-head div.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.wallet-index .wallet-content .wallet-head div em {
	position: absolute;
	bottom: 16px;
	left: -4px;
	font-size: 30px;
	color: #fff;
	line-height: 30px
}

.wallet-index .wallet-content .wallet-head div .money {
	float: left;
	height: 74px;
	margin: 0 30px;
	border-bottom: 2px solid #fff;
	font-size: 50px;
	line-height: 74px;
	color: #fff
}

.wallet-index .wallet-content .wallet-head div .put-forward {
	float: left;
	width: 80px;
	height: 38px;
	margin-top: 18px;
	background: #fff;
	border-radius: 19px;
	line-height: 38px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	text-align: center;
	color: #0083ff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wallet-index .wallet-content .wallet-head div .put-forward:hover {
	background: #66b1ff;
	color: #fff
}

.wallet-index .wallet-content .wallet-head .total-income {
	position: absolute;
	right: 10px;
	bottom: 10px;
	line-height: 16px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #cfe8ff
}

.wallet-index .wallet-content .wallet-body {
	overflow: hidden;
	min-height: 538px;
	background: #fff;
	font-size: 14px;
	font-family: MicrosoftYaHei
}

.wallet-index .wallet-content .wallet-body .history-title {
	color: #333
}

.wallet-index .wallet-content .wallet-body .history-head,.wallet-index .wallet-content .wallet-body .history-title {
	height: 64px;
	padding-left: 50px;
	border-bottom: 1px solid #f2f2f2;
	line-height: 64px
}

.wallet-index .wallet-content .wallet-body .history-head span {
	float: left;
	margin-right: 10px;
	color: #999
}

.wallet-index .wallet-content .wallet-body .history-head span:first-child,.wallet-index .wallet-content .wallet-body .history-head span:nth-child(2) {
	width: 200px
}

.wallet-index .wallet-content .wallet-body .history-head span:nth-child(3),.wallet-index .wallet-content .wallet-body .history-head span:nth-child(4),.wallet-index .wallet-content .wallet-body .history-head span:nth-child(5),.wallet-index .wallet-content .wallet-body .history-head span:nth-child(6) {
	width: 120px
}

.wallet-index .wallet-content .wallet-body ul {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	line-height: 64px
}

.wallet-index .wallet-content .wallet-body ul li {
	height: 64px;
	border-bottom: 1px solid #f2f2f2;
	list-style: none;
	-webkit-transition: all .3s;
	transition: all .3s
}

.wallet-index .wallet-content .wallet-body ul li:hover {
	background: #f3f3f3
}

.wallet-index .wallet-content .wallet-body ul li span {
	float: left;
	margin-right: 10px;
	color: #666
}

.wallet-index .wallet-content .wallet-body ul li span:first-child {
	margin-left: 50px;
	width: 200px
}

.wallet-index .wallet-content .wallet-body ul li span:nth-child(2) {
	width: 200px
}

.wallet-index .wallet-content .wallet-body ul li span:nth-child(3),.wallet-index .wallet-content .wallet-body ul li span:nth-child(4),.wallet-index .wallet-content .wallet-body ul li span:nth-child(5),.wallet-index .wallet-content .wallet-body ul li span:nth-child(6) {
	width: 120px
}

.wallet-index .wallet-content .wallet-body ul li span:nth-child(6):hover span {
	color: #0083ff;
	cursor: pointer
}

.wallet-index .wallet-content .wallet-body ul li span.income {
	color: #f77272
}

.wallet-index .wallet-content .wallet-body ul li span em {
	padding: 10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wallet-index .wallet-content .wallet-body ul li span em:hover {
	color: #0083ff
}

.wallet-index .wallet-content .no-data {
	margin-top: 142px
}

.wallet-index .wallet-content .no-data img {
	display: block;
	width: 72px;
	height: 72px;
	margin: 0 auto;
	margin-bottom: 47px
}

.wallet-index .wallet-content .no-data p {
	line-height: 14px;
	text-align: center;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666
}

.wallet-index .verification-code-msg {
	overflow: hidden;
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 734px;
	height: 370px;
	padding-left: 100px;
	margin: 0 auto;
	background: #fff;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	font-family: MicrosoftYaHei;
	z-index: 3
}

.wallet-index .verification-code-msg input::-webkit-input-placeholder {
	color: #ccc
}

.wallet-index .verification-code-msg .title {
	margin: 40px 0 54px;
	font-size: 30px;
	line-height: 30px
}

.wallet-index .verification-code-msg .tel-code {
	margin-bottom: 30px
}

.wallet-index .verification-code-msg .tel-code .tel {
	margin-right: 16px;
	font-size: 16px;
	line-height: 16px;
	color: #333
}

.wallet-index .verification-code-msg .tel-code .get-code {
	font-size: 16px;
	line-height: 16px;
	color: #0083ff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wallet-index .verification-code-msg input {
	display: block;
	width: 240px;
	height: 44px;
	padding: 0 10px;
	font-size: 16px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.wallet-index .verification-code-msg input:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.wallet-index .btn-box {
	position: absolute;
	bottom: 40px;
	right: 100px;
	height: 42px
}

.wallet-index .btn-box span {
	float: left;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 4px
}

.wallet-index .btn-box span:first-child {
	width: 118px;
	height: 42px;
	margin-right: 20px;
	border: 1px solid #0083ff;
	color: #0083ff;
	line-height: 42px
}

.wallet-index .btn-box span:first-child:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.wallet-index .btn-box span:nth-child(2) {
	width: 120px;
	height: 42px;
	background: #0083ff;
	line-height: 42px;
	font-size: 14px;
	color: #fff
}

.wallet-index .btn-box span:nth-child(2):hover {
	background: #66b1ff;
	color: #fff
}

.wallet-index .pay-msg {
	overflow: hidden;
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 734px;
	height: 538px;
	padding-left: 100px;
	margin: 0 auto;
	background: #fff;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	font-family: MicrosoftYaHei;
	z-index: 3
}

.wallet-index .pay-msg input::-webkit-input-placeholder {
	color: #ccc
}

.wallet-index .pay-msg .title {
	margin: 40px 0 54px;
	font-size: 30px;
	line-height: 30px
}

.wallet-index .pay-msg .nitoce {
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 14px;
	font-family: MicrosoftYaHei;
	color: #999
}

.wallet-index .pay-msg .nitoce em {
	padding: 0 5px;
	color: #ff4949
}

.wallet-index .pay-msg .ipt-box {
	height: 44px;
	margin-bottom: 40px
}

.wallet-index .pay-msg .ipt-box label {
	float: left;
	width: 90px;
	font-size: 16px;
	line-height: 44px;
	font-family: MicrosoftYaHei;
	color: #666
}

.wallet-index .pay-msg .ipt-box label em {
	color: #ff7070
}

.wallet-index .pay-msg .ipt-box input {
	float: left;
	width: 440px;
	height: 44px;
	padding: 0 10px;
	font-size: 16px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.wallet-index .pay-msg .ipt-box input:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.wallet-index .pay-msg .kt {
	float: right;
	margin-right: 100px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 16px;
	color: #666
}

.wallet-index .pay-msg .kt em {
	color: #ff4949
}

.wallet-index .cover {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.45);
	z-index: 2
}

.wallet-index .animate-enter-active,.wallet-index .animate-leave-active,.wallet-index .cover {
	-webkit-transition: all .35s;
	transition: all .35s
}

.wallet-index .animate-enter,.wallet-index .animate-leave-active {
	opacity: 0;
	-webkit-transform: translateY(-400px);
	transform: translateY(-400px)
}

.wallet-index .animate-move {
	-webkit-transition: all .35s;
	transition: all .35s
}

#search {
	background-color: #fff;
	min-height: 570px;
	border-bottom: 1px solid #e5e5e5
}

#search button {
	cursor: pointer
}

#search .search-ipt {
	width: 100%;
	background-color: #2a3345
}

#search .search-ipt .main {
	width: 800px;
	margin: auto;
	padding: 24px 0 14px
}

#search .search-ipt .main input {
	color: #666;
	font-size: 16px;
	height: 50px;
	padding: 0 30px 0 50px;
	width: 700px;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAMAAACnUt2HAAABTVBMVEWZmZn///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmGbkoZAAAAbnRSTlMAAFT6+f1utrLPFSzI31UOAtcRE1733vic1S9NCX1qpuh/l5DcJhe8ZqgtsAvvdyfpuCpTXfavX2WzzRCU7DmGSxLkx2y7DdQj4YOHCKXaqp8pGm98BMbqYlJXhM7CRwV0FjD7egNaPxgx/G01e7owywEAAADiSURBVHheXcjTssRgEIXRjjW2bR3atm0b/f6X03+mUpOc72bvWsDSJ6dy0bYrb9DnKGa8H91rdXUjKnZaFmYwIpdpg3wVs94eJoVzA3rNFLBoYqXkHgarlCreM6zhKvRriE2GSmQTbKlbA4SDQ2BPFpKEuOfAERwlHBt34AR6CLXpgB1n5+YJF4RFmy0tr6QIE5Ky3sf0i8wR+rZxZ9cyPryvM4TAAR4e+Rgdn0iCdHrGEIIxvIhdXl3f3OJdyI9pE+GBV8JIaY9P8BzH1zcw8yY8ofePT3a/4t8/8D/u1/XXBRinIS459sE2AAAAAElFTkSuQmCC) 22px no-repeat;border: none;
	border-radius: 4px 0 0 4px
}

#search .search-ipt .main input::-webkit-input-placeholder {
	color: #999
}

#search .search-ipt .main input:-ms-input-placeholder,#search .search-ipt .main input::-ms-input-placeholder {
	color: #999
}

#search .search-ipt .main input::placeholder {
	color: #999
}

#search .search-ipt .main button {
	border: none;
	height: 50px;
	float: right;
	color: #fff;
	background-color: #0083ff;
	font-size: 16px;
	width: 100px;
	text-align: center;
	border-radius: 0 4px 4px 0
}

#search .search-ipt .main p {
	color: #fff;
	font-size: 14px;
	margin-top: 20px
}

#search .search-ipt .main p span {
	margin-right: 26px;
	cursor: pointer
}

#search .search-main {
	width: 800px;
	margin: 39px auto 0
}

#search .search-main .search-bar button {
	color: #333;
	font-size: 20px;
	border: none;
	background: none;
	margin-right: 45px
}

#search .search-main .search-bar button.select {
	color: #0083ff
}

#search .search-main .search-bar button.select:after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	border-radius: 2px;
	background-color: #0083ff;
	margin: 7px auto 0
}

#search .search-main .search-bar .dropdown {
	float: right;
	line-height: 30px;
	cursor: pointer
}

#search .search-main .search-bar .result-num {
	float: right;
	color: #999;
	font-size: 14px;
	margin-right: 20px;
	line-height: 30px
}

#search .search-main .search-result {
	margin-top: 29px
}

#search .search-main .list-default {
	height: 440px;
	margin: 0 auto;
	padding-top: 150px
}

#search .search-main .list-default img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 40px
}

#search .search-main .list-default p {
	color: #a9a9a9;
	font-size: 14px;
	line-height: 14px;
	text-align: center
}

#search .search-main .list-default p a {
	color: #0083ff
}

#search .loadingBox {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.3);
	z-index: 99
}

#search-allList .alllist-projectList {
	padding-bottom: 50px
}

#search-allList .alllist-projectList li {
	border-bottom: 1px solid #e5e5e5
}

#search-allList .alllist-projectList li a {
	display: block;
	padding: 20px 0
}

#search-allList .alllist-projectList li a:hover h1 {
	color: #0083ff
}

#search-allList .alllist-projectList li a h1 {
	float: left;
	margin-right: 10px;
	font-size: 18px;
	line-height: 20px;
	color: #333
}

#search-allList .alllist-projectList li a h1 span {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	background: #fc5b31;
	border-radius: 11px 11px 11px 0;
	padding: 1px 8px;
	display: inline-block;
	vertical-align: top;
	margin-top: -1px
}

#search-allList .alllist-projectList li a .offer {
	float: left;
	font-size: 20px;
	line-height: 20px;
	font-family: MicrosoftYaHei-Bold;
	color: #f77272;
	font-weight: 700
}

#search-allList .alllist-projectList li a p {
	overflow: hidden;
	clear: both;
	height: 56px;
	margin: 30px 0 16px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 28px;
	word-break: break-all;
	text-overflow: ellipsis;
	text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

#search-allList .alllist-projectList li a div span {
	margin-right: 36px;
	color: #999;
	font-size: 14px;
	line-height: 14px
}

#search-allList .alllist-projectList li a div span.time {
	float: right;
	margin: 4px 0 0
}

#search-allList .alllist-projectList li a div span em {
	color: #333
}

#search-allList .articleList {
	padding-bottom: 50px
}

#search-allList .articleList #blog_base li .haveimg {
	width: 584px
}

#search-allList .talentList {
	padding-bottom: 50px
}

#search-allList .talentList .link button {
	margin-top: 30px
}

#search-allList .talentList .item {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 18px;
	padding: 20px 0;
	display: table;
	clear: both;
	width: 100%;
	background-color: #fff
}

#search-allList .talentList .item .content h3:hover {
	color: #0083ff!important
}

#search-allList .talentList .item .left {
	width: 70%;
	display: table-cell
}

#search-allList .talentList .item .left .imgBox {
	display: inline-block;
	width: 80px;
	height: 80px;
	float: left;
	border-radius: 40px;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#search-allList .talentList .item .left .content {
	padding-left: 96px
}

#search-allList .talentList .item .left .content h3 {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	padding-top: 5px
}

#search-allList .talentList .item .left .content h3 .position {
	color: #999;
	font-size: 14px;
	margin-left: 10px;
	font-weight: 400
}

#search-allList .talentList .item .left .content h3 .other {
	color: #666;
	font-size: 12px;
	font-weight: 400;
	background-color: #f8f8f8;
	margin-left: 10px;
	padding: 3px 8px;
	border-radius: 2px
}

#search-allList .talentList .item .left .content h3 .other.team-1 {
	color: #4ea4f6;
	background-color: #e6f0f9
}

#search-allList .talentList .item .left .content h3 .other.team-2 {
	color: #ff8051;
	background-color: #faeee6
}

#search-allList .talentList .item .left .content p {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 12px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden
}

#search-allList .talentList .item .left .content p.skill {
	margin-top: 20px
}

#search-allList .talentList .item .left .content p.des {
	color: #999
}

#search-allList .talentList .item .right {
	width: 30%;
	display: table-cell;
	text-align: right
}

#search-allList .talentList .item .right .tag span {
	color: #666;
	font-size: 14px;
	line-height: 28px
}

#search-allList .talentList .item .right .tag em {
	color: #fc5b31;
	font-size: 20px;
	font-weight: 700;
	margin-left: 10px
}

#search-allList .talentList .item .right .operation {
	margin-top: 34px;
	position: relative
}

#search-allList .talentList .item .right .operation button {
	min-width: 103px
}

#search-allList .talentList .item .right .operation .message {
	color: #fff;
	font-size: 14px;
	padding: 0 18px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

#search-allList .talentList .item .right .operation .collected {
	color: #666;
	font-size: 14px;
	padding: 0 18px 0 40px;
	height: 40px;
	margin-right: 10px;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEVHcEyZmZmampqZmZmZmZmZmZmcnJyZmZmZmZmZmZmZmZn///+YmJiZmZmYmJidnZ2ZmZmYmJiampqYmJiYmJiZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmUlJSZmZmZmZnS5b1YAAAAIXRSTlMAhCHxky0D7P6m0gFY2GsQ400X93KI50aer7iOf8YMX76xatE3AAAAgklEQVQYGQXAh3GDMAAAwAeECr27O9l/Sh/AvQAAdc41AAifTwCAbV/XfQNANfZ9d/ZgeD0fuoEh7115r5Zc3YDtNoW8qK8SAWJJLW0qEejvqYU2BSCkFjg6oDsAoQCPF+D/bT6rWfUEXMORxjFNfwsw5+aaYpxSk7/Q1031hflsan66XQW7A9vs4QAAAABJRU5ErkJggg==) no-repeat 19px
}

#search-allList .talentList .item .right .operation .collected.collect {
	color: #0083ff;
	border: 1px solid #0083ff;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEVHcEwAf/8Agv8Ag/8Agv8Ag/8Agv8AwP8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8AhP8Ahf8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Ag/946ySZAAAAHHRSTlMADi3S/oOmApLsIVhr8eNNF/dy54jE2EavnrhfrMMLdwAAAHxJREFUGBkFwIURgzAAAMAPRHGv7b9nD+CTAYAhxgEA1PuuALDt67pvAEhPKf1VwFi/b/3IGPc+p9US0wvYXlONi+HMBaDk1tG1XIDyaR10rQK1dcDRA/0BqBl4V8CdhCsF6Qs4x6M9T5t+CxDifE6lTG2OAcowpwDhmgf+V2UE2CVF/coAAAAASUVORK5CYII=) no-repeat 23px
}

#search-allList .talentList .item .right .operation .collected.cancelCollect {
	padding: 0;
	text-align: center;
	background: none
}

#search-allList .talentList .item .right .operation .other {
	min-width: 40px;
	color: #999;
	font-size: 14px;
	padding: 0 18px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	background: none;
	float: right
}

#search-allList .talentList .item .right .operation .otherMenu {
	position: absolute;
	right: 0;
	top: 45px;
	min-width: 96px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 10px 1px #ccc;
	box-shadow: 0 2px 10px 1px #ccc;
	z-index: 999;
	text-align: left
}

#search-allList .talentList .item .right .operation .otherMenu em {
	position: absolute;
	top: -16px;
	right: 23px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

#search-allList .talentList .item .right .operation .otherMenu .menu {
	height: 40px;
	color: #666;
	font-size: 14px;
	padding: 10px 33px 10px 20px;
	cursor: pointer;
	font-family: MicrosoftYaHei
}

#search-allList .talentList .item .right .operation .otherMenu .menu:hover {
	background: #eaf3ff;
	color: #0083ff
}

#search-allList .serviceList {
	padding-bottom: 50px
}

#search-allList .serviceList .link button {
	margin-top: 30px
}

#search-allList .serviceList .item {
	border-bottom: 1px solid #eaeaea;
	padding: 30px 0;
	display: table;
	clear: both;
	width: 100%;
	background-color: #fff
}

#search-allList .serviceList .item .left {
	width: 70%;
	display: table-cell
}

#search-allList .serviceList .item .left .serverimgBox,#search-allList .serviceList .item .left img {
	display: inline-block;
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 22px
}

#search-allList .serviceList .item .left .serverimgBox {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#search-allList .serviceList .item .left .content {
	width: 100%;
	padding-left: 100px
}

#search-allList .serviceList .item .left .content h3 {
	color: #333;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-all
}

#search-allList .serviceList .item .left .content h3:hover {
	color: #0083ff
}

#search-allList .serviceList .item .left .content .money {
	color: #fc5b31;
	font-size: 14px;
	font-weight: 700;
	margin-top: 18px
}

#search-allList .serviceList .item .left .content .money em {
	font-size: 20px
}

#search-allList .serviceList .item .left .content .store {
	color: #666;
	font-size: 14px;
	margin-top: 12px
}

#search-allList .serviceList .item .right {
	width: 30%;
	display: table-cell;
	text-align: right
}

#search-allList .serviceList .item .right p {
	color: #666;
	font-size: 14px
}

#search-allList .serviceList .item .right .operation {
	margin-top: 36px
}

#search-allList .serviceList .item .right .operation button {
	min-width: 103px;
	height: 40px;
	color: #666;
	font-size: 14px;
	padding: 0 18px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background: none
}

#search-allList .serviceList .item .right .operation button i {
	color: #666;
	font-size: 14px;
	font-weight: 550;
	margin-right: 5px
}

#search-allList .serviceList .item .right .operation button.collect {
	color: #0083ff;
	border: 1px solid #0083ff
}

#search-allList .serviceList .item .right .operation button.collect i {
	color: #0083ff
}

#search-allList .serviceList .item .right .operation button.cancelCollect {
	padding: 0;
	background: none
}

#search-allList .serviceList .item .right .operation button.cancelCollect i {
	display: none
}

#search-allList .questionList {
	margin-top: 20px;
	margin-bottom: 60px
}

#search-allList .link {
	text-align: center
}

#search-allList .link button {
	width: 150px;
	height: 35px;
	color: #666;
	font-size: 14px;
	border-radius: 20px;
	border: 1px solid #d0d0d0;
	background-color: #fff;
	margin-top: 50px;
	cursor: pointer
}

#search-allList .link button:hover {
	color: #fff;
	border-color: #0083ff;
	background-color: #0083ff
}

#search-allList .warningDialog {
	width: 502px;
	padding: 40px 65px
}

#search-allList .warningDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 1
}

#search-allList .warningDialog p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin-top: 48px
}

#search-allList .warningDialog .operation {
	margin-top: 65px
}

#search-allList .warningDialog .operation button {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	width: 120px;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background: #0083ff;
	float: right;
	margin-bottom: 40px
}

#search-allList .warningDialog .operation button:last-child {
	margin-right: 20px;
	color: #0083ff;
	border-color: #2d93f9;
	background-color: #fff
}

#search-projectLit ul li {
	border-bottom: 1px solid #e5e5e5
}

#search-projectLit ul li:last-child {
	border: 0
}

#search-projectLit ul li a {
	display: block;
	padding: 20px 0
}

#search-projectLit ul li a:hover h1 {
	color: #0083ff
}

#search-projectLit ul li a h1 {
	float: left;
	margin-right: 10px;
	font-size: 18px;
	line-height: 20px;
	color: #333
}

#search-projectLit ul li a h1 span {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	background: #fc5b31;
	border-radius: 11px 11px 11px 0;
	padding: 1px 8px;
	display: inline-block;
	vertical-align: top;
	margin-top: -1px
}

#search-projectLit ul li a .offer {
	float: left;
	font-size: 20px;
	line-height: 20px;
	font-family: MicrosoftYaHei-Bold;
	color: #f77272;
	font-weight: 700
}

#search-projectLit ul li a p {
	overflow: hidden;
	clear: both;
	height: 56px;
	margin: 30px 0 16px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 28px;
	word-break: break-all;
	text-overflow: ellipsis;
	text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

#search-projectLit ul li a div span {
	margin-right: 36px;
	color: #999;
	font-size: 14px;
	line-height: 14px
}

#search-projectLit ul li a div span.time {
	float: right;
	margin: 4px 0 0
}

#search-projectLit ul li a div span em {
	color: #333
}

#search-articletLit ul #blog_base li .haveimg {
	width: 584px
}

#search-talentLit .talent-item {
	border: 1px solid #eaeaea;
	margin-bottom: 18px;
	padding: 22px 30px 26px 35px;
	display: table;
	clear: both;
	width: 100%;
	background-color: #fff
}

#search-talentLit .talent-item:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

#search-talentLit .talent-item:hover .content h3 {
	color: #0083ff!important
}

#search-talentLit .talent-item .left {
	width: 70%;
	display: table-cell
}

#search-talentLit .talent-item .left .imgBox {
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#search-talentLit .talent-item .left .content {
	padding-left: 96px
}

#search-talentLit .talent-item .left .content h3 {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	padding-top: 5px
}

#search-talentLit .talent-item .left .content h3 .position {
	color: #999;
	font-size: 14px;
	margin-left: 10px;
	font-weight: 400
}

#search-talentLit .talent-item .left .content h3 .other {
	color: #666;
	font-size: 12px;
	font-weight: 400;
	background-color: #f8f8f8;
	margin-left: 10px;
	padding: 3px 8px;
	border-radius: 2px
}

#search-talentLit .talent-item .left .content h3 .other.team-1 {
	color: #4ea4f6;
	background-color: #e6f0f9
}

#search-talentLit .talent-item .left .content h3 .other.team-2 {
	color: #ff8051;
	background-color: #faeee6
}

#search-talentLit .talent-item .left .content p {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 12px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden
}

#search-talentLit .talent-item .left .content p.skill {
	margin-top: 20px
}

#search-talentLit .talent-item .left .content p.des {
	color: #999
}

#search-talentLit .talent-item .right {
	width: 31%;
	display: table-cell;
	text-align: right
}

#search-talentLit .talent-item .right .tag span {
	color: #666;
	font-size: 14px;
	line-height: 28px
}

#search-talentLit .talent-item .right .tag em {
	color: #fc5b31;
	font-size: 20px;
	font-weight: 700;
	margin-left: 10px
}

#search-talentLit .talent-item .right .operation {
	margin-top: 34px;
	position: relative
}

#search-talentLit .talent-item .right .operation button {
	min-width: 103px
}

#search-talentLit .talent-item .right .operation .message {
	color: #fff;
	font-size: 14px;
	padding: 0 18px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

#search-talentLit .talent-item .right .operation .collected {
	color: #666;
	font-size: 14px;
	padding: 0 18px 0 40px;
	height: 40px;
	margin-right: 10px;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEVHcEyZmZmampqZmZmZmZmZmZmcnJyZmZmZmZmZmZmZmZn///+YmJiZmZmYmJidnZ2ZmZmYmJiampqYmJiYmJiZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmUlJSZmZmZmZnS5b1YAAAAIXRSTlMAhCHxky0D7P6m0gFY2GsQ400X93KI50aer7iOf8YMX76xatE3AAAAgklEQVQYGQXAh3GDMAAAwAeECr27O9l/Sh/AvQAAdc41AAifTwCAbV/XfQNANfZ9d/ZgeD0fuoEh7115r5Zc3YDtNoW8qK8SAWJJLW0qEejvqYU2BSCkFjg6oDsAoQCPF+D/bT6rWfUEXMORxjFNfwsw5+aaYpxSk7/Q1031hflsan66XQW7A9vs4QAAAABJRU5ErkJggg==) no-repeat 19px
}

#search-talentLit .talent-item .right .operation .collected.collect {
	color: #0083ff;
	border: 1px solid #0083ff;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEVHcEwAf/8Agv8Ag/8Agv8Ag/8Agv8AwP8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8AhP8Ahf8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Ag/946ySZAAAAHHRSTlMADi3S/oOmApLsIVhr8eNNF/dy54jE2EavnrhfrMMLdwAAAHxJREFUGBkFwIURgzAAAMAPRHGv7b9nD+CTAYAhxgEA1PuuALDt67pvAEhPKf1VwFi/b/3IGPc+p9US0wvYXlONi+HMBaDk1tG1XIDyaR10rQK1dcDRA/0BqBl4V8CdhCsF6Qs4x6M9T5t+CxDifE6lTG2OAcowpwDhmgf+V2UE2CVF/coAAAAASUVORK5CYII=) no-repeat 23px
}

#search-talentLit .talent-item .right .operation .collected.cancelCollect {
	padding: 0;
	text-align: center;
	background: none
}

#search-talentLit .talent-item .right .operation .other {
	min-width: 40px;
	color: #999;
	font-size: 14px;
	padding: 0 18px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	background: none;
	float: right
}

#search-talentLit .talent-item .right .operation .otherMenu {
	position: absolute;
	right: 0;
	top: 45px;
	min-width: 96px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 10px 1px #ccc;
	box-shadow: 0 2px 10px 1px #ccc;
	z-index: 999;
	text-align: left
}

#search-talentLit .talent-item .right .operation .otherMenu em {
	position: absolute;
	top: -16px;
	right: 23px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

#search-talentLit .talent-item .right .operation .otherMenu .menu {
	height: 40px;
	color: #666;
	font-size: 14px;
	padding: 10px 33px 10px 20px;
	cursor: pointer;
	font-family: MicrosoftYaHei
}

#search-talentLit .talent-item .right .operation .otherMenu .menu:hover {
	background: #eaf3ff;
	color: #0083ff
}

#search-talentLit .warningDialog {
	width: 502px;
	padding: 40px 65px
}

#search-talentLit .warningDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 1
}

#search-talentLit .warningDialog p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin-top: 48px
}

#search-talentLit .warningDialog .operation {
	margin-top: 65px
}

#search-talentLit .warningDialog .operation button {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	width: 120px;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background: #0083ff;
	float: right;
	margin-bottom: 40px
}

#search-talentLit .warningDialog .operation button:last-child {
	margin-right: 20px;
	color: #0083ff;
	border-color: #2d93f9;
	background-color: #fff
}

#search-serviceList .item {
	border: 1px solid #eaeaea;
	margin-bottom: 18px;
	padding: 22px 30px 26px 35px;
	display: table;
	clear: both;
	width: 100%;
	background-color: #fff
}

#search-serviceList .item:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

#search-serviceList .item:hover .content h3 {
	color: #0083ff!important
}

#search-serviceList .item .left {
	width: 70%;
	display: table-cell
}

#search-serviceList .item .left .imgBox {
	display: inline-block;
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 22px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#search-serviceList .item .left .content {
	width: 100%;
	padding-left: 100px
}

#search-serviceList .item .left .content h3 {
	color: #333;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-all
}

#search-serviceList .item .left .content .money {
	color: #fc5b31;
	font-size: 14px;
	font-weight: 700;
	margin-top: 18px
}

#search-serviceList .item .left .content .money em {
	font-size: 20px
}

#search-serviceList .item .left .content .store {
	color: #666;
	font-size: 14px;
	margin-top: 12px
}

#search-serviceList .item .right {
	width: 30%;
	display: table-cell;
	text-align: right
}

#search-serviceList .item .right p {
	color: #666;
	font-size: 14px
}

#search-serviceList .item .right .operation {
	margin-top: 36px
}

#search-serviceList .item .right .operation button {
	min-width: 103px;
	height: 40px;
	color: #666;
	font-size: 14px;
	padding: 0 18px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background: none
}

#search-serviceList .item .right .operation button i {
	color: #666;
	font-size: 14px;
	font-weight: 550;
	margin-right: 5px
}

#search-serviceList .item .right .operation button.collect {
	color: #0083ff;
	border: 1px solid #0083ff
}

#search-serviceList .item .right .operation button.collect i {
	color: #0083ff
}

#search-serviceList .item .right .operation button.cancelCollect {
	padding: 0;
	background: none
}

#search-serviceList .item .right .operation button.cancelCollect i {
	display: none
}

.myjobs-index {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5
}

.myjobs-index button {
	cursor: pointer
}

.myjobs-index p {
	word-break: break-all
}

.myjobs-index .container-bannar {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	padding-top: 40px;
	background: url(http://www.luojinet.com/img/banner.81ed8aa.png) no-repeat 50%
}

.myjobs-index .container-bannar h2 {
	width: 1200px;
	font-size: 26px;
	line-height: 26px;
	color: #fff;
	margin: 0 auto;
	font-weight: 400
}

.myjobs-index .myJobs {
	width: 1200px;
	margin: 0 auto
}

.myjobs-index .myJobs .mj-tabs button {
	border: none;
	background: none;
	height: 63px;
	margin-right: 59px;
	color: #666;
	font-size: 18px;
	position: relative;
	font-family: Microsoft Himalaya
}

.myjobs-index .myJobs .mj-tabs button.isSelect {
	color: #0083ff;
	font-weight: 700
}

.myjobs-index .myJobs .mj-tabs button.isSelect:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 8px;
	left: 0;
	background-color: #0083ff;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.myjobs-index .myJobs .mj-tabs button:hover {
	color: #0083ff;
	font-weight: 700
}

.myjobs-index .myJobs .mj-tabs button:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	bottom: 8px;
	left: 0;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.myjobs-index .myJobs .mj-tabs button:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.myjobs-index .myJobs .mj-tabs .dropdown {
	float: right;
	line-height: 30px;
	cursor: pointer
}

.myjobs-index .myJobs .mj-tabs .dropdown .el-dropdown-link {
	color: #999;
	font-size: 14px;
	display: inline-block;
	padding-top: 20px;
	margin-right: 25px
}

.myjobs-index .myJobs .mj-list {
	width: 100%;
	margin-top: 10px
}

.myjobs-index .myJobs .mj-list li {
	width: 100%;
	border: 1px solid #f2f2f2;
	display: table;
	padding: 33px 29px 30px 10px;
	position: relative;
	margin-bottom: 18px
}

.myjobs-index .myJobs .mj-list li:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

.myjobs-index .myJobs .mj-list li .column-left {
	width: 888px;
	padding-left: 106px;
	display: table-cell
}

.myjobs-index .myJobs .mj-list li .column-left img {
	width: 66px;
	height: 66px;
	margin: 0 20px;
	position: absolute;
	left: 10px
}

.myjobs-index .myJobs .mj-list li .column-left h2 {
	color: #333;
	font-size: 20px;
	font-weight: 700
}

.myjobs-index .myJobs .mj-list li .column-left h2:hover {
	color: #0083ff
}

.myjobs-index .myJobs .mj-list li .column-left h2 em {
	color: #02b18e;
	font-size: 12px;
	font-weight: 400;
	margin-left: 11px;
	border: 1px solid #02b18e;
	border-radius: 4px;
	padding: 2px 10px 2px 24px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAABfUlEQVQoU33QMUhVARTG8f937qsHGVqLDkHQFkRlLW01hAUN6TMIhAa3hiDrgfDc7vagrvfBG5qNCqJB71OSWorGBlHC2qIht6jKKevdcxrkhRL4bYfvB+dwxM6kqXFmYFJEI4wmK5sPSVPvEbGUHadrR404F9INFN9C0ZbbHcSAIh459pZuuSFbzL9GxLqkNe8yz3j9zb9lney8YeMBwwpOyjr5d3cdo3b3x66Tdg4LrUNm8WlvXOQ15EN48nRv3MlGDFtGMe2lzf2PX6cVPvdVGUyq2uIDEOGaANZ6+IuX5QksGZJ4LPSc8L6QrsW+ygWu3P7I/P1BS5L3UpG/DNMcv448s+rGDDANUbpXRqhNrQCwmE0ImxRFdlmyB7H1+yzXGz+tmL3p6ABj9RYAy+1+/emuBtwSgBWz7RCnw2101wufNA/r4P5CoXUfq29j0tRsuL8V4mrADGX5ioouytWUtOSrm1OkqW/jXhbySzIaglMB7wLuMVp/0av/Aq4qsAgoFCgeAAAAAElFTkSuQmCC) no-repeat;background-position: 9px 4px;
	position: relative;
	top: -3px
}

.myjobs-index .myJobs .mj-list li .column-left h2 em.end {
	color: #b3b3b3;
	border-color: #b3b3b3;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAQAAADV/FywAAAA20lEQVQYlWWQMS9DYRiFT1qbRMtw/4Cli6k7BqqrzR1ZGJmRdDK7xB8wdmj1fd6vcZdyJzHakDQMEpKqxmwxXIQ623lykpNzJElSo+Ab3LPeKOReVKzW2efOrizmmlvb9SUqYmiZJbaQh8I8h1wyFKN2WX/ULjMaw6yy9Q+HZT58+xe+mDidPJ+xF55ZzPGgFYU5bjgg4ak7K7UiBiINcbPIHu+8eVWSLCbV2Qr9ZkmyTduRpO4U/VCXZEeefdf6tGd+8jXcEnvwtTSymEeOfw6QrEbPXul16rn/BLQMcpirOOqnAAAAAElFTkSuQmCC) no-repeat;background-position: 9px 4px
}

.myjobs-index .myJobs .mj-list li .column-left h2 i {
	font-style: normal;
	color: #f77272;
	margin-left: 11px
}

.myjobs-index .myJobs .mj-list li .column-left p {
	color: #666;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
	height: 66px;
	margin: 10px 0 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-wrap: break-word
}

.myjobs-index .myJobs .mj-list li .column-left span {
	color: #0083ff;
	font-size: 14px;
	line-height: 14px;
	padding: 6px 12px;
	display: inline-block;
	margin: 9px 20px 0 0;
	background-color: #eaf3ff;
	border-radius: 14px
}

.myjobs-index .myJobs .mj-list li .column-left span:last-child {
	margin-right: 0
}

.myjobs-index .myJobs .mj-list li .column-left span.main {
	color: #f8f8f8;
	background-color: #0083ff
}

.myjobs-index .myJobs .mj-list li .column-right {
	width: 270px;
	display: table-cell;
	text-align: right
}

.myjobs-index .myJobs .mj-list li .column-right p {
	color: #ccc;
	font-size: 16px;
	margin-top: 13px
}

.myjobs-index .myJobs .mj-list li .column-right button {
	color: #fff;
	font-size: 18px;
	height: 46px;
	text-align: center;
	min-width: 140px;
	border: none;
	border-radius: 4px;
	background-color: #0083ff;
	margin-top: 18px
}

.myjobs-index .myJobs .mj-list li .column-right button:hover {
	background: #66b1ff
}

.myjobs-index .myJobs .mj-default {
	border: 1px solid #f2f2f2;
	margin-bottom: 62px
}

.myjobs-index .myJobs .mj-default img {
	display: block;
	width: 81px;
	height: 66px;
	margin: 161px auto 0
}

.myjobs-index .myJobs .mj-default p {
	color: #666;
	font-size: 14px;
	text-align: center;
	margin: 47px 0 164px
}

.myjobs-index .applyDialog {
	width: 734px;
	padding: 40px 100px 80px
}

.myjobs-index .applyDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 54px;
	position: relative
}

.myjobs-index .applyDialog h2 button {
	width: 50px;
	height: 50px;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;position: absolute;
	top: -10px;
	right: -70px
}

.myjobs-index .applyDialog p:nth-child(2) {
	color: #333;
	font-size: 20px
}

.myjobs-index .applyDialog p:nth-child(2) span {
	padding-left: 11px;
	color: #999;
	font-size: 14px;
	vertical-align: bottom
}

.myjobs-index .applyDialog p:nth-child(2) span em {
	color: #f77272;
	vertical-align: bottom
}

.myjobs-index .applyDialog p:nth-child(3) {
	color: #333;
	font-size: 28px;
	line-height: 28px;
	margin: 39px 0 35px;
	text-align: center
}

.myjobs-index .applyDialog p:nth-child(3) em {
	font-size: 50px;
	line-height: 50px;
	border-bottom: 2px solid #cb848b
}

.myjobs-index .applyDialog p:nth-child(4) {
	color: #333;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 21px
}

.myjobs-index .applyDialog p:nth-child(5) {
	color: #999;
	font-size: 16px;
	line-height: 24px;
	text-align: justify
}

.myjobs-index .confirmDialog {
	width: 734px;
	padding: 40px 100px 50px
}

.myjobs-index .confirmDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 54px;
	position: relative
}

.myjobs-index .confirmDialog h2 button {
	width: 50px;
	height: 50px;
	border: none;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAAAjFxUjFhMjGBUjFxUiGBUiGBQjGBQjFxTs6mygAAAACXRSTlMAV17Z2t/g+frm2uESAAAARUlEQVQIW2NIZIAAFQZ1ATCDqRCEQAAkABYE88EERA2QhCoBUlBtDOpChVCjmDoEMFhwWYQOuCkIk+G2IVyAcFUg1ChlAA4LC3rk196TAAAAAElFTkSuQmCC) 50% no-repeat;position: absolute;
	top: -10px;
	right: -70px
}

.myjobs-index .confirmDialog .main {
	background-color: #f7f7f7;
	padding: 29px 19px
}

.myjobs-index .confirmDialog .main p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 19px
}

.myjobs-index .confirmDialog .main p a {
	color: #0083ff;
	margin-left: -5px
}

.myjobs-index .confirmDialog .main p span {
	margin-left: -3px
}

.myjobs-index .confirmDialog .main>span {
	display: inline-block;
	color: #666;
	font-size: 16px;
	line-height: 16px;
	padding: 20px 0 38px
}

.myjobs-index .confirmDialog .main>span em {
	color: #333;
	font-weight: 700
}

.myjobs-index .confirmDialog .main>span.right {
	float: right
}

.myjobs-index .confirmDialog .protocol {
	padding-left: 83px
}

.myjobs-index .confirmDialog .protocol img {
	width: 74px;
	height: 74px;
	margin-right: 10px;
	cursor: pointer
}

.myjobs-index .confirmDialog .protocol img:last-child {
	margin-right: 0
}

.myjobs-index .confirmDialog .supplement {
	padding: 12px 0 20px
}

.myjobs-index .confirmDialog .supplement .title {
	color: #666;
	font-size: 16px
}

.myjobs-index .confirmDialog .supplement .des {
	color: #666;
	font-size: 12px;
	margin-top: 5px
}

.myjobs-index .confirmDialog .supplement .uploadFile {
	margin-top: 10px;
	display: table
}

.myjobs-index .confirmDialog .supplement .uploadFile a,.myjobs-index .confirmDialog .supplement .uploadFile div {
	display: table-cell;
	vertical-align: middle
}

.myjobs-index .confirmDialog .supplement .uploadFile .logo {
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.myjobs-index .confirmDialog .supplement .uploadFile .name {
	color: #333;
	font-size: 16px;
	padding-left: 15px;
	max-width: 440px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	cursor: pointer
}

.myjobs-index .confirmDialog .supplement .uploadFile .name:hover {
	color: #0083ff
}

.myjobs-index .confirmDialog .supplement .uploadFile .delete {
	cursor: pointer;
	color: #0083ff;
	padding-left: 8px
}

.myjobs-index .confirmDialog .supplement .add {
	color: #0083ff;
	font-size: 16px;
	margin-top: 15px;
	line-height: 30px;
	background: url("http://www.luojinet.com/images/myJobs/tianjjia.png") no-repeat 0;
	background-size: 20px;
	padding-left: 25px;
	cursor: pointer
}

.myjobs-index .confirmDialog .operation {
	text-align: right;
	margin-top: 38px
}

.myjobs-index .confirmDialog .operation button {
	color: #0083ff;
	font-size: 14px;
	border: 1px solid #0083ff;
	width: 120px;
	height: 42px;
	background-color: #fff;
	border-radius: 4px
}

.myjobs-index .confirmDialog .operation button:last-child {
	color: #fff;
	background-color: #0083ff;
	margin-left: 20px
}

.myjobs-index .closeDialog {
	width: 734px;
	padding: 41px 99px 39px;
	text-align: right
}

.myjobs-index .closeDialog h2 {
	color: #333;
	font-size: 30px;
	margin-bottom: 53px;
	text-align: left
}

.myjobs-index .closeDialog p {
	color: #666;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 39px;
	text-align: left
}

.myjobs-index .closeDialog p span {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 50%;
	position: relative;
	top: 3px
}

.myjobs-index .closeDialog p span.select {
	background-color: #0083ff;
	border-color: #0083ff
}

.myjobs-index .closeDialog p span.select i {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px
}

.myjobs-index .closeDialog button {
	color: #0083ff;
	border: 1px solid #0083ff;
	width: 120px;
	height: 42px;
	background-color: #fff;
	margin-top: 9px;
	border-radius: 4px
}

.myjobs-index .closeDialog button.close {
	color: #fff;
	background-color: #0083ff;
	margin-left: 20px
}

.el-dropdown-menu {
	z-index: 10!important
}

.safetyGuarantee {
	width: 100%;
	min-width: 1200px
}

.safetyGuarantee h2 {
	font-weight: 400
}

.safetyGuarantee .title {
	height: 300px;
	background: url(http://www.luojinet.com/img/bg.365c951.png) 50% no-repeat;
	padding-top: 112px
}

.safetyGuarantee .title div {
	width: 1200px;
	margin: 0 auto
}

.safetyGuarantee .title div h2 {
	color: #fff;
	font-size: 60px;
	line-height: 60px
}

.safetyGuarantee .title div p {
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	margin-top: 30px
}

.safetyGuarantee .top {
	background-color: #fff;
	padding: 95px 0 111px
}

.safetyGuarantee .top .top-loading {
	margin: auto;
	width: 1000px
}

.safetyGuarantee .top .top-loading .top-banner {
	width: 960px;
	height: 1px;
	background-color: #dddada;
	margin: 0 auto;
	position: relative
}

.safetyGuarantee .top .top-loading .top-banner i {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #dddada;
	position: absolute;
	top: -8px
}

.safetyGuarantee .top .top-loading .top-banner i.left {
	left: 9%
}

.safetyGuarantee .top .top-loading .top-banner i.center {
	left: 49%
}

.safetyGuarantee .top .top-loading .top-banner i.right {
	right: 9%
}

.safetyGuarantee .top .top-loading .top-item {
	display: inline-block;
	width: 22%;
	margin-right: 17%;
	vertical-align: top
}

.safetyGuarantee .top .top-loading .top-item:last-child {
	margin-right: 0
}

.safetyGuarantee .top .top-loading .top-item h2 {
	color: #333;
	font-size: 20px;
	line-height: 120px;
	text-align: center
}

.safetyGuarantee .top .top-loading .top-item h2.one {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAA6CAMAAAD/YkWdAAAAulBMVEUAAAC/v7/f39/V1dXf39/Z2dnm5ubf39/k5OTf39/j4+Pf39/m5ubi4uLk5OTi4uLk5OTm5ubh4eHj4+Pl5eXj4+Pk5OTi4uLk5OTl5eXj4+Pk5OTl5eXm5ubn5+fl5eXl5eXl5eXk5OTl5eXm5ubl5eXm5ubm5ubl5eXl5eXm5ubl5eXm5ubl5eXm5ubl5eXl5eXl5eXm5ubl5eXl5eXl5eXl5eXl5eXl5eXk5OTl5eXl5eXl5eX///8NDvjjAAAAPHRSTlMABAgMEBQUGBwgJCgoLDA0ODw8QERITFBUWFxga29zd3+Lj5OXn6Orr7O3u7/Dw8fLz9PX29/j5+vv8/tBzKqNAAABW0lEQVR4Xu3W6U7CQBSG4VMWKbsIZRERd1BEUaBQ5vP+b8tknBPsFBOGg4kmff99SXmapiQdSpYbzqBT04sM7Sz7AgBL2q/zCNvCYBfov8NBHCCW6ibB5goOYg9WqmF53pWCg5hbw27uxcD6G+AiXiFZn7aV7gE3MQSnwE2Jq4wUHMUGK08+VeY8fBb7gKvID73KElFJ8WMLxEdjXOs1NutWIIbGaMf+mtPDRQ+mkp4ts0IWg+ev9heLLHp6lnmS1f7iKRPWDQoHi00jRKTLs1gUi3zpXxE/jt3/ElMxFVMxFVMxFX/xe52Km6OdpOo/nPbyB4gWkdGzKj+REhNlvQL+pUBcGKOj16VZE4E4NsadXhOzbgTi0BhR4ft76gnEGiOzhh+szFAnApEWSDYhiThAso5IzCxh90oikVrKAjdVoUhdFQfPSCpSc4FtsxrJRfJ6o7Xmwoc2ufcJ9hyA6F0RI2cAAAAASUVORK5CYII=) 50% no-repeat
}

.safetyGuarantee .top .top-loading .top-item h2.two {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAA7CAMAAAA0PpY4AAAA6lBMVEUAAAC/v7/f39/V1dXf39/Z2dnm5ubf39/k5OTf39/j4+Pm5ubf39/i4uLk5OTi4uLk5OTm5ubh4eHj4+Pl5eXj4+Pk5OT////i4uLk5OTl5eXj4+Pk5OT39/fj4+Pk5OTl5eXl5eXm5ubn5+fl5eX09PTm5ubl5eXz8/Pm5ubl5eXl5eXk5OTl5eXm5ubl5eXm5ubk5OTl5eXm5ubl5eXl5eXl5eXm5ubl5eXk5OTm5ubl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXl5eXt7e3l5eXk5OTl5eXt7e3l5eXl5eXl5eXt7e3///+eOcrfAAAAS3RSTlMABAgMEBQUGBwgJCgoLDA0ODw8QERITExQVFhcYGNkaGtsb3N3eXt/gYOHi4+Tl5+jo6err7O3t7u/v8PHy8/X29/j5+nr7/Pz9/vDQmKOAAACDUlEQVR4Xu2XW1PiQBBGOxGWAIJiDCIb766s9/suCqAQJZpx///f2ZLpdpJJiK3hMeftq69ySHqmihmIs7Bk23bdhBkUHNd1m0XgUtgfiClBbztJ2uoJSW8dWPycCMXY0etyXyh6FkO4KyIE2ntUvUjtVeEz2kIjaIRri4TEqPDZDJ+FzoMBim6sPod0OiKOq+pWQl2HVMZqgGr8qqZV4b9kgyx/Lag+ULCorn1YasUdH4NvcD7aWwCASqB/9j7WV+9hi/TLkMItOo6n6QbTKdV/sK68B4MmtMMZYxO3pjZI3AhDmS6xPkkRGiL8ErCKaYx1AfMZjoixNGUyymEvUsSa8oGMWwzjMim0HyjJbEdX6oBhpEcmMhbJWE40dr5gHGFON55jPPq+sXIvcWTsz949a8SvN8kT5jdkYy2JF2x/xxr4N29yoyI35sbcmBtzI/O/kDjkHUX5xtIrCq9hTsZTFAaV+RjVMfUM5mS8QKFf+pLRj52kiLpAOsBiacZprwjEHQo9EzgohRm9GgDhqDsOE1IsRp4fUW0MsR8Cl0d0tKZpD1OXalcgNnC5iWyNrnYZMD3+5tavQJNSeJ3a+qVx0w4DKajNMWhYjoch+IGtLxJhDJLQxyi+Y9wVcVqZjOZI6PQhkxFWA03o1zIaYT2q9FcgqxHs8OoM6pDdCEb7Wl57xxfNSFFOBmL8B3UgRwMe0gRzAAAAAElFTkSuQmCC) 50% no-repeat
}

.safetyGuarantee .top .top-loading .top-item h2.three {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAA6CAMAAAD/YkWdAAAA3lBMVEUAAAC/v7/f39/V1dXf39/Z2dnm5ubf39/k5OTf39/j4+Pf39/m5ubi4uLk5OTi4uLk5OTm5ubh4eHj4+Pl5eXj4+Pk5OT////i4uL8/Pzk5OTl5eXj4+Pk5OT39/fl5eXl5eXm5ubn5+fl5eX09PTl5eXm5ubl5eXm5ubk5OTl5eXm5ubl5eXl5eXm5ubk5OTm5ubl5eXl5eXl5eXm5ubl5eXm5ubl5eXm5ubl5eXl5eXk5OTl5eXl5eXl5eXl5eXl5eXt7e3l5eXk5OTl5eXl5eXl5eXl5eXt7e3////3YhbwAAAAR3RSTlMABAgMEBQUGBwgJCgoLDA0ODw8QERITExQUVRYXGBja2xvc3d5f4OLj4+Tl5ufo6Orr7O3t7u/w8PHy9PX29/j5+nr7/P3+/ncb5UAAAIbSURBVHhe7Zhrc5pAGIXBxHDRWI3B2KBtWpvG3tKLxVSjQBXY9P//oWZ233fYC122ox853848M4+zhw+yWBU5na0JTfHwuqXicZQzHN/5llEme1ImCSTqrziaz0yEb4iQ4lqg3VTE83phSKQUA36QWMZhnfB0R+Rs7BLPFZq2aoy3RM3UwpzlVVSfpByQYB64jVW60AsHaPnpWt0NFhfxAofoWt4vgJltdOj05Ln4hXywDHDnuTi4QE9r/AGOO9q+Q/sI1Ie+ou0eWmg04whmE4ccCr93A22mE9oE4tN6CS0BPIF+I/k18dDI1u5gBTzFXYUNvuiMfVHhYXWqjJ6JEYfas9pGoycZkZobY+iSMViyBEAPM6pxjmnU7vjn2GmMXBpjY2yMjbExXvF598TyG/oT5BV0IS+r6QH/hRpqbHQ8Fvtoxo1Ys8ONsVzNjRmrbb0xNTC++MfbXls09sVNHJM30hat51gtccchbXZJNUFFh7ZAmnUJfSK8ASda4xYcY9reQouAfoX+nrYxtKXWiPeNT7RF0D4AvRXuDp/Lu4kmM3DsHf45hUBHhHs0bl5STXooWQ/cIIVSnAE9KYCmgTvY1D5qHFJNxF3J1Cz/6wsAPibMqJLq04oV4YrDkULXVl0uC0mYnXPU20k071m1uRaV2YVAL3bydxGDDLf8oXoS9RYc3fYto9jhN3a45H5UgfvzRzbHYmJX4L/FzSDlWtxHYQAAAABJRU5ErkJggg==) 50% no-repeat
}

.safetyGuarantee .top .top-loading .top-item p {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	text-align: left
}

.safetyGuarantee .item .item-body {
	width: 1000px;
	margin: auto;
	position: relative
}

.safetyGuarantee .item .item-body .content h2 {
	color: #333;
	font-size: 24px;
	line-height: 24px
}

.safetyGuarantee .item .item-body .content p {
	color: #666;
	font-size: 16px;
	line-height: 26px;
	margin-top: 25px
}

.safetyGuarantee .item.one {
	padding: 92px 0;
	background-color: #fafafa
}

.safetyGuarantee .item.one .content {
	display: inline-block;
	width: 380px;
	height: 216px;
	padding-top: 48px
}

.safetyGuarantee .item.one img {
	width: 344px;
	height: 216px;
	position: absolute;
	right: 0
}

.safetyGuarantee .item.two {
	padding: 84px 0;
	background-color: #fff
}

.safetyGuarantee .item.two .content {
	display: inline-block;
	width: 380px;
	height: 284px;
	padding-top: 41px;
	position: absolute;
	right: 90px
}

.safetyGuarantee .item.two img {
	width: 284px;
	height: 275px
}

.safetyGuarantee .item.three {
	padding: 54px 0;
	background-color: #fafafa
}

.safetyGuarantee .item.three .content {
	display: inline-block;
	width: 380px;
	height: 293px;
	padding-top: 88px
}

.safetyGuarantee .item.three img {
	width: 425px;
	height: 293px;
	position: absolute;
	right: 0
}

#registerSuccess {
	width: 900px;
	margin: 82px auto 104px;
	background-color: #fff;
	padding: 0 220px 15px;
	position: relative
}

#registerSuccess:after,#registerSuccess:before {
	content: "";
	position: absolute;
	top: 80%;
	bottom: 28px;
	background: transparent;
	-webkit-box-shadow: 0 18px 25px #ccc;
	box-shadow: 0 18px 25px #ccc;
	z-index: -1
}

#registerSuccess:before {
	left: 18px;
	right: 12px;
	-webkit-transform: skew(-10deg) rotate(-3.6deg);
	transform: skew(-10deg) rotate(-3.6deg)
}

#registerSuccess:after {
	left: 12px;
	right: 18px;
	-webkit-transform: skew(10deg) rotate(3.6deg);
	transform: skew(10deg) rotate(3.6deg)
}

#registerSuccess button {
	cursor: pointer
}

#registerSuccess img {
	width: 233px;
	height: 157px;
	display: block;
	margin: auto;
	position: relative;
	top: -48px
}

#registerSuccess .title {
	color: #333;
	font-size: 16px;
	line-height: 20px;
	margin-top: -20px;
	font-weight: 700
}

#registerSuccess .question {
	margin-top: 10px
}

#registerSuccess .question p {
	color: #333;
	font-size: 16px;
	line-height: 56px
}

#registerSuccess .question span {
	display: inline-block;
	min-width: 33%;
	margin-bottom: 25px;
	font-size: 14px;
	color: #666
}

#registerSuccess .question span i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 7px;
	cursor: pointer;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAWlBMVEUAAAC/v7+qqqqzs7Ovr6+1tbWysrK0tLSysrKzs7O0tLSysrKysrKzs7Ozs7OysrK0tLSzs7O6urr8/Pzx8fHa2tr////7+/vy8vLNzc3Ly8v+/v7b29vMzMw7iUezAAAAE3RSTlMACAkvMDCVlZaXmJiZwNfY9/j9kh7fbAAAAHZJREFUeF5ljtsWgyAMBLeCirSIJFy8/v9v9qT1gZZ528lJshDUMC/LPCh8eUyUInNMNHWSO7eV/KHsTsxzP/LNcVlAkcxvCmmMZ644R/hYi+gRuBYcGtGs/B810L9ve8BWxbZXW12MpbQyr4msZEEbH4I3vYQ33VgQwc8slnQAAAAASUVORK5CYII=) no-repeat 50%;margin-bottom: -3px
}

#registerSuccess .question span i.select {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEUAAAAAkv8AdP8AgP8AeP8Aef8Af/8Af/8AgP8Agf8Af/8Af/8AgP8Af/8AgP8AgP8Af/8AgP8AgP8AgP8Af/8AgP8AgP8Af/8AgP8AgP8Af/8AgP+ti8oOAAAAG3RSTlMABwsQERM2bHBxmZygoaKprrbFx8vQ193v/P4mBmxkAAAAb0lEQVQYV2WPSRLCMBADFQfMMmYNYRj3///JwSGVwrq1DlokSdk8wi2rKZUKALUkSUoTq6YkqbBRkXLdGjXLVnh/AJP/+DWeAVcAzwfM4wkgFMBtuM/7Q22GA1yGXWN8Cb0elzLra7th/fTu3N/9L23VE48Kfc8lAAAAAElFTkSuQmCC) no-repeat 50%
}

#registerSuccess button {
	width: 350px;
	height: 46px;
	color: #fff;
	font-size: 16px;
	border: none;
	border-radius: 4px;
	background-color: #0080ff;
	display: block;
	margin: 20px auto 0
}

#registerSuccess a {
	color: #666;
	font-size: 14px;
	line-height: 56px;
	display: block;
	width: 50px;
	margin: auto;
	text-align: center
}

#main {
	background-color: #f8f8f8
}

.orderindex {
	width: 1000px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 68px;
	background-color: #fff;
	border: 1px solid #fff
}

.orderindex .ordertitle {
	font-size: 20px;
	font-family: MicrosoftYaHei;
	font-weight: 700;
	color: #333;
	width: 800px;
	margin: 0 auto;
	padding: 17px 0;
	border-bottom: 1px solid #e5e5e5
}

.orderindex .ordersort {
	width: 800px;
	margin: 10px auto
}

.orderindex .ordersort .item {
	display: inline-block;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s
}

.orderindex .ordersort .item span {
	position: relative;
	display: inline-block;
	padding: 5px 0;
	font-size: 14px;
	line-height: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	margin-right: 45px
}

.orderindex .ordersort .item span.select {
	color: #0083ff
}

.orderindex .ordersort .item span.select:before {
	background: #0083ff
}

.orderindex .ordersort .item span.select:before,.orderindex .ordersort .item span:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: 0 auto
}

.orderindex .ordersort .item span:after {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.orderindex .ordersort .item span:hover {
	color: #0083ff
}

.orderindex .ordersort .item span.select:after,.orderindex .ordersort .item span:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.orderindex .myorderlist .myorders {
	width: 800px;
	height: 140px;
	margin: 25px auto;
	background: #f6f6f6;
	border-radius: 4px
}

.orderindex .myorderlist .myorders .ordercreattime {
	margin-left: 20px;
	font-size: 14px;
	color: #999;
	padding-top: 10px
}

.orderindex .myorderlist .myorders .ordercreattime span {
	margin-right: 30px
}

.orderindex .myorderlist .myorders .orderimg,.orderindex .myorderlist .myorders .orderright {
	display: inline-block;
	vertical-align: top
}

.orderindex .myorderlist .myorders .orderimg img {
	width: 80px;
	height: 80px;
	margin: 20px;
	margin-top: 12px
}

.orderindex .myorderlist .myorders .orderimg .imgBox {
	margin: 20px;
	margin-top: 12px;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.orderindex .myorderlist .myorders .orderright {
	width: 640px;
	margin: 20px 0;
	margin-top: 12px;
	position: relative
}

.orderindex .myorderlist .myorders .orderright p {
	width: 256px;
	height: 43px;
	font-size: 16px;
	line-height: 23px;
	color: #333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 18px
}

.orderindex .myorderlist .myorders .orderright .shopname {
	font-size: 14px;
	color: #666
}

.orderindex .myorderlist .myorders .orderright .shopname span {
	margin-right: 6px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer
}

.orderindex .myorderlist .myorders .orderright .shopname .shopn {
	line-height: 15px;
	color: #666
}

.orderindex .myorderlist .myorders .orderright .shopname .connect:hover {
	color: #0083ff
}

.orderindex .myorderlist .myorders .orderright .shopname .sendmsg {
	width: 50px;
	height: 70px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 20px
}

.orderindex .myorderlist .myorders .orderright .orderdetail span {
	position: absolute;
	font-size: 14px;
	color: #ff532b
}

.orderindex .myorderlist .myorders .orderright .orderdetail .price {
	top: -2px;
	left: 320px;
	font-size: 20px;
	font-weight: 700
}

.orderindex .myorderlist .myorders .orderright .orderdetail .orderstate {
	top: 1px;
	left: 455px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .othercolor {
	color: #666
}

.orderindex .myorderlist .myorders .orderright .orderdetail .ordermessage {
	top: 30px;
	left: 455px;
	color: #333;
	cursor: pointer
}

.orderindex .myorderlist .myorders .orderright .orderdetail .ordermessage:hover {
	color: #0083ff
}

.orderindex .myorderlist .myorders .orderright .orderdetail .allbtn button {
	cursor: pointer;
	position: absolute;
	top: 1px;
	right: -15px;
	width: 80px;
	height: 30px;
	color: #333;
	background: #fff;
	border: 1px solid silver;
	border-radius: 4px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .allbtn button:last-of-type {
	top: 45px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .allbtn button:first-of-type {
	top: 5px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .allbtn .kefu {
	border: 1px solid #0083ff;
	color: #0083ff;
	background: #eaf5ff
}

.orderindex .myorderlist .myorders .orderright .orderdetail .kefuphone {
	position: absolute;
	font-size: 14px;
	bottom: -5px;
	right: 80px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .kefuphone img {
	width: 18px;
	height: 18px;
	margin-right: 5px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .kefuphone span {
	color: #666;
	width: 100px
}

.orderindex .myorderlist .myorders .orderright .orderdetail .cutdown {
	position: absolute;
	right: -39px;
	top: -40px;
	background-color: #666;
	color: #fff;
	padding: 4px 10px;
	font-size: 12px;
	border-radius: 0 4px 0 4px
}

.orderindex .nohaveorder {
	border: 1px solid #fff;
	width: 230px;
	margin: 0 auto;
	padding: 150px 0;
	text-align: center
}

.orderindex .nohaveorder img {
	width: 230px;
	height: 200px
}

.orderindex .nohaveorder p {
	color: #d0d0d0;
	font-size: 20px;
	margin-top: 30px
}

.orderindex .myordermask {
	width: 500px;
	background: #fff;
	border: 1px solid #fff;
	text-align: left
}

.orderindex .myordermask .ordermaskimg {
	margin-top: 40px;
	margin-left: 69px
}

.orderindex .myordermask .ordermaskimg span {
	font-size: 30px;
	line-height: 28px;
	display: inline-block
}

.orderindex .myordermask .masktips {
	font-size: 16px;
	color: #666;
	line-height: 36px;
	margin-top: 53px;
	margin-left: 69px;
	margin-bottom: 34px
}

.orderindex .myordermask .masktips input[type=radio]+label:before {
	content: "\A0";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #ccc;
	margin-top: -5px;
	margin-right: 10px
}

.orderindex .myordermask .masktips input[type=radio]:checked+label:before {
	border: 5px solid #0083ff;
	width: 10px;
	height: 10px
}

.orderindex .myordermask .masktips input[type=radio] {
	position: absolute;
	clip: rect(0,0,0,0)
}

.orderindex .myordermask .ordermaskbtn {
	margin-left: 150px;
	margin-bottom: 40px
}

.orderindex .myordermask .ordermaskbtn button {
	width: 120px;
	height: 42px;
	background: #0083ff;
	border-radius: 4px;
	border: none;
	color: #fff;
	margin-right: 40px;
	font-size: 14px;
	cursor: pointer
}

.orderindex .myordermask .ordermaskbtn button:first-of-type {
	background: #f7f7f7;
	border: 1px solid #d0d0d0;
	color: #666
}

.orderindex .myordermaskmoney {
	width: 734px
}

.orderindex .myordermaskmoney .masktips,.orderindex .myordermaskmoney .ordermaskimg,.orderindex .myordermaskmoney textarea {
	margin-left: 100px
}

.orderindex .myordermaskmoney textarea {
	width: 534px;
	height: 130px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	font-size: 16px
}

.orderindex .myordermaskmoney .ordermaskbtn {
	margin-top: 60px;
	margin-left: 355px
}

.orderindex .myordermaskmoney .masktextarea {
	position: relative
}

.orderindex .myordermaskmoney .masktextarea textarea {
	padding: 15px
}

.orderindex .myordermaskmoney .masktextarea textarea::-webkit-input-placeholder {
	font-family: MicrosoftYaHei;
	font-size: 14px
}

.orderindex .myordermaskmoney .masktextarea span {
	position: absolute;
	right: 105px;
	bottom: 10px;
	color: #ccc
}

.orderindex .deletemask .masktips {
	margin-top: 48px;
	margin-bottom: 65px
}

.orderindex .msg-box {
	width: 734px;
	min-height: 578px;
	padding: 40px 100px 50px;
	background: #fff
}

.msg-box {
	width: 734px;
	min-height: 578px;
	padding: 40px 100px 50px;
	background: #fff
}

.msg-box h3 {
	height: 30px;
	margin-bottom: 35px;
	font-size: 30px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 30px;
	color: #333
}

.msg-box h2 {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff
}

.msg-box .descript {
	width: 130px;
	margin-bottom: 15px
}

.msg-box .descript textarea {
	padding: 18px 14px;
	width: 534px;
	font-size: 16px
}

.msg-box .supplement {
	padding: 12px 17px 20px;
	background-color: #f2f2f2;
	margin-bottom: 45px
}

.msg-box .supplement .title {
	color: #333;
	font-size: 16px
}

.msg-box .supplement .des {
	color: #666;
	font-size: 12px;
	margin-top: 5px
}

.msg-box .supplement .uploadFile {
	margin-top: 10px;
	display: table
}

.msg-box .supplement .uploadFile div {
	display: table-cell;
	vertical-align: middle
}

.msg-box .supplement .uploadFile .logo {
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.msg-box .supplement .uploadFile .name {
	color: #333;
	font-size: 16px;
	padding-left: 15px;
	max-width: 390px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	cursor: pointer
}

.msg-box .supplement .uploadFile .name:hover {
	color: #0083ff
}

.msg-box .supplement .uploadFile .delete {
	cursor: pointer;
	color: #0083ff;
	padding-left: 8px
}

.msg-box .supplement .add {
	color: #0083ff;
	font-size: 16px;
	margin-top: 15px;
	line-height: 30px;
	background: url("http://www.luojinet.com/images/myJobs/tianjjia.png") no-repeat 0;
	background-size: 20px;
	padding-left: 25px;
	cursor: pointer
}

.msg-box .photo-tmp {
	padding: 20px;
	margin-bottom: 10px;
	background: #f2f2f2
}

.msg-box .photo-tmp .title {
	margin-bottom: 15px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 14px
}

.msg-box .btn-box {
	height: 42px
}

.msg-box .btn-box .confirm {
	float: right;
	width: 120px;
	height: 42px;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #fff;
	line-height: 42px;
	text-align: center;
	cursor: pointer
}

.msg-box .btn-box .confirm:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.msg-box .btn-box .cancle {
	float: right;
	width: 120px;
	height: 42px;
	margin-right: 20px;
	background: #fff;
	border-radius: 4px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #0083ff;
	line-height: 42px;
	text-align: center;
	border: 1px solid #0083ff;
	cursor: pointer
}

.msg-box .btn-box .cancle:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.complaintmsg {
	width: 734px;
	min-height: 330px;
	background: #fff;
	padding: 40px 100px;
	position: relative
}

.complaintmsg .cancle {
	position: absolute;
	right: 46px;
	top: 50px;
	cursor: pointer
}

.complaintmsg h2 {
	margin-bottom: 50px;
	font-size: 30px;
	font-weight: 400
}

.complaintmsg .firstmsg {
	margin-bottom: 38px;
	position: relative
}

.complaintmsg .firstmsg span {
	font-size: 16px;
	color: #999
}

.complaintmsg .firstmsg span:last-of-type {
	position: absolute;
	right: 0;
	color: #f77272
}

.complaintmsg .the_context {
	font-size: 16px;
	color: #999;
	height: 40px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-bottom: 38px
}

.complaintmsg .supplement {
	padding: 12px 15px 20px;
	background-color: #f2f2f3;
	margin-bottom: 20px
}

.complaintmsg .supplement .title {
	color: #666;
	font-size: 16px;
	margin-bottom: 0!important
}

.complaintmsg .supplement .des {
	color: #666;
	font-size: 12px
}

.complaintmsg .supplement .uploadFile {
	margin-top: 10px;
	display: table
}

.complaintmsg .supplement .uploadFile a,.complaintmsg .supplement .uploadFile div {
	display: table-cell;
	vertical-align: middle
}

.complaintmsg .supplement .uploadFile .logo {
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.complaintmsg .supplement .uploadFile .name {
	color: #333;
	font-size: 16px;
	padding-left: 15px;
	max-width: 440px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	cursor: pointer
}

.complaintmsg .supplement .uploadFile .name:hover {
	color: #0083ff
}

.complaintmsg .supplement .uploadFile .delete {
	cursor: pointer;
	color: #0083ff;
	padding-left: 8px
}

.complaintmsg .supplement .add {
	color: #0083ff;
	font-size: 16px;
	margin-top: 15px;
	line-height: 30px;
	background: url("http://www.luojinet.com/images/myJobs/tianjjia.png") no-repeat 0;
	background-size: 20px;
	padding-left: 25px;
	cursor: pointer
}

.complaintmsg .chuli {
	padding-top: 15px;
	border-top: 1px solid #e5e5e5
}

.complaintmsg .chuli p {
	color: #999;
	font-size: 16px;
	margin-bottom: 10px
}

.complaintmsg .btn {
	margin-top: 20px
}

.complaintmsg .btn button {
	width: 120px;
	height: 42px;
	background: #0083ff;
	border-radius: 4px;
	border: none;
	color: #fff;
	font-size: 14px;
	cursor: pointer
}

.complaintmsg .btn button:first-of-type {
	border: 1px solid #2d93f9;
	color: #0083ff;
	margin-left: 274px;
	margin-right: 20px;
	background: #fff
}

#main {
	background-color: #f8f8f8
}

.the_shopservicedetail {
	width: 1200px;
	margin: 0 auto
}

.the_shopservicedetail .serviceleft,.the_shopservicedetail .serviceright {
	display: inline-block;
	vertical-align: top;
	margin-top: 31px
}

.the_shopservicedetail .serviceleft {
	width: 880px;
	margin-right: 30px;
	padding: 0!important
}

.the_shopservicedetail .serviceleft .serviceleftfirst {
	background: #fff;
	padding: 30px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .cannotbuy {
	border: 1px solid #ffd9ae;
	color: #ff6d0c;
	font-size: 14px;
	padding: 10px 12px;
	background: #fff5e9;
	border-radius: 4px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .cannotbuy span {
	display: inline-block;
	vertical-align: top;
	font-size: 17px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .cannotbuy span:last-of-type {
	font-size: 14px;
	margin-left: 6px;
	margin-top: -1px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .cannotbuy .cantsesson {
	max-width: 750px;
	word-wrap: break-word
}

.the_shopservicedetail .serviceleft .serviceleftfirst .cannotbuy a {
	text-decoration: underline;
	margin-left: 10px;
	cursor: pointer;
	font-size: 14px;
	color: #ff6d0c
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo,.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg {
	display: inline-block;
	vertical-align: top
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo {
	width: 300px;
	height: 380px;
	margin-right: 30px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .pc-slide {
	width: 300px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .view .swiper-container {
	width: 300px;
	height: 300px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .imgBox {
	width: 300px;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview {
	width: 100%;
	position: relative;
	background: #f5f5f5;
	overflow: hidden
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .swiper-container {
	width: 300px;
	height: 82px;
	margin-left: 20px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .pullrights {
	position: absolute;
	left: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .swiper-slide {
	width: 60px;
	height: 60px;
	cursor: pointer;
	margin: 10px 5px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .swiper-slide .simgBox {
	display: inline-block;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .preview .slide6 {
	width: 60px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .arrow-left,.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .arrow-right {
	position: absolute;
	margin-top: -9px;
	width: 25px;
	height: 80px;
	z-index: 10;
	padding-left: 5px;
	background: #f5f5f5
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .arrow-left img,.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .arrow-right img {
	width: 13px;
	height: 22px;
	margin-top: 39px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .arrow-right {
	right: 0
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview img {
	padding: 1px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .leftlunbo .preview .active-nav .simgBox {
	padding: 0;
	border: 1px solid red
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg {
	width: 490px;
	position: relative
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg button {
	width: 140px;
	height: 46px;
	font-size: 14px;
	border: none
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg button span {
	font-size: 18px;
	margin-right: 12px;
	display: inline-block;
	vertical-align: top
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg p {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 24px;
	margin-top: -5px;
	margin-bottom: 25px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg {
	width: 490px;
	background: #f4f5f7;
	border: 1px solid #f4f5f7;
	font-size: 14px;
	color: #666;
	position: relative
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .onceprice {
	position: absolute;
	top: 0;
	left: -20px;
	width: 68px;
	height: 51px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .price {
	margin-top: 15px;
	margin-left: 31px;
	margin-bottom: 15px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .price span {
	color: #f77272;
	font-size: 16px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .price .needprice {
	font-size: 36px;
	color: #ff532b;
	font-weight: 700
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .price .danwei {
	font-size: 14px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .sort {
	margin-left: 30px;
	position: relative;
	margin-bottom: 20px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .pricemsg .sort span:last-of-type {
	position: absolute;
	right: 30px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn {
	margin-top: 30px;
	margin-bottom: 20px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn button {
	background: #ff8000;
	border-radius: 4px;
	color: #fff;
	margin-right: 25px;
	cursor: pointer
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn button a {
	color: #fff
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn .havecolloct {
	color: #999!important
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn .soucang {
	background: none;
	color: #333;
	width: auto
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn .soucang span {
	color: #f77272;
	margin-right: 6px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .buybtn .cannotbuybtn {
	background: #d5d5d5;
	color: #fff;
	margin-right: 30px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .sharrybtn {
	font-size: 14px;
	margin-top: 25px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .sharrybtn a {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	cursor: pointer
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .sharrybtn a img {
	width: 22px;
	height: 22px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima {
	overflow: hidden;
	position: absolute;
	top: -35px;
	left: 56px;
	width: 257px;
	padding: 16px 0 18px 46px;
	background: #fff;
	-webkit-box-shadow: 0 15px 32px 0 rgba(49,49,49,.1);
	box-shadow: 0 15px 32px 0 rgba(49,49,49,.1)
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima h3 {
	padding-left: 3px;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 18px;
	color: #333
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima .close {
	position: absolute;
	top: 11px;
	right: 12px;
	width: 14px;
	height: 15px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAQlBMVEUAAAAAAAAcHBwiEREiFxciGREfGRMjGRQgFRUhGBUhFxQjGBMiFxUjFxQjFxUiFxUiFxUjFxUiFxQiGBQjFxQiFxW0LljaAAAAFnRSTlMABQkPFh4oMkZUY3SFlrXCztjb3+Hj56Yi0gAAAFJJREFUeF5dT1cKQDEMsnPvcf+rPkppH8QfMUFj0A0eTIdd+iq9LOCGOkoNt8k3uUk2f8ahCkDUcE2xcF4iHlLOCT/YnAx0S700md4lrUhn8tEHhIkDc66h/JMAAAAASUVORK5CYII=) no-repeat 50%;cursor: pointer
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima img {
	display: block;
	margin: 15px 0 17px 3px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima p {
	padding-left: 26px;
	font-size: 14px;
	line-height: 14px;
	color: #666;
	text-align: left;
	font-weight: 400;
	margin-bottom: 10px
}

.the_shopservicedetail .serviceleft .serviceleftfirst .buyservice .rightmsg .erweima p:last-child {
	padding-left: 5px;
	margin-top: 8px;
	margin-bottom: 0
}

.the_shopservicedetail .serviceleft #service_leftsecond {
	margin-top: 30px;
	width: 880px;
	background: #fff;
	border: 1px solid #fff;
	margin-bottom: 75px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetail {
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	height: 60px;
	position: relative
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetail span {
	cursor: pointer;
	font-size: 16px;
	color: #333;
	padding: 18px 0;
	position: absolute;
	left: 30px;
	top: 0
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetail span.select {
	border-bottom: 2px solid #0083ff;
	color: #0083ff
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetail span:last-of-type {
	left: 120px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg {
	margin-top: 47px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg .servicedetailimg {
	text-align: center
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg .servicedetailimg img {
	width: 536px;
	height: 316px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg .servicedetailmesg {
	width: 820px;
	margin: 30px;
	word-wrap: break-word;
	overflow: hidden
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg .servicedetailmesg img {
	height: 100%;
	max-width: 100%
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicedetailmsg .servicedetailmesg p {
	font-size: 14px;
	color: #666;
	line-height: 30px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentsort {
	margin: 30px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentsort label {
	margin-right: 20px;
	font-size: 14px;
	color: #666
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentsort input[type=radio]+label:before {
	content: "\A0";
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #ccc;
	margin-top: -3px;
	margin-right: 5px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentsort input[type=radio]:checked+label:before {
	border: 4px solid #0083ff;
	width: 6px;
	height: 6px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentsort input[type=radio] {
	position: absolute;
	clip: rect(0,0,0,0)
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .nocomment {
	text-align: center;
	padding: 130px;
	padding-bottom: 160px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .nocomment img {
	width: 61px;
	height: 61px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .nocomment p {
	color: #d0d0d0;
	font-size: 16px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment {
	padding: 0 30px 30px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .comment_right,.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .commentleft {
	display: inline-block;
	vertical-align: top
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .commentleft {
	margin-right: 20px;
	margin-top: 10px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .commentleft img {
	width: 44px;
	height: 44px;
	border-radius: 50%
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .comment_right {
	width: 730px;
	padding: 20px;
	background: #f5f5f5;
	border-radius: 4px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .comment_right .username {
	font-size: 16px;
	color: #333;
	margin-right: 30px
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .comment_right .commenttime {
	font-size: 14px;
	color: #999
}

.the_shopservicedetail .serviceleft #service_leftsecond .servicecomment .commentdetail .usercomment .comment_right .the_comment {
	width: 683px;
	margin-top: 20px;
	font-size: 14px;
	color: #666;
	line-height: 30px;
	word-wrap: break-word
}

.the_shopservicedetail .serviceright {
	width: 290px;
	text-align: center;
	background: #fff
}

.the_shopservicedetail .serviceright .shopimg {
	margin: 50px;
	width: 190px;
	height: 190px
}

.the_shopservicedetail .serviceright .shopimg img {
	width: 190px;
	height: 190px
}

.the_shopservicedetail .serviceright .shopimg .tximgBox {
	width: 190px;
	height: 190px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.the_shopservicedetail .serviceright p {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	margin-top: -30px;
	margin-bottom: 15px
}

.the_shopservicedetail .serviceright button {
	width: 95px;
	height: 40px;
	background: #0083ff;
	border-radius: 4px;
	margin-bottom: 37px;
	font-size: 14px;
	color: #fff;
	border: none;
	cursor: pointer
}

.the_shopservicedetail .serviceright button:last-of-type {
	background: #fff;
	border: 1px solid #0083ff;
	color: #0083ff;
	margin-left: 10px
}

.the_shopservicedetail .serviceright .havecolloct {
	color: #999!important;
	border: 1px solid #d0d0d0!important
}

.bindPhone-contanner {
	width: 900px;
	margin: 82px auto 104px;
	-webkit-box-shadow: 0 5px 15px 2px #ccc;
	box-shadow: 0 5px 15px 2px #ccc;
	background-color: #fff
}

.bindPhone-contanner .bindPhone .title {
	color: #333;
	font-size: 20px;
	font-weight: 400;
	padding-top: 87px;
	padding-bottom: 15px;
	text-align: center
}

.bindPhone-contanner .bindPhone .form {
	width: 350px;
	margin: 0 auto
}

.bindPhone-contanner .bindPhone .form .formItem {
	margin-top: 20px
}

.bindPhone-contanner .bindPhone .form .formItem input {
	color: #666;
	font-size: 14px;
	width: 100%;
	padding: 13px 12px;
	border: 1px solid #e5e5e5
}

.bindPhone-contanner .bindPhone .form .formItem input::-webkit-input-placeholder {
	color: #ccc
}

.bindPhone-contanner .bindPhone .form .formItem input:-ms-input-placeholder,.bindPhone-contanner .bindPhone .form .formItem input::-ms-input-placeholder {
	color: #ccc
}

.bindPhone-contanner .bindPhone .form .formItem input::placeholder {
	color: #ccc
}

.bindPhone-contanner .bindPhone .form .formItem.validateCode {
	position: relative
}

.bindPhone-contanner .bindPhone .form .formItem.validateCode input {
	padding-right: 140px
}

.bindPhone-contanner .bindPhone .form .formItem.validateCode .get {
	width: 120px;
	color: #0080ff;
	font-size: 14px;
	height: 38px;
	border: none;
	background-color: #e5f2ff;
	position: absolute;
	right: 5px;
	top: 3px
}

.bindPhone-contanner .bindPhone .form .warning {
	color: #ff7923;
	font-size: 14px;
	line-height: 30px;
	border: 1px solid #ffba88;
	margin-top: 20px;
	padding-left: 38px;
	background: #fff6e3 url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEUAAAD/AAD/bST/kiT/djv/iTv/gDn/hjn/gzj/gDf/gjX/gDT/hTr/gjn/gzj/gTn/hTn/gzn/gjn/gzn/gjn/gzn/gzn/gzj/gjj/gzj/gjj/gzj/gjn/gzn/gjn/gzn/gzn/gzn/gzn/gzn/gzn/gjj/gzj/gzl1hcKzAAAAJ3RSTlMAAQcHDQ0oKCkqKywsLUBHR0h4eaGhoqenqKytxsbb3OXm8fL4+fk4S7gUAAAAm0lEQVR4Xm3P4RLBMBBF4SPaomhQWgiRKPf939Codpjy/dy5u3OXlt1emuaytfQyp47LaBVRoZwbMy+DYgEwjapTWulJcQo4nUZ0Rgc5sAopPdIgy04bvmxU4bXgy1KeRmNQD6PHn9FwcSFP9XN+UCK5yoLT8VO1lgNmUfukyxzfD1HcFMrcmLwMuhW0Jmd1zhm9VeXvd1+teXkCDTgSFUbN1owAAAAASUVORK5CYII=) 11px no-repeat
}

.bindPhone-contanner .bindPhone .form .submit {
	width: 100%;
	color: #fff;
	font-size: 16px;
	padding: 12px 0 14px;
	margin: 36px 0 253px;
	background-color: #0083ff;
	border-radius: 4px;
	border: 1px solid #0083ff
}

.myjob-projectdetails {
	width: 100%;
	min-width: 1200px;
	background: #f8f8f8;
	padding-bottom: 60px;
	border-bottom: 1px solid #e5e5e5
}

.myjob-projectdetails .clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.myjob-projectdetails .clearfix {
	*zoom: 1
}

.myjob-projectdetails h2 {
	font-weight: 400
}

.myjob-projectdetails li {
	list-style: none
}

.myjob-projectdetails em,.myjob-projectdetails i {
	font-style: normal
}

.myjob-projectdetails input[type=number] {
	-moz-appearance: textfield
}

.myjob-projectdetails input[type=number]::-webkit-inner-spin-button,.myjob-projectdetails input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.myjob-projectdetails .banner {
	position: relative;
	width: 100%;
	min-width: 1200px;
	_width: 1200px;
	height: 100px;
	margin-bottom: 25px;
	padding-top: 65px;
	background: url(http://www.luojinet.com/img/banner.81ed8aa.png) no-repeat 50%
}

.myjob-projectdetails .banner p {
	width: 1200px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 16px;
	color: #fff
}

.myjob-projectdetails .banner p a {
	color: #fff
}

.myjob-projectdetails .banner p em {
	font-weight: 700;
	white-space: pre-wrap
}

.myjob-projectdetails .middle {
	width: 1200px;
	margin: 0 auto;
	background: #fff;
	padding: 0 45px 50px
}

.myjob-projectdetails .middle .basicdetails {
	width: 100%;
	padding-top: 63px
}

.myjob-projectdetails .middle .basicdetails h2 {
	margin-bottom: 14px;
	font-size: 18px;
	line-height: 18px;
	color: #222;
	font-weight: 700;
	white-space: pre-wrap
}

.myjob-projectdetails .middle .basicdetails .information {
	width: 100%;
	padding-bottom: 77px;
	border-bottom: 1px solid #e5e5e5
}

.myjob-projectdetails .middle .basicdetails .information .left {
	float: left;
	width: 661px;
	padding-top: 30px
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li {
	float: left;
	width: 50%;
	margin-bottom: 28px
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	margin-bottom: -2px
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li span {
	font-size: 16px;
	line-height: 16px;
	color: #999;
	word-wrap: break-word
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li span em {
	font-size: 16px;
	line-height: 16px;
	color: #333
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li:first-child i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEUAAACZmZmLi4uRkZGWlpaVlZWXl5eampqYmJiYmJiZmZmZmZmXl5eXl5eampqYmJiYmJiYmJiXl5eYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiYmJiYmJiYmJiYmJiZmZmZmZnGV5wiAAAAIXRSTlMACgsOJykqODlISU5PXl5fYXBxrK2urr+/wcLDxNLT09Xys1eKAAAAcElEQVR4XrXPQQ6DMAxE0Q+hgRRCANyGkBa4/ymLLHXFmtm8hS3Lw7ju3331xqsj5ME+7CC1qBkOC9jkknrAVgFVfEZ1u2z8b7wbUT8QXktc5q7s1B5M45yrCwrVgJdzIm3Zqv1Nf0z5bJmCCerEJT+iOAu7kDJkagAAAABJRU5ErkJggg==) no-repeat 50%
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li:nth-child(2) i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAn1BMVEUAAACqqqp/f3+fn5+NjY2jo6OZmZmUlJSYmJicnJyXl5eVlZWampqYmJiZmZmXl5eXl5eYmJiZmZmampqZmZmYmJiXl5eampqYmJiZmZmYmJiYmJiampqZmZmXl5eYmJiXl5eYmJiYmJiZmZmZmZmYmJiZmZmYmJiZmZmYmJiYmJiZmZmZmZmYmJiZmZmYmJiYmJiZmZmYmJiYmJiZmZkBQAyyAAAANXRSTlMAAwYICQ4UGBkaGykwNDU2QENOVlhfYGBham5wd3h5f4CHnaGjp6usra+xsre6uru90NPj6Rh57l0AAACESURBVHhehczZEoIwDEDRaN0tuBBwX1BBo3Gp+P/fRqgdO/rifcnMmSSwvlHV5dyAd3c3F2MH5CDBD7QRMYBpvpVWPYGOwAAmSy2NHr8n7DZCgTnRwYPf8CdRmm6+oKt130JrT6ehQE2puoUohuZRYJZlOwuIoMg//Q8FG8PXFz8NVxUl4NkQvs7cnH4AAAAASUVORK5CYII=) no-repeat 50%
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li:nth-child(3) i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAACqqqqfn5+Li4uRkZGZmZmWlpaampqWlpadnZ2ZmZmVlZWXl5eampqZmZmZmZmXl5eampqYmJiYmJiZmZmZmZmYmJiYmJiZmZmZmZmYmJiYmJiYmJiYmJiYmJiZmZlSWoZvAAAAH3RSTlMAAwgLDg8WHCIiKCkvMDVVVlZXnKCkpabG0NHd6/r8q6JHFQAAAIpJREFUeF5lj9sOwiAQBcfSaoVCtdALIPT//1LDPmjivO0ku2cPAM7nWrN3CCqUfbF22UtQbT6SgStg0qGAkAYYC8CQArhiAH0CYIrDb3wFmyc/fsUzU62IrusuYKsI7ueHVxOywqi1vsEjt6OCHJVYQWIJsUegj6G9HrUIHQ+FlFvnaZrXVu6v/hsMtAlCg4FywgAAAABJRU5ErkJggg==) no-repeat 50%
}

.myjob-projectdetails .middle .basicdetails .information .left .introduce li:nth-child(4) i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA9klEQVQYGZXAUStDYQAG4Ld1MqciVpOKSzW7lfwD+xP8CVFK+Srl7qRTtvO+3zetU7saLZXcgEqKe9qNXGPBpdUqjTnBFA/+wGVo9cQ2zzkL2AIv2Naj5DLoCAfZUMVNbmU1rzuVecu5MBvlGfOyPADArjNGV3FaL24KXaxGawB4E00gwRkklOM1ALbwK7UA8KE0gp42R9kEwCqX0JOWGQOI8rq3Y/ihOM6mcuiIVnkapvFFpZ9nWsE7k9KuasZDwniqq25S+BD4OtR2rQ9vwjR3eBD4+Czwuc+jjSGgNMxj7gU+vjvx6HRlC2xIxkNvWtQzF/A/r3wWZMLhRzeiAAAAAElFTkSuQmCC) no-repeat 50%
}

.myjob-projectdetails .middle .basicdetails .information .left .category_list {
	margin-top: 4px
}

.myjob-projectdetails .middle .basicdetails .information .left .category_list span {
	display: inline-block;
	height: 26px;
	padding: 5px 13px;
	background: #eaf3ff;
	border-radius: 13px;
	margin-right: 19px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 14px;
	color: #0083ff
}

.myjob-projectdetails .middle .basicdetails .information .left .category_list span:last-child {
	margin-right: 0
}

.myjob-projectdetails .middle .projectinf {
	width: 100%;
	padding-top: 45px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5
}

.myjob-projectdetails .middle .projectinf .top {
	margin-bottom: 76px
}

.myjob-projectdetails .middle .projectinf .top .budget {
	float: left;
	margin-right: 110px
}

.myjob-projectdetails .middle .projectinf .top .budget h2 {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 20px;
	color: #666
}

.myjob-projectdetails .middle .projectinf .top .budget h2 i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 6px;
	margin-bottom: -4px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAA2FBMVEUAAAAAAAB/f38/Pz9mZmZtbW1fX19UVFRcXFxbW1tmZmZhYWFjY2NiYmJmZmZkZGRnZ2dkZGRnZ2dkZGRiYmJlZWVkZGRnZ2dmZmZjY2NnZ2dlZWVkZGRnZ2dmZmZkZGRlZWVkZGRlZWVlZWVmZmZnZ2dmZmZlZWVlZWVmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVmZmZlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVmZmZlZWVmZmZmZmbOtIuLAAAAR3RSTlMAAQIEBQcICQsOFBUXGh4hJSYqKzE3ODs+QEpOT09QVFhbZGprb3CHj5Oaoqepq6+ytLa3ubzAwcPGx8zO1dri5+zu7/D6/lofl9UAAAC/SURBVHhefc7rUoJQFIbhTxQNRTtgKFhohoCnPICmW1DQat3/HTmbAVGaen8+M2vNB49+5YL6aq4+gVTkUv/Gu2c1q5GgSVdtEoRYzhL++4lODZC6UL6J6DNFL5ClrQ+hpWnaQ4rSNmCBfHveC49EX6F5g9VXY74xjDpeXB6L8X5grX3LeoKzt23boyFHnbEwYuwNzgxonkaFZKczAcBRicYCcvgYTotIsa3HuDvMSuD4rl36oKUI3uKHslaV2M422i0CNugVkAAAAABJRU5ErkJggg==) no-repeat 50%
}

.myjob-projectdetails .middle .projectinf .top .budget p {
	font-size: 32px;
	line-height: 32px;
	color: #f77272
}

.myjob-projectdetails .middle .projectinf .top .cycle {
	float: left
}

.myjob-projectdetails .middle .projectinf .top .cycle h2 {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 20px;
	color: #666
}

.myjob-projectdetails .middle .projectinf .top .cycle h2 i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 6px;
	margin-bottom: -4px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAllBMVEUAAABiYmJjY2NkZGRoaGhiYmJlZWVkZGRmZmZlZWVnZ2dlZWVmZmZnZ2dnZ2dlZWVkZGRlZWVmZmZkZGRmZmZmZmZlZWVlZWVlZWVmZmZmZmZlZWVlZWVmZmZmZmZlZWVlZWVmZmZlZWVmZmZlZWVlZWVmZmZlZWVlZWVmZmZmZmZlZWVlZWVlZWVlZWVmZmZlZWVlZWU3uR8TAAAAMnRSTlMAJykrLDE3OD4/RUZQWWBnaGxwd3iEhYeKk5WXmqepr7C7w8fHzs/S3+Dj5Ofp7PD2+F3C5rQAAACMSURBVHhelczZCsIwEIXhY12Xqkm0jluNNTapMW7v/3JS50ICReh3M/DDHNSOc7DZiW+SET0uxM5PoiwB3NWYV7Ds/rb25oCggGIBJgtAhW+McCzzWFlHp2Ou8f1fnIghRmKMgZj+4tassDaEpdlxbLfZTzvopr045tUG++rAsd2m1yqmPSB9iHmJRh9E7Rb85uK9gwAAAABJRU5ErkJggg==) no-repeat 50%
}

.myjob-projectdetails .middle .projectinf .top .cycle p {
	font-size: 32px;
	line-height: 32px;
	color: #f77272
}

.myjob-projectdetails .middle .projectinf .describe .title {
	margin-bottom: 20px
}

.myjob-projectdetails .middle .projectinf .describe .title h2 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 18px;
	color: #333;
	font-weight: 700
}

.myjob-projectdetails .middle .projectinf .describe .title em {
	display: block;
	width: 30px;
	height: 3px;
	background: #e5e5e5;
	border-radius: 1px
}

.myjob-projectdetails .middle .projectinf .describe .content {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	word-wrap: break-word;
	text-align: justify
}

.myjob-projectdetails .middle .projectinf .describe .content p {
	margin-bottom: 37px;
	white-space: pre-wrap
}

.myjob-projectdetails .middle .projectinf .describe .content .doc li a {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-weight: 700
}

.myjob-projectdetails .middle .projectinf .describe .content .doc li a i {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	margin-top: 3px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAxlBMVEUAAAA4ODgzMzMuLi4qKio2NjYtLS01NTUzMzMwMDAuLi4sLCw1NTUxMTEzMzMvLy82NjY0NDQzMzMxMTEzMzMxMTEyMjIyMjIxMTEyMjIxMTEyMjIyMjIyMjIyMjIxMTEzMzMyMjIyMjIyMjIzMzMzMzMzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzMyMjIzMzMzMzMyMjIyMjIyMjIzMzMzMzMyMjIyMjIyMjIyMjIzMzMyMjIyMjIzMzMyMjIyMjIzMzMzMzPi8kKNAAAAQXRSTlMACQoLDA4RExQVFhcYGh4gISIoKVBYWltcYGJkZWtwgIGHlpeanp+isbO3z9DR1NXa3d7f3+Dh4uPn6uvs7/f6/nmhV10AAACaSURBVHhefcxhE4FAFIXhAwqBpRBAEEQoUgn+/58ybGk3M70fnzn3oqD7wS+zhm/6oS2HLW3zSNXvIGq0lUINZAYhmTZJ4A4oGRfC4fDeAkRjzyG5Pc6W5bkcQpBVVZ1R5FMiLFZoIoPkFfasxohGk1b/LNN+ltcb2kqIMTeZ0saZ9PN/9LoJHDjA4tRT2PqOBuTnV5fN0bJ4A5ToHidInHTNAAAAAElFTkSuQmCC) no-repeat 50%
}

.myjob-projectdetails .middle .projectinf .describe .content .doc li a p {
	margin-bottom: 25px
}

.myjob-projectdetails .middle .projectinf .describe .content .doc li a p:hover {
	color: #0083ff
}

.myjob-projectdetails .middle .projectinf .describe .content .img img {
	float: left;
	margin-right: 19px
}

.myjob-projectdetails .middle .projectinf .describe .content .img img:last-child {
	margin-right: 0
}

.myjob-projectdetails .middle .page {
	padding-top: 29px
}

.myjob-projectdetails .middle .page p {
	font-size: 14px;
	line-height: 14px;
	color: #999
}

.myjob-projectdetails .middle .page p a {
	color: #333
}

.myjob-projectdetails .middle .page .last {
	margin-bottom: 14px
}

.myjob-projectdetails .intention {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 99
}

.myjob-projectdetails .intention .intentioncon {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 840px;
	margin: 0 auto;
	background: #fff;
	padding: 40px 120px 42px;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.myjob-projectdetails .intention .intentioncon h2 {
	font-size: 30px;
	line-height: 30px;
	color: #333;
	margin-bottom: 54px;
	font-weight: 700
}

.myjob-projectdetails .intention .intentioncon .offer {
	position: relative;
	margin-bottom: 40px
}

.myjob-projectdetails .intention .intentioncon .offer p {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.myjob-projectdetails .intention .intentioncon .offer p em,.myjob-projectdetails .intention .intentioncon .offer p i {
	color: #ff7070
}

.myjob-projectdetails .intention .intentioncon .offer .offerinput {
	width: 100%;
	height: 54px;
	padding: 0 29px 0 15px;
	font-size: 16px;
	line-height: 54px;
	border: 1px solid #e5e5e5
}

.myjob-projectdetails .intention .intentioncon .offer input::-webkit-input-placeholder {
	color: #ccc
}

.myjob-projectdetails .intention .intentioncon .offer input:-moz-placeholder,.myjob-projectdetails .intention .intentioncon .offer input::-moz-placeholder {
	color: #ccc
}

.myjob-projectdetails .intention .intentioncon .offer input:-ms-input-placeholder {
	color: #ccc
}

.myjob-projectdetails .intention .intentioncon .offer span {
	position: absolute;
	right: 13px;
	bottom: 19px;
	font-size: 16px;
	line-height: 16px;
	color: #333
}

.myjob-projectdetails .intention .intentioncon .instructions {
	position: relative;
	margin-bottom: 16px
}

.myjob-projectdetails .intention .intentioncon .instructions p {
	margin-bottom: 13px;
	font-size: 16px;
	line-height: 16px;
	color: #666
}

.myjob-projectdetails .intention .intentioncon .instructions p i {
	color: #ff7070
}

.myjob-projectdetails .intention .intentioncon .instructions #text {
	width: 100%;
	height: 162px;
	padding: 18px 14px 30px;
	resize: none;
	border-color: #e5e5e5;
	font-size: 16px;
	line-height: 22px
}

.myjob-projectdetails .intention .intentioncon .instructions textarea::-webkit-input-placeholder {
	color: #ccc
}

.myjob-projectdetails .intention .intentioncon .instructions textarea:-moz-placeholder,.myjob-projectdetails .intention .intentioncon .instructions textarea::-moz-placeholder {
	color: #ccc
}

.myjob-projectdetails .intention .intentioncon .instructions textarea:-ms-input-placeholder {
	color: #ccc
}

.myjob-projectdetails .intention .intentioncon .instructions span {
	position: absolute;
	right: 14px;
	bottom: 10px;
	font-size: 14px;
	line-height: 14px;
	color: #ccc
}

.myjob-projectdetails .intention .intentioncon h3 {
	margin-bottom: 75px;
	font-size: 14px;
	line-height: 14px;
	color: #666
}

.myjob-projectdetails .intention .intentioncon h3 a {
	color: #0083ff
}

.myjob-projectdetails .intention .intentioncon .button {
	text-align: right
}

.myjob-projectdetails .intention .intentioncon .button button {
	width: 120px;
	height: 42px;
	padding: 14px 0;
	border: none;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s
}

.myjob-projectdetails .intention .intentioncon .button .cancel {
	margin-right: 20px;
	color: #0083ff;
	border: 1px solid #2d93f9;
	background: #fff
}

.myjob-projectdetails .intention .intentioncon .button .cancel:hover {
	background: #f1faff
}

.myjob-projectdetails .intention .intentioncon .button .determine {
	color: #fff;
	background: #2d93f9
}

.myjob-projectdetails .intention .intentioncon .button .determine:hover {
	background: #66b1ff
}

.myjob-projectdetails .popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	z-index: 99
}

.myjob-projectdetails .popup .popcon {
	position: fixed;
	top: 50%;
	left: 0;
	right: 0;
	width: 546px;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	background: #fff;
	padding: 40px 0;
	margin: 0 auto;
	border-radius: 8px;
	-webkit-box-shadow: 4px 0 9px rgba(0,57,116,.08);
	box-shadow: 4px 0 9px rgba(0,57,116,.08)
}

.myjob-projectdetails .popup .popcon .close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 15px;
	height: 15px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAG1BMVEUAAACUlJSZmZmXl5eZmZmXl5eZmZmZmZmZmZmNAi8EAAAACHRSTlMAGDo7P0B06dqRrk0AAABOSURBVHheVY0xCoBADAQHPftDP2J3bbpr7WwtfYDc+2XAFC4ksMNuwoqaKi0A+s7yAMV1BvQAkQCtwMAQqPviTzJTsqV18jLt+H5tqLm+Zk0M5socXLUAAAAASUVORK5CYII=) no-repeat 50%;cursor: pointer
}

.myjob-projectdetails .popup .popcon img {
	display: block;
	margin: 0 auto 28px;
	height: auto;
	max-width: 100%
}

.myjob-projectdetails .popup .popcon h2 {
	font-size: 18px;
	line-height: 18px;
	color: #666;
	text-align: center
}

.myjob-projectdetails .popup .popcon .btn {
	width: 180px;
	height: 50px;
	padding: 15px 0;
	margin: 80px auto 0;
	background: #0083ff;
	border-radius: 25px;
	font-size: 18px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.myjob-projectdetails .popup .popcon .btn:hover {
	background: #66b1ff
}

.myjob-projectdetails .popup .popcon .button {
	padding: 0 50px
}

.myjob-projectdetails .popup .popcon .button .left {
	float: left
}

.myjob-projectdetails .popup .popcon .button .right {
	float: right
}

.resume {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px
}

.resume.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume .contet-left {
	float: left;
	width: 800px;
	min-height: 660px;
	margin-bottom: 60px;
	padding-bottom: 30px;
	background: #fff
}

.resume .contet-left .info .item-form {
	position: relative;
	width: 760px;
	padding: 50px 80px 30px;
	margin: 0 auto;
	margin-top: 20px;
	background: #f8f8f8
}

.resume .contet-left .info .item-form textarea::-webkit-input-placeholder {
	color: #ccc
}

.resume .contet-left .info .item-form .title {
	margin-bottom: 28px;
	font-size: 20px;
	line-height: 20px;
	font-family: MicrosoftYaHei;
	color: #000
}

.resume .contet-left .info .item-form .exp-box {
	position: absolute;
	right: 80px;
	top: 30px
}

.resume .contet-left .info .item-form .exp-box.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume .contet-left .info .item-form .exp-box .em {
	float: right;
	padding: 20px 0;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #999;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume .contet-left .info .item-form .exp-box .em:hover {
	color: #0083ff
}

.resume .contet-left .info .item-form .exp-box .example-layer {
	position: absolute;
	top: 60px;
	right: 0;
	width: 600px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	-webkit-box-shadow: 4px 0 9px rgba(0,58,113,.08);
	box-shadow: 4px 0 9px rgba(0,58,113,.08);
	z-index: 2
}

.resume .contet-left .info .item-form .exp-box .example-layer em {
	position: absolute;
	top: -14px;
	right: 22px;
	width: 0;
	height: 0;
	margin: 0 auto;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.resume .contet-left .info .item-form .exp-box .example-layer div {
	width: 560px;
	padding: 20px 0;
	margin: 0 auto;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 28px;
	text-align: justify
}

.resume .contet-left .info .item-form .desp-work {
	position: relative;
	width: 600px;
	background: #fff;
	margin-bottom: 30px
}

.resume .contet-left .info .item-form .desp-work textarea {
	display: block;
	width: 600px;
	min-height: 164px;
	padding: 10px 16px 30px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 28px
}

.resume .contet-left .info .item-form .desp-work textarea:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .desp-work span {
	position: absolute;
	right: 20px;
	bottom: 10px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #ccc
}

.resume .contet-left .info .item-form .desp-work span em {
	font-style: normal
}

.resume .contet-left .info .item-form .tex {
	position: relative;
	margin-bottom: 30px
}

.resume .contet-left .info .item-form .tex .textarea {
	display: block;
	width: 600px;
	height: 370px;
	padding: 10px 16px 30px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 28px
}

.resume .contet-left .info .item-form .tex .textarea:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .tex span {
	position: absolute;
	right: 0;
	bottom: -24px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #ccc
}

.resume .contet-left .info .item-form .tex span em {
	font-style: normal
}

.resume .contet-left .info .item-form .skill-types {
	width: 600px;
	margin: 0 auto;
	padding: 25px;
	margin-bottom: 30px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px
}

.resume .contet-left .info .item-form .skill-types .skill-list {
	margin-bottom: 26px
}

.resume .contet-left .info .item-form .skill-types .skill-list p {
	height: 16px;
	padding-left: 24px;
	margin-bottom: 20px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #000;
	line-height: 16px
}

.resume .contet-left .info .item-form .skill-types .skill-list p.dep {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAZlBMVEUAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABKOpIvAAAAIXRSTlMAgJAgAPCwUBD850BNnlP3oPitYAU88db5vNiouN2zu7lLwUZ2AAAAfUlEQVR4Xn2QWQ6DMAxEHSdpE9ZCN6Cr73/JDpFoQAHmYyQ/yyst9BSRewQX59xNk5E/qWqBFqg9w+xV64gOR9jJWtsvEWQMFUqpfEI5goI8c5lNKCuZPQmRbpAcHrBmnBhQx8yvN6wLKC1ca58uka76SQ/aPDt9TtR3fOEPCLIHtU4Q13UAAAAASUVORK5CYII=) 0 0 no-repeat;background-size: 16px 16px
}

.resume .contet-left .info .item-form .skill-types .skill-list p.design {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAABAlBMVEUAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUBoaLAAAAVnRSTlMAJE4A3i3hQjfcTL4B5+UK6yPaNCvil4g5JsPG7LLoUfAM5N+/2WCWvV5dteZbMC+Nj+ChWE8cLjgHPHhDzUGcyQ86S9Z2ekY1pEh5zmW8HXyxhNPjVvPvkwkAAADiSURBVHheTdDlbsNAEATg2WNDnNih1mEoMzMz8/u/Ss93rdr9+Wk00iyAcHFKwl0tH6ecAyzZ2Q2cTSbz04o4wkQCpjAaLsRYUinaK/HqDSaUJLEZzQBzsxj1Gp3BMbQSDOWoifMcy/3WoLMGWmeAtY2gBphKqxGTKAQIK5LDWn9rO/CileSWityfwBONfqQryNNvjy4ZJsjSf0lRGPZU00t7/yBCYTg8cimtspPTs+oF2CWurm2XGzTsmfotqIS7e5B4cLOzunHNj7L69Nz1z1H6RTCO1+ztPSzDnfz4/OL8G2yYEsUaskCbAAAAAElFTkSuQmCC) 0 0 no-repeat;background-size: 16px 16px
}

.resume .contet-left .info .item-form .skill-types .skill-list p.marke {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA0lBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC9n14mAAAARXRSTlMAENBwMKDwAOifA2oKej3Tqxh/P1Tl4+tt0VFjkM8OMVLEDweJ3k66k0ZB9dkB/B4CQIcXggStrCjCycq/jwUGkuZVWNIgWTsXAAAAlElEQVR4XoXQxw6DMBRE0cFJqAECpPfee+89//9LETws4RVnM9aVLEsGVzRoFQVZLRVgjFZrYmImBGYBPwkCSY5PjQ1PRq4MXyV/DJNrj0paHXq1tqCLy2GrjU631x9k0qA09k+ANXVnMS8Kae4lBSsZa0ZUlZEtQrv9Qec/QZzT+XJ1oslTb/fH82VFkv325/MN0h/QjQ2BPCU43QAAAABJRU5ErkJggg==) 0 0 no-repeat;background-size: 16px 16px
}

.resume .contet-left .info .item-form .skill-types .skill-list p.product {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAolBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgESU6AAAANnRSTlMA8CAQgO4iGuwkvBQuaoe/7/IPSisq/fEGIeTcfusYMYY6P04+mmgEwskOHDDlRbBEZ9BHgQK02QEuAAAAmklEQVR4XmXQ1xKCMAAF0Q0kEiB2pYnYe2///2vOyDgQ3cfzdOfibzuilmr7BNOGU6vRCtBh3xtKKZuUhRrh2uQKusaxMl2iWFjFEcLFyhUVzSZ1GvSA3YLe4EtGLeF42jBXpiRnfANWEliPnQ8Voxz2nQOQj4oPkWZnmhfgmqWUhJdwfwCJVx/xfFW7dIhVqAlaf+f4bfVz4RupMAjuZhHFSAAAAABJRU5ErkJggg==) 0 0 no-repeat;background-size: 16px 16px
}

.resume .contet-left .info .item-form .skill-types .skill-list div span {
	display: inline-block;
	height: 32px;
	padding: 0 15px;
	margin: 0 14px 14px 0;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 16px;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.resume .contet-left .info .item-form .skill-types .skill-list div span.select {
	color: #0083ff;
	border-color: #0083ff
}

.resume .contet-left .info .item-form .skill-types .s-title {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 16px;
	font-family: MicrosoftYaHei;
	color: #000
}

.resume .contet-left .info .item-form .skill-types .add-skill {
	margin-bottom: 30px
}

.resume .contet-left .info .item-form .skill-types .add-skill.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume .contet-left .info .item-form .skill-types .add-skill .new-skill {
	float: left
}

.resume .contet-left .info .item-form .skill-types .add-skill .new-skill input::-webkit-input-placeholder {
	color: #ccc
}

.resume .contet-left .info .item-form .skill-types .add-skill .new-skill span {
	display: inline-block;
	height: 32px;
	padding: 0 15px;
	margin: 0 14px 14px 0;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 16px;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.resume .contet-left .info .item-form .skill-types .add-skill .new-skill span.select {
	color: #0083ff;
	border-color: #0083ff
}

.resume .contet-left .info .item-form .skill-types .add-skill .skill-ipt {
	float: left;
	height: 32px
}

.resume .contet-left .info .item-form .skill-types .add-skill .skill-ipt input {
	float: left;
	height: 32px;
	padding: 0 10px;
	margin-right: 20px;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.resume .contet-left .info .item-form .skill-types .add-skill .skill-ipt input:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .skill-types .add-skill .skill-ipt .add_skill {
	float: left;
	width: 90px;
	height: 32px;
	padding-left: 38px;
	background: #0083ff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABNJREFUCFtjZKxnxET/GUAImxQA1yUJD95rdVIAAAAASUVORK5CYII=) 16px no-repeat;background-size: 14px 14px;
	border-radius: 16px;
	font-size: 14px;
	line-height: 32px;
	font-family: MicrosoftYaHei;
	color: #fff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume .contet-left .info .item-form .skill-types .add-skill .skill-ipt .add_skill:hover {
	background: #66b1ff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABNJREFUCFtjZKxnxET/GUAImxQA1yUJD95rdVIAAAAASUVORK5CYII=) 16px no-repeat;background-size: 14px 14px;
	border-color: #66b1ff;
	color: #fff
}

.resume .contet-left .info .item-form .picture-source {
	overflow: hidden;
	position: relative;
	width: 600px;
	height: 234px;
	margin-bottom: 30px;
	background: #fff;
	border: 1px dotted #e5e5e5;
	border-radius: 4px
}

.resume .contet-left .info .item-form .picture-source .work-picture-uploader .works {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.resume .contet-left .info .item-form .picture-source .work-picture-uploader .works-bg-icon {
	overflow: hidden;
	width: 600px;
	height: 234px
}

.resume .contet-left .info .item-form .picture-source .work-picture-uploader .works-bg-icon img {
	display: block;
	width: 51px;
	height: 41px;
	margin: 0 auto;
	margin-top: 97px;
	margin-bottom: 20px
}

.resume .contet-left .info .item-form .picture-source .work-picture-uploader .works-bg-icon p {
	font-size: 16px;
	line-height: 16px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #ccc
}

.resume .contet-left .info .item-form .item-box {
	width: 600px;
	margin-bottom: 30px
}

.resume .contet-left .info .item-form .item-box .label {
	display: block;
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 16px;
	font-family: MicrosoftYaHei;
	color: #666
}

.resume .contet-left .info .item-form .item-box .label i {
	color: #f77272;
	font-style: normal
}

.resume .contet-left .info .item-form .item-box .label span {
	margin-left: 10px;
	font-size: 12px;
	font-family: MicrosoftYaHei;
	color: #999
}

.resume .contet-left .info .item-form .item-box .ipt-box {
	position: relative;
	width: 600px
}

.resume .contet-left .info .item-form .item-box .ipt-box input::-webkit-input-placeholder {
	color: #ccc
}

.resume .contet-left .info .item-form .item-box .ipt-box input {
	display: block;
	width: 600px;
	height: 44px;
	padding: 0 52px 0 15px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.resume .contet-left .info .item-form .item-box .ipt-box input:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .item-box .ipt-box .arrow {
	position: absolute;
	top: 18px;
	right: 19px;
	width: 12px;
	height: 6px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGAgMAAACKgJcSAAAACVBMVEV9fX19fX19fX3/wkvxAAAAAnRSTlMAgJsrThgAAAAhSURBVHheY8hatZJBatUSBrZVExgYVzkwMGQyMDCIMAAAW2AFzrASpmcAAAAASUVORK5CYII=) 0 0 no-repeat;-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.resume .contet-left .info .item-form .item-box .ipt-box .arrow.up-arrow {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.resume .contet-left .info .item-form .item-box .ipt-box .working-hours,.resume .contet-left .info .item-form .item-box .ipt-box .working-type {
	overflow: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 106%;
	height: 300px;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	z-index: 1
}

.resume .contet-left .info .item-form .item-box .ipt-box .working-hours li,.resume .contet-left .info .item-form .item-box .ipt-box .working-type li {
	display: block;
	height: 34px;
	padding-left: 15px;
	font-size: 14px;
	line-height: 34px;
	font-family: MicrosoftYaHei;
	color: #666;
	cursor: pointer
}

.resume .contet-left .info .item-form .item-box .ipt-box .working-hours li.select,.resume .contet-left .info .item-form .item-box .ipt-box .working-hours li:hover,.resume .contet-left .info .item-form .item-box .ipt-box .working-type li.select,.resume .contet-left .info .item-form .item-box .ipt-box .working-type li:hover {
	background: #f5f6f8
}

.resume .contet-left .info .item-form .item-box .ipt-box .single-item {
	display: inline-block;
	width: 140px;
	height: 44px;
	margin-bottom: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	font-size: 14px;
	line-height: 44px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.resume .contet-left .info .item-form .item-box .ipt-box .single-item.select {
	color: #333;
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .item-box .city-box {
	cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box p {
	height: 44px;
	padding-left: 15px;
	background: #fff;
	font-size: 14px;
	line-height: 44px;
	color: #ccc;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #e5e5e5
}

.resume .contet-left .info .item-form .item-box .city-box p.select {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .item-box .city-box p.color {
	color: #666
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp {
	position: absolute;
	left: 0;
	right: 0;
	top: 106%;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	background: #fff;
	z-index: 1
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .left-memu {
	overflow: auto;
	float: left;
	width: 160px;
	height: 300px;
	padding-top: 20px;
	max-height: 380px
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .left-memu .hot-citys {
	display: block;
	height: 16px;
	padding-left: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 16px;
	border-left: 4px solid #0083ff;
	font-family: MicrosoftYaHei;
	color: #333
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .left-memu div span {
	display: block;
	height: 44px;
	padding: 0 14px;
	font-size: 14px;
	line-height: 44px;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .left-memu div span.select,.resume .contet-left .info .item-form .item-box .city-box .city-tmp .left-memu div span:hover {
	background: #f5f6f8
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .city-line {
	position: absolute;
	left: 160px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #e5e5e5
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu {
	overflow: auto;
	float: left;
	width: 438px;
	height: 300px
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu .menu-class {
	padding-top: 20px
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu .menu-class .hot-citys {
	display: block;
	height: 16px;
	padding-left: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 16px;
	border-left: 4px solid #0083ff;
	font-family: MicrosoftYaHei;
	color: #333
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu .menu-class div.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu .menu-class div span {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	max-width: 98px;
	height: 28px;
	margin: 0 0 10px 10px;
	padding: 0 10px;
	border-radius: 4px;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .city-tmp .right-memu .menu-class div span.select-city {
	background: #0083ff;
	color: #fff
}

.resume .contet-left .info .item-form .item-box .city-box,.resume .contet-left .info .item-form .item-box .div-box {
	position: relative;
	width: 600px;
	height: auto
}

.resume .contet-left .info .item-form .item-box .city-box .notice-p,.resume .contet-left .info .item-form .item-box .div-box .notice-p {
	position: absolute;
	top: 12px;
	left: 15px;
	height: 14px;
	background: #fff;
	font-size: 14px;
	color: #ccc;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .arrow,.resume .contet-left .info .item-form .item-box .div-box .arrow {
	position: absolute;
	top: 18px;
	right: 19px;
	width: 12px;
	height: 6px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGAgMAAACKgJcSAAAACVBMVEV9fX19fX19fX3/wkvxAAAAAnRSTlMAgJsrThgAAAAhSURBVHheY8hatZJBatUSBrZVExgYVzkwMGQyMDCIMAAAW2AFzrASpmcAAAAASUVORK5CYII=) 0 0 no-repeat;-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .arrow.up-arrow,.resume .contet-left .info .item-form .item-box .div-box .arrow.up-arrow {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown,.resume .contet-left .info .item-form .item-box .div-box .dropdown {
	position: absolute;
	left: 0;
	right: 0;
	top: 106%;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	background: #fff;
	z-index: 1
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown.clearfix:after,.resume .contet-left .info .item-form .item-box .div-box .dropdown.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .large-class,.resume .contet-left .info .item-form .item-box .div-box .dropdown .large-class {
	float: left;
	width: 160px
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .large-class span,.resume .contet-left .info .item-form .item-box .div-box .dropdown .large-class span {
	display: block;
	height: 44px;
	padding: 0 14px;
	font-size: 14px;
	line-height: 44px;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .large-class span.select,.resume .contet-left .info .item-form .item-box .city-box .dropdown .large-class span:hover,.resume .contet-left .info .item-form .item-box .div-box .dropdown .large-class span.select,.resume .contet-left .info .item-form .item-box .div-box .dropdown .large-class span:hover {
	background: #f5f6f8
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .line,.resume .contet-left .info .item-form .item-box .div-box .dropdown .line {
	position: absolute;
	left: 160px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #e5e5e5
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .small-class,.resume .contet-left .info .item-form .item-box .div-box .dropdown .small-class {
	float: left;
	width: 438px;
	padding: 13px
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .small-class div,.resume .contet-left .info .item-form .item-box .div-box .dropdown .small-class div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.resume .contet-left .info .item-form .item-box .city-box .dropdown .small-class div label,.resume .contet-left .info .item-form .item-box .div-box .dropdown .small-class div label {
	width: 33%;
	margin: 0 0 20px
}

.resume .contet-left .info .item-form .item-box .city-box .tag-box,.resume .contet-left .info .item-form .item-box .div-box .tag-box {
	min-height: 44px;
	padding: 10px 52px 0 15px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	cursor: pointer
}

.resume .contet-left .info .item-form .item-box .city-box .tag-box.select,.resume .contet-left .info .item-form .item-box .div-box .tag-box.select {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.resume .contet-left .info .item-form .item-box .city-box .tag-box span,.resume .contet-left .info .item-form .item-box .div-box .tag-box span {
	display: inline-block;
	height: 20px;
	padding: 0 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	background: #eaf3ff;
	border-radius: 15px;
	font-size: 14px;
	line-height: 20px;
	font-family: MicrosoftYaHei;
	color: #0083ff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume .contet-left .info .item-form .item-box .city-box .tag-box span:hover i,.resume .contet-left .info .item-form .item-box .div-box .tag-box span:hover i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.resume .contet-left .info .item-form .item-box .city-box .tag-box span i,.resume .contet-left .info .item-form .item-box .div-box .tag-box span i {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 4px 0 0 6px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMBAMAAACkW0HUAAAAElBMVEX///8Ag/8Ag/8Ag/8Ag/8Ag//zSSIwAAAABnRSTlMALcvN1t1AzEzAAAAAMUlEQVR4XmMwZGBgYBBiEBFgYGB0BCEgE4RBLCAXxGFgEA1kgFJQQQaoEqgGqHaoYQC9FwSDhB8JYwAAAABJRU5ErkJggg==) 0 no-repeat;-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: all .3s;
	transition: all .3s
}

.resume .contet-left .info .item-form .btn-box {
	height: 32px
}

.resume .contet-left .info .item-form .btn-box span {
	float: right;
	width: 80px;
	height: 32px;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume .contet-left .info .item-form .btn-box span:nth-child(2) {
	margin-right: 20px;
	background: #fff;
	border: 1px solid #0083ff;
	color: #0083ff
}

.resume .contet-left .info .item-form .btn-box span:nth-child(2):hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.resume .contet-left .info .item-form .btn-box span:first-child {
	background: #0083ff;
	color: #fff
}

.resume .contet-left .info .item-form .btn-box span:first-child:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.resume .contet-left .info .info-item {
	position: relative;
	width: 720px;
	padding: 40px 0;
	margin: 0 auto;
	border-bottom: 1px solid #e5e5e5
}

.resume .contet-left .info .info-item .notice-text {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px
}

.resume .contet-left .info .info-item .title-box {
	height: 28px;
	margin-bottom: 24px
}

.resume .contet-left .info .info-item .title-box h2 {
	float: left;
	font-size: 20px;
	line-height: 28px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #000
}

.resume .contet-left .info .info-item .title-box span {
	float: left;
	height: 28px;
	margin-left: 10px;
	padding: 0 12px;
	border: 1px solid #0083ff;
	border-radius: 14px;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #0083ff
}

.resume .contet-left .info .info-item .title-box strong {
	float: right;
	height: 28px;
	padding-left: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAjVBMVEUAAABVVVVmZmZVVVVtbW1gYGBVVVVmZmZqampiYmJeXl5mZmZiYmJmZmZjY2NlZWVkZGRnZ2dkZGRiYmJkZGRlZWVoaGhmZmZkZGRkZGRlZWVkZGRnZ2dmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVlZWWukpRJAAAAL3RSTlMAAwUGBwgJCgwNExkaIyQmKSouLzM1NktUV1teXmRneZGusra3x8jMztHS19ne7USrpm4AAAB5SURBVHhedc7bEsEwFIXhJRFIkRTRUkApOfD+j2eyY1I3/rtv9r5Y0GtDLTkwPZ7hHx11mUE07QGvSlNzJprbbgKrkIocAk7/kpzJCv71eB+vi+sqmW/b+Fw+N8nyVI8A6M4kDyRDb+qfreqt7ibuzVXW4B1cLvjyA21oDg1pgnWqAAAAAElFTkSuQmCC) 0 no-repeat;font-size: 14px;
	line-height: 28px;
	font-family: PingFangSC-Light;
	color: #333;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400;
	cursor: pointer
}

.resume .contet-left .info .info-item .title-box strong:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABLElEQVQ4T5XSwUpUARQG4O/ckQqhKGrVJggR9G2kMnXTJiIgfQPxiiK0qX2bCKaNRBDggySCUiFi4EoDAokZZ+6JqygRd5w6+4//HM4fVnJCGkWhafo6wo4yuuBlXtc1J02G1dyWjtFrxOlA3wvLcaDMawrTmMHHsJK7KvMKu42Yru/23dU6hWFWaOv5VOPPeh5Zji8DsIvEGlbabvlgITo13sRji7HdiM9X/QvC5bgJbqncc8eJo8G4zFGFh8KsP1a1lGNaXmGxGZd5RZgSnii8d+PsRlDmpJa28LwZr+Vtfc/w1Q8bXscvAHUveCvNN+P1bPnmpj0/vYkTADAUD/wZp428NPk/8PCSAMBSjhvxTlr4l3oCAJX7CmvS0xofSYdCBwybdBWVEQ9+A142oHOUCSmyAAAAAElFTkSuQmCC) 0 no-repeat;color: #66b1ff
}

.resume .contet-left .info .info-item .title-box em {
	float: right;
	height: 28px;
	padding-left: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///9mZmaO7mygAAAAAXRSTlMAQObYZgAAAB1JREFUeF5jAIL6PwwOLCDkCEP+T+BsiBRIDQMDAJp6Btgrki3CAAAAAElFTkSuQmCC) 0 no-repeat;font-size: 14px;
	line-height: 28px;
	font-family: PingFangSC-Light;
	color: #333;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.resume .contet-left .info .info-item .title-box em:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAQMAAAABGAcJAAAABlBMVEX///8Ag/9obvd7AAAAAXRSTlMAQObYZgAAAB1JREFUeF5jAIL6PwwOLCDkCEP+T+BsiBRIDQMDAJp6Btgrki3CAAAAAElFTkSuQmCC) 0 no-repeat;color: #66b1ff
}

.resume .contet-left .info .info-item .avatar {
	overflow: hidden;
	position: absolute;
	top: 80px;
	right: 0;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
	cursor: pointer;
	z-index: 1
}

.resume .contet-left .info .info-item .avatar:hover .avatar-icon {
	display: block
}

.resume .contet-left .info .info-item .avatar img {
	width: 88px;
	height: 88px
}

.resume .contet-left .info .info-item .avatar .imgBox {
	width: 88px;
	height: 88px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.resume .contet-left .info .info-item .avatar .avatar-icon {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAMAAADat72NAAAA3lBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////82KaFZAAAASXRSTlMAcIULsAP67+vqMjf9b5ApCdRZkooOU57fu4b2ieACpSLSVlF3aB4hGYEQbvFpXmwIwkVH58+dBa0H7vwt7TPp+Aak9wxVgId0odeQagAAAOtJREFUeF59zOVuxDAQhdEbh2mZmZm5zDDv/0Jt0ia25N39fo3ukQZxj7f034MDoftE4gu4SVNc+kVgV9OaACOhT66prq8oSs4T+S73O/ndFNAq0cVKLZTPy9Nz4GV4Ihj1uhHq2/tHwB4EbHdUQO20A/g+hSBwVh+ONW081LN841zENHxsTFGU2covonORtySureyIrVVN4s2W4rYbiZNzzvOkxG6Gc8aVuD/gPOhLvMZrpE2sJabCZP+n+0mBZJ45asUmsiuqMzvDVF0eG6NR47isEmeTeLtDr3fYEc8Eoysx6My8hCbTcb0fi3acutHLD5cAAAAASUVORK5CYII=) 50% no-repeat;background-color: hsla(0,0%,51%,.8);
	z-index: 1;
	cursor: pointer
}

.resume .contet-left .info .info-item .avatar .avatar-cover {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	z-index: 9
}

.resume .contet-left .info .info-item .skill-box {
	width: 720px
}

.resume .contet-left .info .info-item .skill-box.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume .contet-left .info .info-item .skill-box .skill-item {
	float: left;
	width: 100px;
	margin: 10px 12px 10px 0
}

.resume .contet-left .info .info-item .skill-box .skill-item img {
	display: block;
	width: 44px;
	height: 44px;
	margin: 0 auto;
	margin-bottom: 10px
}

.resume .contet-left .info .info-item .skill-box .skill-item span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #666
}

.resume .contet-left .info .info-item .works-case .case-item {
	padding: 30px 0;
	border-bottom: 1px solid #e5e5e5
}

.resume .contet-left .info .info-item .works-case .case-item.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume .contet-left .info .info-item .works-case .case-item:last-child {
	border: 0
}

.resume .contet-left .info .info-item .works-case .case-item:hover .operation-list {
	display: block
}

.resume .contet-left .info .info-item .works-case .case-item dt {
	float: left;
	overflow: hidden;
	position: relative;
	width: 240px;
	height: 160px;
	margin-right: 16px;
	border: 1px dotted #e5e5e5
}

.resume .contet-left .info .info-item .works-case .case-item dt .imgBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 240px;
	height: 160px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.resume .contet-left .info .info-item .works-case .case-item dd {
	position: relative;
	float: left;
	width: 464px
}

.resume .contet-left .info .info-item .works-case .case-item dd.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list {
	display: none;
	position: absolute;
	top: 0;
	right: 0
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list .edit {
	float: left;
	height: 20px;
	padding-left: 25px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAjVBMVEUAAABVVVVmZmZVVVVtbW1gYGBVVVVmZmZqampiYmJeXl5mZmZiYmJmZmZjY2NlZWVkZGRnZ2dkZGRiYmJkZGRlZWVoaGhmZmZkZGRkZGRlZWVkZGRnZ2dmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVlZWWukpRJAAAAL3RSTlMAAwUGBwgJCgwNExkaIyQmKSouLzM1NktUV1teXmRneZGusra3x8jMztHS19ne7USrpm4AAAB5SURBVHhedc7bEsEwFIXhJRFIkRTRUkApOfD+j2eyY1I3/rtv9r5Y0GtDLTkwPZ7hHx11mUE07QGvSlNzJprbbgKrkIocAk7/kpzJCv71eB+vi+sqmW/b+Fw+N8nyVI8A6M4kDyRDb+qfreqt7ibuzVXW4B1cLvjyA21oDg1pgnWqAAAAAElFTkSuQmCC) 0 no-repeat;font-size: 12px;
	line-height: 20px;
	color: #333;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list .edit:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABLElEQVQ4T5XSwUpUARQG4O/ckQqhKGrVJggR9G2kMnXTJiIgfQPxiiK0qX2bCKaNRBDggySCUiFi4EoDAokZZ+6JqygRd5w6+4//HM4fVnJCGkWhafo6wo4yuuBlXtc1J02G1dyWjtFrxOlA3wvLcaDMawrTmMHHsJK7KvMKu42Yru/23dU6hWFWaOv5VOPPeh5Zji8DsIvEGlbabvlgITo13sRji7HdiM9X/QvC5bgJbqncc8eJo8G4zFGFh8KsP1a1lGNaXmGxGZd5RZgSnii8d+PsRlDmpJa28LwZr+Vtfc/w1Q8bXscvAHUveCvNN+P1bPnmpj0/vYkTADAUD/wZp428NPk/8PCSAMBSjhvxTlr4l3oCAJX7CmvS0xofSYdCBwybdBWVEQ9+A142oHOUCSmyAAAAAElFTkSuQmCC) 0 no-repeat;color: #66b1ff
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list em {
	float: left;
	width: 1px;
	height: 16px;
	margin: 2px 18px;
	background: #e5e5e5
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list .delete {
	float: left;
	height: 20px;
	padding-left: 25px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAHlBMVEX///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbYrvDLAAAACXRSTlMAAjs8SUrM5ufnKGRWAAAAPklEQVR4XpXGsQmAQBQFwREEuU4MzWzF0B40sYuX/m4V5DB2gmUZr6oTpoW1z4x6xSc9aZr/A8GBIdjqsbsBeYAVPJpSZwEAAAAASUVORK5CYII=) 0 no-repeat;font-size: 12px;
	line-height: 20px;
	color: #333;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume .contet-left .info .info-item .works-case .case-item dd .operation-list .delete:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAjVBMVEUAAAAAZv8Acf8Ahf8Af/8AgP8Ae/8AgP8Af/8Af/8Ag/8AgP8Ag/8AgP8Agv8AhP8Ag/8Agf8Ag/8Agv8Ag/8Agf8Agv8Ag/8Agv8Ag/8Ag/8Agv8Ag/8Agv8Agv8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Agv8Ag/8Ag/8Ag/8Ag/8Ag/8AhP8Ag/8Agv+8fOQwAAAAL3RSTlMABQkZGhwdICQmJygpKis4RkdMYGFhYmVmqrGytbrAwcPExcbIyMrMzs/Q0tna217IE6IAAACJSURBVHheZY3ZDoIwEEUvdenCACq4gYJKcSnq/3+eU4pPnPRm7kmaGQCiqHtPXQh4FmVOnrxcshlavQ6D792aDJr2+nGdtbZz31vbwKSZ0uTRKksNII8ymkXgcAOQPBNVKXC4sZMlXzjcgvP7j6lP/8fjvtHvNN7Tg8vTlgKbR8wudpc+8D7P8QP1zg6eVlg51gAAAABJRU5ErkJggg==) 0 no-repeat;color: #66b1ff
}

.resume .contet-left .info .info-item .works-case .case-item dd div {
	margin-bottom: 10px
}

.resume .contet-left .info .info-item .works-case .case-item dd div span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
	max-width: 180px;
	margin-right: 16px;
	font-size: 16px;
	line-height: 24px;
	font-family: MicrosoftYaHei;
	color: #333
}

.resume .contet-left .info .info-item .works-case .case-item dd div a {
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	height: 18px;
	padding-left: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAWlBMVEUAAACAgICenp6VlZWYmJiYmJiXl5eYmJiYmJiampqampqYmJiXl5eZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZku1NwBAAAAHXRSTlMAAhUdOUVHSE9YW1xdcXR2eHuQmZ2txdPT2fD8/oRFVlIAAABsSURBVAgdBcEHAoIwEACwoKAsi4U6arn/f9MEwFpbXQDkKHOJBZAjoVTgGQnmBvpzu3YoFewfv1cnxYrxcrwNbbpHRj5vUxu8j8uINR661893B7Wgu25nD9oMKZ5ALUiRAUuUuUQGsNRWV4A/omsGa04Xyq8AAAAASUVORK5CYII=) 0 no-repeat;font-size: 16px;
	line-height: 18px;
	font-family: PingFangSC-Light;
	color: #666
}

.resume .contet-left .info .info-item .works-case .case-item dd div a:hover {
	color: #66b1ff
}

.resume .contet-left .info .info-item .works-case .case-item dd .works-type {
	float: left;
	height: 20px;
	padding: 0 10px;
	background: #f77272;
	border-radius: 12px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #fff
}

.resume .contet-left .info .info-item .works-case .case-item dd .works-info {
	clear: both;
	margin-top: 40px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 24px;
	text-align: justify;
	word-wrap: break-word;
	word-break: break-all
}

.resume .contet-left .info .info-item .introduce-box {
	overflow: hidden;
	max-height: 330px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: all .5s linear;
	transition: all .5s linear
}

.resume .contet-left .info .info-item .introduce-box .introduce {
	word-break: break-all;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	text-align: justify;
	line-height: 30px
}

.resume .contet-left .info .info-item .hide-introduce {
	position: absolute;
	bottom: 20px;
	width: 100%;
	padding-top: 50px;
	background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(70%,#fff));
	background-image: linear-gradient(-180deg,hsla(0,0%,100%,0),#fff 70%)
}

.resume .contet-left .info .info-item .hide-introduce.nomal {
	padding-top: 0
}

.resume .contet-left .info .info-item .hide-introduce div {
	width: 60px;
	height: 16px;
	margin: 0 auto;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume .contet-left .info .info-item .hide-introduce div span {
	float: left;
	color: #0083ff;
	font-size: 16px;
	line-height: 16px
}

.resume .contet-left .info .info-item .hide-introduce div i {
	float: left;
	width: 8px;
	height: 5px;
	margin: 8px 0 0 8px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAXElEQVQYV23KsQ2CABQFwHuasIOuYSWVDqNLmBCjOoQsQ0njHmzBtzQkXH3xqo9ytSb6uFdja0C7OGU0OwW8a2f2xR4w2Ti4ZQqARx3FAMpZlxH+AZ51UaJLD/ADEHoYp/epZZcAAAAASUVORK5CYII=) 0 0 no-repeat;-webkit-transition: all .5s;
	transition: all .5s
}

.resume .contet-left .info .info-item .hide-introduce div i.rote {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.resume .contet-left .info .info-item .info-box {
	overflow: hidden;
	max-width: 630px;
	margin-bottom: 20px
}

.resume .contet-left .info .info-item .info-box span {
	float: left;
	height: 18px;
	padding-left: 24px;
	font-size: 16px;
	line-height: 18px;
	font-family: MicrosoftYaHei;
	color: #666
}

.resume .contet-left .info .info-item .info-box span:first-child {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA8FBMVEUAAACAgIBVVVWqqqqAgICSkpKfn5+Ojo6VlZWXl5eVlZWTk5OXl5eUlJSZmZmVlZWampqVlZWYmJiampqbm5uYmJiVlZWVlZWampqXl5eWlpaYmJiXl5eZmZmYmJiampqYmJibm5uWlpaampqZmZmampqYmJiXl5eZmZmZmZmZmZmZmZmXl5eYmJiZmZmampqampqYmJiZmZmYmJiZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmYmJiYmJiYmJiZmZmZmZmampqYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmYmJiYmJgsc82kAAAAUHRSTlMAAgMDBAcICQwWGBobHyMkJikqKy4vMDU1Njg5O0FDREVFSUxQXWFlZ3B1eoCBgoOIi4+Qk5eepamqtba7vcLExcrKy8vMzc7Oz9LU1dna6e+SZKIAAACkSURBVBgZBcCJOsIAAADgf7aImFtWQO576CQVzSaF938bH1DrzSazbgKAh36CpH8L4KYVgKB1DVgbhYBwGAPNBquDv/E2jScgDwXFkd3pvDADMrY6eD5gDOTstJEe8gW8Vcx9blopFiwNgLOU9VHxXuXuEoiyGBGWpyXA3jACXk8B3D+CqzYAwcs59idlAJQ/Tmz8xABg8fvitw4AqOTHAAAA+AdBKBFJHbkFogAAAABJRU5ErkJggg==) 0 no-repeat
}

.resume .contet-left .info .info-item .info-box span:nth-child(3) {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA4VBMVEUAAAAAAACAgIBVVVVJSUlxcXFmZmZVVVVqampiYmJbW1tmZmZoaGhgYGBiYmJkZGRlZWViYmJhYWFnZ2dkZGRmZmZjY2NnZ2dlZWVlZWVlZWVlZWVnZ2dmZmZlZWVlZWVmZmZlZWVmZmZlZWVmZmZmZmZlZWVmZmZlZWVlZWVlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZlZWVmZmZmZmZlZWVlZWVlZWVmZmZmZmZlZWVmZmZmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVmZmZlZWVs5uNZAAAAS3RSTlMAAgIGBwkKDAwNDg8WGBocJicqKi43O0VHVlhbXGtvd3h5e3x9kZKWl5qztLW2t7q7vsTFyMnKz8/Q0dnb3N3e3t/g4uPq7e7y+PkE3B0lAAAAlElEQVQYlWNgwAE4lay8vCwV2REiQo5a4tzcEjq2AjARLidFCEPFjgMqpKwPkzRUgDJMJWFC0sZQhrMoTEjMHsoww1SlhDBLHmajI4aNDIJuEHe5wt3Fq+usauHlaa7mos0DEeF30GCFsNg0bflANJOJKsJr6kaMQFLGmhkhxGIjBSQNZBmQgJwekPAQRhYScWfAAgAFIw6nlVdS5wAAAABJRU5ErkJggg==) 0 no-repeat
}

.resume .contet-left .info .info-item .info-box span:nth-child(5) {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAA51BMVEUAAAAAAACAgIBVVVWAgICZmZmLi4uVlZWdnZ2ZmZmXl5eVlZWUlJSXl5eZmZmYmJiYmJibm5uampqYmJibm5uXl5eampqYmJiampqXl5eYmJiXl5eYmJiZmZmampqYmJiampqampqYmJiampqXl5eZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmampqZmZmampqZmZmZmZmYmJiZmZmampqYmJiYmJiZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZmZmZmYmJiZmZmYmJiZmZmZmZmZmZmZmZmZmZmZmZmYmJiZmZnQHpEtAAAATXRSTlMAAQIDBAULDA0UFiQmMTI0PkVHSEpMTE1OUVJTVFVWWVtdXmBpaXV2goWKi4yNj6GjrK+0tbjHzM3P0dbX2Nnd3eHn8vPz9Pf5+vz9/vSevV0AAACpSURBVBgZBcABNsIAAADQn21iEwEoiwAsQWSiqGyJ7n8eDwAAAFc/lwCAuOyWMQCQ5foZAIjL1Pb3KoCVWutpuET/sVWrQmeymI96O6j3RvPFJKO8S0IAYdKd0ij2AHBQHGK/aAJIi12wNT0GnEw3ATfPgJdrgIdbQOce4K1NUA84ywHhbL2SfhTvR5WNWQCs/Tbyz3Z0+vXa/EuA6mB8HiG6GA+WAQCAf3NmElBSfINxAAAAAElFTkSuQmCC) 0 no-repeat
}

.resume .contet-left .info .info-item .info-box span:nth-child(7) {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAV1BMVEUAAACqqqqfn5+ZmZmSkpKXl5ebm5uWlpaZmZmVlZWYmJiVlZWampqampqZmZmampqXl5eZmZmYmJiYmJiZmZmXl5eZmZmZmZmYmJiZmZmZmZmZmZmZmZl8muF4AAAAHHRSTlMAAwgKDhYcIigpLzAwNVVWVpufpKWlxtDd6/r8CoWX4QAAAIhJREFUeF51kFEOgjAQBUdAWYEWWwqtLfc/pxB0Q0Kcz0k2mbf8w7hUSnJGRe1zGIdhDNnXX7NEgTvwjMvhfGygzQBN9AAmCyArAJIN4AKqIDggvc5qTEDpD1VV1Q36oqpdN9670kNaEXmATYCbOTE7jYBfhKaCpuogANkG6ezJdp2ddPblOVc+oogIQ/TOnjUAAAAASUVORK5CYII=) 0 no-repeat
}

.resume .contet-left .info .info-item .info-box span:nth-child(9) {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEUAAACZmZmOjo6ZmZmfn5+WlpaUlJSUlJSampqYmJiWlpaYmJiZmZmYmJiYmJiYmJiampqYmJiZmZmZmZmYmJiampqZmZmZmZmYmJiZmZmZmZmZmZmZmZmYmJiZmZmZmZmZmZmZmZmZmZlthYpGAAAAInRSTlMABQkKEBETKzA0Tk9QV1mQl5qdp7i6w8zO0NHS3N/f8vr8mkkFjAAAAJJJREFUeF5lj1kSgyAQRNsNUEQF3EGF3P+QqcHEH9/fdFUvA6LWPkava9wUJlglhLLBFOmeHUeCu5kU40r8KJ0B6sAhFwawRYKHGtoC+bQxtk05YDW8AjKx7vsqMkB5RAF0n0QHiEgCMQwgREyWSrbj2MqKLCm0Oc7rOo+GQqn2sVDtf1jf38Oe6UVxT38/93r/C6/aCr/3mj9nAAAAAElFTkSuQmCC) 0 no-repeat
}

.resume .contet-left .info .info-item .info-box em {
	float: left;
	width: 1px;
	height: 12px;
	margin: 3px 17px;
	background: #e5e5e5
}

.resume .contet-left .info .info-item .skill-label {
	height: 26px
}

.resume .contet-left .info .info-item .skill-label span {
	float: left;
	height: 26px;
	padding: 0 12px;
	margin-right: 10px;
	background: #f7f9fb;
	border-radius: 13px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 26px;
	text-align: center
}

.resume .myself {
	position: relative;
	float: left;
	width: 370px;
	height: 400px!important;
	margin-left: 30px;
	background: #fff url(http://www.luojinet.com/img/tu_1.8ad2d62.png) center 240px no-repeat!important
}

.resume .myself .data-temp {
	position: absolute;
	top: 50px;
	left: 56px;
	width: 310px;
	clear: both
}

.resume .myself .data-temp.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.resume .myself .data-temp .data-temp-left {
	float: left
}

.resume .myself .data-temp .data-temp-left span {
	display: block;
	height: 16px;
	padding-left: 24px;
	margin-bottom: 18px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAclBMVEUAAAAaGg0jFwwgFRUcExMiEREgFRUiGBMgFxMgFhMjFhMjFhMjGBMjGBUiFxUjFxQhGBUiFxUjGBUjGBUiFxUiFxUiFxQjFxQjGBUiGBUiGBUjFxUjFxUjFxUjFxUiFxQiGBQjGBQjGBUjGBQiGBQiGBWJ2HhIAAAAJnRSTlMAFBYYGx4wNTdQUFFfYGJlbI+3uLm6u72/wcPExcbHycrL09TY33N4MzoAAABmSURBVBhXfYxLEoMgFARHDOI/SqKCoiYR7n9FF0H0bezddFUPxKJVQK8Cc4wLjw96EDRMQvjCtQQHSRN5J3hDBbd5EBUDuC3OpP4xvzH8k+fmN5T/KDMcogNBwUTXzUak01sGXkbsdT0HyeWlh/sAAAAASUVORK5CYII=) 0 0 no-repeat;font-size: 16px;
	line-height: 16px;
	font-family: MicrosoftYaHei;
	color: #333
}

.resume .myself .data-temp .data-temp-left strong {
	display: inline-block;
	font-size: 30px;
	font-family: MicrosoftYaHei;
	color: #f77272
}

.resume .myself .data-temp .data-temp-left i {
	margin-left: 10px;
	font-style: normal;
	font-size: 16px;
	color: #333
}

.resume .myself .data-temp em {
	float: left;
	width: 1px;
	height: 70px;
	margin-left: 58px;
	background: #e5e5e5
}

.resume .myself .data-temp .data-temp-right {
	float: left;
	margin-left: 58px
}

.resume .myself .data-temp .data-temp-right span {
	display: block;
	height: 16px;
	padding-left: 24px;
	margin-bottom: 18px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAvVBMVEUAAABmZmZmZmZmZmZmZmZgYGBlZWVmZmZmZmZlZWVlZWVmZmZmZmZoaGhmZmZjY2NmZmZlZWVmZmYAAABaWlphYWFmZmaAgIBlZWVmZmZlZWVmZmZmZmZVVVVlZWVkZGRmZmZmZmZnZ2cAAABmZmZnZ2dtbW1qamplZWVlZWVmZmZgYGBlZWVeXl5mZmZmZmZmZmZmZmZmZmZkZGRmZmZiYmJmZmZkZGRlZWVAQEBmZmZnZ2dmZmZiYmJmZmaA3hBcAAAAPnRSTlMA9yjP1xAm3O9ol/r7INAkzU4ZAhEdCgJlVaHwRgYwPc7FTwHkQwcMmPfaGNQT1WneHt9h4iLUWeUE5yruL3oCLpwAAACNSURBVHhebc1XDoMwEEXRh0NM7NBJ7733Xtn/sjLEsSIk7ufRjB5cI1UPBlLFWTDkTFf5QtnP6erZLyhFwBqBlLKrYNao1ix0hBCeAu72m632/yXcmEXLHMBhVALw2GjMJlObZuYLguUquQjyBWC726vZgwMQHE9nKLiECVxvHD+4g8B+PEH5se71BvUB0BoM9wzr21AAAAAASUVORK5CYII=) 0 0 no-repeat;font-size: 16px;
	line-height: 16px;
	font-family: MicrosoftYaHei;
	color: #333
}

.resume .myself .data-temp .data-temp-right strong {
	display: inline-block;
	font-size: 30px;
	font-family: MicrosoftYaHei;
	color: #f77272
}

.resume .myself .data-temp .data-temp-right i {
	margin-left: 10px;
	font-style: normal;
	font-size: 16px;
	color: #333
}

.resume .content-right {
	position: relative;
	float: left;
	width: 370px;
	height: 590px;
	margin-left: 30px;
	background: #fff url(http://www.luojinet.com/img/tu.3b8bbfd.png) 106px 462px no-repeat
}

.resume .content-right .tip-box {
	float: left;
	margin: 30px 0 0 30px
}

.resume .content-right .tip-box h2 {
	font-size: 18px;
	font-family: MicrosoftYaHei-Bold;
	color: #333;
	line-height: 24px;
	font-weight: 400
}

.resume .content-right .tip-box p {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px
}

.resume .content-right .submit {
	float: right;
	width: 120px;
	height: 42px;
	margin: 30px 30px 0 0;
	background: #e6e6e6;
	border-radius: 4px;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #fff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume .content-right .submit.submission {
	background: #0083ff
}

.resume .content-right .submit.submission:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.resume .content-right .progress {
	overflow: hidden;
	position: absolute;
	top: 135px;
	left: 30px;
	width: 16px;
	height: 328px;
	padding-top: 4px
}

.resume .content-right .progress .line {
	position: relative;
	display: block;
	width: 2px;
	height: 80px;
	margin-left: 7px;
	background: #eee
}

.resume .content-right .progress .line.blue {
	background: #0083ff
}

.resume .content-right .progress .line .circle {
	position: absolute;
	top: -4px;
	left: -3px;
	width: 8px;
	height: 8px;
	margin: 0 auto;
	background: #eee;
	border-radius: 50%
}

.resume .content-right .progress .line .circle.blue {
	top: -4px;
	left: -3px;
	width: 8px;
	height: 8px;
	background: #0083ff;
	border-radius: 50%
}

.resume .content-right .progress-node {
	position: absolute;
	top: 124px;
	left: 60px;
	width: 85px
}

.resume .content-right .progress-node span {
	display: block;
	width: 85px;
	height: 28px;
	margin-bottom: 52px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 28px;
	text-align: center
}

.resume .resume-enter-active {
	-webkit-transition: all .8s;
	transition: all .8s
}

.resume .resume-enter {
	opacity: 0;
	-webkit-transform: translateY(60px);
	transform: translateY(60px)
}

.resume .cover {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.3);
	z-index: 99
}

.el-checkbox,.el-checkbox__input {
	display: inline-block;
	position: relative
}

.el-checkbox-button__inner,.el-checkbox__input {
	white-space: nowrap;
	vertical-align: middle;
	outline: 0
}

.el-checkbox {
	color: #606266;
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.el-checkbox.is-bordered {
	padding: 9px 20px 9px 10px;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: normal;
	height: 40px
}

.el-checkbox.is-bordered.is-checked {
	border-color: #409eff
}

.el-checkbox.is-bordered.is-disabled {
	border-color: #ebeef5;
	cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
	margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--medium {
	padding: 7px 20px 7px 10px;
	border-radius: 4px;
	height: 36px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
	line-height: 17px;
	font-size: 14px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
	height: 14px;
	width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
	padding: 5px 15px 5px 10px;
	border-radius: 3px;
	height: 32px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
	line-height: 15px;
	font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
	height: 12px;
	width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
	height: 6px;
	width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
	padding: 3px 15px 3px 10px;
	border-radius: 3px;
	height: 28px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
	line-height: 12px;
	font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
	height: 12px;
	width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
	height: 6px;
	width: 2px
}

.el-checkbox__input {
	cursor: pointer;
	line-height: 1
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
	background-color: #edf2fc;
	border-color: #dcdfe6;
	cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
	cursor: not-allowed;
	border-color: #c0c4cc
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
	cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
	background-color: #f2f6fc;
	border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
	border-color: #c0c4cc
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
	background-color: #f2f6fc;
	border-color: #dcdfe6
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
	background-color: #c0c4cc;
	border-color: #c0c4cc
}

.el-checkbox__input.is-checked .el-checkbox__inner,.el-checkbox__input.is-indeterminate .el-checkbox__inner {
	background-color: #409eff;
	border-color: #409eff
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
	color: #c0c4cc;
	cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
	-webkit-transform: rotate(45deg) scaleY(1);
	transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
	color: #409eff
}

.el-checkbox__input.is-focus .el-checkbox__inner {
	border-color: #409eff
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
	content: "";
	position: absolute;
	display: block;
	background-color: #fff;
	height: 2px;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	left: 0;
	right: 0;
	top: 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
	display: none
}

.el-checkbox__inner {
	display: inline-block;
	position: relative;
	border: 1px solid #dcdfe6;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 14px;
	height: 14px;
	background-color: #fff;
	z-index: 1;
	-webkit-transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
	transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)
}

.el-checkbox__inner:hover {
	border-color: #409eff
}

.el-checkbox__inner:after {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	content: "";
	border: 1px solid #fff;
	border-left: 0;
	border-top: 0;
	height: 7px;
	left: 4px;
	position: absolute;
	top: 1px;
	-webkit-transform: rotate(45deg) scaleY(0);
	transform: rotate(45deg) scaleY(0);
	width: 3px;
	-webkit-transition: -webkit-transform .15s ease-in .05s;
	transition: -webkit-transform .15s ease-in .05s;
	transition: transform .15s ease-in .05s;
	transition: transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;
	-webkit-transform-origin: center;
	transform-origin: center
}

.el-checkbox__original {
	opacity: 0;
	outline: 0;
	position: absolute;
	margin: 0;
	width: 0;
	height: 0;
	z-index: -1
}

.el-checkbox-button,.el-checkbox-button__inner {
	display: inline-block;
	position: relative
}

.el-checkbox__label {
	display: inline-block;
	padding-left: 10px;
	line-height: 19px;
	font-size: 14px
}

.el-checkbox+.el-checkbox {
	margin-left: 30px
}

.el-checkbox-button__inner {
	line-height: 1;
	font-weight: 500;
	cursor: pointer;
	background: #fff;
	border: 1px solid #dcdfe6;
	border-left: 0;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
	transition: all .3s cubic-bezier(.645,.045,.355,1);
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 12px 20px;
	font-size: 14px;
	border-radius: 0
}

.el-checkbox-button__inner.is-round {
	padding: 12px 20px
}

.el-checkbox-button__inner:hover {
	color: #409eff
}

.el-checkbox-button__inner [class*=el-icon-] {
	line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
	margin-left: 5px
}

.el-checkbox-button__original {
	opacity: 0;
	outline: 0;
	position: absolute;
	margin: 0;
	z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
	color: #fff;
	background-color: #409eff;
	border-color: #409eff;
	-webkit-box-shadow: -1px 0 0 0 #8cc5ff;
	box-shadow: -1px 0 0 0 #8cc5ff
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
	border-left-color: #409eff
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
	color: #c0c4cc;
	cursor: not-allowed;
	background-image: none;
	background-color: #fff;
	border-color: #ebeef5;
	-webkit-box-shadow: none;
	box-shadow: none
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
	border-left-color: #ebeef5
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
	border-left: 1px solid #dcdfe6;
	border-radius: 4px 0 0 4px;
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
	border-color: #409eff
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
	border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 0
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
	padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
	padding: 9px 15px;
	font-size: 12px;
	border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
	padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
	padding: 7px 15px;
	font-size: 12px;
	border-radius: 0
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
	padding: 7px 15px
}

.el-checkbox-group {
	font-size: 0
}

.el-button,.el-input__inner {
	-webkit-appearance: none;
	outline: 0
}

.el-message-box,.el-popup-parent--hidden {
	overflow: hidden
}

.v-modal-enter {
	-webkit-animation: v-modal-in .2s ease;
	animation: v-modal-in .2s ease
}

.v-modal-leave {
	-webkit-animation: v-modal-out .2s ease forwards;
	animation: v-modal-out .2s ease forwards
}

@-webkit-keyframes v-modal-in {
	0% {
		opacity: 0
	}
}

@keyframes v-modal-in {
	0% {
		opacity: 0
	}
}

@-webkit-keyframes v-modal-out {
	to {
		opacity: 0
	}
}

@keyframes v-modal-out {
	to {
		opacity: 0
	}
}

.v-modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: #000
}

.el-button {
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	cursor: pointer;
	background: #fff;
	border: 1px solid #dcdfe6;
	color: #606266;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	-webkit-transition: .1s;
	transition: .1s;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 12px 20px;
	font-size: 14px;
	border-radius: 4px
}

.el-button+.el-button {
	margin-left: 10px
}

.el-button:focus,.el-button:hover {
	color: #409eff;
	border-color: #c6e2ff;
	background-color: #ecf5ff
}

.el-button:active {
	color: #3a8ee6;
	border-color: #3a8ee6;
	outline: 0
}

.el-button::-moz-focus-inner {
	border: 0
}

.el-button [class*=el-icon-]+span {
	margin-left: 5px
}

.el-button.is-plain:focus,.el-button.is-plain:hover {
	background: #fff;
	border-color: #409eff;
	color: #409eff
}

.el-button.is-active,.el-button.is-plain:active {
	color: #3a8ee6;
	border-color: #3a8ee6
}

.el-button.is-plain:active {
	background: #fff;
	outline: 0
}

.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover {
	color: #c0c4cc;
	cursor: not-allowed;
	background-image: none;
	background-color: #fff;
	border-color: #ebeef5
}

.el-button.is-disabled.el-button--text {
	background-color: transparent
}

.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover {
	background-color: #fff;
	border-color: #ebeef5;
	color: #c0c4cc
}

.el-button.is-loading {
	position: relative;
	pointer-events: none
}

.el-button.is-loading:before {
	pointer-events: none;
	content: "";
	position: absolute;
	left: -1px;
	top: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: inherit;
	background-color: hsla(0,0%,100%,.35)
}

.el-button.is-round {
	border-radius: 20px;
	padding: 12px 23px
}

.el-button.is-circle {
	border-radius: 50%;
	padding: 12px
}

.el-button--primary {
	color: #fff;
	background-color: #409eff;
	border-color: #409eff
}

.el-button--primary:focus,.el-button--primary:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.el-button--primary.is-active,.el-button--primary:active {
	background: #3a8ee6;
	border-color: #3a8ee6;
	color: #fff
}

.el-button--primary:active {
	outline: 0
}

.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover {
	color: #fff;
	background-color: #a0cfff;
	border-color: #a0cfff
}

.el-button--primary.is-plain {
	color: #409eff;
	background: #ecf5ff;
	border-color: #b3d8ff
}

.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover {
	background: #409eff;
	border-color: #409eff;
	color: #fff
}

.el-button--primary.is-plain:active {
	background: #3a8ee6;
	border-color: #3a8ee6;
	color: #fff;
	outline: 0
}

.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover {
	color: #8cc5ff;
	background-color: #ecf5ff;
	border-color: #d9ecff
}

.el-button--success {
	color: #fff;
	background-color: #67c23a;
	border-color: #67c23a
}

.el-button--success:focus,.el-button--success:hover {
	background: #85ce61;
	border-color: #85ce61;
	color: #fff
}

.el-button--success.is-active,.el-button--success:active {
	background: #5daf34;
	border-color: #5daf34;
	color: #fff
}

.el-button--success:active {
	outline: 0
}

.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover {
	color: #fff;
	background-color: #b3e19d;
	border-color: #b3e19d
}

.el-button--success.is-plain {
	color: #67c23a;
	background: #f0f9eb;
	border-color: #c2e7b0
}

.el-button--success.is-plain:focus,.el-button--success.is-plain:hover {
	background: #67c23a;
	border-color: #67c23a;
	color: #fff
}

.el-button--success.is-plain:active {
	background: #5daf34;
	border-color: #5daf34;
	color: #fff;
	outline: 0
}

.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover {
	color: #a4da89;
	background-color: #f0f9eb;
	border-color: #e1f3d8
}

.el-button--warning {
	color: #fff;
	background-color: #e6a23c;
	border-color: #e6a23c
}

.el-button--warning:focus,.el-button--warning:hover {
	background: #ebb563;
	border-color: #ebb563;
	color: #fff
}

.el-button--warning.is-active,.el-button--warning:active {
	background: #cf9236;
	border-color: #cf9236;
	color: #fff
}

.el-button--warning:active {
	outline: 0
}

.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover {
	color: #fff;
	background-color: #f3d19e;
	border-color: #f3d19e
}

.el-button--warning.is-plain {
	color: #e6a23c;
	background: #fdf6ec;
	border-color: #f5dab1
}

.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover {
	background: #e6a23c;
	border-color: #e6a23c;
	color: #fff
}

.el-button--warning.is-plain:active {
	background: #cf9236;
	border-color: #cf9236;
	color: #fff;
	outline: 0
}

.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover {
	color: #f0c78a;
	background-color: #fdf6ec;
	border-color: #faecd8
}

.el-button--danger {
	color: #fff;
	background-color: #f56c6c;
	border-color: #f56c6c
}

.el-button--danger:focus,.el-button--danger:hover {
	background: #f78989;
	border-color: #f78989;
	color: #fff
}

.el-button--danger.is-active,.el-button--danger:active {
	background: #dd6161;
	border-color: #dd6161;
	color: #fff
}

.el-button--danger:active {
	outline: 0
}

.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover {
	color: #fff;
	background-color: #fab6b6;
	border-color: #fab6b6
}

.el-button--danger.is-plain {
	color: #f56c6c;
	background: #fef0f0;
	border-color: #fbc4c4
}

.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover {
	background: #f56c6c;
	border-color: #f56c6c;
	color: #fff
}

.el-button--danger.is-plain:active {
	background: #dd6161;
	border-color: #dd6161;
	color: #fff;
	outline: 0
}

.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover {
	color: #f9a7a7;
	background-color: #fef0f0;
	border-color: #fde2e2
}

.el-button--info {
	color: #fff;
	background-color: #909399;
	border-color: #909399
}

.el-button--info:focus,.el-button--info:hover {
	background: #a6a9ad;
	border-color: #a6a9ad;
	color: #fff
}

.el-button--info.is-active,.el-button--info:active {
	background: #82848a;
	border-color: #82848a;
	color: #fff
}

.el-button--info:active {
	outline: 0
}

.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover {
	color: #fff;
	background-color: #c8c9cc;
	border-color: #c8c9cc
}

.el-button--info.is-plain {
	color: #909399;
	background: #f4f4f5;
	border-color: #d3d4d6
}

.el-button--info.is-plain:focus,.el-button--info.is-plain:hover {
	background: #909399;
	border-color: #909399;
	color: #fff
}

.el-button--info.is-plain:active {
	background: #82848a;
	border-color: #82848a;
	color: #fff;
	outline: 0
}

.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover {
	color: #bcbec2;
	background-color: #f4f4f5;
	border-color: #e9e9eb
}

.el-button--text,.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active {
	border-color: transparent
}

.el-button--medium {
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 4px
}

.el-button--mini,.el-button--small {
	font-size: 12px;
	border-radius: 3px
}

.el-button--medium.is-round {
	padding: 10px 20px
}

.el-button--medium.is-circle {
	padding: 10px
}

.el-button--small,.el-button--small.is-round {
	padding: 9px 15px
}

.el-button--small.is-circle {
	padding: 9px
}

.el-button--mini,.el-button--mini.is-round {
	padding: 7px 15px
}

.el-button--mini.is-circle {
	padding: 7px
}

.el-button--text {
	color: #409eff;
	background: 0 0;
	padding-left: 0;
	padding-right: 0
}

.el-button--text:focus,.el-button--text:hover {
	color: #66b1ff;
	border-color: transparent;
	background-color: transparent
}

.el-button--text:active {
	color: #3a8ee6;
	background-color: transparent
}

.el-button-group {
	display: inline-block;
	vertical-align: middle
}

.el-button-group:after,.el-button-group:before {
	display: table;
	content: ""
}

.el-button-group:after {
	clear: both
}

.el-button-group .el-button {
	float: left;
	position: relative
}

.el-button-group .el-button+.el-button {
	margin-left: 0
}

.el-button-group .el-button:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.el-button-group .el-button:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.el-button-group .el-button:first-child:last-child {
	border-radius: 4px
}

.el-button-group .el-button:not(:first-child):not(:last-child) {
	border-radius: 0
}

.el-button-group .el-button:not(:last-child) {
	margin-right: -1px
}

.el-button-group .el-button.is-active,.el-button-group .el-button:active,.el-button-group .el-button:focus,.el-button-group .el-button:hover {
	z-index: 1
}

.el-button-group .el-button--primary:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--primary:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:first-child {
	border-right-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:last-child {
	border-left-color: hsla(0,0%,100%,.5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
	border-left-color: hsla(0,0%,100%,.5);
	border-right-color: hsla(0,0%,100%,.5)
}

.el-textarea {
	display: inline-block;
	width: 100%;
	vertical-align: bottom;
	font-size: 14px
}

.el-textarea__inner {
	display: block;
	resize: vertical;
	padding: 5px 15px;
	line-height: 1.5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: inherit;
	color: #606266;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.el-textarea__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-textarea__inner:-ms-input-placeholder,.el-textarea__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-textarea__inner::placeholder {
	color: #c0c4cc
}

.el-textarea__inner:hover {
	border-color: #c0c4cc
}

.el-textarea__inner:focus {
	outline: 0;
	border-color: #409eff
}

.el-textarea.is-disabled .el-textarea__inner {
	background-color: #f5f7fa;
	border-color: #e4e7ed;
	color: #c0c4cc;
	cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder,.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
	color: #c0c4cc
}

.el-input {
	position: relative;
	font-size: 14px;
	display: inline-block;
	width: 100%
}

.el-input::-webkit-scrollbar {
	z-index: 11;
	width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
	height: 6px
}

.el-input::-webkit-scrollbar-thumb {
	border-radius: 5px;
	width: 6px;
	background: #b4bccc
}

.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track {
	background: #fff
}

.el-input::-webkit-scrollbar-track-piece {
	background: #fff;
	width: 6px
}

.el-input .el-input__clear {
	color: #c0c4cc;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	-webkit-transition: color .2s cubic-bezier(.645,.045,.355,1);
	transition: color .2s cubic-bezier(.645,.045,.355,1)
}

.el-input .el-input__clear:hover {
	color: #909399
}

.el-input__inner {
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #606266;
	display: inline-block;
	font-size: inherit;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	width: 100%
}

.el-input__prefix,.el-input__suffix {
	position: absolute;
	-webkit-transition: all .3s;
	text-align: center;
	height: 100%;
	color: #c0c4cc;
	top: 0
}

.el-input__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-input__inner:-ms-input-placeholder,.el-input__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-input__inner::placeholder {
	color: #c0c4cc
}

.el-input__inner:hover {
	border-color: #c0c4cc
}

.el-input.is-active .el-input__inner,.el-input__inner:focus {
	border-color: #409eff;
	outline: 0
}

.el-input__suffix {
	right: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none
}

.el-input__suffix-inner {
	pointer-events: all
}

.el-input__prefix {
	left: 5px
}

.el-input__icon,.el-input__prefix {
	-webkit-transition: all .3s;
	transition: all .3s
}

.el-input__icon {
	height: 100%;
	width: 25px;
	text-align: center;
	line-height: 40px
}

.el-input__icon:after {
	content: "";
	height: 100%;
	width: 0;
	display: inline-block;
	vertical-align: middle
}

.el-input__validateIcon {
	pointer-events: none
}

.el-input.is-disabled .el-input__inner {
	background-color: #f5f7fa;
	border-color: #e4e7ed;
	color: #c0c4cc;
	cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder,.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__inner::placeholder {
	color: #c0c4cc
}

.el-input.is-disabled .el-input__icon {
	cursor: not-allowed
}

.el-input--suffix .el-input__inner {
	padding-right: 30px
}

.el-input--prefix .el-input__inner {
	padding-left: 30px
}

.el-input--medium {
	font-size: 14px
}

.el-input--medium .el-input__inner {
	height: 36px;
	line-height: 36px
}

.el-input--medium .el-input__icon {
	line-height: 36px
}

.el-input--small {
	font-size: 13px
}

.el-input--small .el-input__inner {
	height: 32px;
	line-height: 32px
}

.el-input--small .el-input__icon {
	line-height: 32px
}

.el-input--mini {
	font-size: 12px
}

.el-input--mini .el-input__inner {
	height: 28px;
	line-height: 28px
}

.el-input--mini .el-input__icon {
	line-height: 28px
}

.el-input-group {
	line-height: normal;
	display: inline-table;
	width: 100%;
	border-collapse: separate
}

.el-input-group>.el-input__inner {
	vertical-align: middle;
	display: table-cell
}

.el-input-group__append,.el-input-group__prepend {
	background-color: #f5f7fa;
	color: #909399;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	padding: 0 20px;
	width: 1px;
	white-space: nowrap
}

.el-input-group--prepend .el-input__inner,.el-input-group__append {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.el-input-group--append .el-input__inner,.el-input-group__prepend {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.el-input-group__append:focus,.el-input-group__prepend:focus {
	outline: 0
}

.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select {
	display: inline-block;
	margin: -10px -20px
}

.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner {
	border-color: transparent;
	background-color: transparent;
	color: inherit;
	border-top: 0;
	border-bottom: 0
}

.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input {
	font-size: inherit
}

.el-input-group__prepend {
	border-right: 0
}

.el-input-group__append {
	border-left: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner,.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
	border-color: transparent
}

.el-input__inner::-ms-clear {
	display: none;
	width: 0;
	height: 0
}

.el-message-box {
	display: inline-block;
	width: 420px;
	padding-bottom: 10px;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ebeef5;
	font-size: 18px;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	text-align: left;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.el-message-box__wrapper {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center
}

.el-message-box__wrapper:after {
	content: "";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}

.el-message-box__header {
	position: relative;
	padding: 15px 15px 10px
}

.el-message-box__title {
	padding-left: 0;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1;
	color: #303133
}

.el-message-box__headerbtn {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0;
	border: none;
	outline: 0;
	background: 0 0;
	font-size: 16px;
	cursor: pointer
}

.el-message-box__headerbtn .el-message-box__close {
	color: #909399
}

.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close {
	color: #409eff
}

.el-message-box__content {
	position: relative;
	padding: 10px 15px;
	color: #606266;
	font-size: 14px
}

.el-message-box__input {
	padding-top: 15px
}

.el-message-box__input input.invalid,.el-message-box__input input.invalid:focus {
	border-color: #f56c6c
}

.el-message-box__status {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 24px!important
}

.el-message-box__status:before {
	padding-left: 1px
}

.el-message-box__status+.el-message-box__message {
	padding-left: 36px;
	padding-right: 12px
}

.el-message-box__status.el-icon-success {
	color: #67c23a
}

.el-message-box__status.el-icon-info {
	color: #909399
}

.el-message-box__status.el-icon-warning {
	color: #e6a23c
}

.el-message-box__status.el-icon-error {
	color: #f56c6c
}

.el-message-box__message {
	margin: 0
}

.el-message-box__message p {
	margin: 0;
	line-height: 24px
}

.el-message-box__errormsg {
	color: #f56c6c;
	font-size: 12px;
	min-height: 18px;
	margin-top: 2px
}

.el-message-box__btns {
	padding: 5px 15px 0;
	text-align: right
}

.el-message-box__btns button:nth-child(2) {
	margin-left: 10px
}

.el-message-box__btns-reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.el-message-box--center {
	padding-bottom: 30px
}

.el-message-box--center .el-message-box__header {
	padding-top: 30px
}

.el-message-box--center .el-message-box__title {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.el-message-box--center .el-message-box__status {
	position: relative;
	top: auto;
	padding-right: 5px;
	text-align: center;
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px)
}

.el-message-box--center .el-message-box__message {
	margin-left: 0
}

.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content {
	text-align: center
}

.el-message-box--center .el-message-box__content {
	padding-left: 27px;
	padding-right: 27px
}

.msgbox-fade-enter-active {
	-webkit-animation: msgbox-fade-in .3s;
	animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
	-webkit-animation: msgbox-fade-out .3s;
	animation: msgbox-fade-out .3s
}

@-webkit-keyframes msgbox-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes msgbox-fade-in {
	0% {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@-webkit-keyframes msgbox-fade-out {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}
}

@keyframes msgbox-fade-out {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
		opacity: 0
	}
}

.talentpool-talentList {
	width: 100%;
	height: 100%;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.talentpool-talentList button {
	cursor: pointer
}

.talentpool-talentList p {
	word-break: break-all
}

.talentpool-talentList .container-bannar {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	padding-top: 40px;
	background: url(http://www.luojinet.com/img/banner.6aa364a.png) no-repeat 50%;
	vertical-align: middle
}

.talentpool-talentList .container-bannar h2 {
	width: 1200px;
	font-size: 26px;
	line-height: 30px;
	color: #fff;
	margin: 0 auto;
	font-weight: 400;
	position: relative
}

.talentpool-talentList .container-bannar h2 a {
	display: inline-block;
	width: 76px;
	height: 30px;
	background: url(http://www.luojinet.com/img/go.ef3244b.png) no-repeat;
	background-size: cover;
	border-radius: 4px;
	position: absolute;
	top: 0;
	margin-left: 20px
}

.talentpool-talentList .talentList-main {
	width: 1200px;
	margin: 0 auto
}

.talentpool-talentList .talentList-main .paramsList {
	margin-top: 15px
}

.talentpool-talentList .talentList-main .paramsList .items {
	display: table;
	width: 100%;
	clear: both;
	padding-top: 25px
}

.talentpool-talentList .talentList-main .paramsList .items .name {
	vertical-align: top;
	display: table-cell;
	font-size: 18px;
	color: #999;
	width: 100px;
	padding: 6px 0
}

.talentpool-talentList .talentList-main .paramsList .items .value {
	display: table-cell;
	vertical-align: top;
	font-size: 16px;
	position: relative;
	padding-right: 45px
}

.talentpool-talentList .talentList-main .paramsList .items .value.border {
	border-bottom: 1px solid #e5e5e5
}

.talentpool-talentList .talentList-main .paramsList .items .value .hidden {
	width: 100%;
	height: 45px;
	overflow: hidden
}

.talentpool-talentList .talentList-main .paramsList .items .value .item {
	display: inline-block;
	padding: 6px 10px;
	margin-bottom: 15px;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s
}

.talentpool-talentList .talentList-main .paramsList .items .value .item a,.talentpool-talentList .talentList-main .paramsList .items .value .item span {
	margin: auto;
	height: 100%;
	color: #333
}

.talentpool-talentList .talentList-main .paramsList .items .value .item:after {
	content: "";
	position: absolute;
	width: 76%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 12%;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.talentpool-talentList .talentList-main .paramsList .items .value .item:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.talentpool-talentList .talentList-main .paramsList .items .value .item.select {
	background: #e5f2ff
}

.talentpool-talentList .talentList-main .paramsList .items .value .item.select a,.talentpool-talentList .talentList-main .paramsList .items .value .item.select span,.talentpool-talentList .talentList-main .paramsList .items .value .item:hover a {
	color: #0083ff
}

.talentpool-talentList .talentList-main .paramsList .items .value .showSwitch {
	color: #999;
	font-size: 16px;
	border: none;
	background: none;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0
}

.talentpool-talentList .talentList-main .paramsList .items .value .showSwitch.showing {
	color: #0083ff
}

.talentpool-talentList .talentList-main .list {
	margin-top: 50px
}

.talentpool-talentList .talentList-main .list .baner {
	background-color: #fafafa;
	border: 1px solid #e5e5e5;
	min-height: 60px
}

.talentpool-talentList .talentList-main .list .baner .title {
	color: #666;
	font-size: 16px;
	font-weight: 700;
	line-height: 60px;
	margin: 0 13px 0 30px;
	cursor: pointer
}

.talentpool-talentList .talentList-main .list .baner .title.select {
	color: #0083ff;
	background: none!important
}

.talentpool-talentList .talentList-main .list .baner .baner-item {
	color: #333;
	font-size: 16px;
	padding-right: 25px;
	margin-left: 45px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAZlBMVEUAAAD////GxsbMzMzIyMjJycnCwsLExMS/v7/Hx8fExMTDw8PExMTGxsbHx8fGxsbFxcXGxsbHx8fFxcXFxcXGxsbGxsbGxsbGxsbGxsbGxsbGxsbFxcXGxsbGxsbGxsbGxsbGxsYOB+9rAAAAIXRSTlMAAwkKDhMVHiAgKy88P0Bmg5masLTF1djg5OXn6+73+v4cLBFwAAAAWUlEQVR4Xq3ISRZAMBBF0Qqi7wkSoPa/SekI5xi6o/8+WGECLzHfimfTEXHNXPsMJR5dTXrUBgpGixbzdNd464js6kCnAQgmIYSpRa4SNNRyFf8ds+o9hS8n9ZINaKr4Nq8AAAAASUVORK5CYII=) no-repeat 100%;cursor: pointer
}

.talentpool-talentList .talentList-main .list .baner .baner-item.select {
	color: #0083ff;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAbFBMVEUAAAAAgP8Abf8AgP8AgP8Af/8AhP8AgP8Ahv8Agv8AhP8Agv8Agf8AhP8Agv8Ag/8Ag/8Agv8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag//czCItAAAAI3RSTlMAAgcOEBodIio5OjtRXV5hZXaCkZKsv8vT1Nne4ert7vb7/mPzfbEAAABfSURBVHhenc43EoQwEETRxo7wfq1wO/e/42qqkFBCwst+Rw1BhZGHcN4sKjgfFs3tISWiL4uOiCLgyb4aSLTXIwy1uJ4CiGw7+mG/ljuLVwyr/ZnWCU4986rgG+YMF/4HmQ4+Yu5hgQAAAABJRU5ErkJggg==) no-repeat 100%
}

.talentpool-talentList .talentList-main .list .item {
	border: 1px solid #eaeaea;
	margin-bottom: 18px;
	padding: 22px 30px 26px 35px;
	display: table;
	clear: both;
	width: 100%;
	background-color: #fff;
	-webkit-transition: all .2s;
	transition: all .2s
}

.talentpool-talentList .talentList-main .list .item.first {
	border-top: 0
}

.talentpool-talentList .talentList-main .list .item:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

.talentpool-talentList .talentList-main .list .item:hover .content h3 {
	color: #0083ff!important
}

.talentpool-talentList .talentList-main .list .item .left {
	width: 70%;
	display: table-cell
}

.talentpool-talentList .talentList-main .list .item .left .imgBox {
	float: left;
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.talentpool-talentList .talentList-main .list .item .left .content {
	padding-left: 96px
}

.talentpool-talentList .talentList-main .list .item .left .content h3 {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	padding-top: 5px;
	-webkit-transition: color .2s;
	transition: color .2s
}

.talentpool-talentList .talentList-main .list .item .left .content h3 img {
	width: 14px;
	height: 16px;
	margin-left: 5px
}

.talentpool-talentList .talentList-main .list .item .left .content h3 .position {
	color: #999;
	font-size: 14px;
	margin-left: 10px;
	font-weight: 400
}

.talentpool-talentList .talentList-main .list .item .left .content h3 .other {
	color: #666;
	font-size: 12px;
	font-weight: 400;
	background-color: #f8f8f8;
	margin-left: 10px;
	padding: 3px 8px;
	border-radius: 2px
}

.talentpool-talentList .talentList-main .list .item .left .content h3 .other.team-1 {
	color: #4ea4f6;
	background-color: #e6f0f9
}

.talentpool-talentList .talentList-main .list .item .left .content h3 .other.team-2 {
	color: #ff8051;
	background-color: #faeee6
}

.talentpool-talentList .talentList-main .list .item .left .content p {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 12px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden
}

.talentpool-talentList .talentList-main .list .item .left .content p.skill {
	margin-top: 20px
}

.talentpool-talentList .talentList-main .list .item .right {
	width: 30%;
	display: table-cell;
	text-align: right
}

.talentpool-talentList .talentList-main .list .item .right .tag span {
	color: #666;
	font-size: 14px;
	line-height: 28px
}

.talentpool-talentList .talentList-main .list .item .right .tag em {
	color: #fc5b31;
	font-size: 20px;
	font-weight: 700;
	margin-left: 10px
}

.talentpool-talentList .talentList-main .list .item .right .operation {
	margin-top: 34px
}

.talentpool-talentList .talentList-main .list .item .right .operation button {
	min-width: 103px
}

.talentpool-talentList .talentList-main .list .item .right .operation .toservice {
	color: #666;
	font-size: 14px;
	padding: 0 3px 0 6px;
	height: 40px;
	margin-right: 10px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #dedfe0
}

.talentpool-talentList .talentList-main .list .item .right .operation .collected {
	color: #666;
	font-size: 14px;
	padding: 0 18px 0 40px;
	height: 40px;
	margin-right: 10px;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEVHcEyZmZmampqZmZmZmZmZmZmcnJyZmZmZmZmZmZmZmZn///+YmJiZmZmYmJidnZ2ZmZmYmJiampqYmJiYmJiZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmUlJSZmZmZmZnS5b1YAAAAIXRSTlMAhCHxky0D7P6m0gFY2GsQ400X93KI50aer7iOf8YMX76xatE3AAAAgklEQVQYGQXAh3GDMAAAwAeECr27O9l/Sh/AvQAAdc41AAifTwCAbV/XfQNANfZ9d/ZgeD0fuoEh7115r5Zc3YDtNoW8qK8SAWJJLW0qEejvqYU2BSCkFjg6oDsAoQCPF+D/bT6rWfUEXMORxjFNfwsw5+aaYpxSk7/Q1031hflsan66XQW7A9vs4QAAAABJRU5ErkJggg==) no-repeat 19px
}

.talentpool-talentList .talentList-main .list .item .right .operation .collected.collect {
	color: #0083ff;
	border: 1px solid #0083ff;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEVHcEwAf/8Agv8Ag/8Agv8Ag/8Agv8AwP8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8AhP8Ahf8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Ag/946ySZAAAAHHRSTlMADi3S/oOmApLsIVhr8eNNF/dy54jE2EavnrhfrMMLdwAAAHxJREFUGBkFwIURgzAAAMAPRHGv7b9nD+CTAYAhxgEA1PuuALDt67pvAEhPKf1VwFi/b/3IGPc+p9US0wvYXlONi+HMBaDk1tG1XIDyaR10rQK1dcDRA/0BqBl4V8CdhCsF6Qs4x6M9T5t+CxDifE6lTG2OAcowpwDhmgf+V2UE2CVF/coAAAAASUVORK5CYII=) no-repeat 23px
}

.talentpool-talentList .talentList-main .list .item .right .operation .collected.cancelCollect {
	padding: 0;
	text-align: center;
	background: none
}

.talentpool-talentList .talentList-main .list .item .right .operation .message {
	color: #fff;
	font-size: 14px;
	padding: 0 18px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

.talentpool-talentList .talentList-main .list .list-default {
	margin-bottom: 62px
}

.talentpool-talentList .talentList-main .list .list-default img {
	display: block;
	width: 81px;
	height: 66px;
	margin: 161px auto 0
}

.talentpool-talentList .talentList-main .list .list-default p {
	color: #666;
	font-size: 14px;
	text-align: center;
	margin: 47px 0 164px
}

.talentpool-talentList .warningDialog {
	width: 502px;
	padding: 40px 65px
}

.talentpool-talentList .warningDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 1
}

.talentpool-talentList .warningDialog p {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin-top: 48px
}

.talentpool-talentList .warningDialog .operation {
	margin-top: 65px
}

.talentpool-talentList .warningDialog .operation button {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	width: 120px;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background: #0083ff;
	float: right;
	margin-bottom: 40px
}

.talentpool-talentList .warningDialog .operation button:last-child {
	margin-right: 20px;
	color: #0083ff;
	border-color: #2d93f9;
	background-color: #fff
}

.novice-guide {
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.novice-guide .head {
	overflow: hidden;
	position: relative;
	min-width: 1200px;
	height: 300px
}

.novice-guide .head img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px
}

.novice-guide .head h1 {
	top: 98px;
	font-size: 70px;
	line-height: 70px;
	font-weight: 400;
	font-family: PingFangSC-Regular
}

.novice-guide .head h1,.novice-guide .head p {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	color: #fff
}

.novice-guide .head p {
	top: 203px;
	font-size: 20px;
	line-height: 20px;
	font-family: MicrosoftYaHei
}

.novice-guide .content {
	width: 1200px;
	margin: 0 auto;
	padding-top: 120px
}

.novice-guide .content .item-list {
	margin-left: 22px
}

.novice-guide .content .item-list li {
	list-style: none;
	margin-bottom: 30px
}

.novice-guide .content .item-list li h3 {
	position: relative;
	margin-bottom: 10px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 16px;
	color: #333
}

.novice-guide .content .item-list li h3:before {
	content: "";
	position: absolute;
	top: 4px;
	left: -20px;
	width: 8px;
	height: 8px;
	background: #e5e5e5;
	border-radius: 50%
}

.novice-guide .content .item-list li p {
	position: relative;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	line-height: 14px;
	color: #666
}

.novice-guide .content .item-list li p:before {
	content: "";
	position: absolute;
	top: -8px;
	left: -16px;
	width: 1px;
	height: 49px;
	border-left: 1px dashed #e5e5e5
}

.novice-guide .content .item-list li p.none-p:before {
	content: "";
	display: none
}

.novice-guide .content .project-item {
	margin-left: 90px;
	margin-bottom: 140px
}

.novice-guide .content .project-item.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.novice-guide .content .project-item .left {
	float: left
}

.novice-guide .content .project-item .left h2 {
	margin-bottom: 20px;
	font-size: 40px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 40px;
	color: #333
}

.novice-guide .content .project-item .left .notes {
	margin-bottom: 34px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 16px;
	color: #999
}

.novice-guide .content .project-item .right {
	float: right
}

.novice-guide .content .project-item .right img {
	display: block;
	margin-top: 60px;
	margin-bottom: 61px
}

.novice-guide .content .project-item .right a {
	margin-left: 330px;
	padding-right: 32px;
	font-size: 24px;
	font-family: MicrosoftYaHei;
	color: #333
}

.novice-guide .content .project-item .right a:hover {
	color: #0083ff
}

.novice-guide .content .item-line {
	position: relative;
	margin-bottom: 96px;
	font-size: 20px;
	line-height: 20px;
	font-family: MicrosoftYaHei;
	color: #999;
	text-align: center
}

.novice-guide .content .item-line:before {
	content: "";
	position: absolute;
	top: 9px;
	left: 120px;
	width: 164px;
	height: 2px;
	background: #e5e5e5
}

.novice-guide .content .item-line:after {
	content: "";
	position: absolute;
	top: 9px;
	right: 120px;
	width: 164px;
	height: 2px;
	background: #e5e5e5
}

.novice-guide .content .expert-item {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 160px;
	margin-bottom: 104px
}

.novice-guide .content .expert-item.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.novice-guide .content .expert-item .left {
	float: left;
	margin-right: 112px
}

.novice-guide .content .expert-item .left img {
	display: block;
	margin-top: 63px;
	margin-bottom: 61px
}

.novice-guide .content .expert-item .left a {
	margin-left: 266px;
	padding-right: 32px;
	font-size: 24px;
	font-family: MicrosoftYaHei;
	color: #333
}

.novice-guide .content .expert-item .left a:hover {
	color: #0083ff
}

.novice-guide .content .expert-item .right {
	float: left
}

.novice-guide .content .expert-item .right h2 {
	margin-bottom: 20px;
	font-size: 40px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 40px;
	color: #333
}

.novice-guide .content .expert-item .right .notes {
	margin-bottom: 34px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 16px;
	color: #999
}

.novice-guide .content h2 {
	margin-bottom: 94px;
	font-size: 40px;
	color: #333;
	font-weight: 400
}

.novice-guide .content .advantage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 1200px;
	padding-bottom: 120px
}

.novice-guide .content .advantage div {
	width: 288px
}

.novice-guide .content .advantage div:first-child h3 {
	background: url(http://www.luojinet.com/img/hzzj.91dc851.png) 10px 0 no-repeat
}

.novice-guide .content .advantage div:nth-child(2) h3 {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAABTVBMVEUAAAD/v0Dfv0Djxjn/xjnxxkf/xkfyvEPyyUP1xE7/zk72xkz4y0v4xUn4x0z5yE35yEz5xUz3xkz6xkz6yUz3x0v4xkz4yUz2x0z5x076x034x0z3x0z4x0z4x033xkz5xkz3x0z4yE34xk34x033x034xk33xk34x034xk34x034x0z3x0z3xkz4x033x035x034x0z4x034x034xk34x034x034x03////74aD86Lj87MP98M/99Nv735v4yFD98NH++/L74aH86rz74Jz51n/74qP868D98tf50W/99Nz99eD+9uT+9+f+9+j51Hf+/fr51Xr978763JH63ZT86r35zmP746b85a74yVP4zF74yFL868L5z2f978v978z50Wz73pb989r73pf735n735r4x0/614H74J7++Or++Ov62IP62Yb+/fv9782/8ZNPAAAAN3RSTlMACAgJCRISExMaGhsiI01TVFReXl5fdXV2doyNl5ecnZ2eubm6ur29zc7b4ODg6Onw8fH7/Pz+I8zEGwAAAbtJREFUeF6d1UdXg0AUhuGLMdaIscWCNUZU0BgN5k66vffee2//f6lRYAYyAcy7YvEsPs6BGbDnb5TCSkzTYkpYavSDY0LzcByZ4nKzUBL7OiawqImQj69FFbmpIm9HdwJLlOguWlQ3gg6N1Ft1YBwdUwOsrlXRJbWW6spRdG200uS96KE+Q4sJLzwh6lPG0FPq35yQAQivD+pDBV0RNfny40+5JNMJy6MCALSiyffR3iXLsRUAZMoPCuJ0KY+IC2ccLgNUaZTfFsT258UTHpN7gx+lUgbQqqEJbRzfd+aTZN4cczNLTBGELgvXPdnL0+1zlEswaOe76fQW+Uov83gEFIY//G7JZt/IWnaFxxWYZHhOf8iRc+SOiUHczhczmQ0yk7ni8fg/+f/GTFpe9cWNKxBm+JyOntN5Po9Al4XTuFyyfASzm/ZerTwI1ZrJU7xWGa7VAMjoEuWy/nsYzRw68jYAEKIU3K0ni7sm7M8HIYYTXgZvL+fgANEbF0Gv34seKOtI9X5g0wIuXm0AS/WeLhua0FP6KusRyr4oab5OT9cwTWiRbZd8iwCO+YPSkDI1PT2lRKSg3w6+ARH8dL3jPdOmAAAAAElFTkSuQmCC) 10px 0 no-repeat
}

.novice-guide .content .advantage div:nth-child(3) h3 {
	background: url(http://www.luojinet.com/img/txfy.2256d06.png) 10px 0 no-repeat
}

.novice-guide .content .advantage div h3 {
	padding-left: 72px;
	margin-bottom: 20px;
	height: 46px;
	font-size: 20px;
	line-height: 46px;
	font-weight: 400;
	color: #333
}

.novice-guide .content .advantage div p {
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 24px;
	text-align: justify
}

.pagebody {
	background-color: #000
}

.picturePreview .pp-banner {
	position: fixed;
	top: 0;
	width: 100%;
	min-width: 1200px;
	min-height: 158px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
	background-color: #000
}

.picturePreview .pp-banner div {
	background-color: #fff;
	display: inline-block;
	width: 74px;
	height: 74px;
	margin-right: 13px
}

.picturePreview .pp-banner div:last-child {
	margin-right: 0
}

.picturePreview .pp-banner div .imgBox {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.picturePreview .pp-banner div.back {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAFcXLzNNiWmPaAAAAJklEQVQIW2NQEWBgYHALBBKiqUAmYxg6MxlKgLkgCTgDok0ZyAAA/yEHTiHxJJAAAAAASUVORK5CYII=) 50% no-repeat
}

.picturePreview .pp-banner div.back.default {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAACHRSTlMACgtiZmlqgLFDgXwAAAAvSURBVAhbY2BgYHJmYGBQKwEy0pOAjDIFBIPBHchgcA8EKSgVAKlAYiZBtQENAAA4VwjpD9AEUwAAAABJRU5ErkJggg==) 50% no-repeat
}

.picturePreview .pp-banner div.next {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAAFVBMVEUAAAD///////////////////////9Iz20EAAAABnRSTlMAFcXLzNNiWmPaAAAAJklEQVQIW2NQEWBgYHALBBKiqUAmYxg6MxlKgLkgCTgDok0ZyAAA/yEHTiHxJJAAAAAASUVORK5CYII=) 50% no-repeat
}

.picturePreview .pp-banner div.next.default {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOBAMAAADgeEClAAAAGFBMVEUAAAD///////////////////////////8jfp1fAAAACHRSTlMACgtiZmlqgLFDgXwAAAAvSURBVAhbY2BgYHJmYGBQKwEy0pOAjDIFBIPBHchgcA8EKSgVAKlAYiZBtQENAAA4VwjpD9AEUwAAAABJRU5ErkJggg==) 50% no-repeat
}

.picturePreview .pp-banner div.current {
	border: 2px solid #0083ff
}

.picturePreview .pp-panel {
	margin-top: 158px
}

.picturePreview .pp-panel .center {
	width: 1200px;
	margin: 0 auto 50px;
	text-align: center
}

.absorbed .head {
	overflow: hidden;
	position: relative;
	min-width: 1200px;
	height: 300px
}

.absorbed .head img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px
}

.absorbed .one {
	height: 606px;
	background: #fff
}

.absorbed .one .content {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-top: 109px
}

.absorbed .one .content .head-words {
	position: absolute;
	top: -300px;
	left: 0;
	padding-top: 114px;
	height: 300px
}

.absorbed .one .content .head-words h1 {
	margin-bottom: 30px;
	font-size: 69px;
	line-height: 69px;
	font-weight: 400;
	font-family: MicrosoftYaHei;
	color: #fff
}

.absorbed .one .content .head-words p {
	font-size: 20px;
	line-height: 20px;
	font-family: MicrosoftYaHei;
	color: #fff
}

.absorbed .one .content .left {
	float: left;
	width: 600px
}

.absorbed .one .content .left h2 {
	margin-bottom: 20px;
	font-size: 28px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 28px;
	color: #333
}

.absorbed .one .content .left p {
	margin-bottom: 50px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px
}

.absorbed .one .content .left ul {
	margin-left: 18px
}

.absorbed .one .content .left ul li {
	margin-bottom: 30px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #666
}

.absorbed .one .content .right {
	float: right;
	margin-top: 120px
}

.absorbed .one .content .right img {
	display: block
}

.absorbed .two {
	height: 400px;
	background: #fafafa
}

.absorbed .two .content {
	width: 1000px;
	margin: 0 auto
}

.absorbed .two .content .left {
	float: left;
	margin-top: 79px
}

.absorbed .two .content .left img {
	display: block
}

.absorbed .two .content .right {
	float: right;
	width: 500px;
	margin-top: 103px
}

.absorbed .two .content .right h2 {
	margin-bottom: 20px;
	font-size: 28px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 28px;
	color: #333
}

.absorbed .two .content .right p {
	margin-bottom: 20px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px;
	text-align: justify
}

.absorbed .three {
	height: 400px;
	background: #fff
}

.absorbed .three .content {
	width: 1000px;
	margin: 0 auto
}

.absorbed .three .content .left {
	float: left;
	width: 450px;
	margin-top: 125px
}

.absorbed .three .content .left h2 {
	margin-bottom: 20px;
	font-size: 28px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 28px;
	color: #333
}

.absorbed .three .content .left p {
	margin-bottom: 20px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px;
	text-align: justify
}

.absorbed .three .content .right {
	float: right;
	margin-top: 102px
}

.absorbed .three .content .right img {
	display: block
}

.absorbed .four {
	height: 400px;
	background: #fafafa
}

.absorbed .four .content {
	width: 1000px;
	margin: 0 auto
}

.absorbed .four .content .left {
	float: left;
	margin-top: 79px
}

.absorbed .four .content .left img {
	display: block
}

.absorbed .four .content .right {
	float: right;
	width: 520px;
	margin-top: 103px
}

.absorbed .four .content .right h2 {
	margin-bottom: 20px;
	font-size: 28px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 28px;
	color: #333
}

.absorbed .four .content .right p {
	margin-bottom: 20px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px;
	text-align: justify
}

.absorbed .five {
	height: 400px;
	background: #fff;
	border-bottom: 1px solid #e5e5e5
}

.absorbed .five .content {
	width: 1000px;
	margin: 0 auto
}

.absorbed .five .content .left {
	float: left;
	width: 450px;
	margin-top: 125px
}

.absorbed .five .content .left h2 {
	margin-bottom: 20px;
	font-size: 28px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	line-height: 28px;
	color: #333
}

.absorbed .five .content .left p {
	margin-bottom: 20px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px;
	text-align: justify
}

.absorbed .five .content .right {
	float: right;
	margin-top: 102px
}

.absorbed .five .content .right img {
	display: block
}

.register {
	width: 900px;
	margin: 82px auto 104px;
	-webkit-box-shadow: 0 5px 15px 2px #ccc;
	box-shadow: 0 5px 15px 2px #ccc;
	background-color: #fff
}

@-webkit-keyframes mymove {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes mymove {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.register #register-one .title {
	color: #333;
	font-size: 20px;
	font-weight: 400;
	padding-top: 66px;
	padding-bottom: 15px;
	text-align: center
}

.register #register-one .form {
	width: 350px;
	margin: 0 auto
}

.register #register-one .form .formItem {
	margin-top: 20px
}

.register #register-one .form .formItem input {
	color: #666;
	font-size: 14px;
	width: 100%;
	padding: 13px 12px;
	border: 1px solid #e5e5e5
}

.register #register-one .form .formItem input::-webkit-input-placeholder {
	color: #ccc
}

.register #register-one .form .formItem input:-ms-input-placeholder,.register #register-one .form .formItem input::-ms-input-placeholder {
	color: #ccc
}

.register #register-one .form .formItem input::placeholder {
	color: #ccc
}

.register #register-one .form .formItem.validateCode {
	position: relative
}

.register #register-one .form .formItem.validateCode input {
	padding-right: 140px
}

.register #register-one .form .formItem.validateCode .get {
	width: 120px;
	color: #0080ff;
	font-size: 14px;
	height: 38px;
	border: none;
	background-color: #e5f2ff;
	position: absolute;
	right: 5px;
	top: 3px
}

.register #register-one .form .message {
	color: #999;
	font-size: 14px;
	line-height: 46px
}

.register #register-one .form .message span {
	width: 12px;
	height: 12px;
	margin-right: 5px;
	margin-bottom: -1px;
	border-radius: 2px;
	border: 1px solid #999;
	display: inline-block;
	cursor: pointer
}

.register #register-one .form .message span.select {
	border-color: #0083ff;
	background-color: #0083ff;
	position: relative
}

.register #register-one .form .message span.select i {
	position: absolute;
	top: 2px;
	left: 1px;
	width: 8px;
	height: 4px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all .5s;
	transition: all .5s
}

.register #register-one .form .message a {
	color: #0083ff
}

.register #register-one .form .warning {
	color: #ff7923;
	font-size: 14px;
	line-height: 30px;
	border: 1px solid #ffba88;
	margin-top: 20px;
	padding-left: 38px;
	background: #fff6e3 url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEUAAAD/AAD/bST/kiT/djv/iTv/gDn/hjn/gzj/gDf/gjX/gDT/hTr/gjn/gzj/gTn/hTn/gzn/gjn/gzn/gjn/gzn/gzn/gzj/gjj/gzj/gjj/gzj/gjn/gzn/gjn/gzn/gzn/gzn/gzn/gzn/gzn/gjj/gzj/gzl1hcKzAAAAJ3RSTlMAAQcHDQ0oKCkqKywsLUBHR0h4eaGhoqenqKytxsbb3OXm8fL4+fk4S7gUAAAAm0lEQVR4Xm3P4RLBMBBF4SPaomhQWgiRKPf939Codpjy/dy5u3OXlt1emuaytfQyp47LaBVRoZwbMy+DYgEwjapTWulJcQo4nUZ0Rgc5sAopPdIgy04bvmxU4bXgy1KeRmNQD6PHn9FwcSFP9XN+UCK5yoLT8VO1lgNmUfukyxzfD1HcFMrcmLwMuhW0Jmd1zhm9VeXvd1+teXkCDTgSFUbN1owAAAAASUVORK5CYII=) 11px no-repeat
}

.register #register-one .form .submit {
	width: 100%;
	color: #fff;
	font-size: 16px;
	padding: 12px 0 14px;
	margin: 30px 0 122px;
	background-color: #0083ff;
	border-radius: 4px;
	border: 1px solid #0083ff
}

.register #register-one .form .link {
	color: #999;
	font-size: 14px;
	text-align: center;
	margin-bottom: 35px
}

.register #register-one .form .link a {
	color: #0083ff
}

.register #register-two {
	padding-top: 100px;
	padding-bottom: 120px;
	position: relative;
	width: 350px;
	margin: 0 auto
}

.register #register-two .userLogo {
	width: 153px;
	height: 153px;
	margin: 0 auto;
	border-radius: 50%;
	padding: 0;
	overflow: hidden
}

.register #register-two .userLogo .defaultImg {
	width: 100%;
	height: 100%
}

.register #register-two .mask_ele {
	height: 0;
	overflow: hidden
}

.register #register-two .uploadImg {
	height: 0;
	color: #fff
}

.register #register-two .addIcon {
	width: 47px;
	height: 47px;
	position: absolute;
	top: 100px;
	left: 58%;
	z-index: 98
}

.register #register-two .formItem {
	margin-top: 30px
}

.register #register-two .formItem input {
	color: #666;
	font-size: 14px;
	width: 100%;
	padding: 13px 12px;
	border: 1px solid #e5e5e5
}

.register #register-two .formItem input::-webkit-input-placeholder {
	color: #ccc
}

.register #register-two .formItem input:-ms-input-placeholder,.register #register-two .formItem input::-ms-input-placeholder {
	color: #ccc
}

.register #register-two .formItem input::placeholder {
	color: #ccc
}

.register #register-two .warning {
	color: #ff7923;
	font-size: 14px;
	line-height: 30px;
	border: 1px solid #ffba88;
	margin-top: 40px;
	padding-left: 38px;
	background: #fff6e3 url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEUAAAD/AAD/bST/kiT/djv/iTv/gDn/hjn/gzj/gDf/gjX/gDT/hTr/gjn/gzj/gTn/hTn/gzn/gjn/gzn/gjn/gzn/gzn/gzj/gjj/gzj/gjj/gzj/gjn/gzn/gjn/gzn/gzn/gzn/gzn/gzn/gzn/gjj/gzj/gzl1hcKzAAAAJ3RSTlMAAQcHDQ0oKCkqKywsLUBHR0h4eaGhoqenqKytxsbb3OXm8fL4+fk4S7gUAAAAm0lEQVR4Xm3P4RLBMBBF4SPaomhQWgiRKPf939Codpjy/dy5u3OXlt1emuaytfQyp47LaBVRoZwbMy+DYgEwjapTWulJcQo4nUZ0Rgc5sAopPdIgy04bvmxU4bXgy1KeRmNQD6PHn9FwcSFP9XN+UCK5yoLT8VO1lgNmUfukyxzfD1HcFMrcmLwMuhW0Jmd1zhm9VeXvd1+teXkCDTgSFUbN1owAAAAASUVORK5CYII=) 11px no-repeat
}

.register #register-two .submit {
	display: block;
	width: 350px;
	color: #fff;
	font-size: 16px;
	padding: 12px 0 14px;
	margin: 40px 0 0;
	background-color: #0083ff;
	border-radius: 4px;
	border: 1px solid #0083ff
}

#registerSuccess-Lv1.2 {
	width: 752px;
	margin: 58px auto 63px;
	background-color: #fff;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 1px 9px -4px #003a71;
	box-shadow: 0 1px 9px -4px #003a71
}

#registerSuccess-Lv1.2 h2 {
	color: #333;
	font-size: 24px;
	line-height: 40px;
	margin: 60px 0 0
}

#registerSuccess-Lv1.2 img {
	width: 160px;
	height: 160px;
	display: block;
	margin: 38px auto 5px
}

#registerSuccess-Lv1.2 p {
	color: #999;
	font-size: 16px;
	line-height: 26px
}

#registerSuccess-Lv1.2 p em {
	color: #333
}

#registerSuccess-Lv1.2 p:first-child {
	font-size: 18px;
	line-height: 34px
}

#registerSuccess-Lv1.2 a {
	display: block;
	color: #fff;
	font-size: 18px;
	width: 140px;
	padding: 8px 0;
	margin: 50px auto 76px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

.useAgreement {
	width: 1200px;
	padding: 8px 120px 58px;
	margin: 20px auto 58px;
	background-color: #fff
}

.useAgreement h2 {
	color: #333;
	font-size: 22px;
	margin: 50px auto;
	text-align: center
}

.useAgreement div {
	color: #666;
	font-size: 16px;
	margin-bottom: 20px
}

.useAgreement .sub_title {
	margin-top: 28px;
	color: #0083ff;
	font-size: 18px;
	font-weight: 700
}

.useAgreement p {
	color: #666;
	font-size: 16px;
	line-height: 28px;
	text-align: justify
}

.feedback {
	width: 1200px;
	height: 682px;
	margin: 0 auto;
	margin-top: 42px;
	margin-bottom: 96px;
	background: #fff
}

.feedback .head {
	position: relative;
	width: 534px;
	margin: 0 auto;
	padding-top: 70px;
	margin-bottom: 35px
}

.feedback .head h2 {
	font-size: 24px;
	line-height: 24px;
	font-family: MicrosoftYaHei;
	color: #333;
	font-weight: 400;
	text-align: center
}

.feedback .head .left {
	position: absolute;
	left: 150px;
	top: 64px;
	width: 56px;
	height: 45px
}

.feedback .head .right {
	position: absolute;
	top: 59px;
	left: 310px;
	width: 83px;
	height: 78px
}

.feedback .ipt-item {
	position: relative;
	width: 534px;
	margin: 0 auto;
	margin-bottom: 30px
}

.feedback .ipt-item input::-webkit-input-placeholder,.feedback .ipt-item textarea::-webkit-input-placeholder {
	color: #ccc
}

.feedback .ipt-item label {
	display: block;
	margin-bottom: 13px;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	line-height: 16px;
	color: #666
}

.feedback .ipt-item label i {
	color: #f77272;
	font-style: normal
}

.feedback .ipt-item input {
	display: block;
	width: 534px;
	height: 44px;
	padding: 0 10px;
	font-size: 16px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.feedback .ipt-item input:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.feedback .ipt-item textarea {
	display: block;
	width: 534px;
	min-height: 164px;
	padding: 10px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 28px;
	resize: none
}

.feedback .ipt-item textarea:focus {
	border: 1px solid #0083ff;
	-webkit-box-shadow: 0 0 5px #0083ff;
	box-shadow: 0 0 5px #0083ff
}

.feedback .ipt-item span {
	position: absolute;
	bottom: -30px;
	right: 0;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	color: #ccc
}

.feedback .submit {
	display: block;
	width: 140px;
	height: 46px;
	margin: 0 auto;
	background: #0083ff;
	border-radius: 4px;
	font-size: 18px;
	font-family: MicrosoftYaHei;
	line-height: 46px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.feedback .submit:hover {
	background: #66b1ff
}

.resetPassword {
	width: 900px;
	margin: 82px auto 104px;
	-webkit-box-shadow: 0 5px 15px 2px #ccc;
	box-shadow: 0 5px 15px 2px #ccc;
	background-color: #fff
}

.resetPassword .resetPassword-main .title {
	color: #333;
	font-size: 20px;
	font-weight: 400;
	padding-top: 66px;
	padding-bottom: 40px;
	text-align: center
}

.resetPassword .resetPassword-main .current-step {
	width: 50%;
	margin: auto;
	display: table
}

.resetPassword .resetPassword-main .current-step .step {
	width: 33.33%;
	display: table-cell;
	text-align: center
}

.resetPassword .resetPassword-main .current-step .step i {
	display: block;
	width: 9px;
	height: 9px;
	margin: 0 auto 6px;
	border-radius: 50%;
	background-color: #eee;
	position: relative
}

.resetPassword .resetPassword-main .current-step .step i.before:before {
	content: "";
	height: 1px;
	width: 79px;
	background-color: #eee;
	position: absolute;
	top: 50%;
	right: 100%
}

.resetPassword .resetPassword-main .current-step .step i.after:after {
	content: "";
	height: 1px;
	width: 79px;
	background-color: #eee;
	position: absolute;
	top: 50%;
	left: 100%
}

.resetPassword .resetPassword-main .current-step .step span {
	color: #999;
	font-size: 14px
}

.resetPassword .resetPassword-main .current-step .step.current {
	position: relative;
	top: 2px
}

.resetPassword .resetPassword-main .current-step .step.current i {
	padding: 6.5px;
	background-color: #0083ff
}

.resetPassword .resetPassword-main .current-step .step.current i.after:after,.resetPassword .resetPassword-main .current-step .step.current i.before:before {
	background-color: #0083ff
}

.resetPassword .resetPassword-main .current-step .step.current span {
	color: #0083ff
}

.resetPassword .resetPassword-main .current-step .step.already i,.resetPassword .resetPassword-main .current-step .step.already i.after:after,.resetPassword .resetPassword-main .current-step .step.already i.before:before {
	background-color: #0083ff
}

.resetPassword .resetPassword-main .current-step .step.already span {
	color: #0083ff
}

.resetPassword .resetPassword-main .form {
	width: 350px;
	margin: 0 auto;
	margin-top: 76px;
	position: relative
}

.resetPassword .resetPassword-main .form .formItem {
	margin-top: 20px
}

.resetPassword .resetPassword-main .form .formItem input {
	color: #666;
	font-size: 14px;
	width: 100%;
	padding: 13px 12px;
	border: 1px solid #e5e5e5
}

.resetPassword .resetPassword-main .form .formItem input::-webkit-input-placeholder {
	color: #ccc
}

.resetPassword .resetPassword-main .form .formItem input:-ms-input-placeholder,.resetPassword .resetPassword-main .form .formItem input::-ms-input-placeholder {
	color: #ccc
}

.resetPassword .resetPassword-main .form .formItem input::placeholder {
	color: #ccc
}

.resetPassword .resetPassword-main .form .formItem.validateCode {
	position: relative
}

.resetPassword .resetPassword-main .form .formItem.validateCode input {
	padding-right: 140px
}

.resetPassword .resetPassword-main .form .formItem.validateCode .get {
	width: 120px;
	color: #0080ff;
	font-size: 14px;
	height: 38px;
	border: none;
	background-color: #e5f2ff;
	position: absolute;
	right: 5px;
	top: 3px
}

.resetPassword .resetPassword-main .form .warning {
	color: #ff7923;
	font-size: 14px;
	line-height: 30px;
	border: 1px solid #ffba88;
	margin-top: 20px;
	padding-left: 38px;
	background: #fff6e3 url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEUAAAD/AAD/bST/kiT/djv/iTv/gDn/hjn/gzj/gDf/gjX/gDT/hTr/gjn/gzj/gTn/hTn/gzn/gjn/gzn/gjn/gzn/gzn/gzj/gjj/gzj/gjj/gzj/gjn/gzn/gjn/gzn/gzn/gzn/gzn/gzn/gzn/gjj/gzj/gzl1hcKzAAAAJ3RSTlMAAQcHDQ0oKCkqKywsLUBHR0h4eaGhoqenqKytxsbb3OXm8fL4+fk4S7gUAAAAm0lEQVR4Xm3P4RLBMBBF4SPaomhQWgiRKPf939Codpjy/dy5u3OXlt1emuaytfQyp47LaBVRoZwbMy+DYgEwjapTWulJcQo4nUZ0Rgc5sAopPdIgy04bvmxU4bXgy1KeRmNQD6PHn9FwcSFP9XN+UCK5yoLT8VO1lgNmUfukyxzfD1HcFMrcmLwMuhW0Jmd1zhm9VeXvd1+teXkCDTgSFUbN1owAAAAASUVORK5CYII=) 11px no-repeat;position: absolute;
	top: -70px;
	width: 100%
}

.resetPassword .resetPassword-main .form .submit {
	width: 100%;
	color: #fff;
	font-size: 16px;
	padding: 12px 0 14px;
	margin: 36px 0 135px;
	background-color: #0083ff;
	border-radius: 4px;
	border: 1px solid #0083ff
}

.resetPassword .resetPassword-main .reset-success {
	text-align: center
}

.resetPassword .resetPassword-main .reset-success .logo {
	width: 105px;
	height: 132px;
	margin: 62px auto 30px
}

.resetPassword .resetPassword-main .reset-success .message {
	color: #333;
	font-size: 18px;
	line-height: 38px
}

.resetPassword .resetPassword-main .reset-success .link {
	color: #999;
	font-size: 14px;
	padding-bottom: 100px;
	line-height: 38px
}

.resetPassword .resetPassword-main .reset-success .link span {
	color: #0083ff;
	cursor: pointer
}

.login-contanner {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1200;
	background: rgba(0,0,0,.5)
}

@-webkit-keyframes mymove {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes mymove {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.login-contanner button {
	cursor: pointer
}

.login-contanner .login {
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #fff;
	padding: 40px 40px 31px
}

.login-contanner .login .close {
	border: none;
	width: 40px;
	height: 40px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAS1BMVEUAAADl5eXm5ubm5ubm5ubk5OTk5OTl5eXl5eXl5eXl5eXm5ubk5OTk5OTl5eXm5ubl5eXk5OTl5eXl5eXk5OTl5eXl5eXl5eXl5eW1CONsAAAAGHRSTlMAYmRmZ2hpamtsbnFyl5yi7+/y9fb3/f7+VvsfAAAAYklEQVR4XmXPOxKAIABDwSj+QEUUBe5/UguYiRlTbpWHIw6Quccjlrx8bc0lYM5VaakHbFWaAapaMSpNlEZtptpMtZl+ZgUt8RnN8C8NEN2kTYxKE3X/thH3vy3Anx1k07W/uJULx/ov/sUAAAAASUVORK5CYII=) no-repeat 50%;position: absolute;
	right: 0;
	top: -40px
}

.login-contanner .login .close:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAASFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////neHiwAAAAF3RSTlMAYmRmZ2hpamtsbnFyl5yi7/L19vf9/vBzqPwAAABiSURBVHheZc87EoAgAEPBKP5ARUSB+9/UAmZihpRb5eGKE2Tu9Yglb3/bcwlYc1VaGgFblWaAqlaMShOlUZupNlNtpp9ZQUt8RjP8SwNED2kTo9JEXd824+nbAnwYIFvu8wNhjgtdNczsJwAAAABJRU5ErkJggg==) no-repeat 50%
}

.login-contanner .login .title {
	color: #333;
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 26px
}

.login-contanner .login .form {
	width: 100%;
	margin: 0 auto;
	position: relative
}

.login-contanner .login .form .warning {
	color: #ff7923;
	font-size: 14px;
	line-height: 30px;
	border: 1px solid #ffba88;
	padding-left: 38px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAeFBMVEUAAAD/AAD/bST/kiT/djv/iTv/gDn/hjn/gzj/gDf/gjX/gDT/hTr/gjn/gzj/gTn/hTn/gzn/gjn/gzn/gjn/gzn/gzn/gzj/gjj/gzj/gjj/gzj/gjn/gzn/gjn/gzn/gzn/gzn/gzn/gzn/gzn/gjj/gzj/gzl1hcKzAAAAJ3RSTlMAAQcHDQ0oKCkqKywsLUBHR0h4eaGhoqenqKytxsbb3OXm8fL4+fk4S7gUAAAAm0lEQVR4Xm3P4RLBMBBF4SPaomhQWgiRKPf939Codpjy/dy5u3OXlt1emuaytfQyp47LaBVRoZwbMy+DYgEwjapTWulJcQo4nUZ0Rgc5sAopPdIgy04bvmxU4bXgy1KeRmNQD6PHn9FwcSFP9XN+UCK5yoLT8VO1lgNmUfukyxzfD1HcFMrcmLwMuhW0Jmd1zhm9VeXvd1+teXkCDTgSFUbN1owAAAAASUVORK5CYII=) 11px no-repeat;background-color: #fff6e3
}

.login-contanner .login .form .formItem {
	margin-top: 20px
}

.login-contanner .login .form .formItem input {
	color: #666;
	font-size: 14px;
	width: 100%;
	padding: 13px 12px;
	border: 1px solid #e5e5e5
}

.login-contanner .login .form .formItem input::-webkit-input-placeholder {
	color: #ccc
}

.login-contanner .login .form .formItem input:-ms-input-placeholder,.login-contanner .login .form .formItem input::-ms-input-placeholder {
	color: #ccc
}

.login-contanner .login .form .formItem input::placeholder {
	color: #ccc
}

.login-contanner .login .form .link {
	color: #f23e3e;
	font-size: 14px;
	padding-top: 10px
}

.login-contanner .login .form .link .toRegister {
	color: #333;
	font-size: 14px;
	cursor: pointer
}

.login-contanner .login .form .link .toResetPassword {
	color: #0083ff;
	font-size: 14px;
	float: right;
	cursor: pointer
}

.login-contanner .login .form .submit {
	width: 100%;
	color: #fff;
	font-size: 16px;
	padding: 12px 0 14px;
	margin-top: 32px;
	background-color: #0083ff;
	border-radius: 4px;
	border: 1px solid #0083ff
}

.login-contanner .login .form .thirdPartyLogin {
	margin-top: 43px
}

.login-contanner .login .form .thirdPartyLogin>span {
	color: #999;
	font-size: 14px
}

.login-contanner .login .form .thirdPartyLogin .party {
	float: right
}

.login-contanner .login .form .thirdPartyLogin .party button {
	width: 24px;
	height: 24px;
	border: none
}

.login-contanner .login .form .thirdPartyLogin .party .weixin {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABOFBMVEUAAAAAAAD///+/v7+zs7OioqK5ubmwsLCzs7O0tLS2tra3t7e0tLS1tbW0tLS1tbW2tra3t7ezs7O1tbWzs7O0tLS0tLS1tbWzs7O2tra1tbW1tbW0tLS1tbW0tLS1tbW0tLS1tbW0tLS1tbW0tLS1tbW0tLS0tLS0tLS0tLS0tLS1tbW2tra0tLS1tbW2tra0tLS2tra1tbW0tLS0tLS2tra1tbW0tLS1tbW2tra1tbW1tbW1tbW1tbW2tra1tbW1tbW0tLS1tbW0tLS1tbW2tra1tbW1tbW1tbW0tLS1tbW1tbW1tbW1tbW1tbW2tra1tbW0tLS1tbW1tbW1tbW1tbW1tbW1tbW0tLS1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW2tra1tbW1tbW0tLS1tbW1tbW1tbVCfIGGAAAAZ3RSTlMAAQIECgsWHR4iIycsLTM0ODk8PkNER0xNUFNZXF1jaG1vc3l7fH1+gYKIiYuMjY+SkpSWmp2eo6WnqK+wsri5vb/Cw8XGyMrMzc7S1tjZ29ze3+Dh4+bn6Orr7fL09fn6+vv8/f3+toQd0gAAAOVJREFUGBmdwNVWAlEARuFfAbu7wRobC7sLAwe7URBh9vu/gQccYFjLKz5Vpj1iJ3k7CPpVpmYX13O/POruKHJGVeS7gJftFHB5CJkuFYwAvVqBpL/qBmIqOAbCtVFw+loTQItcn5S8L41bQ83VystQkF2wHjBepwMynnBlQ1Fcdr2kNVzhE4glIXPlYAekpjR5iRCcyoKItmBC0iR5O/vwMXwG9uA9XMuYcTDmH/H4UU4cYzWOx5eMBva6g3PBDTyOZHR2KKfNoWRAHrMUbarMVJo/6z6Va1y2v1O354zpfz2LqsQvhPtpku/wMwYAAAAASUVORK5CYII=) 50% no-repeat
}

.login-contanner .login .form .thirdPartyLogin .party .weixin:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABSlBMVEUAAAAAAAAA/wBAv0AzszMuoi4uuS41sDUzszM1tDUztjM0sTQ0tDQzsDMytDIxtTYysjc2szYzszM1tTUxszU1tDUytDY2tTY1szUzszM0tTQ0tTY1tDU0sjQ0tDYzszY2tTYztDY1szU1tDU1szU0tDYzszU1tDU1tDUztDU1tDU1tDU0tTY1tDU1tDU0szY0tTY1tDU0tDY0szU1tDY1szU1tDU2tDY1tTU1tDU1szY0tDU1tTU0tTY0tDY0szU1tDY0szY1szY0tDU1tDY0tDY1tDY1tDY0tDY0szU1tDY0szU1szU0tDU0tDY1szU1szY1tTY1tDY0tDY0tDU1szY1tDY0tDY0tDU1tDY1tDY1tDY1szY0tDU1tDU1tDY1tDY1tDU1tDY0tDU1tDY1tDY1tTY1tDY1tDY0szU0tDU0tDU1tDY1tDaBPBBjAAAAbXRSTlMAAQIECgsWHR4iIycsLTM0ODk8PkNER0xNUFNZXF1jaGhtb3N5e3x9foGCiImLjI2Nj5KUlpqanZ6jpaeor7CyuLm9v8LDxcbIyszNztLW2NjY2dvc3t/g4ePm5+jq6+3y9PX5+fr6+/z9/f7+xnfz6AAAAOdJREFUGBmdwNVWQlEARdGtgN3diIUd2N2KgSh2o4hIrP9/9YAXuIzhE1PFaVwMfvG663aqQNkWlqdO2VTckpMcUI7jFJ43osDZHsRblNUHtGseIs6Sawgo6wCYLfdDqqM+DNTJ8kHem2/I21Nbqow4WYlp7z3Gy5hLxiOWhMePJVgpaRnLzCEEIhA/T3HlkmpiZIQ9cCQvLGkdhiWNkLG5A++9x3DZfQcXMsaTGFMP2PwoLYSxEMLmU0YV263uyf5VbPZlNDcprSFJXpdsJshZU4HRGH9WHCpU7Qt+R29OGNT/2uZUjF8hxG8dgyXt1wAAAABJRU5ErkJggg==) 50% no-repeat
}

.login-contanner .login .form .thirdPartyLogin .party .weibo {
	margin-left: 27px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAw1BMVEUAAACAgICfn5+qqqqvr6+zs7O1tbWtra2vr6+2traxsbG3t7e4uLizs7O4uLi1tbW2trazs7Ozs7O3t7e1tbW1tbW2tra2tra3t7e0tLS1tbW1tbW1tbW2tra0tLS2tra0tLS1tbW2tra0tLS1tbW1tbW1tbW1tbW0tLS2tra0tLS1tbW1tbW1tbW0tLS1tbW0tLS0tLS1tbW1tbW1tbW1tbW0tLS0tLS1tbW1tbW1tbW0tLS0tLS0tLS1tbW1tbW1tbVWjk7eAAAAQHRSTlMABAgMEBQYHCAjJCcrLy83OzxAQ09TV1tfY2drb3N3d3uHi4+Xm5+jp6err7O3u7u/w8fLz9PX29/j5+vv8/f7Fij3tgAAAPZJREFUGBmtwG03wgAAhuFnrdpITLWS1lAiSm9mbbOX+///KlacOodvXPozj3zZ0S/cCJga+skyvYypDuxuz5TkkvqNjI6+NGbAQpI12uJ7LLV3lQMUKpnbtEquHY+d+GIURE/mHXaEStccG7qrSoY+tQuODST1B5LMGAh8x7ZPO5McvIr2biBxZbp+typZG4gd7YSkDTkpkJxIVgaxoRIMVUmgyHiUNANslaClS+a3qzWBpDVQU2lDT63cUADPUhNYaMclNOvZ7AXSpuohZA3tjQnOzybh272tbgLvjr65W5a+2+qPIygeajow2uPXFEjmXl3/7wNBfy90ctDAHAAAAABJRU5ErkJggg==) 50% no-repeat
}

.login-contanner .login .form .thirdPartyLogin .party .weibo:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAvVBMVEUAAAD/QED/QED/QED/QED/TU3/Skr/SUn/SEj/SUn/R0f/Tkj/Tk7/TU3/TEz/Skr/Tk7/TUj/TEz/TEz/TUr/TU3/TEz/TEz/S0v/TUv/TU3/TEz/TEz/Tkv/TUv/TU3/TUz/TUv/TUv/TEz/TUz/TUv/TUv/TEz/TEz/TUz/TUz/TUv/TEv/TEz/TEz/TUz/TUz/TUv/TEv/TEz/TUz/TUz/TUv/TEv/TEv/TUz/TUz/TUz/TEv/TEv/TUw/DV1+AAAAPnRSTlMABAgMEBQYHCAjJCcnKy83OzxAQ09TV1tfY2drb3N3e4eLj5ebn6Onq6+zt7u/w8PHy8/T19vf4+fr7/P3+4i+xhAAAAD0SURBVBgZrcBRUoIAAEXRh6hQmpGKZiKlVaZhGSEQwN3/sgqs0Zn6q6M/8yiCoX7hxsDS0E+W6eUsdWCPxqYkl8zv5Az1pbsCAknWfIfvEWjvsgAoVTF3WZNCNY9acj4P46V5gx2jyhXHZu6mkaNPg5JjU0mTqSQzAULfse3T4V0BXkN7PqSuTNcfNSVrC4mjWkTWkZMB6Ylk5ZAYqsBMjRTKnAdJK8BWBfq6YH29eSaU9AK0VNkyVr8wFMKj1AMC1Vwis52vniDrqR1B3tXegrB3dhe93doapfDu6Ju7I/Dd/mQRQ3nf0oExWLxmQLr22vp/H6qILg6TmKCuAAAAAElFTkSuQmCC) 50% no-repeat
}

.login-contanner .login .form .thirdPartyLogin .party .qq {
	margin-left: 27px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAw1BMVEUAAAD///+AgIC2trazs7O7u7u0tLS1tbWtra22trazs7O1tbWzs7O3t7eysrK2tra0tLSysrK0tLS0tLS1tbW2tra0tLS1tbW0tLSzs7Ozs7O1tbW0tLS1tbW1tbW1tbW1tbW1tbW1tbW2tra0tLS1tbW1tbW0tLS2tra2tra1tbW1tbW1tbW1tbW0tLS0tLS0tLS1tbW1tbW1tbW1tbW1tbW0tLS1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW0tLS1tbX8ERHxAAAAQHRSTlMAAQIHCg8RGBkcHh8lJzU7PUZHTlNUVVZjZWh4e4aRlZyhoq6xtLrDw8bHysvM0NPd3ePk6uvs8PT19vf4+vv9i+Q4OQAAAItJREFUGBm9wNUSglAABNC1u7s7wRZFEdz//ypH5Qbvjge/F67PLN7NbhxBiQW/rDJ00R2FRwGaDpUtNBtqslBO1BQhZWxqJpAa1D0jEPrUGRAqDKrBt2LQGj6PDhWPLnxmb0BlPrpCSp0pOHkkIVUNCvt2CFKJH0eXby1IsbFFe9lEbni4XaZp/MsL60I1EP7qpMEAAAAASUVORK5CYII=) 50% no-repeat
}

.login-contanner .login .form .thirdPartyLogin .party .qq:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAw1BMVEUAAAAA//8AgP9Jkv9Nmf9Eqv9Lpf9Kn/9Ho/9JpP9Nqv9Kpf9Mpf9Oqv9NpP9JpP9Lo/9MpP9Lpf9Lp/9Kpv9Mp/9Lpf9Kpv9Lpf9Mp/9Mp/9Npv9Lpv9Mpv9Mpf9Lpv9Lp/9Mpf9Mpf9Mpv9Lpv9Lpv9Lpv9Mpv9Mpv9Mpf9Mpf9Lpv9Mpv9Mpv9Mpv9Lpf9Lpv9Mpv9Mpv9Mpv9Mpf9Lpv9Lpv9Mpv9Mp/9Mpv9Lpv9Mp/9Lpf9Lpv9Mpv9Mpf9Mpv8c5Ef9AAAAQHRSTlMAAQIHCg8RGBkcHh8lJzU7PUZHTlNUVVZjZWh4e4aRlZyhoq6xtLrDxsfKy8zQ093j5Orr7PD09PX29/j6+vv925gcwQAAAIxJREFUGBm9wdcWwVAABMDVe++9CwmCqEHs/3+Vg9ySd8cMfi9cnzm8Wt04ghIGv5wydNENhVsBmg6VNTQrarJQdtQUIWVO1EwgNah7RiD0qTMhVBhUg2/BoCV8Hl0qHh/wWb0BlfnoCCm1p+DmkYRUNSnY7RCkEj+2d761IMXGDs9GE7mhfTlM0/iXF8LVNOqnFKbvAAAAAElFTkSuQmCC) 50% no-repeat
}

.setUp {
	width: 752px;
	min-height: 450px;
	margin: 58px auto 200px;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #fff;
	-webkit-box-shadow: 0 5px 15px 2px #ccc;
	box-shadow: 0 5px 15px 2px #ccc
}

.setUp button {
	cursor: pointer
}

.setUp .banner {
	text-align: center;
	border-bottom: 1px solid #e5e5e5
}

.setUp .banner button {
	color: #666;
	font-size: 20px;
	padding: 0 30px;
	border: none;
	background: none;
	height: 64px
}

.setUp .banner button.select {
	color: #0083ff
}

.setUp .banner button.select:after {
	content: "";
	display: block;
	width: 28px;
	height: 4px;
	margin: auto;
	border-radius: 2px;
	background-color: #0083ff;
	position: relative;
	top: 7px
}

.setUp .modifyPassword .form {
	width: 400px;
	margin: 0 auto;
	padding: 40px 0 80px
}

.setUp .modifyPassword .form h2 {
	background: #fff;
	color: #333;
	font-size: 20px;
	line-height: 40px
}

.setUp .modifyPassword .form .form-item {
	margin-top: 20px
}

.setUp .modifyPassword .form .form-item input {
	color: #333;
	line-height: 34px;
	font-size: 14px;
	padding-left: 8px;
	padding-right: 40px;
	border: 0;
	width: 100%;
	border-bottom: 1px solid #dcdfe6;
	-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
	transition: border-color .2s cubic-bezier(.645,.045,.355,1)
}

.setUp .modifyPassword .form .form-item input::-webkit-input-placeholder {
	color: #666
}

.setUp .modifyPassword .form .form-item input:-ms-input-placeholder,.setUp .modifyPassword .form .form-item input::-ms-input-placeholder {
	color: #666
}

.setUp .modifyPassword .form .form-item input::placeholder {
	color: #666
}

.setUp .modifyPassword .form .form-item input:focus {
	border-bottom: 2px solid #0083ff
}

.setUp .modifyPassword .form .submit {
	display: block;
	color: #fff;
	font-size: 18px;
	width: 140px;
	padding: 8px 0;
	margin: 50px auto 0;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background-color: #0083ff
}

.setUp .accountSet {
	padding: 0 40px;
	clear: both
}

.setUp .accountSet h2 {
	color: #666;
	font-size: 20px;
	font-weight: 400;
	margin-top: 36px
}

.setUp .accountSet .binding-item {
	margin: 30px 20px 0 0;
	padding: 20px 13px 16px;
	float: left;
	text-align: center;
	border: 1px solid #dddfe6;
	border-radius: 4px
}

.setUp .accountSet .binding-item img {
	width: 64px;
	height: 64px
}

.setUp .accountSet .binding-item .name {
	color: #666;
	font-size: 20px;
	margin-top: 12px
}

.setUp .accountSet .binding-item .alert {
	color: #ccc;
	font-size: 14px;
	margin-top: 8px
}

.setUp .accountSet .binding-item button {
	color: #666;
	font-size: 18px;
	background: none;
	border: 1px solid #dddfe6;
	border-radius: 4px;
	height: 36px;
	padding: 0 20px;
	margin-top: 12px
}

.setUp .accountSet .binding-item button.light {
	color: #0083ff;
	border: 1px solid #0083ff
}

.shopdetail {
	background-color: #f8f8f8
}

.shopdetail .headers {
	width: 100%;
	height: 80px;
	background: #fff;
	border-top: 1px solid #e5e5e5
}

.shopdetail .headers .navs {
	width: 1200px;
	margin: 0 auto
}

.shopdetail .headers .navs .headerleft,.shopdetail .headers .navs .headerright {
	display: inline-block;
	vertical-align: top;
	margin: 12px 0
}

.shopdetail .headers .navs .headerleft div {
	display: inline-block;
	vertical-align: top
}

.shopdetail .headers .navs .headerleft .logo {
	width: 130px;
	height: 54px
}

.shopdetail .headers .navs .headerleft .tximgBox {
	width: 130px;
	height: 54px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.shopdetail .headers .navs .headerleft img {
	width: 130px;
	height: 54px
}

.shopdetail .headers .navs .headerleft .shopname {
	margin-left: 17px
}

.shopdetail .headers .navs .headerleft .shopname h3 {
	width: 180px;
	height: 18px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 17px
}

.shopdetail .headers .navs .headerleft .shopname section {
	font-size: 14px;
	margin-top: 10px
}

.shopdetail .headers .navs .headerleft .shopname section p {
	width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top
}

.shopdetail .headers .navs .headerleft .shopname section a {
	color: #0083ff;
	cursor: pointer
}

.shopdetail .headers .navs .headerright {
	margin: 33px 0;
	margin-left: 410px
}

.shopdetail .headers .navs .headerright span {
	margin-left: 39px;
	color: #666;
	font-size: 14px
}

.shopdetail .headers .navs .headerright .collection {
	margin-left: 5px
}

.shopdetail .headers .navs .headerright .havecolloct {
	color: #999!important
}

.shopdetail .headers .navs .headerright a {
	color: #666;
	font-size: 14px;
	cursor: pointer;
	position: relative
}

.shopdetail .headers .navs .headerright a .shoucang {
	color: #ff4500
}

.shopdetail .headers .navs .headerright a .kefu {
	color: #0083ff;
	margin-right: 5px
}

.shopdetail .headers .navs .headerright a .fengexian {
	position: absolute;
	width: 1px;
	height: 10px;
	background: #e5e5e5;
	top: 4px;
	right: 94px
}

.shopdetail .headers .maincontainer {
	width: 1000px;
	max-height: 710px;
	text-align: center;
	position: relative;
	border: 1px solid #fff
}

.shopdetail .headers .maincontainer .closemask {
	position: absolute;
	right: 23px;
	top: 23px;
	font-size: 24px;
	cursor: pointer
}

.shopdetail .headers .maincontainer .maskimg {
	margin-top: 60px;
	height: 140px;
	text-align: center
}

.shopdetail .headers .maincontainer .maskimg .imgBox {
	margin: 5px auto;
	width: 140px;
	height: 140px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.shopdetail .headers .maincontainer h3 {
	font-size: 16px;
	margin-top: 14px;
	margin-bottom: 11px
}

.shopdetail .headers .maincontainer .fensi span {
	margin-left: 15px;
	font-size: 14px;
	color: #999
}

.shopdetail .headers .maincontainer .maskmsg {
	text-align: left;
	margin: 30px 155px;
	font-size: 16px;
	line-height: 30px
}

.shopdetail .headers .maincontainer .maskmsg .jiange {
	margin-bottom: 30px;
	height: 257px;
	width: 690px;
	overflow-y: auto;
	word-wrap: break-word
}

.shopdetail .headers .maincontainer .maskbtn button {
	width: 120px;
	height: 40px;
	background: #0083ff;
	border-radius: 4px;
	border: none;
	color: #fff;
	font-size: 14px;
	margin-right: 50px;
	margin-bottom: 55px;
	cursor: pointer
}

.shopdetail .headers .maincontainer .maskbtn button:last-of-type {
	background: #fff;
	border: 1px solid #0083ff;
	color: #0083ff
}

.shopdetail .second-nav {
	width: 100%;
	height: 50px;
	background: #2a3345
}

.shopdetail .second-nav .navs {
	width: 1200px;
	margin: 0 auto
}

.shopdetail .second-nav .navs .servicesort {
	padding: 14px 0
}

.shopdetail .second-nav .navs .servicesort .item {
	display: inline-block;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s
}

.shopdetail .second-nav .navs .servicesort .item a {
	position: relative;
	display: inline-block;
	padding: 5px 0;
	font-size: 14px;
	line-height: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	margin-right: 50px
}

.shopdetail .second-nav .navs .servicesort .item a.select {
	color: #fff
}

.shopdetail .second-nav .navs .servicesort .item a.select:before {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #fff
}

.shopdetail .second-nav .navs .servicesort .item a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	bottom: -7px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #fff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.shopdetail .second-nav .navs .servicesort .item a:hover {
	color: #fff
}

.shopdetail .second-nav .navs .servicesort .item a.select:after,.shopdetail .second-nav .navs .servicesort .item a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.shopdetail .second-sort {
	width: 1200px;
	margin: 0 auto;
	height: 60px;
	line-height: 45px;
	font-size: 14px
}

.shopdetail .second-sort .item {
	display: inline-block;
	margin-right: 45px
}

.shopdetail .second-sort .item span {
	color: #666;
	cursor: pointer
}

.shopdetail .second-sort .item span.select,.shopdetail .second-sort .item span:hover {
	color: #0083ff
}

.shopdetail .shopimgs {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	background-color: #f8f8f8;
	-webkit-transition: all 1s;
	transition: all 1s
}

.shopdetail .shopimgs img {
	width: 100%
}

.shopdetail .shopservice {
	width: 1200px;
	margin: 30px auto;
	background-color: #fff
}

.shopdetail .shopservice .shopsort {
	padding: 31px;
	cursor: pointer
}

.shopdetail .shopservice .shopsort span {
	color: #333;
	font-size: 14px;
	padding: 7px 15px;
	border-radius: 4px;
	margin-right: 20px
}

.shopdetail .shopservice .shopsort span.select {
	background-color: #e5f2ff;
	border-radius: 4px;
	color: #0083ff
}

.shopdetail .shopservice .shopsort span.select .iconfont {
	color: #0083ff!important
}

.shopdetail .shopservice .shopsort .icon-congdidaogao,.shopdetail .shopservice .shopsort .icon-conggaodaodi {
	color: #7d7d7d;
	margin-right: 0!important;
	padding-left: 5px;
	padding-right: 5px
}

.shopdetail .shopservice .shop {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 255px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin: 20px 9px 20px 31px;
	border: 1px solid #f2f2f2
}

.shopdetail .shopservice .shop:hover {
	-webkit-box-shadow: 0 4px 32px 0 rgba(49,49,49,.1);
	box-shadow: 0 4px 32px 0 rgba(49,49,49,.1)
}

.shopdetail .shopservice .shop .shopimg {
	width: 254px;
	height: 253px;
	margin-bottom: 20px
}

.shopdetail .shopservice .shop .shopimg .imgBox {
	width: 254px;
	height: 253px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.shopdetail .shopservice .shop .shopdetail {
	width: 215px;
	margin: 0 20px;
	background: #fff
}

.shopdetail .shopservice .shop .shopdetail .jiage {
	position: relative;
	height: 20px;
	font-size: 14px
}

.shopdetail .shopservice .shop .shopdetail .jiage .shopprice {
	color: #f77272;
	font-size: 18px;
	position: absolute;
	left: -3px;
	top: -3px;
	font-weight: 700
}

.shopdetail .shopservice .shop .shopdetail .jiage .fixedprice {
	font-size: 12px;
	font-weight: 400;
	color: #999
}

.shopdetail .shopservice .shop .shopdetail .jiage .shopdeal {
	color: #999;
	position: absolute;
	right: 0;
	top: 2px
}

.shopdetail .shopservice .shop .shopdetail .shopmsg {
	margin-top: 14px;
	width: 215px;
	height: 38px;
	line-height: 18px;
	font-size: 14px;
	text-align: justify;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #333;
	cursor: pointer
}

.shopdetail .shopservice .shop .shopdetail .shopname {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	margin-top: 5px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px
}

.shopdetail .shopservice .nomsgimg {
	width: 230px;
	margin: 20px auto;
	padding-bottom: 40px
}

.shopdetail .shopservice .nomsgimg img {
	width: 230px;
	height: 190px
}

.shopdetail .shopservice .nomsgimg p {
	color: #d0d0d0;
	font-size: 20px;
	margin-top: 30px;
	text-align: center
}

.allsprojectlist .input .el-input__inner {
	width: 1020px;
	height: 60px;
	min-height: 60px!important;
	background: #f8f8f8;
	border: 1px solid #f8f8f8;
	border-radius: 4px 0 0 4px;
	line-height: 0;
	padding: 10px 15px;
	vertical-align: middle
}

.allsprojectlist .input .el-input__inner:focus {
	border-color: #0083ff;
	background: #fff
}

.allsprojectlist {
	width: 100%;
	background: #fff
}

.allsprojectlist h2,.allsprojectlist h3 {
	font-weight: 400
}

.allsprojectlist li {
	list-style: none
}

.allsprojectlist i {
	font-style: normal
}

.allsprojectlist .return {
	display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
	color: #25aaff
}

.allsprojectlist input[type=number] {
	-moz-appearance: textfield
}

.allsprojectlist input[type=number]::-webkit-inner-spin-button,.allsprojectlist input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.allsprojectlist .banner {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	_width: 1200px;
	margin-bottom: 30px;
	padding-top: 44px;
	background: url(http://www.luojinet.com/img/banner.ec68e4f.png) no-repeat 50%;
	background-size: 100% 100%
}

.allsprojectlist .banner h2 {
	width: 1200px;
	font-size: 26px;
	line-height: 26px;
	color: #fff;
	margin: 0 auto;
	position: relative
}

.allsprojectlist .banner h2 a {
	display: inline-block;
	width: 76px;
	height: 30px;
	background: url(http://www.luojinet.com/img/go.ef3244b.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -2px;
	margin-left: 20px;
	cursor: pointer
}

.allsprojectlist .theprojectlist {
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
	padding-bottom: 60px;
	border-bottom: 1px solid #e5e5e5;
	background: #fff
}

.allsprojectlist .theprojectlist .middle {
	width: 1200px;
	margin: 0 auto
}

.allsprojectlist .theprojectlist .middle .search {
	width: 1200px;
	margin-bottom: 30px
}

.allsprojectlist .theprojectlist .middle .search .input {
	float: left;
	width: 1020px;
	height: 60px;
	font-size: 18px;
	color: #000
}

.allsprojectlist .theprojectlist .middle .search .btn {
	float: left;
	width: 180px;
	height: 60px;
	background: #0083ff;
	cursor: pointer;
	font-size: 18px;
	line-height: 18px;
	padding: 21px 0;
	color: #fff;
	text-align: center;
	-webkit-transition: all .2s;
	transition: all .2s
}

.allsprojectlist .theprojectlist .middle .search .btn:hover {
	background: #66b1ff
}

.allsprojectlist .theprojectlist .middle .titles li {
	position: relative;
	float: left;
	height: 48px;
	margin-right: 40px;
	background: #fff;
	text-align: center;
	cursor: pointer
}

.allsprojectlist .theprojectlist .middle .titles li a {
	font-size: 18px;
	line-height: 48px;
	color: #666
}

.allsprojectlist .theprojectlist .middle .titles li:last-child {
	margin-right: 0
}

.allsprojectlist .theprojectlist .middle .titles li:hover a {
	color: #0083ff
}

.allsprojectlist .theprojectlist .middle .titles li:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.allsprojectlist .theprojectlist .middle .titles li:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.allsprojectlist .theprojectlist .middle .titles .active:after,.allsprojectlist .theprojectlist .middle .titles .nuxt-link-active:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #0083ff;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.allsprojectlist .theprojectlist .middle .titles .active a,.allsprojectlist .theprojectlist .middle .titles .nuxt-link-active a {
	color: #0083ff
}

.allsprojectlist .theprojectlist .middle .paramsList {
	margin-top: 15px;
	font-size: 14px
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort {
	border: 1px solid #e5e5e5;
	padding-bottom: 30px
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort {
	padding-left: 24px;
	background: #fafafa;
	border-bottom: 1px solid #e5e5e5
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .name {
	color: #666;
	margin-right: 10px
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item {
	display: inline-block;
	padding: 0;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a {
	position: relative;
	display: inline-block;
	padding: 17px 16px;
	line-height: 14px;
	font-family: MicrosoftYaHei;
	color: #333
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a.select {
	color: #0083ff;
	background: #fff
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a.select:before {
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #0083ff
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a.select:after {
	content: "";
	position: absolute;
	top: 47px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #fff
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	top: -1px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a:hover {
	color: #0083ff
}

.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a.select:after,.allsprojectlist .theprojectlist .middle .paramsList .projectsort .jobsort .item a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.allsprojectlist .theprojectlist .middle .paramsList .items {
	display: table;
	width: 100%;
	clear: both;
	padding-top: 20px;
	margin-left: 24px
}

.allsprojectlist .theprojectlist .middle .paramsList .items .name {
	vertical-align: top;
	display: table-cell;
	color: #666;
	width: 80px;
	padding: 6px 0
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value {
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
	position: relative;
	padding-right: 45px
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value.border {
	border-bottom: 1px solid #e5e5e5
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .hidden {
	width: 100%;
	height: 45px;
	overflow: hidden
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item {
	display: inline-block;
	padding: 6px 10px;
	margin-right: 15px;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item a,.allsprojectlist .theprojectlist .middle .paramsList .items .value .item span {
	margin: auto;
	height: 100%;
	color: #333
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item:after {
	content: "";
	position: absolute;
	width: 76%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 12%;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item.select {
	background: #e5f2ff
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .item.select a,.allsprojectlist .theprojectlist .middle .paramsList .items .value .item.select span,.allsprojectlist .theprojectlist .middle .paramsList .items .value .item:hover a {
	color: #0083ff
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .showSwitch {
	color: #999;
	font-size: 16px;
	border: none;
	background: none;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0
}

.allsprojectlist .theprojectlist .middle .paramsList .items .value .showSwitch.showing {
	color: #0083ff
}

.allsprojectlist .theprojectlist .middle .items-time {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	padding-top: 25px;
	margin-bottom: 50px
}

.allsprojectlist .theprojectlist .middle .items-time .dropdown {
	float: right;
	line-height: 30px;
	cursor: pointer
}

.allsprojectlist .theprojectlist .middle .items-time .dropdown .el-dropdown-link {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	display: inline-block
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList {
	overflow: hidden;
	width: 1200px;
	margin: auto
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul {
	width: 100%
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li {
	background: #fff;
	display: inline-block;
	vertical-align: top;
	width: 370px;
	cursor: pointer;
	margin-bottom: 50px;
	border: 1px solid #e5e5e5
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li:nth-child(2),.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li:nth-child(5) {
	margin: 0 45px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li:hover {
	-webkit-box-shadow: 0 15px 15px 0 hsla(0,0%,40%,.05);
	box-shadow: 0 15px 15px 0 hsla(0,0%,40%,.05)
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type {
	color: #fff;
	font-size: 22px;
	line-height: 80px;
	text-align: center;
	height: 165px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type .projectname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type .projectdess {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	margin: 10px;
	margin-top: -7px;
	width: 310px;
	height: 50px;
	text-align: left;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-left: 35px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type.type-01 {
	background: #3a3a3a url(http://www.luojinet.com/img/kaif.ec61eb6.png) 100% no-repeat;
	background-size: 35% 85%
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type.type-02 {
	background: #3a3a3a url(http://www.luojinet.com/img/shj.cb268b2.png) 100% no-repeat;
	background-size: 35% 85%
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type.type-03 {
	background: #3a3a3a url(http://www.luojinet.com/img/yuny.fdd2535.png) 100% no-repeat;
	background-size: 35% 85%
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .type.type-04 {
	background: #3a3a3a url(http://www.luojinet.com/img/cp.d90e635.png) 100% no-repeat;
	background-size: 35% 85%
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .money {
	display: block;
	margin: auto;
	color: #ff532b;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	margin-top: 20px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .money span {
	font-size: 18px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .downtime {
	font-size: 14px;
	color: #999;
	text-align: center
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .childType {
	margin-top: 15px;
	text-align: center;
	height: 26px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .childType span {
	display: inline-block;
	color: #999;
	font-size: 12px;
	padding: 5px 12px;
	background-color: #eff1f4;
	border-radius: 12px;
	margin-right: 22px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .childType span:last-child {
	margin-right: 0
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .des {
	margin: 30px 0
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .des .item {
	display: inline-block;
	width: 33%;
	text-align: center
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .des .item em {
	display: inline;
	color: #333;
	font-size: 16px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .des .item p {
	color: #999;
	font-size: 14px;
	margin-top: 10px
}

.allsprojectlist .theprojectlist .middle .list .showdownprojectList ul li .des .item:nth-child(2) {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}

.allsprojectlist .theprojectlist .middle .list .nohavedata {
	width: 100%;
	border: 1px solid #f2f2f2;
	padding: 117px 0 107px
}

.allsprojectlist .theprojectlist .middle .list .nohavedata img {
	display: block;
	margin: 0 auto 50px
}

.allsprojectlist .theprojectlist .middle .list .nohavedata p {
	font-size: 14px;
	line-height: 14px;
	color: #666;
	text-align: center
}

.allsprojectlist .pagination .unok,.allsprojectlist .pagination a {
	background: #fff
}

.allsprojectlist .pagination .unok {
	color: #eaeaea
}

#questionguide {
	background: #fff!important;
	border: 1px solid #e5e5e5
}

#questionguide .banner {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	_width: 1200px;
	padding-top: 44px;
	background: url(http://www.luojinet.com/img/bnner.b04ff8a.png) no-repeat 50%
}

#questionguide .banner h2 {
	width: 1200px;
	font-size: 26px;
	line-height: 14px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	font-weight: 400;
	padding-left: 60px
}

#questionguide .banner h2 a {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	cursor: pointer;
	color: #fff
}

#questionguide .banner h2 a:first-of-type {
	top: -6px;
	left: 380px;
	font-size: 14px;
	background: #ffc034;
	border-radius: 17px;
	padding: 8px 10px 10px
}

#questionguide .banner h2 a span {
	font-size: 26px;
	display: inline-block;
	vertical-align: top;
	margin-top: -2px;
	margin-right: 4px
}

#questionguide .banner h2 .liaomore {
	top: 30px;
	left: 5px;
	font-size: 16px
}

#questionguide .guidemain {
	margin: 40px auto;
	width: 1160px;
	height: 197px;
	background: #fff;
	-webkit-box-shadow: 0 0 38px 0 rgba(188,219,243,.2);
	box-shadow: 0 0 38px 0 rgba(188,219,243,.2);
	border-radius: 10px;
	position: relative
}

#questionguide .guidemain .firsttop p {
	position: absolute;
	bottom: 41px;
	left: 35px;
	width: 1079px;
	height: 60px;
	font-size: 20px;
	color: #333
}

#questionguide .guidemain .firsttop .lefttop,#questionguide .guidemain .firsttop .rightbotton {
	position: absolute
}

#questionguide .guidemain .firsttop .lefttop {
	top: 28px;
	left: 19px;
	width: 100px;
	height: 90px
}

#questionguide .guidemain .firsttop .rightbotton {
	right: -76px;
	bottom: -88px;
	width: 250px;
	height: 158px
}

#questionguide .wenti {
	width: 1160px;
	margin: 0 auto;
	padding: 10px 45px
}

#questionguide .wenti .wentidaan {
	padding-bottom: 50px
}

#questionguide .wenti .wentidaan h1 {
	color: #333;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 20px
}

#questionguide .wenti .wentidaan h1 img {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 11px
}

#questionguide .wenti .wentidaan p {
	color: #999;
	font-size: 18px;
	line-height: 28px
}

.resume-success {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0
}

.resume-success .success {
	overflow: hidden;
	width: 752px;
	height: 559px;
	margin: 0 auto;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 4px 0 9px rgba(0,58,113,.08);
	box-shadow: 4px 0 9px rgba(0,58,113,.08)
}

.resume-success .success h2 {
	margin: 67px 0 15px;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #333
}

.resume-success .success p {
	margin-bottom: 45px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #999
}

.resume-success .success img {
	display: block;
	width: 160px;
	height: 160px;
	margin: 0 auto;
	margin-bottom: 15px
}

.resume-success .success span {
	visibility: hidden;
	display: block;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	text-align: center;
	color: #999;
	line-height: 24px
}

.resume-success .success span em {
	color: #333
}

.resume-success .success a {
	display: block;
	width: 140px;
	height: 42px;
	margin: 0 auto;
	margin-top: 60px;
	background: #0083ff;
	border-radius: 4px;
	text-align: center;
	line-height: 42px;
	font-size: 18px;
	font-family: MicrosoftYaHei;
	color: #fff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.resume-success .success a:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

#myCollection-navBar {
	padding: 20px 0
}

#myCollection-navBar h2 {
	color: #333;
	font-size: 20px;
	line-height: 50px;
	font-weight: 700
}

#myCollection-navBar a,#myCollection-navBar li {
	color: #666;
	font-size: 16px;
	line-height: 40px;
	display: inline-block;
	margin: 5px 40px 0 0;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
	position: relative
}

#myCollection-navBar a.light,#myCollection-navBar a:hover,#myCollection-navBar li.light,#myCollection-navBar li:hover {
	color: #0083ff
}

#myCollection-navBar a:after,#myCollection-navBar li:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

#myCollection-navBar a.light:after,#myCollection-navBar a:hover:after,#myCollection-navBar li.light:after,#myCollection-navBar li:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

#myCollection-articleList {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5
}

#myCollection-articleList button {
	cursor: pointer
}

#myCollection-articleList p {
	word-break: break-all
}

#myCollection-articleList .container {
	width: 1200px;
	margin: 0 auto
}

#myCollection-articleList .container .list #blog_base li .haveimg {
	width: 984px
}

#myCollection-articleList .container .default {
	padding: 120px 0 160px;
	text-align: center
}

#myCollection-articleList .container .default img {
	width: 230px;
	height: 193px
}

#myCollection-articleList .container .default p {
	color: #d0d0d0;
	font-size: 20px;
	margin-top: 30px
}

.myTalent-container {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

.myTalent-container button {
	cursor: pointer
}

.myTalent-container p {
	word-break: break-all
}

.myTalent-container .myTalent {
	width: 1200px;
	margin: 0 auto
}

.myTalent-container .myTalent h2 {
	color: #333;
	font-size: 24px;
	font-family: Microsoft Himalaya;
	padding: 44px 0 32px
}

.myTalent-container .myTalent .item {
	border: 1px solid #eaeaea;
	margin-bottom: 18px;
	padding: 22px 30px 26px 35px;
	display: table;
	clear: both;
	width: 100%;
	background-color: #fff
}

.myTalent-container .myTalent .item.first {
	border-top: 0
}

.myTalent-container .myTalent .item:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

.myTalent-container .myTalent .item:hover .content h3 {
	color: #0083ff!important
}

.myTalent-container .myTalent .item .left {
	width: 70%;
	display: table-cell
}

.myTalent-container .myTalent .item .left .imgBox {
	float: left;
	text-align: center
}

.myTalent-container .myTalent .item .left .imgBox img {
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 40px
}

.myTalent-container .myTalent .item .left .imgBox p {
	color: #999;
	font-size: 12px;
	margin-top: 10px
}

.myTalent-container .myTalent .item .left .content {
	padding-left: 96px
}

.myTalent-container .myTalent .item .left .content h3 {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	padding-top: 5px
}

.myTalent-container .myTalent .item .left .content h3 .position {
	color: #999;
	font-size: 14px;
	margin-left: 10px;
	font-weight: 400
}

.myTalent-container .myTalent .item .left .content h3 img {
	width: 14px;
	height: 16px
}

.myTalent-container .myTalent .item .left .content h3 .other {
	color: #666;
	font-size: 12px;
	font-weight: 400;
	background-color: #f8f8f8;
	margin-left: 10px;
	padding: 3px 8px;
	border-radius: 2px
}

.myTalent-container .myTalent .item .left .content h3 .other.team-1 {
	color: #4ea4f6;
	background-color: #e6f0f9
}

.myTalent-container .myTalent .item .left .content h3 .other.team-2 {
	color: #ff8051;
	background-color: #faeee6
}

.myTalent-container .myTalent .item .left .content p {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	margin-top: 12px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden
}

.myTalent-container .myTalent .item .left .content p.skill {
	margin-top: 20px
}

.myTalent-container .myTalent .item .left .content p.des {
	color: #999
}

.myTalent-container .myTalent .item .right {
	width: 30%;
	display: table-cell;
	text-align: right
}

.myTalent-container .myTalent .item .right .tag span {
	color: #666;
	font-size: 14px;
	line-height: 28px
}

.myTalent-container .myTalent .item .right .tag em {
	color: #fc5b31;
	font-size: 20px;
	font-weight: 700;
	margin-left: 10px
}

.myTalent-container .myTalent .item .right .operation {
	margin-top: 34px;
	position: relative
}

.myTalent-container .myTalent .item .right .operation button {
	min-width: 103px
}

.myTalent-container .myTalent .item .right .operation .service {
	color: #666;
	font-size: 14px;
	padding: 0 23px;
	min-width: 103px;
	height: 40px;
	margin-right: 10px;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background-color: #fff
}

.myTalent-container .myTalent .item .right .operation .toservice {
	color: #666;
	font-size: 14px;
	padding: 0 3px 0 6px;
	height: 40px;
	margin-right: 10px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #dedfe0
}

.myTalent-container .myTalent .item .right .operation .collected {
	color: #666;
	font-size: 14px;
	padding: 0 18px 0 40px;
	height: 40px;
	margin-right: 10px;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEVHcEyZmZmampqZmZmZmZmZmZmcnJyZmZmZmZmZmZmZmZn///+YmJiZmZmYmJidnZ2ZmZmYmJiampqYmJiYmJiZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmUlJSZmZmZmZnS5b1YAAAAIXRSTlMAhCHxky0D7P6m0gFY2GsQ400X93KI50aer7iOf8YMX76xatE3AAAAgklEQVQYGQXAh3GDMAAAwAeECr27O9l/Sh/AvQAAdc41AAifTwCAbV/XfQNANfZ9d/ZgeD0fuoEh7115r5Zc3YDtNoW8qK8SAWJJLW0qEejvqYU2BSCkFjg6oDsAoQCPF+D/bT6rWfUEXMORxjFNfwsw5+aaYpxSk7/Q1031hflsan66XQW7A9vs4QAAAABJRU5ErkJggg==) no-repeat 19px
}

.myTalent-container .myTalent .item .right .operation .collected.collect {
	color: #0083ff;
	border: 1px solid #0083ff;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEVHcEwAf/8Agv8Ag/8Agv8Ag/8Agv8AwP8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8AhP8Ahf8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Ag/946ySZAAAAHHRSTlMADi3S/oOmApLsIVhr8eNNF/dy54jE2EavnrhfrMMLdwAAAHxJREFUGBkFwIURgzAAAMAPRHGv7b9nD+CTAYAhxgEA1PuuALDt67pvAEhPKf1VwFi/b/3IGPc+p9US0wvYXlONi+HMBaDk1tG1XIDyaR10rQK1dcDRA/0BqBl4V8CdhCsF6Qs4x6M9T5t+CxDifE6lTG2OAcowpwDhmgf+V2UE2CVF/coAAAAASUVORK5CYII=) no-repeat 23px
}

.myTalent-container .myTalent .item .right .operation .collected.cancelCollect {
	padding: 0;
	text-align: center;
	background: none
}

.myTalent-container .myTalent .item .right .operation .other {
	min-width: 40px;
	color: #999;
	font-size: 14px;
	padding: 0 18px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	background: none;
	float: right
}

.myTalent-container .myTalent .item .right .operation .otherMenu {
	position: absolute;
	right: 0;
	top: 45px;
	min-width: 96px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 10px 1px #ccc;
	box-shadow: 0 2px 10px 1px #ccc;
	z-index: 999;
	text-align: left
}

.myTalent-container .myTalent .item .right .operation .otherMenu em {
	position: absolute;
	top: -16px;
	right: 23px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.myTalent-container .myTalent .item .right .operation .otherMenu .menu {
	height: 40px;
	color: #666;
	font-size: 14px;
	padding: 10px 33px 10px 20px;
	cursor: pointer;
	font-family: MicrosoftYaHei
}

.myTalent-container .myTalent .item .right .operation .otherMenu .menu:hover {
	background: #eaf3ff;
	color: #0083ff
}

.myTalent-container .myTalent .list-default {
	min-height: 200px;
	border: 1px solid #e5e5e5;
	margin-bottom: 50px
}

.myTalent-container .myTalent .list-default img {
	display: block;
	width: 81px;
	height: 66px;
	margin: 161px auto 0
}

.myTalent-container .myTalent .list-default p {
	color: #666;
	font-size: 14px;
	text-align: center;
	margin: 47px 0 164px
}

.myTalent-container .warningDialog {
	width: 502px;
	padding: 40px 65px
}

.myTalent-container .warningDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 1
}

.myTalent-container .warningDialog .content {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin-top: 48px
}

.myTalent-container .warningDialog .operation {
	margin-top: 65px
}

.myTalent-container .warningDialog .operation button {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	width: 120px;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background: #0083ff;
	float: right;
	margin-bottom: 40px
}

.myTalent-container .warningDialog .operation button:last-child {
	margin-right: 20px;
	color: #0083ff;
	border-color: #2d93f9;
	background-color: #fff
}

.myTalent-container .remarkDialog {
	width: 734px
}

.myTalent-container .remarkDialog textarea {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	padding: 8px 15px 15px;
	resize: none;
	width: 100%;
	height: 160px;
	margin-top: 50px;
	border-radius: 4px;
	border: 1px solid #e5e5e5
}

.myTalent-container .remarkDialog textarea::-webkit-input-placeholder {
	color: #ccc
}

.myTalent-container .remarkDialog textarea:-ms-input-placeholder,.myTalent-container .remarkDialog textarea::-ms-input-placeholder {
	color: #ccc
}

.myTalent-container .remarkDialog textarea::placeholder {
	color: #ccc
}

.myTalent-container .remarkDialog p {
	color: #ccc;
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
	position: relative;
	top: -28px
}

#main {
	background-color: #f8f8f8
}

.confirmorder {
	width: 1000px;
	background-color: #fff;
	margin: 30px auto;
	padding: 20px 125px;
	margin-bottom: 88px
}

.confirmorder .ordertitle {
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0
}

.confirmorder .ordertitle span {
	font-size: 20px;
	color: #333;
	font-weight: 700
}

.confirmorder .orderleft,.confirmorder .orderright {
	display: inline-block;
	margin-top: 32px;
	vertical-align: top
}

.confirmorder .orderleft img {
	width: 120px;
	height: 120px
}

.confirmorder .orderright {
	width: 612px;
	margin-left: 18px;
	font-size: 14px;
	color: #666
}

.confirmorder .orderright .ordername {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 30px;
	margin-top: -8px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 60px
}

.confirmorder .orderright .soleorder {
	margin-top: 20px;
	margin-bottom: 13px;
	width: 610px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.confirmorder .orderright .soleorder a {
	color: #666
}

.confirmorder .orderright div span {
	margin-right: 90px;
	font-size: 14px
}

.confirmorder .orderright div span span {
	color: #f77272;
	font-size: 16px
}

.confirmorder .payweichar,.confirmorder .zfb {
	margin-top: 35px;
	padding: 18px 23px;
	position: relative;
	height: 66px;
	border: 2px solid #fff;
	cursor: pointer
}

.confirmorder .payweichar.select,.confirmorder .zfb.select {
	border: 2px solid #0083ff
}

.confirmorder .payweichar span,.confirmorder .zfb span {
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	color: #333;
	margin-top: 5px
}

.confirmorder .payweichar span img,.confirmorder .zfb span img {
	width: 16px;
	height: 16px
}

.confirmorder .payweichar span:nth-of-type(3),.confirmorder .zfb span:nth-of-type(3) {
	font-size: 14px;
	margin-top: 4px;
	margin-left: -10px;
	margin-right: 30px
}

.confirmorder .payweichar span:nth-of-type(4),.confirmorder .zfb span:nth-of-type(4) {
	font-size: 12px;
	color: #999
}

.confirmorder .payweichar span:nth-of-type(5),.confirmorder .zfb span:nth-of-type(5) {
	position: absolute;
	font-size: 14px;
	top: 9px;
	right: 20px
}

.confirmorder .payweichar span:nth-of-type(5) span,.confirmorder .zfb span:nth-of-type(5) span {
	font-size: 24px;
	color: #f77272;
	vertical-align: bottom;
	margin: 0 5px;
	margin-bottom: -5px;
	font-weight: 700
}

.confirmorder .payweichar {
	margin-top: 0;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 50px
}

.confirmorder .surebtn button {
	width: 120px;
	height: 42px;
	background: #0083ff;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	border: none;
	margin-bottom: 58px;
	cursor: pointer
}

#shopservicedetail {
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 55px
}

#shopservicedetail .serviceleft,#shopservicedetail .serviceright {
	display: inline-block;
	vertical-align: top;
	margin-top: 31px
}

#shopservicedetail .serviceleft button,#shopservicedetail .serviceright button {
	width: 95px;
	height: 40px;
	background: #0083ff;
	border-radius: 4px;
	margin-bottom: 37px;
	font-size: 14px;
	color: #fff;
	border: none;
	cursor: pointer
}

#shopservicedetail .serviceleft {
	width: 880px;
	margin-right: 30px;
	padding: 30px;
	background: #fff
}

#shopservicedetail .serviceleft .servicetitle {
	border-bottom: 1px solid #e5e5e5
}

#shopservicedetail .serviceleft .servicetitle span {
	font-size: 20px;
	color: #333;
	padding: 15px 0;
	display: inline-block;
	font-weight: 700
}

#shopservicedetail .serviceleft .servicesecondtitle,#shopservicedetail .serviceleft .servicesecondtitles {
	margin: 30px 0;
	color: #666
}

#shopservicedetail .serviceleft .servicesecondtitle span,#shopservicedetail .serviceleft .servicesecondtitles span {
	font-size: 14px;
	font-weight: 700
}

#shopservicedetail .serviceleft .servicesecondtitle div {
	width: 688px;
	height: 44px;
	padding: 11px 10px;
	margin-top: 12px;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#shopservicedetail .serviceleft .servicesecondtitle .sort {
	width: 200px;
	display: inline-block;
	margin-right: 18px
}

#shopservicedetail .serviceleft .servicesecondtitles .sort {
	margin-bottom: 15px
}

#shopservicedetail .serviceleft .servicesecondtitles .wenbenk {
	font-family: MicrosoftYaHei;
	color: #333;
	width: 688px;
	padding: 15px;
	font-size: 16px
}

#shopservicedetail .serviceleft .servicesecondtitles .wenbenk::-webkit-input-placeholder {
	color: silver
}

#shopservicedetail .serviceleft .servicethirdtitle span {
	font-size: 14px
}

#shopservicedetail .serviceleft .servicethirdtitle span:first-of-type {
	color: #ff4931;
	margin-right: 5px
}

#shopservicedetail .serviceleft .servicethirdtitle span:nth-of-type(2) {
	color: #666;
	font-weight: 700
}

#shopservicedetail .serviceleft .servicethirdtitle span:nth-of-type(3) {
	color: #999
}

#shopservicedetail .serviceleft .servicethirdtitle div {
	margin: 15px 0
}

#shopservicedetail .serviceleft .servicethirdtitle div input {
	padding: 12px;
	width: 280px
}

#shopservicedetail .serviceleft .servicethirdtitle .moneytime {
	position: relative
}

#shopservicedetail .serviceleft .servicethirdtitle .moneytime input {
	width: 200px;
	margin-right: 18px
}

#shopservicedetail .serviceleft .servicethirdtitle .moneytime input:first-of-type {
	padding-left: 20px
}

#shopservicedetail .serviceleft .servicethirdtitle .moneytime span {
	position: absolute;
	top: 11px;
	left: 6px;
	font-size: 14px;
	color: #666
}

#shopservicedetail .serviceleft .servicethirdtitle .moneytime span:last-of-type {
	left: 395px;
	font-weight: 400
}

#shopservicedetail .serviceleft .btn {
	margin-top: 40px
}

#shopservicedetail .serviceleft .btn button {
	width: 120px
}

#shopservicedetail .serviceright {
	width: 290px;
	text-align: center;
	background: #fff
}

#shopservicedetail .serviceright .shopimg {
	margin: 50px
}

#shopservicedetail .serviceright .shopimg img {
	width: 190px;
	height: 190px
}

#shopservicedetail .serviceright p {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	margin-top: -30px;
	margin-bottom: 15px
}

#shopservicedetail .serviceright button:last-of-type {
	background: #fff;
	border: 1px solid #0083ff;
	color: #0083ff;
	margin-left: 10px
}

#unauthorized .box-background {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1200;
	background: rgba(0,0,0,.45)
}

#unauthorized .box-body {
	background-color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1300;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 800px;
	height: 560px;
	text-align: center
}

#unauthorized .box-body .close {
	color: #b0b0b0;
	font-size: 24px;
	position: absolute;
	top: 23px;
	right: 23px;
	cursor: pointer
}

#unauthorized .box-body .main img {
	width: 200px;
	height: 155px;
	margin: 90px 0 35px
}

#unauthorized .box-body .main p {
	color: #333;
	font-size: 24px;
	line-height: 36px
}

#unauthorized .box-body .main p.warning {
	color: #999;
	font-size: 14px;
	line-height: 48px
}

#unauthorized .box-body .main button {
	width: 160px;
	height: 60px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	margin-top: 35px;
	background-color: #0083ff;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: 0 15px 15px 0 rgba(0,131,255,.15);
	box-shadow: 0 15px 15px 0 rgba(0,131,255,.15)
}

#myCollection-questionList {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5
}

#myCollection-questionList button {
	cursor: pointer
}

#myCollection-questionList p {
	word-break: break-all
}

#myCollection-questionList .container {
	width: 1200px;
	margin: 0 auto
}

#myCollection-serviceList {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

#myCollection-serviceList button {
	cursor: pointer
}

#myCollection-serviceList p {
	word-break: break-all
}

#myCollection-serviceList .container {
	width: 1200px;
	margin: 0 auto
}

#myCollection-serviceList .container .list .item {
	border: 1px solid #eaeaea;
	margin-bottom: 18px;
	padding: 22px 30px 26px 35px;
	display: table;
	clear: both;
	width: 100%;
	background-color: #fff
}

#myCollection-serviceList .container .list .item:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

#myCollection-serviceList .container .list .item:hover .content h3 {
	color: #0083ff!important
}

#myCollection-serviceList .container .list .item .left {
	width: 70%;
	display: table-cell
}

#myCollection-serviceList .container .list .item .left .imgBox,#myCollection-serviceList .container .list .item .left img {
	display: inline-block;
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 22px
}

#myCollection-serviceList .container .list .item .left .imgBox {
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#myCollection-serviceList .container .list .item .left .content {
	width: 100%
}

#myCollection-serviceList .container .list .item .left .content h3 {
	color: #333;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-all
}

#myCollection-serviceList .container .list .item .left .content p {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#myCollection-serviceList .container .list .item .left .content p em {
	color: #fc5b31;
	font-size: 16px;
	font-weight: 700;
	margin-right: 30px
}

#myCollection-serviceList .container .list .item .left .content p.second {
	margin-top: 15px
}

#myCollection-serviceList .container .list .item .left .content p.three {
	margin-top: 16px
}

#myCollection-serviceList .container .list .item .right {
	width: 30%;
	display: table-cell;
	text-align: right
}

#myCollection-serviceList .container .list .item .right p {
	color: #666;
	font-size: 14px
}

#myCollection-serviceList .container .list .item .right .operation {
	margin-top: 36px
}

#myCollection-serviceList .container .list .item .right .operation button {
	min-width: 103px;
	height: 40px;
	color: #666;
	font-size: 14px;
	padding: 0 18px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background: none
}

#myCollection-serviceList .container .list .item .right .operation button i {
	color: #666;
	font-size: 14px;
	font-weight: 550;
	margin-right: 5px
}

#myCollection-serviceList .container .list .item .right .operation button.collect {
	color: #0083ff;
	border: 1px solid #0083ff
}

#myCollection-serviceList .container .list .item .right .operation button.collect i {
	color: #0083ff
}

#myCollection-serviceList .container .list .item .right .operation button.cancelCollect {
	padding: 0;
	background: none
}

#myCollection-serviceList .container .list .item .right .operation button.cancelCollect i {
	display: none
}

#myCollection-serviceList .container .default {
	padding: 120px 0 160px;
	text-align: center
}

#myCollection-serviceList .container .default img {
	width: 230px;
	height: 193px
}

#myCollection-serviceList .container .default p {
	color: #d0d0d0;
	font-size: 20px;
	margin-top: 30px
}

.groundfloor {
	margin-bottom: 14px
}

.groundfloor .avtor {
	float: left;
	margin-right: 22px;
	border-radius: 50%
}

.groundfloor .content {
	float: left;
	width: 92%;
	position: relative
}

.groundfloor .content .aswname {
	width: 650px
}

.groundfloor .content .aswname a {
	color: #333!important
}

.groundfloor .content p {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-wrap: break-word
}

.groundfloor .content p em {
	color: #999
}

.groundfloor .content p:first-child {
	margin-bottom: 10px
}

.groundfloor .content p img {
	width: 18px;
	height: 18px;
	margin-right: 0;
	border-radius: 0
}

.groundfloor .content .replyinf {
	margin-top: 6px
}

.groundfloor .content .replyinf span {
	font-size: 14px;
	line-height: 14px;
	color: #0083ff;
	cursor: pointer;
	margin-right: 7px
}

.groundfloor .content .replyinf div,.groundfloor .content .replyinf span:first-child {
	float: left
}

.groundfloor .content .replyinf i {
	float: left;
	width: 12px;
	height: 7px;
	margin-top: 4px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAElBMVEUAAAAAhf4Ag/4Ag/8Ag/4Ag/8F1GVgAAAABXRSTlMALFeA+1CQnd0AAAAtSURBVHheY2BgYFJgAAEVJwYQxzUExFUJNnUCcQyYgVyRYAYGU0cGZgMGIAYAXOsEY82UIO4AAAAASUVORK5CYII=) no-repeat 50%;cursor: pointer
}

.groundfloor .content .replyinf .sq {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHBAMAAADOnLEXAAAAFVBMVEUAAAAAhf4Ag/4Agv4Agv4Ag/4Ag/9JVGwYAAAABnRSTlMALFdYf/vcKsMqAAAAL0lEQVR4XmNgcWAAYdEUBga3QAbmMAeWVAMGBtMUt2AGBiAXxAFyQRwGBiYFBgYAmPAFlSlMNSEAAAAASUVORK5CYII=) no-repeat 50%
}

.groundfloor .content .top_btn {
	position: absolute;
	right: 0;
	top: 0
}

.groundfloor .content .yicaina {
	width: 73px;
	height: 23px
}

.groundfloor .content #dianzan {
	cursor: pointer;
	color: #999;
	display: inline-block;
	vertical-align: top;
	margin: 1px;
	margin-left: 10px
}

.groundfloor .content #dianzan:before {
	color: #dbdbdb
}

.groundfloor .content #dianzan:hover,.groundfloor .content #dianzan:hover:before {
	color: #0083ff
}

.groundfloor .content .yidianzan {
	color: #0083ff!important;
	pointer-events: none!important
}

.groundfloor .content .yidianzan:before {
	color: #0083ff!important
}

.groundfloor .content:hover button {
	height: 25px;
	padding: 2px 7px;
	border: 1px solid #e5e5e5
}

.groundfloor .content button {
	position: absolute;
	bottom: -10px;
	right: 55px;
	border: none;
	background: #fff;
	border-radius: 13px;
	color: #999;
	cursor: pointer;
	height: 0;
	overflow: hidden
}

.groundfloor .content button:last-of-type {
	border: none;
	background: none
}

.groundfloor .content button span {
	color: #e5e5e5;
	margin-right: 3px
}

.groundfloor .content button:last-of-type {
	right: -7px
}

.cainamask {
	width: 734px;
	height: 309px
}

.cainamask .cainatitle {
	margin: 40px 0 53px 100px
}

.cainamask .cainatitle span {
	font-size: 30px
}

.cainamask .cainatishi {
	margin-left: 100px
}

.cainamask .cainatishi p {
	font-size: 16px;
	color: #999;
	width: 511px
}

.cainamask .cainamaskbtn {
	margin: 65px 0 39px 336px
}

.cainamask .cainamaskbtn button {
	border: 1px solid #2d93f9;
	border-radius: 4px;
	font-size: 14px;
	padding: 11px 45px;
	background: #0083ff;
	color: #fff;
	cursor: pointer
}

.cainamask .cainamaskbtn button:first-of-type {
	background: #fff;
	color: #0083ff;
	margin-right: 20px
}

.shops {
	width: 100%;
	margin: 0 auto;
	font-family: MicrosoftYaHei;
	background-color: #f8f8f8;
	padding-bottom: 45px
}

.shops .container-bannar {
	width: 100%;
	height: 100px;
	min-width: 1200px;
	_width: 1200px;
	margin-bottom: 30px;
	padding-top: 44px;
	background: url(http://www.luojinet.com/img/banner_xm.f1ec16a.png) no-repeat 50%
}

.shops .container-bannar h2 {
	width: 1200px;
	font-size: 26px;
	line-height: 26px;
	color: #fff;
	margin: 0 auto;
	position: relative;
	font-weight: 400
}

.shops .container-bannar h2 a {
	display: inline-block;
	width: 76px;
	height: 30px;
	background: url(http://www.luojinet.com/img/go.ef3244b.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -2px;
	margin-left: 20px;
	cursor: pointer
}

.shops .main-container {
	width: 1200px;
	margin: 0 auto
}

.shops .main-container .service-sort {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #333;
	margin-top: 30px;
	background: #fafafa;
	border: 1px solid #e5e5e5
}

.shops .main-container .service-sort .value {
	display: inline-block
}

.shops .main-container .service-sort .item {
	display: inline-block;
	padding: 0;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s
}

.shops .main-container .service-sort .item a {
	position: relative;
	display: inline-block;
	padding: 15px 31px;
	font-size: 14px;
	line-height: 14px;
	font-family: MicrosoftYaHei;
	color: #222
}

.shops .main-container .service-sort .item a.select {
	color: #0083ff;
	background: #fff
}

.shops .main-container .service-sort .item a.select:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #0083ff
}

.shops .main-container .service-sort .item a.select:after {
	content: "";
	position: absolute;
	top: 43px;
	left: 0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: 0 auto;
	background: #fff
}

.shops .main-container .service-sort .item a:after {
	content: "";
	position: absolute;
	width: 100%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.shops .main-container .service-sort .item a:hover {
	color: #0083ff
}

.shops .main-container .service-sort .item a.select:after,.shops .main-container .service-sort .item a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.shops .main-container .second-sort {
	width: 100%;
	line-height: 55px;
	background-color: #fff;
	font-size: 14px;
	padding-top: 15px
}

.shops .main-container .second-sort .firstitem {
	margin-left: 16px
}

.shops .main-container .second-sort .item {
	display: inline-block;
	padding-right: 0
}

.shops .main-container .second-sort .item span {
	color: #666;
	cursor: pointer;
	padding: 5px 15px
}

.shops .main-container .second-sort .item span.select {
	color: #0083ff;
	background: #e5f2ff;
	border-radius: 4px
}

.shops .main-container .second-sort .item span:hover {
	color: #0083ff
}

.shops .main-container .shoplist {
	width: 100%;
	background-color: #fff
}

.shops .main-container .shoplist .shopsort {
	padding: 31px 15px;
	cursor: pointer
}

.shops .main-container .shoplist .shopsort .iconfont {
	margin-right: 0;
	padding-right: 0;
	color: #666
}

.shops .main-container .shoplist .shopsort span {
	font-size: 14px;
	padding: 7px 15px;
	border-radius: 4px;
	margin-right: 15px
}

.shops .main-container .shoplist .shopsort span.select {
	background-color: #e5f2ff;
	border-radius: 4px;
	color: #0083ff
}

.shops .main-container .shoplist .shopsort span.select .iconfont {
	color: #0083ff!important
}

.shops .main-container .shoplist .shopsort .pricesort span,.shops .main-container .shoplist .shopsort .successsort span {
	margin-left: -10px
}

.shops .main-container .shoplist .allshops {
	width: 100%
}

.shops .main-container .shoplist .allshops .shop {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 255px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin: 20px 9px 20px 31px;
	border: 1px solid #f2f2f2
}

.shops .main-container .shoplist .allshops .shop:hover {
	-webkit-box-shadow: 0 4px 32px 0 rgba(49,49,49,.1);
	box-shadow: 0 4px 32px 0 rgba(49,49,49,.1)
}

.shops .main-container .shoplist .allshops .shop .shopimg {
	width: 254px;
	height: 253px;
	margin-bottom: 20px
}

.shops .main-container .shoplist .allshops .shop .shopimg .imgBox {
	width: 254px;
	height: 253px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.shops .main-container .shoplist .allshops .shop .shopimg img {
	max-width: 215px;
	max-height: 160px
}

.shops .main-container .shoplist .allshops .shop .shopdetail {
	width: 215px;
	margin: 0 20px;
	background: #fff
}

.shops .main-container .shoplist .allshops .shop .shopdetail .jiage {
	position: relative;
	height: 20px;
	font-size: 14px;
	color: #999
}

.shops .main-container .shoplist .allshops .shop .shopdetail .jiage .shopprice {
	color: #f77272;
	font-size: 18px;
	position: absolute;
	left: 0;
	top: -3px;
	font-weight: 700
}

.shops .main-container .shoplist .allshops .shop .shopdetail .jiage .fixedprice {
	font-size: 12px;
	color: #999;
	font-weight: 400
}

.shops .main-container .shoplist .allshops .shop .shopdetail .jiage .shopdeal {
	position: absolute;
	right: 0;
	top: 2px
}

.shops .main-container .shoplist .allshops .shop .shopdetail .shopmsg {
	margin-top: 14px;
	margin-left: 3px;
	width: 215px;
	height: 36px;
	font-family: MicrosoftYaHei;
	line-height: 18px!important;
	font-size: 14px;
	text-align: justify;
	color: #333;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	cursor: pointer
}

.shops .main-container .shoplist .allshops .shop .shopdetail .shopname {
	color: #999;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	margin-top: 5px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px
}

.shops .main-container .shoplist .allshops .nomsgimg {
	width: 230px;
	margin: 50px auto;
	padding-bottom: 90px
}

.shops .main-container .shoplist .allshops .nomsgimg img {
	width: 230px;
	height: 190px
}

.shops .main-container .shoplist .allshops .nomsgimg p {
	color: #d0d0d0;
	font-size: 20px;
	margin-top: 30px;
	text-align: center
}

#main {
	background-color: #f8f8f8
}

.paybuyweichar {
	width: 1000px;
	height: 525px;
	margin: 30px auto;
	background: #fff;
	font-size: 12px;
	color: #666;
	padding: 30px 124px
}

.paybuyweichar .titlename {
	font-size: 20px;
	color: #333;
	padding: 16px 0;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 700;
	width: 750px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.paybuyweichar .allmsg {
	width: 191px;
	margin: 35px auto;
	text-align: center
}

.paybuyweichar .allmsg .price {
	font-size: 26px;
	color: #f77272;
	font-weight: 700;
	margin-top: 15px
}

.paybuyweichar .allmsg .footmsg {
	border: 1px solid #e5e5e5;
	margin-top: 14px;
	padding-bottom: 15px;
	padding-top: 5px
}

.paybuyweichar .allmsg .footmsg .payimg img {
	width: 181px;
	height: 185px
}

.paybuyweichar .allmsg .footmsg .payway .left,.paybuyweichar .allmsg .footmsg .payway .right {
	display: inline-block
}

.paybuyweichar .allmsg .footmsg .payway .left {
	margin-right: 10px
}

.paybuyweichar .allmsg .footmsg .payway .left img {
	height: 30px;
	width: 30px
}

.paybuyweichar .allmsg .footmsg .payway .right p {
	margin-top: 4px
}

#myCollection-shopList {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5
}

#myCollection-shopList button {
	cursor: pointer
}

#myCollection-shopList p {
	word-break: break-all
}

#myCollection-shopList .container {
	width: 1200px;
	margin: 0 auto
}

#myCollection-shopList .container .list .item {
	border: 1px solid #eaeaea;
	margin-bottom: 18px;
	padding: 22px 30px 26px 35px;
	display: table;
	clear: both;
	width: 100%;
	background-color: #fff
}

#myCollection-shopList .container .list .item:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

#myCollection-shopList .container .list .item:hover .content h3 {
	color: #0083ff!important
}

#myCollection-shopList .container .list .item .left {
	width: 70%;
	display: table-cell
}

#myCollection-shopList .container .list .item .left .imgBox,#myCollection-shopList .container .list .item .left img {
	display: inline-block;
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 22px
}

#myCollection-shopList .container .list .item .left .imgBox {
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#myCollection-shopList .container .list .item .left .content {
	width: 100%
}

#myCollection-shopList .container .list .item .left .content h3 {
	color: #333;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700
}

#myCollection-shopList .container .list .item .left .content h3,#myCollection-shopList .container .list .item .left .content p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	word-break: break-all
}

#myCollection-shopList .container .list .item .left .content p {
	color: #666;
	font-size: 14px;
	line-height: 24px;
	height: 24px
}

#myCollection-shopList .container .list .item .left .content p em {
	color: #fc5b31;
	font-size: 16px;
	font-weight: 700;
	margin-right: 30px
}

#myCollection-shopList .container .list .item .left .content p.second {
	margin-top: 15px
}

#myCollection-shopList .container .list .item .left .content p.three {
	margin-top: 16px
}

#myCollection-shopList .container .list .item .right {
	width: 30%;
	display: table-cell;
	text-align: right
}

#myCollection-shopList .container .list .item .right p {
	color: #666;
	font-size: 14px
}

#myCollection-shopList .container .list .item .right .operation {
	margin-top: 36px
}

#myCollection-shopList .container .list .item .right .operation button {
	min-width: 103px;
	height: 40px;
	color: #666;
	font-size: 14px;
	padding: 0 20px;
	margin-right: 10px;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background-color: #fff
}

#myCollection-shopList .container .list .item .right .operation button i {
	color: #666;
	font-size: 14px;
	font-weight: 550;
	margin-right: 5px
}

#myCollection-shopList .container .list .item .right .operation button.collect {
	color: #0083ff;
	border: 1px solid #0083ff
}

#myCollection-shopList .container .list .item .right .operation button.collect i {
	color: #0083ff
}

#myCollection-shopList .container .list .item .right .operation button.cancelCollect {
	padding: 0;
	background: none
}

#myCollection-shopList .container .list .item .right .operation button.cancelCollect i {
	display: none
}

#myCollection-shopList .container .default {
	padding: 120px 0 160px;
	text-align: center
}

#myCollection-shopList .container .default img {
	width: 230px;
	height: 193px
}

#myCollection-shopList .container .default p {
	color: #d0d0d0;
	font-size: 20px;
	margin-top: 30px
}

#myTalent-container {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

#myTalent-container button {
	cursor: pointer
}

#myTalent-container p {
	word-break: break-all
}

#myTalent-container .myTalent {
	width: 1200px;
	margin: 0 auto
}

#myTalent-container .myTalent .item {
	border: 1px solid #eaeaea;
	margin-bottom: 18px;
	padding: 22px 30px 26px 35px;
	display: table;
	clear: both;
	width: 100%;
	background-color: #fff
}

#myTalent-container .myTalent .item:hover {
	-webkit-box-shadow: 5px 3px 10px #efefef;
	box-shadow: 5px 3px 10px #efefef
}

#myTalent-container .myTalent .item:hover .content h3 {
	color: #0083ff!important
}

#myTalent-container .myTalent .item .left {
	width: 70%;
	display: table-cell
}

#myTalent-container .myTalent .item .left img {
	display: inline-block;
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 22px;
	border-radius: 50px
}

#myTalent-container .myTalent .item .left .imgBox {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 22px;
	border-radius: 50px;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#myTalent-container .myTalent .item .left .content {
	padding-left: 122px
}

#myTalent-container .myTalent .item .left .content h3 {
	color: #333;
	font-size: 20px;
	font-weight: 700
}

#myTalent-container .myTalent .item .left .content h3 .position {
	color: #999;
	font-size: 14px;
	margin-left: 10px;
	font-weight: 400
}

#myTalent-container .myTalent .item .left .content h3 .other {
	color: #666;
	font-size: 12px;
	font-weight: 400;
	background-color: #f8f8f8;
	margin-left: 10px;
	padding: 3px 8px;
	border-radius: 2px
}

#myTalent-container .myTalent .item .left .content h3 .other.team-1 {
	color: #4ea4f6;
	background-color: #e6f0f9
}

#myTalent-container .myTalent .item .left .content h3 .other.team-2 {
	color: #ff8051;
	background-color: #faeee6
}

#myTalent-container .myTalent .item .left .content p {
	color: #666;
	font-size: 14px;
	line-height: 20px;
	max-height: 40px;
	margin-top: 12px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden
}

#myTalent-container .myTalent .item .left .content p.skill {
	margin-top: 20px
}

#myTalent-container .myTalent .item .left .content p.des {
	color: #999;
	padding-left: 122px
}

#myTalent-container .myTalent .item .right {
	width: 30%;
	display: table-cell;
	text-align: right
}

#myTalent-container .myTalent .item .right .tag span {
	color: #666;
	font-size: 14px;
	line-height: 28px
}

#myTalent-container .myTalent .item .right .tag em {
	color: #fc5b31;
	font-size: 20px;
	font-weight: 700;
	margin-left: 10px
}

#myTalent-container .myTalent .item .right .operation {
	margin-top: 34px;
	position: relative
}

#myTalent-container .myTalent .item .right .operation button {
	min-width: 103px
}

#myTalent-container .myTalent .item .right .operation .service {
	color: #666;
	font-size: 14px;
	padding: 0 23px;
	min-width: 103px;
	height: 40px;
	margin-right: 10px;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background-color: #fff
}

#myTalent-container .myTalent .item .right .operation .collected {
	color: #666;
	font-size: 14px;
	padding: 0 18px 0 40px;
	height: 40px;
	margin-right: 10px;
	border-radius: 4px;
	border: 1px solid #dedfe0;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAY1BMVEVHcEyZmZmampqZmZmZmZmZmZmcnJyZmZmZmZmZmZmZmZn///+YmJiZmZmYmJidnZ2ZmZmYmJiampqYmJiYmJiZmZmYmJiZmZmZmZmZmZmYmJiZmZmZmZmZmZmUlJSZmZmZmZnS5b1YAAAAIXRSTlMAhCHxky0D7P6m0gFY2GsQ400X93KI50aer7iOf8YMX76xatE3AAAAgklEQVQYGQXAh3GDMAAAwAeECr27O9l/Sh/AvQAAdc41AAifTwCAbV/XfQNANfZ9d/ZgeD0fuoEh7115r5Zc3YDtNoW8qK8SAWJJLW0qEejvqYU2BSCkFjg6oDsAoQCPF+D/bT6rWfUEXMORxjFNfwsw5+aaYpxSk7/Q1031hflsan66XQW7A9vs4QAAAABJRU5ErkJggg==) no-repeat 19px
}

#myTalent-container .myTalent .item .right .operation .collected.collect {
	color: #0083ff;
	border: 1px solid #0083ff;
	background: #fff url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEVHcEwAf/8Agv8Ag/8Agv8Ag/8Agv8AwP8Ag/8Agv8Ag/8Agv8Ag/8Ag/8Ag/8AhP8Ahf8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Ag/8Agv8Ag/8Ag/946ySZAAAAHHRSTlMADi3S/oOmApLsIVhr8eNNF/dy54jE2EavnrhfrMMLdwAAAHxJREFUGBkFwIURgzAAAMAPRHGv7b9nD+CTAYAhxgEA1PuuALDt67pvAEhPKf1VwFi/b/3IGPc+p9US0wvYXlONi+HMBaDk1tG1XIDyaR10rQK1dcDRA/0BqBl4V8CdhCsF6Qs4x6M9T5t+CxDifE6lTG2OAcowpwDhmgf+V2UE2CVF/coAAAAASUVORK5CYII=) no-repeat 23px
}

#myTalent-container .myTalent .item .right .operation .collected.cancelCollect {
	padding: 0;
	text-align: center;
	background: none
}

#myTalent-container .myTalent .item .right .operation .other {
	min-width: 40px;
	color: #999;
	font-size: 14px;
	padding: 0 18px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	background: none;
	float: right
}

#myTalent-container .myTalent .item .right .operation .otherMenu {
	position: absolute;
	right: 0;
	top: 45px;
	min-width: 96px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 10px 1px #ccc;
	box-shadow: 0 2px 10px 1px #ccc;
	z-index: 999;
	text-align: left
}

#myTalent-container .myTalent .item .right .operation .otherMenu em {
	position: absolute;
	top: -16px;
	right: 23px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

#myTalent-container .myTalent .item .right .operation .otherMenu .menu {
	height: 40px;
	color: #666;
	font-size: 14px;
	padding: 10px 33px 10px 20px;
	cursor: pointer;
	font-family: MicrosoftYaHei
}

#myTalent-container .myTalent .item .right .operation .otherMenu .menu:hover {
	background: #eaf3ff;
	color: #0083ff
}

#myTalent-container .myTalent .list-default {
	min-height: 200px;
	border: 1px solid #e5e5e5;
	margin-bottom: 50px
}

#myTalent-container .myTalent .list-default img {
	display: block;
	width: 81px;
	height: 66px;
	margin: 161px auto 0
}

#myTalent-container .myTalent .list-default p {
	color: #666;
	font-size: 14px;
	text-align: center;
	margin: 47px 0 164px
}

#myTalent-container .myTalent .default {
	padding: 120px 0 160px;
	text-align: center
}

#myTalent-container .myTalent .default img {
	width: 230px;
	height: 193px
}

#myTalent-container .myTalent .default p {
	color: #d0d0d0;
	font-size: 20px;
	margin-top: 30px
}

#myTalent-container .warningDialog {
	width: 502px;
	padding: 40px 65px
}

#myTalent-container .warningDialog h2 {
	color: #333;
	font-size: 30px;
	line-height: 1
}

#myTalent-container .warningDialog .content {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	margin-top: 48px
}

#myTalent-container .warningDialog .operation {
	margin-top: 65px
}

#myTalent-container .warningDialog .operation button {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	width: 120px;
	height: 42px;
	border-radius: 4px;
	border: 1px solid #0083ff;
	background: #0083ff;
	float: right;
	margin-bottom: 40px
}

#myTalent-container .warningDialog .operation button:last-child {
	margin-right: 20px;
	color: #0083ff;
	border-color: #2d93f9;
	background-color: #fff
}

#myTalent-container .remarkDialog {
	width: 734px
}

#myTalent-container .remarkDialog textarea {
	color: #666;
	font-size: 16px;
	line-height: 24px;
	padding: 8px 15px 15px;
	resize: none;
	width: 100%;
	height: 160px;
	margin-top: 50px;
	border-radius: 4px;
	border: 1px solid #e5e5e5
}

#myTalent-container .remarkDialog textarea::-webkit-input-placeholder {
	color: #ccc
}

#myTalent-container .remarkDialog textarea:-ms-input-placeholder,#myTalent-container .remarkDialog textarea::-ms-input-placeholder {
	color: #ccc
}

#myTalent-container .remarkDialog textarea::placeholder {
	color: #ccc
}

#myTalent-container .remarkDialog p {
	color: #ccc;
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
	position: relative;
	top: -28px
}

.comment {
	width: 1200px;
	margin: 30px auto;
	background: #fff;
	padding-top: 50px;
	padding-bottom: 45px
}

.comment .servicemsg {
	width: 1000px;
	margin: 50px auto;
	margin-top: 0;
	background: #f6f6f6;
	padding: 40px
}

.comment .servicemsg .leftimg,.comment .servicemsg .rightmsg {
	display: inline-block;
	vertical-align: top
}

.comment .servicemsg .leftimg img {
	width: 180px;
	height: 180px;
	margin-right: 30px
}

.comment .servicemsg .rightmsg h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 40px
}

.comment .servicemsg .rightmsg p {
	color: #666;
	font-size: 14px;
	margin-top: 20px
}

.comment .servicemsg .rightmsg p span {
	color: #ff532b
}

.comment .servicemsg .rightmsg p .price {
	font-size: 30px
}

.comment h2 {
	font-size: 20px;
	font-weight: 700;
	width: 1000px;
	margin: auto
}

.comment .enterings {
	width: 1000px;
	margin: 10px auto
}

.comment .enterings .entering {
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	width: 1000px;
	padding: 20px;
	height: 150px
}

.comment .enterings textarea::-webkit-input-placeholder {
	font-family: MicrosoftYaHei;
	font-size: 14px;
	color: #d0d0d0;
	line-height: 14px
}

.comment .smalling {
	width: 1000px;
	margin: 20px auto
}

.comment .smalling label {
	margin-right: 25px
}

.comment .smalling input[type=radio]+label:before {
	content: "\A0";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-image: url("http://www.luojinet.com/images/service/myShop/bad@2x.png");
	background-size: 100% 100%;
	margin-top: -5px;
	margin-right: 10px
}

.comment .smalling input[class=good]+label:before {
	background-image: url("http://www.luojinet.com/images/service/myShop/good@2x.png")
}

.comment .smalling input[class=mid]+label:before {
	background-image: url("http://www.luojinet.com/images/service/myShop/zhp@2x.png")
}

.comment .smalling input[type=radio]:checked+label:before {
	background-image: url("http://www.luojinet.com/images/service/myShop/bad%20-2@2x.png")
}

.comment .smalling input[type=radio]:checked+label {
	color: red
}

.comment .smalling input[class=good]:checked+label:before {
	background-image: url("http://www.luojinet.com/images/service/myShop/good-2%20@2x.png")
}

.comment .smalling input[class=mid]:checked+label:before {
	background-image: url("http://www.luojinet.com/images/service/myShop/zhp%20-2@2x.png")
}

.comment .smalling input[type=radio] {
	position: absolute;
	clip: rect(0,0,0,0)
}

.comment .starcomment {
	width: 1000px;
	margin: 40px auto;
	position: relative
}

.comment .starcomment .zhezhu {
	position: absolute;
	width: 150px;
	height: 90px;
	top: -5px;
	left: 195px;
	z-index: 5
}

.comment .starcomment .item {
	font-size: 14px;
	margin-bottom: 10px
}

.comment .starcomment .item .start {
	display: inline-block;
	vertical-align: top
}

.comment .starcomment .item .starts {
	position: relative;
	margin-left: 14px
}

.comment .starcomment .item .starts:hover .tishiyu {
	display: none
}

.comment .starcomment .item .tishiyu {
	color: #999;
	position: absolute;
	width: 140px;
	z-index: 1
}

.comment .starcomment .item a {
	color: #ff532b;
	margin-right: 3px
}

.comment .btn {
	width: 1000px;
	margin: 45px auto
}

.comment .btn button {
	width: 140px;
	height: 50px;
	background: #0083ff;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	border: none;
	cursor: pointer
}

.el-rate__icon,.el-rate__item {
	position: relative;
	display: inline-block
}

.el-rate {
	height: 20px;
	line-height: 1
}

.el-rate:active,.el-rate:focus {
	outline-width: 0
}

.el-rate__item {
	font-size: 0;
	vertical-align: middle
}

.el-rate__icon {
	font-size: 18px;
	margin-right: 6px;
	color: #c0c4cc;
	-webkit-transition: .3s;
	transition: .3s
}

.el-rate__decimal,.el-rate__icon .path2 {
	position: absolute;
	top: 0;
	left: 0
}

.el-rate__icon.hover {
	-webkit-transform: scale(1.15);
	transform: scale(1.15)
}

.el-rate__decimal {
	display: inline-block;
	overflow: hidden
}

.el-rate__text {
	font-size: 14px;
	vertical-align: middle
}

.the_orderdetail {
	width: 1000px;
	margin: 30px auto;
	background: #fff;
	padding-bottom: 45px
}

.the_orderdetail * {
	padding: 0;
	margin: 0
}

.the_orderdetail .complaintmsg {
	padding: 40px 100px
}

.the_orderdetail .ordercontainer {
	width: 800px;
	margin: 0 auto
}

.the_orderdetail .ordercontainer .ordertitle {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	padding: 17px 0;
	padding-top: 45px;
	border-bottom: 1px solid #e5e5e5
}

.the_orderdetail .ordercontainer .orderstatus {
	background: #f7fbff;
	overflow: hidden;
	margin-top: 15px;
	position: relative
}

.the_orderdetail .ordercontainer .orderstatus .shutdown a {
	margin-left: 5px;
	text-decoration: underline
}

.the_orderdetail .ordercontainer .orderstatus p {
	font-size: 14px;
	color: #666;
	margin: 10px 30px
}

.the_orderdetail .ordercontainer .orderstatus p a {
	color: #0083ff;
	cursor: pointer
}

.the_orderdetail .ordercontainer .orderstatus div p {
	font-size: 12px;
	color: #999
}

.the_orderdetail .ordercontainer .orderstatus .isimg {
	position: absolute;
	right: 17px;
	top: 10px
}

.the_orderdetail .ordercontainer .orderstatus .isimg img {
	width: 120px;
	height: 70px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs {
	text-align: right;
	top: 18px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs button {
	width: 100px;
	height: 30px;
	background: #0083ff;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	border: none
}

.the_orderdetail .ordercontainer .orderstatus .isimgs button span {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	padding: 7px 3px;
	cursor: pointer
}

.the_orderdetail .ordercontainer .orderstatus .isimgs button span:last-of-type {
	font-size: 12px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs .lonebtn {
	margin-top: 40px;
	margin-right: 15px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs p {
	margin: 0;
	margin-top: 8px;
	font-size: 14px;
	color: #0083ff!important;
	line-height: 24px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs p span {
	margin-right: 5px
}

.the_orderdetail .ordercontainer .orderstatus .isimgs .masktime {
	position: relative
}

.the_orderdetail .ordercontainer .orderstatus .isimgs .masktime section {
	position: absolute;
	width: 200px;
	height: 30px;
	right: 0;
	bottom: 0;
	background: #f7fbff
}

.the_orderdetail .ordercontainer .orderstatusimg {
	width: 800px;
	height: 90px;
	padding-top: 40px;
	padding-left: 95px
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #e5e5e5;
	display: inline-block;
	vertical-align: top;
	margin-right: 185px;
	position: relative
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div:last-of-type {
	margin-right: 0
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div:last-of-type:after {
	content: none
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select {
	background-image: url(http://www.luojinet.com/img/now@2x.e4c879c.png);
	background-size: 100% 100%
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select:after {
	content: "";
	position: absolute;
	width: 185px;
	height: 1px;
	background-color: #0083ff;
	top: 48%;
	left: 11px
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select:last-of-type {
	margin-right: 0
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select:last-of-type:after {
	content: none
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1 {
	width: 23px;
	height: 23px;
	margin-top: -6px;
	background-image: url(http://www.luojinet.com/img/now@2x.e4c879c.png);
	background-size: 100% 100%
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1:before {
	content: "";
	position: absolute;
	width: 82px;
	height: 1px;
	background-color: #0083ff;
	top: 48%;
	right: -82px;
	z-index: 11
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1:after {
	content: "";
	position: absolute;
	width: 185px;
	height: 1px;
	background-color: #e5e5e5;
	top: 48%;
	left: 23px;
	z-index: 10
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1:last-of-type {
	margin-right: 0
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1:last-of-type:after,.the_orderdetail .ordercontainer .orderstatusimg .smalldot div.select1:last-of-type:before {
	content: none
}

.the_orderdetail .ordercontainer .orderstatusimg .smalldot div:after {
	content: "";
	position: absolute;
	width: 185px;
	height: 1px;
	background-color: #e5e5e5;
	top: 48%;
	left: 11px;
	z-index: 10
}

.the_orderdetail .ordercontainer .orderstatusimg section {
	margin-top: 12px
}

.the_orderdetail .ordercontainer .orderstatusimg section span {
	font-size: 14px;
	color: #666;
	margin-right: 156px;
	margin-left: -20px
}

.the_orderdetail .ordercontainer .orderstatusimg section span.select {
	color: #0083ff
}

.the_orderdetail .ordercontainer .orderstatusimg section span:nth-of-type(3) {
	margin-right: 156px
}

.the_orderdetail .ordercontainer .orderstatusimg section span:last-of-type {
	margin-left: -5px;
	margin-right: 0;
	width: 70px;
	white-space: nowrap
}

.the_orderdetail .ordercontainer .orderdetailmsg {
	width: 800px;
	margin: 0 auto;
	background: #f7f7f7;
	padding: 25px 30px;
	margin-top: 30px
}

.the_orderdetail .ordercontainer .orderdetailmsg .firsttitle,.the_orderdetail .ordercontainer .orderdetailmsg .secondtitle,.the_orderdetail .ordercontainer .orderdetailmsg .thirdtitle {
	font-size: 14px;
	font-weight: 700;
	color: #333
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg {
	margin-top: 24px
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .leftmsg,.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg {
	display: inline-block;
	vertical-align: top
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .leftmsg img {
	width: 120px;
	height: 120px
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .leftmsg .imgBox {
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg {
	margin-left: 20px
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg a {
	color: #333
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg h3 {
	width: 475px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	margin-bottom: 40px
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg span {
	font-size: 20px;
	color: #f77272
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg p {
	margin-top: 12px
}

.the_orderdetail .ordercontainer .orderdetailmsg .msg .rightmsg p span {
	font-size: 14px;
	color: #999;
	margin-right: 35px
}

.the_orderdetail .ordercontainer .orderdetailmsg .secondtitle,.the_orderdetail .ordercontainer .orderdetailmsg .thirdtitle {
	margin-top: 35px;
	margin-bottom: 20px
}

.the_orderdetail .ordercontainer .orderdetailmsg .orderdescribe {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	word-wrap: break-word;
	overflow: hidden
}

.the_orderdetail .ordercontainer .orderdetailmsg .shopmsg {
	font-size: 14px;
	color: #666
}

.the_orderdetail .ordercontainer .orderdetailmsg .shopmsg div {
	margin-top: 10px
}

.the_orderdetail .ordercontainer .orderdetailmsg .splitline {
	width: 800px;
	border-top: 1px solid #e5e5e5;
	margin-left: -30px;
	margin-top: 43px;
	padding-top: 40px
}

.the_orderdetail .ordercontainer .orderdetailmsg .lastmsg {
	padding-bottom: 20px
}

.the_orderdetail .ordercontainer .orderdetailmsg .lastmsg button {
	padding: 10px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100px;
	height: 40px;
	border-radius: 4px;
	margin-right: 25px;
	cursor: pointer;
	border: 1px solid #0083ff;
	background: #f7f7f7;
	color: #0083ff
}

.the_orderdetail .ordercontainer .orderdetailmsg .lastmsg button:first-of-type {
	background: #0083ff;
	color: #fff;
	border: none
}

.the_orderdetail .ordercontainer .orderdetailmsg .lastmsg button:last-of-type {
	border: 1px solid #0083ff;
	background: #f7f7f7;
	color: #0083ff
}

.the_orderdetail .myordermask {
	width: 500px;
	background: #fff;
	border: 1px solid #fff;
	text-align: left
}

.the_orderdetail .myordermask .ordermaskimg {
	margin-top: 40px;
	margin-left: 69px
}

.the_orderdetail .myordermask .ordermaskimg span {
	font-size: 30px;
	line-height: 28px;
	display: inline-block
}

.the_orderdetail .myordermask .masktips {
	font-size: 16px;
	color: #666;
	line-height: 36px;
	margin-top: 53px;
	margin-left: 69px;
	margin-bottom: 34px
}

.the_orderdetail .myordermask .masktips input[type=radio]+label:before {
	content: "\A0";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #ccc;
	margin-top: -5px;
	margin-right: 10px
}

.the_orderdetail .myordermask .masktips input[type=radio]:checked+label:before {
	border: 5px solid #0083ff;
	width: 10px;
	height: 10px
}

.the_orderdetail .myordermask .masktips input[type=radio] {
	position: absolute;
	clip: rect(0,0,0,0)
}

.the_orderdetail .myordermask .ordermaskbtn {
	margin-left: 150px;
	margin-bottom: 40px
}

.the_orderdetail .myordermask .ordermaskbtn button {
	width: 120px;
	height: 42px;
	background: #0083ff;
	border-radius: 4px;
	border: none;
	color: #fff;
	margin-right: 40px;
	font-size: 14px;
	cursor: pointer
}

.the_orderdetail .myordermask .ordermaskbtn button:first-of-type {
	background: #f7f7f7;
	border: 1px solid #d0d0d0;
	color: #666
}

.the_orderdetail .myordermaskmoney {
	width: 734px
}

.the_orderdetail .myordermaskmoney .masktips,.the_orderdetail .myordermaskmoney .ordermaskimg,.the_orderdetail .myordermaskmoney textarea {
	margin-left: 100px
}

.the_orderdetail .myordermaskmoney textarea {
	width: 534px;
	height: 130px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	font-size: 16px
}

.the_orderdetail .myordermaskmoney .ordermaskbtn {
	margin-top: 60px;
	margin-left: 355px
}

.the_orderdetail .myordermaskmoney .masktextarea {
	position: relative
}

.the_orderdetail .myordermaskmoney .masktextarea textarea {
	padding: 15px
}

.the_orderdetail .myordermaskmoney .masktextarea textarea::-webkit-input-placeholder {
	font-family: MicrosoftYaHei;
	font-size: 14px
}

.the_orderdetail .myordermaskmoney .masktextarea span {
	position: absolute;
	right: 105px;
	bottom: 10px;
	color: #ccc
}

.the_orderdetail .msg-box {
	width: 734px;
	min-height: 578px;
	padding: 40px 100px 50px;
	background: #fff
}

.error[data-v-74ba81e1] {
	overflow: hidden;
	margin: 0 auto;
	padding: 40px 0
}

.error>div.icon img[data-v-74ba81e1] {
	display: block;
	margin: 0 auto
}

.error>div.message .line[data-v-74ba81e1] {
	width: 80%;
	height: 1px;
	background: #ccc;
	margin: 20px auto
}

.error>div.message .title[data-v-74ba81e1] {
	color: #ff9937;
	font-size: 36px;
	text-align: center
}

.error>div.message .yuanyin[data-v-74ba81e1] {
	margin: auto;
	width: 80%;
	display: table;
	color: #999;
	font-size: 18px;
	text-align: center
}

.error>div.message .yuanyin span[data-v-74ba81e1] {
	line-height: 180%
}

.nuxt-progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	width: 0;
	-webkit-transition: width .2s,opacity .4s;
	transition: width .2s,opacity .4s;
	opacity: 1;
	background-color: #efc14e;
	z-index: 999999
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent;
	outline: none
}

* ::-webkit-scrollbar {
	width: 10px;
	height: 10px
}

* ::-webkit-scrollbar-track {
	background-color: #e4e4e4
}

* ::-webkit-scrollbar-thumb,* ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	border-radius: 10px
}

* ::-webkit-scrollbar-thumb {
	background-color: #a0a0a0
}

.clear {
	clear: both
}

html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%
}

em {
	font-style: normal
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.clearfix {
	*zoom: 1
}

li {
	list-style: none
}

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

.main-center {
	width: 1200px;
	margin: auto
}

body {
	color: #333;
	font-size: 16px;
	font-family: PingFangSC-Regular,\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,\5b8b\4f53,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	background: #f1f3f8;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	min-width: 1200px
}

a {
	text-decoration: none
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg) translateZ(0);
		transform: rotate(0deg) translateZ(0)
	}

	to {
		-webkit-transform: rotate(359deg) translateZ(0);
		transform: rotate(359deg) translateZ(0)
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg) translateZ(0);
		transform: rotate(0deg) translateZ(0)
	}

	to {
		-webkit-transform: rotate(359deg) translateZ(0);
		transform: rotate(359deg) translateZ(0)
	}
}

.slide-down-enter-active,.slide-down-leave-active,.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active,.slide-up-enter-active,.slide-up-leave-active {
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s
}

.slide-left-enter,.slide-left-leave-to {
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0)
}

.slide-right-enter,.slide-right-leave-to {
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0)
}

.slide-down-enter,.slide-down-leave-to {
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0)
}

.slide-up-enter,.slide-up-leave-to {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0)
}

.fade-enter-active,.fade-leave-active {
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.fade-enter,.fade-leave-to {
	opacity: 0
}

iframe {
	position: absolute
}

::-ms-clear,::-ms-reveal {
	display: none
}

@font-face {
	font-family:iconfont;src:url(http://www.luojinet.com/fonts/iconfont.d097845.eot);src:url(http://www.luojinet.com/fonts/iconfont.d097845.eot#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAADSIAAsAAAAAZtQAADQ1AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCNOgqBqViBhiQBNgIkA4MEC4FEAAQgBYRtB4kxG5FTRaQltZfsIypWoSjKJ6mZ/X9PboyBNWpW/w15OHtiFGfwpLFyI8kNQbeeGe1OMfovfp0+hDrluNqRKS1xIXFbwjnkdJIL8Qe9LXujrA/TiiYZdd1DkqIJAoy5XUxQt0hLxE4LI4jWyurhm31k9R9W7Fj4KJYshI2xURKIB57D9m+t2Z5ixVEG9zygGDYBsc2HROVoVWeITt33NZ31MEXOl1vLHaXUMcPCPEAF1E+5lVwLrX3EvTTlLiZtiioO7dKK/TuLvgoQNWRl+qT5wP++096ZsTsACUC34H/8Pu7kSiLbyjlyln4G72KoCBXAFrAOvlv1SQsnSdqucyL2RD0ycj4wPHV+0t/k18BXisxw5zC7J+KVgXmuRLu0+TKjtCHSrWY3CZCym2xCSGso2CEJdEMapUkooTURhKA0BSugqDTRKJwQbLGi2NB+ECVg6Se2t8LheedfoemXKxYOdam0Ss12JxkC/Pn+XKJh9zuAzqeECWuxV3uFD4IhSG1XunJLaGHSvZlH7Swm3v31ZZZjUiYGOgBAQS4P+Tft/CSB7AFYbW1/f0kYhqUBaAuiFlrm2N+rWrYAZW7IdMoX6NBdmt7n6prSTfnfB0jh4RMSAUhrgZCsBbkJwgaCCkySFdYBush1ShGANhDU3gwoOYgXJUfJIVV2F2KVitJN46ZyW7gubXUxsukpwMPgmqZVD+fmH2NqPdEum/UOYpAoCYioqLg7xx+ytceI+mhKYsDiYqnvCEDShbXA8/WnFESK7VkAAu/UfgBE1KycaQPG1Bi3YRU71Qj+p9/wh78P/LsbR0pQDant5fXb95qg/OraUv7XelWNQd07gAiEYBzCBJfMNTBWoWgbFzLvlrAfDXg+JOnr1Dy1vKcRJKDzR8YG/QzetGXfJ8TsKqto6ejpGxiaWVpZ29g6cOTYuSezrUCSFVUzrEyLNes2bNryIlZUVVPX0NTWNTI2MTW3sGffoROnzly4dOXajVt3XpVe3haW1jYqtUar0/v4GowmO3sHRydnF1c3dwJRtT2mgfAO9m8EPYghBCWEoYwIVBArJCsOBagEBCkZpFSQ0kHKwBCyMIocjCEP4yjABIowiRLMoAxzqMA8qrCMWscewhXqcI0GBNCEIFoQQhvC6EAEXYiiD+LohwQGIIlBSGEI0hiGDEYgi1HIYQzyGIc3TEABk1DEFFQxDTXMQB2z0MAcNDEPbSxAJxahD0vQj2UYwAoMYhWGsQYjWIcpbMA0NmEWW7CAbVjEDixhF1awB6vYhzUcwDoOYQNHsIlj2MIJvOMUtnEGHziHT1zADi5hF1ewj2s4wA0c4haOcAfHuIcTPMApHuEMT/CF535+1wvAOV7hAm9wiXe4wQfc4hPu8AX3+IYH/MAjfuEJf/CMf3hBr2hNvAL8BKv8AwIftC6V3q+2Q6E81ok9eppFfTzFvCOYPHXJGmVkARirVNXMang4EGuSZrISYEmaBixoM/QrnFf0iq9Ol7VyzGZQSmHTK6q+L6gwLZ8FSym6sa4llaVCNLBzKjHtRpaAuWFrLwE5ncb74yrkMx/9pu58D8Z0D86ctq6ls98zenN5mQgg8WkYJ6zA9WrLGJX54+PzUjCfL8s0xE8/o4HiqZmXqYoHiLlgGZvXsCweduZEyGelDc++q3DmKGfx2a6ES9HaWusAvLxsm9YR4CXSZLp9KRdUxn7CEwNefqFYsUJ+RLYmjjBKmUBY+uS/lMhTxem8CxZb2+YDAnrsK7HzdP0qovSEMWlqXrv8nN+vAVMPl9+FUl7qXcd4u4oF7ZQ7PlHt6Tzn05Z74LKrtb34LjBLD1YtI/jea0FqqG7gRc6lYPUrxWQeWtp3+WWMpYN1vv48ePrcddZ4QbXK1onmTYtxAmSMWP+K39puZpn7M/jt/XJQD4/7t1ZkKRKOQ6s2ICsB614UjK6thjA6u3qgCqlIA9IIqhRibXnxD6xTLxPIRG7qkEDjUcJrkR9/d/00GYlfBU/tFB5O/lwfjBWSaa7XKFHFdHxQu+qTppzY2E1YbCKo2RgTn8p6mgYp1oblvXpkxVLYrdbV2zQg82Tba6kLfyEqoaHjsUjQy63Rd2aYpQMEMhqEacGIygg4iUCeO6xRCCqBJWFUotoM0nickVHKtCJVbslnMisMmLJolsQLpfZSK7b2nDBpRYoB3ewNnuYE5IE4r+8YTN8V8K4DsBOrZCHniY5nE4Y7cQ4oKDScVDoNS3HKtCop4EKM+j2Hkwf7q2FDtMjBEydywRYHO9yrQvg+g7tA3JVmm3lfl63QaLaRO1b5QLs9yIyC1HTrzELUkphuYr24TfMIU8y3MMvpUIpBr122UQpyCRXotkOgS/yEALIqHcGoKkaAGiXN2JFZLfcEh9HZxh2O69VuoaZV07TbzJhQTZF1SsZOt3iJ3N7L1P7hOB++holUh/r4fjdrjWcFDRMYtwftc3vDKvBLPdnNGaAEqLN8k96q5apne1c4tjadjDOIjO3Ocaw9b354JNFL7M/A32r/2qnyN1i+xVyQUf0fqhoPeVwHZGRjiP7cR0smsyKQZz8kxSI00YwAaYkl6oEQZZlW6+VtWGQGr5QxF/PUrHatLNh/+D7o+GdHLNVvbdb8z1f5N7yGrIb4xwhV3Ya/+nWMt1RYFifkb/A30IVSZH/iX+X7UNQAccsNMN17WkksVTVt+KAhYhC/ofvDmTT4QAeO5PBMRHuIQ4pec10UHaQkkBEIohIv55GO67SQGAypigMPraSRMHhLtZJTLe4Wqza9hFRhyHiqdla2sEsBYDiHLN2eOXyOKx9f8gO9NOgdUoDL2oMNFX++02RLkQUt9KaW6Iw23+g1vN7i8bc08+d0jEFpO/Eh7Es8/57Gq9lPdDlEhpC3hekEMAitUAEx5ikd9tetUOZlEtpR23edW4+xltUWAqu5eKK0IlS/RPFGxdmNUXxSpWb+rEL2ecz4KfbFh6v+mdQKIqwk+oNKch3mjgQH3r6/6/T2vahl3/qvdu5MwfuL/qVGuxtplq0uFZm9mdSTnvHplg4OnG6aL8lHV/O+9CclKgH4ZZvVbLZsioHI2974XRBzYiwFV9MVDdGofG2xg5plbLTTzNsMNkT1VgFGX0lgV38zny0ay9ep+qGh4/yD2mVy/Env9WjUxNxKYq7h6LIXvPT+EVT1cjS/UwKwqkKyViI5IOAGoQCQR5wvj0TrbXYZyTYOdvzLtEeN+sCsAwDJMgJkziMwHO0FRNNKkqGe4Z7wk94V69x55as4rURuAtm3dfrb87R+ho4mr2nemrTBPOVaYGIlaJjBn9X7RXtskm/8C3+PgXYrNspPn5ghpbsRmyfLvLk79rbjkwimwJj5HEDsJQrAuQ2TQCJbyGQMB+84BiZmEzMC8pMywUCH8YSWWIKoZJBE+GTBEWDG3kuhj5cjPze+P7rmtjkHT4Hx2RO/AuOoBycN/8gpu2Fx8KB+QTDLAx6X4LhmOi0K+6PBNiY7++7Lvxa9QMcoUIpZ0iqn2+moeLtHyFuBlEEGEq7h+O0fMr2nIOV9k8/ldMfBTdbaHKRvvTcvkIDH9VDFcgdCFxky9hxigNSHS8IdCfFBDkOwHctCItEtNE/gwV5rBMVI2quAqKLp+O4gKQf0mmEysOh/tNC0byoHdApPH6fi+JrTUr9V6UQ3Ubbe6AIFk9n6SIPxxjNUPj63s/UlfmZ/tR2dedWNu08jQ+aakxrlRojGXJMLnVZiNxcCV6k55A0ymp7iW7T9KEFZ+WspzOPZpFUYM65Woyis+NbgWugM5LYkD8G3S4eS+5bKwLbn3+LrvE4y1zSCqoSdR7Z7j6ajYrCiZT94uczYpCcsdj6mtNml0miiuMr0Hh49+8uOrdT7UXyN2gfF/Rc27C1IT1/4K12indTprH0wMIPuNirFC5EQuWRHjJx3uH6NHpI60+TJ70A/nNr9CDotswhAUMwcPqNvIZew7hu6iTXHyr2oYnSbV+1fkAEnao3n9YNDUpJSEI6cU/ooTdXnYHCEPEJ8jbNe07Jw+7cJn6SjhYZPosR9rT2t1B70th/KugFT4MQpQFREaqpi0tDT3Llhue9UUnEb8BYDFL6ytvQMiYiNZ6zJqJVQ12gBChvryom4y55v38klYoOS5UAqRL7uetSJDiSaFKyBx59DDfoseH7iefUFSTSkCVP8McPTFh6/gPMQ0j5RAko/hPljZWvnjThXgKPuF7Rnx59TnhIElYgvQ2p4SVRff+JDXymHOcbPoXWFwLjCV9W03mDXND6hX+W0MQbowVdF8AXQ6xdUEl/sNs0z7d0w0jGRKDAjcpp2zwrvd/DTvR1tezXzobnrgJnYarqU+9st+YGhBIGyvDSanZ+OXxc+oB87iZ5dra9QMh8z6/3R9vHXLTJ/oZHcY6cgJKQENruZqhpGgy5jNCL1wUk09G+jk5p7vCeZ/7KEqckIdKZgn7LC96wDXzXC1dYXX3b8D00gr/Xi150nf+Clz3gNO2ozvz8D1/u0njZqots1OXxpW8lbK3WiC1isfKj2E0sD7ZYd0Sav3YeXq7+/3f1oVPFPvj7uf7iFPUcL2Cni1z0b2bvyKNYGkXoIuUwXLpJWwE4XNUVX8I/ARKxhFSJEM0/6MhOswNY4OIyhP+x46p/8VV7VopDY7HfgADlG2MCQUJBm+u1k+g/QQjYKjAJsP68udT+mECnTq3I8O8OdKxvkDceGAAX/0RaFqQkHBWncgSjFLVz+8/hvCYFu5GcGJJ8BaPXbAQ7D/47++BaV/9zhIeZhNQCLGmxYDK+pc12+jHKbvNLVes4Sd34yh8xW+B+QGieVWhLLQU5bRGXadyQYwdLUABZanaOCeQqdeDSG55icUxtY8K4qX6xKKZCVujxQBMJzkW7kMK1LTdV5ujY5L99CmxcLDldCKM5BLksVIA9k6hpnFrrPokzAM8jeOGE0RN+t9A/GK/5kQS6hSyoLq5TVrHCuWYepl1/w6TUAqTJlIN9dQZ74mZ9LENhubTEt/iydKKrJCKXXKc3NdKEgnmiNf07KRuW9KhAnEAc6Gmq4kAroQOpWQcMoFNHDTtHQQrC5ztvhWM+g7bnb6IM+pbCMuVq4vbfAIytYWhHj4j5x4h39RYZWWe0GdXr/F+33zs1e3orAd+b2RN4wfOzErQZwyaIuez9iibfLNL3d2V0PTqmRA5Y3Nd9p8Ac5yaYi1mEm6BWc4mtFkrn6FFYxVwWFDNWcQzfPC1qhsgfK4hYu+TMR+ZDW00TEhopoY95ECIhRzhbIFpIutdf5TvYmqVht399gq4VoS/RZ5BIK84bqygtMtBmSHoeH1JFbs+kv47gGLtGS9yicjRp9T/otsD+EMMUAmR163bB4okwJkVIlfofejDirCtlrYIgVoNWBYqtAQEErcNFJfSz6+Vz+zVrt6meDauUXeYHyolng/cGEPsEZnJnD8mAtY2Ms3D/8QpImyYgiuArivqh3JC9Y4qeG5TYMaLOe7PDz2JwuhT8zWCpE0wX9U9iw9HtlUjRKQU1JVlRxDzGvCWp5rV6qIve0sn+4GyVWBESmNqlgSAJK49A1NBlqvZ9GxcJLkRUYXleSLEPFV0Kf7i+2k2xeuwt1OrZP1daYKGSFHBuGkXh4OvM//tzZqXp47+wbswWdN9TLqxtORIp/9mC2aLhpMMV6qHY7AA99Do2ovT1Y4jsCKG4Oo3KzQELFdBY0UgOAd9AFWJqudpvZMAlSOO8YpqNdmqAqQJhcNEYhlsKsrXN2M4Fx8GrdF01j2hXYBWjYStV0xlONuowOkaU7nFyyWC3+Ou78g6JqpBeu9ohh0YqAUFA2rHWRZdiVMsaexTVDs96C66iN92dK2wNTrbAzV9sfnN1Xxx80FGH19+zh3Czcf05Why/V1UtIEOCOQzvWNozfnGmB2Br/VSbFpSFujv604R/yz7096O1DMk6DfMGbz/wkGUqJLlTE7te6ZQG9LsgdJfFPaFkbuIet4JjRX3yJGXl180sLDWtJbyH4+BRHraNM5ET2D1KGCWhInU0ENqbJFzedLCFLgQW1fW92Cs0O5ATMckG9xht6OwHb2vBHybN2yKMbFv96xYepxSMwyu/hmtSBBzniA0OV89qwo4xM+HEpWMG37L2jL+tte9hxcu9TSJHjD8HD59e4+hxzqLz6DA0/cwY6O9+Hp0m9bI3prz7cKf7wQ2io+MeHqv/0dZGqCPX/HuJE1RwMpLMVSBGvwqUw2UIUIkXLhZGCMLIdq98O42ztyOgorMhBgN9go92kpeUUxXp3m7oIMReMwyRYCgakYzAzTS+udNkJxWTlAlwo0nN640Pol3PPV7WHFyc+8/0srShbZEaBs8KE/WTU0VEtRGsDNUGZleKRv/13EzAmocpH85Unrf2GWQey73K8o/Rhr2qQiS+vF/jlnHxuLHxMLscWP6GXpe1XISGESPzoP/5e0sKdBfEIId4tN8wH4yCzYcUFsVYV7flF3pNElU1dbfRd7oHhr4Euz+J9BMQlQpDRZBV2FqiiCxSCN9+tu922wrRRJV938SkHyuW/9Iayfa6EP5raPnG9QVXdHqKVmoS1C7ll1p+1JRta1DGxfyjgZHgtSRo1PxcN0g3v6LDGZ5nHYyfwlDTQ50Q4h1ttYHUUPaESYOoS5j3OFBoSlPt1caNxNKykn0qg3eMV3R+oN/Tybvwet5Gbex1xe7BvcPsv4p3yIgYP6GAD8zWBWiiszZ5QamwL8DYyWwsn0QYj01S+6PlWvqY5gYmmNoDzJhRg8G9FyUTTh3azw4q9tciZsiKGVTfJoWKYoPcjHM2puaKG8ewnlNm42YMSzy0R9oOv7S2knX0nXiut3o1IzvQChFy3VaWQKdMrwox22RocQkZnSiyJQZkLVe5xbBo2Gv/gn75T76KV/rXfol0of/Ijaxn8N97tEQnbtO++oMAcmuLuwVRN2aDvC4Nw/RbJ7ayl9arhQQTwx2VOgmaIDlZPjuDZ317eb505u97GxPLIa+tkF/1TQldhSaLMhUSVi/7a4KrfxR3OU/tZ7pmpYXiXVOgZmQPpC9Xeso11Ol08v5imm1rGw0nq11ezB0YbVOaxqzSHhaONqsbD4Z3CIOADPZJIgE33AIQHHmiP6mybDgravypZkw6V5Ok2Ta6EoElmdQOK8bChhiG70J90DjT03HEr0hqr7YEycXq9Z6CnNNyWqGfn6DX1jlO1gaXASb9u7d9sAB7S1IOlCU6DjsZSkp0mG0kaAsggAoau2wHigtJ4wW0djbnoGIrxMXNg/4WYAIH3/0WlWbhSbiON1uF0bwFPSEcRDLmNKmkwVU/9SJLxPvMU5CkSAdOU6C0Uw/Yl8hS8fM9I3EVjOFQ9DaPia1HfGeZSwBBmB5RZpFiqtB5Lkxr7nhrrZlLjgdogeKgK+ROCttQuXo7AmhSvQC9tM4wsX1y7BYL+RKrsdSlD9cKXFMx+w45RXgrrh1JIQgvXUvbdRaoOUVAvUPWInAoBj4NTzlooORnSDpK0qoWoIynJgDjxbbQk97o5u1XNvPvmTQOnfdnS0ycb2O0byjgO3DknHIxac42fd1n2FKBLOy1Gw/Pnx7OB/9m5kX48Pk//Up/zdiZsM7WMEutSpVlNlFTlHWY386WMklZUkyLbSKK2pBu37VjyOdJPwBYIplKkJUdkL9WPvaNA9kjr2qwvNm7fkPdPFmwwmQxQGMUmCJEtb4A9bzKpe+Bd/tVfgkj5UlQSa8AIAwS6IXZGf5HFyI7lXO7Z3D35HTHD30An2B0wKszoYFg9rm1EbBUfm7othVy58UTfsRUkypaWs/VOsLl+rbX36ArnzW3ft7szgD+O+NXabbdRVlOGbY91uAuyxkzEzNVmjLvxT+2fWznSWhJEPNpk4VkSFSSF0SoWFyvIvki1GRrWOIDq6LHwisOxBNrZ3R/+Fatn/tbzUfCJ8hvlk+BjFhiSCLSvFEjUmIIs4x9IzOmAjBwFfM1Ba1kTrMWs8ey12eO4YWJrQFlSmfgEBUxg4AQ6Nt7sXzoLHvZWTi2XdSygyq3+ZcllK69zLMGISCr7I+ec5twDwTUUQwO9zb+mHrEqSOtICusIWHPZME6AGl1GXJpgwzCBXHDgQCXaD9Vt2HDiRkFBXmDeokWPH9tNjKrxodevGxoe1OzZWEM9lk/PX1qQSE9ymYyMHE/EHtCN48PD+Sg/YZRlMuVjL2HWN/L+vVwpb2qSKWW/fCjs/OmnsWdPE89Y9MSJ4SwnsCUjI9iJjBz78EEwnkIJKDpOWXg4q4wVHlEqfXz5yqbSk1J+4WWrwHTQVfyXL3hJV3eAflJDfh9wEPfyJQ7SwQGwEDnWIQwRz2tfMYIN7a9RI1KeBBm2hCel7HcYPwZWPCvFsm9vI0fK6di7z8JWUABFwbYs7EhIjf++ji2Ugm/GfmHjKUkwUkBg2/LVNQgo2yflRIVX5Nz27mTleRm7G+qu1ym/u4x7sZnUhttn7LsdoPZvmuuz4fLbWMhkggTTQo+FCAHGQtnC2NBQJjOVWLzdYFrlVa25q1GFNAFtGsKgSuEEYslc7UxFzErWZhWkc+/YlECi0ah0JB1oQpo1qis1GlO9MrBspWipzyLmRSvW9noFQOJcspb9KnyOEkBYxDw1V5VAP0D49/88MokmW4a/NObZD9U7fi2N030G07u48i1bGokyrqW0tIPbobgWjoJj2VIvB/+blxwjiRJXVoqjJDFn/Jg4urLyThrPRJRBRABxKQoQxZAQKmZG6wVaXkEBX8sPtvD1ncov0KmW4KPaggKeVqC3CIJBVkwtL1gQmR8PlZRA8ZTpPkkmx8QMnM0aMnmSPU2B4t/cihxuuWu5F9jFHGK5LCL4JQEB0FX6mU85bRe5tb/7xHRftnnbrkR37aRf5B7O+dRPr2+yYeJB18unFjhnRxxIwVwwa/Jss9rjR2uhcED8ELzjcmdbk9N6OZASke284NRlV/EgZqtvxvo/5Ry+yKXvjO66kl/g5Zhun99rL3Lbcj6dcf5d4qFYOFBo/dFjsNOaDDB2ozTAUTTg9haqbyqg4gyMC5zWml0xXanPyc8jFh27vL7iPIdhYKAF9c3QmI/YjsKU0sX7kmYrH8PeBHw+5KGqteXTg9odkUutA8tjcYFy49WKWwn6A8k6KCUV0mbStVqJWSKV7hSteVjal51c2jee+9q+NlV64q3ZDIhORGDGPefE9yh4vTwlP34ZEUgO9CpQDF2DYEOadA98t3v3LO9mYPsPNJvWptMCwaM9RVxWJhkDeKuDqN/HhaWq74hepmuzQ172A8/Qx4a1VxRdpzxiR0bWouaISPYjyvWL5cO6LUbay6zgLI7u0rXpmlfYa347xWhH7UZKO/+PBftrWeRhQ2OT66KBqsYZ+3XqcWJNU9TIAFEuEBoMk+3unp5vrefsAv3MPfaJoBlVKjEi5UkRcRXmueVqQ2gY05upo4bKaG1/XOj/fz9PZ620Kv7L+b8PSclTsykZHseuZIew1VYdD3jqfGc8X+FXd+WhpyqE8lG9yzBhNWHYMMMw7FKWMBTUshONVKycKhPKqOVgo4+wUXmqjHH7uDpWIKIE45QaKEgEqRMS1JDZWdo9VzbeSa4jSKOlBGzoQbdHthSw3mtGNhgdR5yMtSO1RqcRx7w+AMXQka8Wgg2NDGHIQNZZHdrAzALndBeB8i8PvCHwqKvzXga6Z4jxeJfVLikWKuNZJv3nzjNyZ1MD0LWnqAqBYvTUaOBzb28KXFUJpUCpRi4rFa6s9KUU90ldGQzS06EQKNgw2AFCUN88fEVSDYySxN0bGk9w1W3B5GmK4uM7nYAbLPICX9hTv/02FaHVVjGnmVtiDHi8wVB5OF2g1UaMvrpGC/wKqL+Hq+ZQT+9Dc/Knfvudlu9XUoMOLCEwkaMNMQEKs6Kq74nl6kFhKe7dUyzJDa97ml7y9Lx13i8BX8l7sqnWqDrfjEqQ5u7j4CTTIZuecbhqBVQLd2/HmZCggsU0ftoyH81bOdm8RwTn7t4YlEavklW6Vsqq7LGMAGdQW7NqCko1ry6G5hR5pM9nR9PGvZK84NTtq5bBxbB5FZzqHU6Vi5pZLlKcQ6laYXC67QGvLUskcf/s31cpSviNVSTlJXLSZ9Y0suThSAbGqLyVUYQvcfwl0TNdlpYQFznXBG9PhkOtaXu2ycGE2x5NdqR4199ZdF5FCGSxPjSxiV/l6zZfEu8Qr5EaWqkNnjHavIEi4e8DJtXke5ggcYaLtm0zwQPYX4FGQwUFUBR9AcBTbfMpQv9lYgdH7qJFZymAQ6WIRyAHAsAh032cC8D9s2r2sl0nMI56FIPhso72ctjz7e3XtjNdd91n4GtOhPdmz97UvNbjTdXaV26Z8aKLh8d/RnvO/se2cnOsMNrtbvHIvsiss88I2cCvlN+y9dCC6jBc1/DwUUm4HUA6CoJ4YdUL/LY2dwuMAk9NK66lr68FtxUHxDkEuBUI2gKvwQtgBrHKbKytIjLXtVyRRSd3PUXpqBGVorlPJMXgat2R1+ernzk0OKgdGxyfqX/mK/jZPAV5TvkrFwNtQFArpT1WqHPItoyhbDuYxOrsJwRwDAGuQkUeZs/mrAVzdRLzEq+goIxnLoJbdsMrIN3cxW1xKyefBPwh/SOgyZLaHscgHbziSw2nN6Z07OGlSxkzpvQ7mQGGUpevioPsGfpVIJAbCFadI/Y46NkGSoVlhu9AxIJNm3TeOgWN/j/bP/v/wBuo7TOWs+u1LwrHFyvF7qkvKIkI5IWTcXBjI7dxwG7hSMPygQYueLo/eXYiJm9OViygqUNCmGtuV93C+U1M1cOAPV36eplmGuVppZsNvEZVNvW8LYMvNz8+wI5RbBTMbrtoOnykHMuX5mNW64HR2HaAdf/tvtw3owHGOoOvLJExyDmywUHPTE8FI5NhTEQcnE8waV1Ap0hJUGlOq7QKreoU2wxeD9IQjqs0AJFrFp62X5BB2ySuc1IefEzXRqbnA2Kp8StMTZAO2jwzPOX0NLoxXuDofNwZPQrig1MNKvUxADGTFomihJUlojBJxFFJpDhs5fKfmy4SnYoRRQoqS+JLIuNBpHeDjyjvIOFClrPHHxF1ioIcrzVNIN11nSJibgIjtyIR/vSWpljd4LUmP2eTAr1tMNUxyQ8BJUcpcq6lqclyUd7IlXIsKyrC1wK+fT2If/ECfwB/sPCgAwSAwOfAPdak+xxhdG55xp/jPsnKNAM5pIDkADyqiY4+Ia4U9UYviqZeUaX4RHR0VGLkXmQ05HtQA3DRjRzL2f1otHBknI67lzr4/gdwgOeo6vVzfxTshvMvBU5bnEBpYO0UXsdU7czrRSidh6FFCMajkw8XjeBEkYkd/xCTPwxa83mdEBJCo3remie9uOYFBq55oUGO33wlUFrhVkgdBOR4oH47+mxZpxrgJ4A6CDrVZ35AlBP6DK3qPsIE6QHpxTynB7V735Wmnk36aVXnkgbeJmHW87+OHHG6mYW28RqWdK76KelsaulangnIS2FW0dhWdOua+YmuLF/vel92KVjmy1KGuOn+3yafhfflN+QtJrHJ8Xms5IufJW9zmLt397L0SibSzearIwv43hHkFdMedfbnecRVxlUJnj4LbQeGtEnhsfcN0NAbU+m1bffl2CJwqXfUsdMJ71usV4U2d+4+pVS4Fpi7+13eB6EKmoSqowaBS3qyw1QJTYEGvXfp7y4wuyqUu081d6pC9cW+eKdOx1FgygoAg94RZ1sW637BIjflsrQvU7dc99RQhXMWxkDESzsWFgSuK0tTVt+ANxPMv+UthnFx7/LxZmh9xe03Z8hjzDGykq20jjmPHyFy0rjLOEmuJI9TQ2zlGV80TJ0PJWKVzivVftHNSua4c2WUjgx+2EN65VTt9Ip5N2i+20q+61jteJd5HNiCw5eYY9XwlblXYHERb5/BXIJPNiV7D27E15iPmGvw30wT344/61y66snHznMbhQ0TjG5O5+aO3QIwrUqLk8ZI1q6VxEjjLpE0WeT+5uOklxh+hPOq6CbfZct8mzpJmqzlnTcrZukaKo5tZHA6lmdQevz/O1xcTiPHw0rtXNlE8HyW0jrcoWTyfM98yjRKXtio8RFhjGnAD0KWXUTCiFYdlJIC6WwkeGMdpKJ6+Oi0+I/VR/AV6ux6N5tbg9tcBENSf1oZ7wTZW2Nzq8/mvk9OVHEY/Wvc1TvXnDr5PFiug4tB3pamOoP7mqr9zdDErAlsBWo1VUPVGGidikIH3xv68Bq8zaWVacMl5p7HqaN2byqqIT+ESI9x9EkV3kMYYk37ICsFWwLcXxmw358x3zZ5xtHEpo10COjV1kmXCesKnGsC7IHLLOjAO5zPTo7f4TTktHFKPrvnXR5lx7F/kY8RnOvvAxtBQ3PFn8OeaXbcaQ2jZ7wn2DKKYT6R7EaHvGN968QkTZfpiCOEiBDozxs1hynEmSdSo8oLWN++JxjyFx0meNBkeD6FyqJSZiCzvnZTEBfytNpMG5Kgq0jWYAevMzuVLmNWIg+V8CUoD/SCsWzXMweVzGDQB1ahEoVhVqH0V+kNT2VuVKtgnaAuyivXM5ilXOxSuq7UpUMcFIZ/qxVjkWL0/SkBlYBD7dF7l8TRx4WLiwQwr8sCmYnAmn/VlcMd7VB50Kc5WEYkuAGCy14mQRUroEQoqaIiCch2DE6CE//49HjH6jrY+B1dBuc4PYI5i9W/eOh0uG04nc4jU6zX4ZgBzkTMnGnGiNucnhoDAqiQ3l3R0R7IxbgdT592CHqKEcAF9mI70pGOWA6BLQYXnXPitjD/s6Od46ev7qEiXAroeWgHFC4CkIUoxv3WozFICVyCxPDAIEGTpYackUIP5xd6JC8iMg5J3K8F8PIIsfpc/h3XiWJDJMoIEUMZQxhiQYbfHVJ4avcgWO0ISYIS7RjF6vNS2P7hQy19Ge2K2Cpo18uIW5b8PBs6c3XSewNXzD3E7MOvP+89F7PaZPmLiauJ4YlU4VDibGNtMhoSU5c/ZxcBMiQntyXupOcT4/JI3ovq9FNCWuLsRJpwKjGMtBp4bHyqr/fZxSfri8tn5h0dAva1bRU/Ph5+nZb1P39yb9n8mnb30rLhz4GSYCgtHdJDwaUFg3kLPuqhnNTTTSF39wxfHr8bTC/JgzZthvNC3bQJSbALpHZzXmkXGEnCaQbxfBeELDoDFsRTh+ftY0YWrQzxwuFnR5Vue92cjIQ9hyNVe6tWDVsG0Mas7AaulNsRFnHyxIv7WdcHGoDnlFD1mh2bJCNTdYAdVd9sjjKvrU9n6wCL03Fa14Z6t3r3pnsAVC0N+Sb3jBPsmu9njbL6uS4JFr6JgvLzoaggBf4CUjaLptVCUCo0bP6oixqye6Psb3Mwbc5i17RGRSHWMBqVIlA6JerEpxFWiGJornal7Hr3mzNn+c3m3aG5SjDhf4XcIQwEPL6bw/1N5zFnsEcvf53Cwjt4K0MEM6YUlt5sNdaxIBhP1AeGUn95jeid1kb+HmkZglDL1XjP5T+dhLbNXWAH7l/3Svfemjezy0pOwpa4uwwANWtFBlY/Bq1EZWgbJbHnXU8ipQ2V8WVIGyciuvZdaWQ0sQ1lAN+N/HpZWPN8WGee5PL7uj/D8vlwdSlVKVSMLh1VCJWA+h4X5jhZ2vaEeL1hsVPTyRLqt49HP06IlogmpwwavBoPe6to8Ktu0kunHWmO053Oxr+gyuuJVFJzdXxRIxK+2jlle5zbxGFhoMuTnFpBX5AuRPWF9XFZI4tEnl27HFoLiiE3D+tAU7WzZt2OMwBiEbACurhL2e9WWguKgRjnKzuZf36rbKtefDIkaiu1zKFlnb61+l77zawz7t7uOH2z/d7qW89nq92ezRGR18N3O/Z23A05IwL+B81Duaz170n52dfT3CRyvzkUyi62nR1xqsxPakLoXMxuIgtm3XvP8ZPtkvptlPt5WfaFqOmUIcnoF9mXd5LHlNk0NUnhrdt9BAogZqjfWt35heu33pHA8toUdfT/1ItULeXlER4AvessEhrwMPB7vbitm4SFblxn5orNtwuC3xyAaPrw+bc12cAf2j+EIaL+4FWowkww7nKCKbdc9VC6QyIEK497LVkrefDjQC+N9nbXZRt8TPxwdTsIhPeQ2tsnPKZxMWHc5NXAAOc3NubDhvTZzNqUQmNh9PgnkqIB0E/OfIhJznDg8yeZteQH5L6F0DBtIeWqtRb8eBDBOBhSExAHorRsrqfZD9oBS1meEym/BH2NwQjEhSixjvSZ8lUdHDGrAYgW6/SzZne4MiJC6wBHEs/hwsfyLdbhXCVxR5SXk3b2/vIFb8Hx/GOQ1ExLmIYbUzg4L3oSgtGA+JDfATo1aFHMdwUL38h3kebQtqu5AdJs+XdvC1StkaHcb9Wzr2nBYDMuNiQEn4DXlWIp0ZTzAezvbpePH/9YHR9xpdZvV4pMUVY6MYFIt+KsUq7aA+/28n1ke1NhWs57Bt4s4SXQfr9zKcy0FxBXnH0hTiCEhFDyDWaXDXN9WNXxQoHGGoAYF3QV//lzT5MCXyAycGrqv+9iT3tMOo7yyVHUAfZZfvwJLJj0mF7wDfgNzn8euIhx+kzhkiY/PNmvuNiPkPQiytFfVvfN3rmdT6r78KfxQIMOwNganrupxOdCflp4XBuOpft6JDjF4+fonz1ASnCkMeVUssLEB3Eqxbg6o8jrSGVa+Iy2Cr+2OL+igjfRV3Gfv9SG+6Jdw5N/BkjRHqyuPqgFfj/NksSuX39Yd6HSu+N3xdvxaSlnljrc7jUu0fP1gtDdvk35ej0/RLB7q1+RyX+r5ptRZkiWn0pNiAxOgcT/jfrZI8UYkJB6Klnesi6t8miR8mJBWph1WuFfNyMxNbXgYonPptywNKy2xc02W3sN//WrbtK1Al/HfyHE3Y5ILfAEcs9IAKVAdxHUpbQEajUtWKSfqp7S1+Be9zS98DwcgD4rz1A9f870p/3WL+z/jcYBctDF9neafqfKgXxKL60eTRAZC4yjF+sBft2+taJdc0LlixOiCt0rSJosvyTed2vE+OfCeFGa+wuvuKorAqrImrpCVh2OvimuxgtcHLxYubzs4uhnuDIm+PrCQqPmhbudNFlg6HzI7pFhcAJekCri62JnviDfd6RnMxlmuuMfjN1OLP8YwQynPi+znaDs2aX2fqyvEu/YB8Bj231Ywqbb8ES62gRxsq9ZYxyJb2utb50YG1jOZxlOFKs7SeRUc8xZjq99A61jRMaOeRtgIoX+gOF7b1ZsG22aUn6odQUUpMgVa7qNBv4pmLtI+EccFFtcHAs9MkD9bCj2EWR4MAZIu5UTToRzNmzcCT+iGSUJU4+mEiTG7oe7N4ndeWo/Skaxcco2IzixWUU1JJ5sKoZjyfjuul7K0zmsIJPb/tbG/nWIzGsjKI2rcg8kGmZsT/FIyXaNDT0XB6q0XUCtBi3P9idaXO4bul5J6zc6H7WdTvV9QjPT1UwLUkuUi7FzHP+AuedVRNgeEKQWHadg8h6IRV96sKNvQxWPujxgWqb6YASXHHG3E8ALenLLkESY+zizoGtnkxMhs7jR8ThqmbfGQ5Mn1ON9b7EsDJ8xf6jGcyXE6WZUgZLdppx2uQtmXS5H23rgmjiRmlbBzfUyZMz0jsvwyi3j0kTqOLjmfTPK0YPkkdoRykGvA5RJZlXqoj3uZdav7BFE3iCN0TNau4jtvY1bpHGUSYevpLrdbqmGKmYVvtUB1BXpiCM1zJIJLRFefH+KpJOQ/+zv//MzRtYBW/zmO734v/7E9Topoxf/PUnhe/EbPV/taMm22APnZ6oLWZxgs+s/5Uuh5m1QEWRqblkKu09TC2yCi5q2NZu+1HELXdTzMwPtwjMQIIl3780D//IL+D//Ir5//onUVSgU5ZtVm8vbr2JzydyNgSWbK2Syj7FwczlsSlTFgcfM4tsK9uZrm66xFbfXMd+VHwBO+VmJrvHS2g2yeFniNRKkamvj8VokyXaiomviNVdGrA3x0kRXwn8K4iJEoYKSEmGoKOIISedLSu5vKkJ0GKWWl4TVLmi9czefMcKodBJS5bmHXlB++04+Y5hR6ewOvEMiqJne7pPA9b8fdxGnwdcN9OOCrhvswKny9mBq6Dtl9uO2iDifjsNTon2DBH0D+FLW6y5z3fVruIX4b3o5R5WAJ5EH4eNWcm2qHy60Hx/BecCL/vwDrjAry9/sCzDt0COd2DaWfaMPFwh4j1Z8RZkGdveyIBnzLDyOjZM4GphvcnV2Rg7i5qvo68cfgUlEzBtwURmCqknkLfAXE93+mvP7aZzLudQxuOK66bAa/nbdxE4c/QO6cARckmmLZBucIK9SJZr8A386hhNi5yquFRdSxrJLplvcJNHUzCZbuHFVd0Fn9jc8zg4PJI6Djkm72Q/3glKpsm+r83EXjlp2X/+gHWf7jp2BYBvuBk4PAPk6/B5JdyDo4vx/EEcSUQbHzOCAifggfKKa6bHZifNrsqhycMDKjsGUHadVrsniNdWU5m8wLbAbIsrA2EN70ym+7iruEW7BdVONOL7zeSn8m6rUbZzCvIx72NdnLbhhnOY/SYVj90u5VzNYpMdSbN/h+xv3cnHT/56WP3T3P52oNRr8lyhR0FNWWYTv1//R4c0SeO/Xf2US+g3nroX/wDW+45+l7AvTAAclXqaT7jydDZd8Sd5JV4v76WZ4kp5ue7n/xa7Roygr3PLtIh22/E4nG75hZiX/YIHk33R14L/UcDBC6ellJI9gcS1+tzrCjE1ZbSXVjpXjOd7P/IhaLIyQta/0FceJHJfnw2lz7gUZRxUR06u+zLMq1ei68nrRBq11ZT+6Fuv5YHC2fz4e1XUPh9p1d7EXRgjMUKNU2YJbk5rD1JuexYnf/0dIExYYzyx5d+uv0GhCn3rp7OAkwL8wFlpSl/rJK+1itgyl9OyR00XKFRnI7hyn1LNXaqHa7MBI2L1nR+vOlCg7lK90ywYz+C64XeP7CCNHiRoteoxYxYwl/ivNr8xGbMaWgqKSsoqqmrqGppa2Dp26dOvRq0+/AYOGDBsxasy4CZOmTJvxIdYDnbdg0ZJlK1atWbdh05ZtC0urd+DWpFJrtDq9wWgyfxOqwd7B0emNUs31PffePTy9vH18/fwDtqyEC/JugPWb2kh4pZaAFbJFCpmzst041h15ajYlQUzksIPdUMMI8mfpCdifDCbsYBPeoM67ASkIamGrJ/ZOSC0guom2wt5IazGYDBUX5FsSCxw1QAISM9BbCSyEFYEbuNV4Y810UgPrcI+JZo9zndT5Sm4CnBYMLtNJjHOSNlBe9NfdyED55GQSt0hLqMXl6qFGKE3A1RrIawtpJ1qC7Axu/CVgf+FAL5xSuYcPH/x8KgvtWE/UKhW1QdZRRYVMarpeD+3YRqpfHRdaSuu5wkYK+CYUzG4zZLu4nthS4fh0QyWpEWrAtepLVZK1UoHTq87XAlxR4FRstGG21A4KQZKd6bIdeBHTnM0UTE4Ts5OYDa41UVqnoVZNb4SY2pANifU+tcQYtwROyUgDFbWBG3B22qiB91UQO0hsd0oKkzyJCtmmb9SSlaDMXNFKAkX1HkkmA2oqwNDjNGf0mwaZaPtO3g2Fs5NN8e1GyzAbRP2npiuJBnKVwnR0BAjjDht/tJcknLQb2TBph0ojShaJLVq4bDW0K+SV/hmhdmmgXk5MTrOdNAJhkcuyoTR3emTgB37NB2/BEo5MPVnywXmlkxfQsQ72sA6xfo5k6WEwtvVzUGUQyGD77Buc3UpvAtdBUI1Vd2CvBmJIdqGWYETI0Zii3T2kk2EgMLQ7AAA=") format("woff2"),url(http://www.luojinet.com/fonts/iconfont.dd35307.woff) format("woff"),url(http://www.luojinet.com/fonts/iconfont.ff8497b.ttf) format("truetype"),url(http://www.luojinet.com/img/iconfont.72c76c0.svg#iconfont) format("svg")
}

.iconfont {
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-xiewenzhang:before {
	content: "\E645"
}

.icon-chuangjianfenlei:before {
	content: "\E646"
}

.icon-wenzhang:before {
	content: "\E647"
}

.icon-zhongmingming:before {
	content: "\E648"
}

.icon-shanchufenlei:before {
	content: "\E649"
}

.icon-zhiding:before {
	content: "\E64A"
}

.icon-tupian:before {
	content: "\E618"
}

.icon-shezhi:before {
	content: "\E64B"
}

.icon-yunying:before {
	content: "\E64C"
}

.icon-kaifa:before {
	content: "\E64D"
}

.icon-chanpin:before {
	content: "\E64E"
}

.icon-sheji:before {
	content: "\E64F"
}

.icon-pinglun:before {
	content: "\E650"
}

.icon-rixin:before {
	content: "\E651"
}

.icon-shijian:before {
	content: "\E652"
}

.icon-liulan:before {
	content: "\E653"
}

.icon-daishenhe:before {
	content: "\E655"
}

.icon-xiala:before {
	content: "\E656"
}

.icon-biaoqing:before {
	content: "\E619"
}

.icon-yishoucang:before {
	content: "\E61A"
}

.icon-shoucang:before {
	content: "\E61B"
}

.icon-zhaomuzhong:before {
	content: "\E657"
}

.icon-fukuan:before {
	content: "\E658"
}

.icon-zhihangzhong:before {
	content: "\E659"
}

.icon-daiyanshou:before {
	content: "\E65A"
}

.icon-zhouqi:before {
	content: "\E65B"
}

.icon-sousuowujieguo:before {
	content: "\E61D"
}

.icon-xiangmuleixing:before {
	content: "\E65C"
}

.icon-wenzhangxiajia:before {
	content: "\E61E"
}

.icon-xiangmuyusuan:before {
	content: "\E65D"
}

.icon-weixin:before {
	content: "\E61F"
}

.icon-weibo:before {
	content: "\E620"
}

.icon-QQ:before {
	content: "\E621"
}

.icon-sousuo:before {
	content: "\E622"
}

.icon-gongsimingcheng:before {
	content: "\E65E"
}

.icon-qingxiang:before {
	content: "\E65F"
}

.icon-xuanzefenlei:before {
	content: "\E660"
}

.icon-bianji:before {
	content: "\E661"
}

.icon-jianyifankui:before {
	content: "\E623"
}

.icon-tianjia:before {
	content: "\E662"
}

.icon-zuopinlianjie:before {
	content: "\E663"
}

.icon-kefu:before {
	content: "\E624"
}

.icon-huidaodingbu:before {
	content: "\E625"
}

.icon-jubaowenzhang:before {
	content: "\E626"
}

.icon-guanbi:before {
	content: "\E627"
}

.icon-xiayiye:before {
	content: "\E628"
}

.icon-wanshanziliao:before {
	content: "\E664"
}

.icon-zanwushoucang:before {
	content: "\E665"
}

.icon-fasongxiangmu:before {
	content: "\E629"
}

.icon-zanwufensi:before {
	content: "\E666"
}

.icon-conggaodaodi:before {
	content: "\E62A"
}

.icon-congdidaogao:before {
	content: "\E62B"
}

.icon-jine:before {
	content: "\E667"
}

.icon-jiaofuriqi:before {
	content: "\E668"
}

.icon-chakanxiangqing:before {
	content: "\E669"
}

.icon-wenzhangshenhezhong:before {
	content: "\E62C"
}

.icon-shensu:before {
	content: "\E66A"
}

.icon-riqi:before {
	content: "\E66B"
}

.icon-jiaoyijilu:before {
	content: "\E66C"
}

.icon-xiangmu:before {
	content: "\E66D"
}

.icon-sousuoxiangguan:before {
	content: "\E66E"
}

.icon-shuomingshu:before {
	content: "\E66F"
}

.icon-lianxi:before {
	content: "\E670"
}

.icon-baojia:before {
	content: "\E672"
}

.icon-weizhi:before {
	content: "\E675"
}

.icon-touxiang:before {
	content: "\E676"
}

.icon-yiwanchengxiangmu:before {
	content: "\E62D"
}

.icon-xiugaitupian:before {
	content: "\E677"
}

.icon-tianjiazhaopian:before {
	content: "\E678"
}

.icon-dianpu:before {
	content: "\E679"
}

.icon-dianpuzhuye:before {
	content: "\E67A"
}

.icon-shouchufuwu:before {
	content: "\E67B"
}

.icon-fuwuguanli:before {
	content: "\E67C"
}

.icon-jibenxinxi:before {
	content: "\E67D"
}

.icon-gouwuche:before {
	content: "\E67E"
}

.icon-kefudianhua:before {
	content: "\E688"
}

.icon-wancheng:before {
	content: "\E689"
}

.icon-zhihangzhongs:before {
	content: "\E68A"
}

.icon-nan:before {
	content: "\E643"
}

.icon-nv:before {
	content: "\E644"
}

.icon-pinglunliebiao:before {
	content: "\E68B"
}

.icon-wenxintishi:before {
	content: "\E68C"
}

.icon-tishi:before {
	content: "\E68D"
}

.icon-chaping:before {
	content: "\E68E"
}

.icon-chaping1:before {
	content: "\E68F"
}

.icon-zhongping:before {
	content: "\E690"
}

.icon-zhongping1:before {
	content: "\E691"
}

.icon-haoping:before {
	content: "\E692"
}

.icon-haoping1:before {
	content: "\E693"
}

.icon-hetong:before {
	content: "\E694"
}

.icon-saoma:before {
	content: "\E654"
}

.icon-dianzan:before {
	content: "\E671"
}

.icon-caina:before {
	content: "\E673"
}

.icon-zuijiahuida:before {
	content: "\E674"
}

.icon-xuanshang:before {
	content: "\E67F"
}

.icon-guanbihuida:before {
	content: "\E680"
}

.accountBody {
	background-color: #f8f8f8
}

#account-layout button {
	cursor: pointer
}

@-webkit-keyframes mymove-data-v-6b365d41 {
	0% {
		background-size: 100% 100%
	}

	to {
		background-size: 105% 105%
	}
}

@keyframes mymove-data-v-6b365d41 {
	0% {
		background-size: 100% 100%
	}

	to {
		background-size: 105% 105%
	}
}

.main[data-v-6b365d41] {
	margin: 0;
	padding: 0;
	height: 100%
}

.main .header[data-v-6b365d41] {
	height: 600px;
	background: url(http://www.luojinet.com/img/bg_dl.113fe8b.png) 0 no-repeat;
	background-size: 100% 100%
}

.main .header .header-main[data-v-6b365d41] {
	width: 1200px;
	margin: auto;
	padding-top: 20px
}

.main .header .header-main .header-logoLink[data-v-6b365d41] {
	display: inline-block;
	width: 124px;
	height: 40px;
	background: url(http://www.luojinet.com/img/logo.05d2a5a.png) 0 no-repeat;
	background-size: 100% 100%
}

.main .body[data-v-6b365d41] {
	width: 500px;
	background-color: #fff;
	margin: -380px auto 0;
	border: 1px solid #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 9px -2px #003a71;
	box-shadow: 0 0 9px -2px #003a71
}

.main .footerByfixed[data-v-6b365d41] {
	background-color: #fff;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0
}

.main .footerBymargin[data-v-6b365d41] {
	background-color: #fff;
	margin-top: 68px
}

.main .footer-main[data-v-6b365d41] {
	width: 960px;
	margin: 0 auto
}

.main .footer-main span[data-v-6b365d41] {
	color: #999;
	font-size: 14px;
	line-height: 80px;
	font-family: PingFangSC-Regular
}

.main .footer-main .footer-right[data-v-6b365d41] {
	float: right
}

.personal-index {
	background-color: #f2f2f2
}

.personal-index .nav {
	width: 100%;
	min-width: 1200px;
	height: 80px;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	position: fixed;
	z-index: 1300
}

.personal-index .nav .nav-main {
	position: relative;
	width: 1200px;
	height: 100%;
	margin: 0 auto
}

.personal-index .nav .nav-main .logo {
	float: left;
	width: 124px;
	height: 40px;
	margin-top: 20px
}

.personal-index .nav .nav-main .nav-menu {
	float: left;
	margin: 27px 0 0 30px
}

.personal-index .nav .nav-main .nav-menu a {
	position: relative;
	display: inline-block;
	padding: 5px 20px;
	font-size: 16px;
	line-height: 16px;
	font-family: MicrosoftYaHei;
	color: #222;
	cursor: pointer
}

.personal-index .nav .nav-main .nav-menu a.select {
	color: #0083ff
}

.personal-index .nav .nav-main .nav-menu a.select:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	right: 0;
	width: 55%;
	height: 2px;
	margin: 0 auto;
	background: #0083ff
}

.personal-index .nav .nav-main .nav-menu a:after {
	content: "";
	position: absolute;
	width: 55%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	height: 2px;
	bottom: -4px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #0083ff;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	transition: transform .25s ease-out;
	transition: transform .25s ease-out,-webkit-transform .25s ease-out
}

.personal-index .nav .nav-main .nav-menu a:hover {
	color: #0083ff
}

.personal-index .nav .nav-main .nav-menu a:hover:after {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left
}

.personal-index .nav .nav-main .nav-menu a p {
	position: relative
}

.personal-index .nav .nav-main .nav-menu a p em {
	position: absolute;
	top: -3px;
	right: -3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f74c31
}

.personal-index .nav .nav-main .nav-menu a i {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	font-style: normal;
	text-align: center;
	display: inline-block;
	width: 31px;
	height: 21px;
	background: url(http://www.luojinet.com/img/new.9dc33da.png) no-repeat 50%;
	background-size: cover;
	position: absolute;
	right: -12px;
	top: -10px
}

.personal-index .nav .nav-main .nav-search {
	position: relative;
	float: left;
	width: 210px;
	height: 36px;
	margin-top: 26px
}

.personal-index .nav .nav-main .nav-search input::-webkit-input-placeholder {
	color: #999
}

.personal-index .nav .nav-main .nav-search input {
	float: left;
	width: 240px;
	height: 40px;
	padding: 2px 40px 0 23px;
	background: #ededed;
	border: 0;
	border-radius: 20px;
	color: #666;
	margin-top: -7px;
	font-size: 14px
}

.personal-index .nav .nav-main .nav-search .search {
	position: absolute;
	top: 4px;
	right: -8px;
	width: 21px;
	height: 21px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAMAAACnUt2HAAABTVBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbrha1AAAAAbnRSTlMAAFT6+f1utrLPFSzI31UOAtcRE1733vic1S9NCX1qpuh/l5DcJhe8ZqgtsAvvdyfpuCpTXfavX2WzzRCU7DmGSxLkx2y7DdQj4YOHCKXaqp8pGm98BMbqYlJXhM7CRwV0FjD7egNaPxgx/G01e7owywEAAADiSURBVHheXcjTssRgEIXRjjW2bR3atm0b/f6X03+mUpOc72bvWsDSJ6dy0bYrb9DnKGa8H91rdXUjKnZaFmYwIpdpg3wVs94eJoVzA3rNFLBoYqXkHgarlCreM6zhKvRriE2GSmQTbKlbA4SDQ2BPFpKEuOfAERwlHBt34AR6CLXpgB1n5+YJF4RFmy0tr6QIE5Ky3sf0i8wR+rZxZ9cyPryvM4TAAR4e+Rgdn0iCdHrGEIIxvIhdXl3f3OJdyI9pE+GBV8JIaY9P8BzH1zcw8yY8ofePT3a/4t8/8D/u1/XXBRinIS459sE2AAAAAElFTkSuQmCC) 0 0 no-repeat;cursor: pointer
}

.personal-index .nav .nav-main .nav-search .search:hover {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAMAAACnUt2HAAABTVBMVEWZmZn///+ZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmGbkoZAAAAbnRSTlMAAFT6+f1utrLPFSzI31UOAtcRE1733vic1S9NCX1qpuh/l5DcJhe8ZqgtsAvvdyfpuCpTXfavX2WzzRCU7DmGSxLkx2y7DdQj4YOHCKXaqp8pGm98BMbqYlJXhM7CRwV0FjD7egNaPxgx/G01e7owywEAAADiSURBVHheXcjTssRgEIXRjjW2bR3atm0b/f6X03+mUpOc72bvWsDSJ6dy0bYrb9DnKGa8H91rdXUjKnZaFmYwIpdpg3wVs94eJoVzA3rNFLBoYqXkHgarlCreM6zhKvRriE2GSmQTbKlbA4SDQ2BPFpKEuOfAERwlHBt34AR6CLXpgB1n5+YJF4RFmy0tr6QIE5Ky3sf0i8wR+rZxZ9cyPryvM4TAAR4e+Rgdn0iCdHrGEIIxvIhdXl3f3OJdyI9pE+GBV8JIaY9P8BzH1zcw8yY8ofePT3a/4t8/8D/u1/XXBRinIS459sE2AAAAAElFTkSuQmCC) 0 0 no-repeat
}

.personal-index .nav .nav-main .s-popover {
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 99
}

.personal-index .nav .nav-main .nav-right {
	position: relative;
	float: right;
	height: 80px
}

.personal-index .nav .nav-main .nav-right .un-login {
	float: right;
	height: 80px;
	margin-left: 20px
}

.personal-index .nav .nav-main .nav-right .un-login a,.personal-index .nav .nav-main .nav-right .un-login button {
	position: relative;
	padding: 0 6px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	line-height: 80px;
	color: #333
}

.personal-index .nav .nav-main .nav-right .un-login a:hover,.personal-index .nav .nav-main .nav-right .un-login button:hover {
	color: #0083ff
}

.personal-index .nav .nav-main .nav-right .un-login a:first-child::after,.personal-index .nav .nav-main .nav-right .un-login button:first-child::after {
	content: "";
	position: absolute;
	top: 4px;
	right: 0;
	width: 1px;
	height: 12px;
	background: #e6e6e6
}

.personal-index .nav .nav-main .nav-right .un-login a.btn,.personal-index .nav .nav-main .nav-right .un-login button.btn {
	border: none;
	background: none
}

.personal-index .nav .nav-main .nav-right .un-login a.btn.btn:after,.personal-index .nav .nav-main .nav-right .un-login button.btn.btn:after {
	content: "";
	position: absolute;
	top: 35px;
	right: 0;
	width: 1px;
	height: 12px;
	background: #e6e6e6
}

.personal-index .nav .nav-main .nav-right .user-info {
	float: right;
	height: 80px
}

.personal-index .nav .nav-main .nav-right .user-info:hover .more span {
	background: #0083ff
}

.personal-index .nav .nav-main .nav-right .user-info:hover .layer-cover,.personal-index .nav .nav-main .nav-right .user-info:hover .layer-menu {
	display: block
}

.personal-index .nav .nav-main .nav-right .user-info .more {
	float: right;
	margin-top: 26px
}

.personal-index .nav .nav-main .nav-right .user-info .more span {
	display: block;
	width: 4px;
	height: 4px;
	margin: 4px 0;
	border-radius: 50%;
	background: #ccc
}

.personal-index .nav .nav-main .nav-right .user-info .layer-cover {
	display: none;
	position: absolute;
	top: 80px;
	right: 0;
	width: 160px;
	height: 20px;
	opacity: 0
}

.personal-index .nav .nav-main .nav-right .user-info .layer-menu {
	display: none;
	position: absolute;
	top: 88px;
	right: 0;
	width: 160px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 4px 0 9px rgba(0,57,116,.08);
	box-shadow: 4px 0 9px rgba(0,57,116,.08);
	z-index: 3000
}

.personal-index .nav .nav-main .nav-right .user-info .layer-menu em {
	position: absolute;
	top: -16px;
	right: 36px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.personal-index .nav .nav-main .nav-right .user-info .layer-menu div {
	overflow: hidden
}

.personal-index .nav .nav-main .nav-right .user-info .layer-menu div a,.personal-index .nav .nav-main .nav-right .user-info .layer-menu div p {
	display: block;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.personal-index .nav .nav-main .nav-right .user-info .layer-menu div a:hover,.personal-index .nav .nav-main .nav-right .user-info .layer-menu div p:hover {
	background: #eaf3ff;
	color: #0083ff
}

.personal-index .nav .nav-main .nav-right .user-info .memeber-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: right;
	width: auto;
	max-width: 150px;
	height: 40px;
	margin: 20px 16px 0 0;
	font-size: 14px;
	line-height: 40px;
	font-family: MicrosoftYaHei;
	color: #333
}

.personal-index .nav .nav-main .nav-right .user-info .header-img {
	float: left;
	overflow: hidden;
	position: relative;
	width: 40px;
	height: 40px;
	margin: 20px 20px 0;
	border-radius: 50%;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.personal-index .nav .nav-main .nav-right .user-info .header-img img {
	width: 40px;
	height: 40px
}

.personal-index .nav .nav-main .nav-right .user-info .header-img .imgBox {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.personal-index .nav .nav-main .nav-right .msg {
	position: relative;
	float: right;
	height: 80px;
	padding: 30px 0 0;
	color: #333
}

.personal-index .nav .nav-main .nav-right .msg a {
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.personal-index .nav .nav-main .nav-right .msg a em {
	position: absolute;
	top: 30px;
	right: -2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #f74c31
}

.personal-index .nav .nav-main .nav-right .msg .layer-cover {
	display: none;
	position: absolute;
	top: 80px;
	right: -85px;
	width: 224px;
	height: 20px;
	opacity: 0
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu {
	display: none;
	position: absolute;
	top: 90px;
	right: -85px;
	width: 224px;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 4px 0 9px rgba(0,57,116,.08);
	box-shadow: 4px 0 9px rgba(0,57,116,.08);
	z-index: 3000
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu em {
	position: absolute;
	top: -16px;
	right: 85px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu div {
	overflow: hidden
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu div a {
	position: relative;
	display: block;
	height: 40px;
	font-size: 14px;
	padding: 10px 33px 10px 20px;
	font-family: MicrosoftYaHei;
	color: #666;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu div a i {
	position: absolute;
	right: 20px;
	top: 12px;
	font-style: normal;
	padding: 2px 4px;
	border-radius: 12px;
	background: #f74c31;
	font-size: 14px;
	line-height: 14px;
	color: #fff
}

.personal-index .nav .nav-main .nav-right .msg .layer-menu div a:hover {
	background: #eaf3ff;
	color: #0083ff
}

.personal-index .nav .nav-main .nav-right .msg:hover .layer-cover,.personal-index .nav .nav-main .nav-right .msg:hover .layer-menu {
	display: block
}

.personal-index .nav .nav-main .nav-right .app {
	float: right;
	margin-top: 20px;
	font-size: 16px;
	line-height: 40px;
	font-family: MicrosoftYaHei;
	color: #333;
	cursor: pointer;
	position: relative;
	padding-right: 20px
}

.personal-index .nav .nav-main .nav-right .app .code {
	display: none
}

.personal-index .nav .nav-main .nav-right .app:hover .code {
	display: inline-block;
	position: absolute;
	top: 70px;
	left: -50px;
	z-index: 1300;
	padding: 15px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ccc
}

.personal-index .nav .nav-main .nav-right .app:hover .code img {
	width: 145px;
	height: 145px
}

.personal-index .nav .nav-main .nav-right .app:hover .code p {
	color: #333;
	font-size: 14px;
	line-height: 16px;
	text-align: center
}

.personal-index .nav .nav-main .nav-right .header-btn {
	cursor: pointer;
	float: right;
	width: 88px;
	height: 30px;
	margin: 25px 20px 0 0;
	background: #0083ff;
	border-radius: 4px;
	border: 1px solid #fff;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	font-family: MicrosoftYaHei;
	color: #fff
}

.personal-index .nav .nav-main .nav-right .header-btn:hover {
	background: #66b1ff;
	border-color: #66b1ff;
	color: #fff
}

.personal-index .main-body {
	padding-top: 80px
}

.personal-index.homePage .nav {
	background-color: transparent;
	border-bottom: 1px solid transparent;
	-webkit-transition: background .3s;
	transition: background .3s
}

.personal-index.homePage .nav.definedBack {
	background-color: #404a57
}

.personal-index.homePage .nav .nav-menu a,.personal-index.homePage .nav .nav-menu a:hover {
	color: #fff
}

.personal-index.homePage .nav .nav-menu a:after {
	background-color: #fff!important
}

.personal-index.homePage .nav .nav-right .un-login a,.personal-index.homePage .nav .nav-right .un-login button {
	color: #fff
}

.personal-index.homePage .nav .nav-right .un-login a:hover,.personal-index.homePage .nav .nav-right .un-login button:hover {
	color: #66b1ff
}

.personal-index.homePage .nav .nav-right .un-login a:first-child::after,.personal-index.homePage .nav .nav-right .un-login button:first-child::after {
	background: #fff
}

.personal-index.homePage .nav .nav-right .app,.personal-index.homePage .nav .nav-right .msg a {
	color: #fff
}

.personal-index.homePage .main-body {
	padding-top: 0
}

.common-footer {
	position: relative;
	width: 100%;
	min-width: 1200px;
	height: 320px;
	background: #fff
}

.common-footer .footer-main {
	width: 1200px;
	margin: 0 auto
}

.common-footer .footer-main .footer-logo {
	float: left;
	margin: 38px 70px 0 0
}

.common-footer .footer-main .footer-logo img {
	display: block;
	margin-bottom: 20px
}

.common-footer .footer-main .footer-logo span {
	display: block;
	font-size: 16px;
	line-height: 16px;
	font-family: MicrosoftYaHei;
	color: #999
}

.common-footer .footer-main .footer-menu {
	float: left;
	margin-top: 42px
}

.common-footer .footer-main .footer-menu div {
	float: left;
	width: 80px;
	margin-right: 77px
}

.common-footer .footer-main .footer-menu div h3 {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 14px;
	font-family: MicrosoftYaHei;
	color: #333
}

.common-footer .footer-main .footer-menu div a {
	display: block;
	width: 140px;
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	margin-left: 3px
}

.common-footer .footer-main .footer-menu div a:hover {
	color: #0083ff
}

.common-footer .footer-main .footer-right {
	float: right;
	margin-top: 38px;
	margin-bottom: 20px
}

.common-footer .footer-main .footer-right .QR-code {
	float: left;
	width: 148px;
	margin-right: 10px
}

.common-footer .footer-main .footer-right .QR-code img {
	display: block;
	width: 125px;
	height: 125px;
	margin: 0 auto;
	margin-bottom: 10px
}

.common-footer .footer-main .footer-right .QR-code span {
	display: block;
	font-size: 14px;
	line-height: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px;
	text-align: center
}

.common-footer .footer-main .footer-right .info {
	float: left
}

.common-footer .footer-main .footer-right .info .tel {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 24px
}

.common-footer .footer-main .footer-right .info span {
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px
}

.common-footer .footer-main .footer-right .info .address {
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #666;
	line-height: 24px
}

.common-footer .footer-main .copyright {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	clear: both;
	font-size: 14px;
	font-family: MicrosoftYaHei;
	color: #999;
	line-height: 24px;
	text-align: center
}

.common-footer .footer-main .lastfooter {
	clear: both;
	position: relative;
	display: block;
	border-top: 1px solid #e5e5e5;
	padding: 20px 0;
	font-size: 12px
}

.common-footer .footer-main .lastfooter a,.common-footer .footer-main .lastfooter span {
	display: inline-block;
	color: #666
}

.common-footer .footer-main .lastfooter a {
	margin-right: 30px
}

.common-footer .footer-main .lastfooter a:hover {
	color: #0083ff
}

.common-footer .footer-main .lastfooter span {
	position: absolute;
	right: 0
}

.popover {
	position: relative;
	width: 240px;
	padding: 20px 0;
	background: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 1px 0 10px hsla(0,0%,82%,.35);
	box-shadow: 1px 0 10px hsla(0,0%,82%,.35);
	z-index: 1
}

.popover em {
	position: absolute;
	top: -15px;
	left: 6px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom: 8px solid #fff
}

.popover .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 24px 0 20px;
	margin-bottom: 20px
}

.popover .title span {
	color: #999;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.popover .title span.change {
	cursor: pointer
}

.popover .title span.change:hover {
	color: #0083ff
}

.popover .hot {
	padding: 0 24px 0 20px;
	margin-bottom: 10px
}

.popover .hot.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.popover .hot a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	float: left;
	max-width: 200px;
	height: 20px;
	padding: 0 8px;
	margin: 0 10px 10px 0;
	border: 1px solid #e5e5e5;
	line-height: 17px;
	color: #666;
	font-size: 12px
}

.popover .hot a:hover {
	color: #0083ff;
	border: 1px solid #0083ff
}

.popover ul {
	padding: 0 8px
}

.popover ul li {
	height: 40px;
	list-style: none;
	color: #333;
	font-size: 14px;
	line-height: 40px
}

.popover ul li:hover {
	background: #fafafa;
	border-radius: 4px
}

.popover ul li img {
	float: left;
	width: 14px;
	height: 14px;
	margin: 13px
}

.popover ul li .text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	width: 140px;
	word-break: break-all;
	color: #333;
	font-size: 14px
}

.popover ul li .delete {
	float: right;
	width: 18px;
	height: 12px;
	margin: 14px 10px 0;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMBAMAAACdPPCPAAAALVBMVEUAAAAAAABVVVViYmJdXV1jY2NmZmZlZWVnZ2dmZmZlZWVmZmZmZmZlZWVmZmZDH7GuAAAAD3RSTlMAAgYNFiw8TmORpLK0u7vY3rCHAAAAO0lEQVQIW2NgYLjCwMDgywACcQYMzE/BLLZNDNoJYBZDleByCIOBY2YDlMVwBsZAiMHVIfQizEPYAQUAVgENJ+PrB/8AAAAASUVORK5CYII=) 0 0 no-repeat;cursor: pointer
}

#MEIQIA-PANEL-HOLDER {
	right: 16px!important
}

#MEIQIA-INVITE {
	display: none!important
}

.suspension {
	position: fixed;
	right: 0;
	top: 76%;
	padding: 0 16px;
	z-index: 5
}

.suspension em {
	display: block;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5
}

.suspension li {
	cursor: pointer;
	display: table;
	width: 100%;
	height: 60px
}

.suspension li i {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0 auto;
	background-position: 50%;
	background-repeat: no-repeat
}

.suspension li p {
	font-size: 12px;
	line-height: 16px;
	color: #333;
	text-align: center
}

.suspension li a {
	display: table-cell;
	vertical-align: middle
}

.suspension .top a {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAArlBMVEUAAAAAAABAQEAzMzMzMzNGRkZERERCQkJGRkZCQkJDQ0NGRkZDQ0NERERGRkZERERERERFRUVERERFRUVFRUVERERGRkZDQ0NFRUVERERERERERERFRUVFRUVERERFRUVERERERERFRUVFRUVERERFRUVERERFRUVFRUVERERFRUVFRUVFRUX///9tbW1aWlpxcXGBgYGMjIyioqLz8/P09PT7+/tlZWWsrKytra1VRhHSAAAALHRSTlMAAgQFChYeHzc6V1hbeHl7fImKl5iampurrK+wtLi409XW1ubr7e/4+fr7/NB13FEAAAEnSURBVHhejdVrT4MwFIDhwwYbKBty022OoTKqyGH3i/7/P6ZLRlo4LfT9RvKkSaE9QCPDnsxSVn6t09nENkDV2M9QKPPHUmaFBbYqQos6N0dJudtiwxgVPQ9FZyaoLDGF9VbY0YqvGWNnce1c7Om+Iyvvg7kFtyLsLbq5UdEPixEA+KhRAGBkOjAzwKHgeKTSAY+6qqLSg4XESeQC3qiTyXdgxEklg2/qzmcqS/ikbrOhsoQ1dYhUMnEz+9rVcs/hh/h6fmpXy18OX+GJw92lOv27uzxVlx2HXuMTXg9b/rA9XJHn6B8KCHRgoH1wda+C9uXSva6aA+CFj5SkyyXCmDKXarc0QWgQqlw4gGYP8kH6qDeaI0t32Ksy7Ok8ZWXJ0vm09fv4Ay1q19VbnZnJAAAAAElFTkSuQmCC) no-repeat 50%;border-radius: 50%;
	width: 40px;
	height: 40px
}

.suspension .xfwx i {
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAkFBMVEUAAAB/f3+qqqqqqqqRkZGpqamUlJSbm5uZmZmZmZmXl5ebm5uXl5eZmZmampqYmJiZmZmXl5eampqYmJiYmJiYmJiXl5eZmZmYmJiampqYmJiZmZmYmJiYmJiZmZmYmJiXl5eZmZmZmZmYmJiZmZmYmJiYmJiYmJiZmZmYmJiYmJiZmZmYmJiZmZmYmJiZmZnaykKHAAAAL3RSTlMAAgMGBwkYKTo8QEVFTlFaXV5oaGlwcYCBgYKKpqeos7y8y8zV3N7j7Oz5+fr7/MkmzdQAAACeSURBVHhebdDhEkJQFATgdYFSSEklhUDIvv/bNWRcY/p+3B87d+bsORgI51E2TRk7AhMr5yS3MPI6FmdT08ygYOcNya5npGKkRuxtQK94w+zCSseRmSIjJaOPhC5AAr/XZYI3jWVksMaHAguCPWoakMZfKV0suEzhryeehl5XGYVDL9jr9gAOHYtg2pEvjDY5pS3me7VtGXv78HnHH1+qQBPaeEu0xwAAAABJRU5ErkJggg==) no-repeat 50%
}

.suspension .xfwx .xfqrcode {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 64px;
	width: 0;
	height: 0;
	background: #fff;
	-webkit-transition: height .5s;
	transition: height .5s;
	-webkit-transition: width .3s;
	transition: width .3s;
	-webkit-box-shadow: 1px 0 16px hsla(0,0%,49%,.2);
	box-shadow: 1px 0 16px hsla(0,0%,49%,.2)
}

.suspension .xfwx .xfqrcode img {
	display: block;
	margin: 10px auto 5px
}

.suspension .xfwx .xfqrcode p {
	font-size: 12px;
	line-height: 16px;
	color: #666
}

.suspension .xfwx:hover .xfqrcode {
	width: 150px;
	height: 174px
}

.suspension .feedbackbtn p {
	display: none
}

.suspension .feedbackbtn i {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAG1BMVEUAAACdnZ2Xl5eZmZmZmZmZmZmYmJiYmJiZmZlb4proAAAACHRSTlMAFU9Vqufq/vwT4vMAAAA4SURBVHheY0AApogOEGhVYGDtgIAABo4GBhDgaACzOvCyGPDLorHYEXZ0wOzlSGaAAAYWAQbcAAB6FRxYD72jxAAAAABJRU5ErkJggg==)
}

.suspension .feedbackbtn:hover i {
	display: none
}

.suspension .feedbackbtn:hover p {
	display: block
}

.suspension .online {
	position: fixed;
	right: 16px;
	bottom: 0;
	width: 114px;
	height: 37px;
	background: #0083ff;
	color: #fff
}

.suspension .online img,.suspension .online span {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	vertical-align: top
}

.suspension .online em {
	display: inline-block;
	width: 1px;
	height: 11px
}

.suspension .online .xiaoxkf {
	margin-top: 1px;
	margin-left: 10px
}

.suspension .online img {
	padding: 0 10px;
	margin-top: 5px
}

.el-message__closeBtn:focus,.el-message__content:focus {
	outline-width: 0
}

.el-message {
	min-width: 380px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	border: 1px solid #ebeef5;
	position: fixed;
	left: 50%;
	top: 20px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #edf2fc;
	-webkit-transition: opacity .3s,-webkit-transform .4s;
	transition: opacity .3s,-webkit-transform .4s;
	transition: opacity .3s,transform .4s;
	transition: opacity .3s,transform .4s,-webkit-transform .4s;
	overflow: hidden;
	padding: 15px 15px 15px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.el-message.is-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.el-message.is-closable .el-message__content {
	padding-right: 16px
}

.el-message p {
	margin: 0
}

.el-message--info .el-message__content {
	color: #909399
}

.el-message--success {
	background-color: #f0f9eb;
	border-color: #e1f3d8
}

.el-message--success .el-message__content {
	color: #67c23a
}

.el-message--warning {
	background-color: #fdf6ec;
	border-color: #faecd8
}

.el-message--warning .el-message__content {
	color: #e6a23c
}

.el-message--error {
	background-color: #fef0f0;
	border-color: #fde2e2
}

.el-message--error .el-message__content {
	color: #f56c6c
}

.el-message__icon {
	margin-right: 10px
}

.el-message__content {
	padding: 0;
	font-size: 14px;
	line-height: 1
}

.el-message__closeBtn {
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	color: #c0c4cc;
	font-size: 16px
}

.el-message__closeBtn:hover {
	color: #909399
}

.el-message .el-icon-success {
	color: #67c23a
}

.el-message .el-icon-error {
	color: #f56c6c
}

.el-message .el-icon-info {
	color: #909399
}

.el-message .el-icon-warning {
	color: #e6a23c
}

.el-message-fade-enter,.el-message-fade-leave-active {
	opacity: 0;
	-webkit-transform: translate(-50%,-100%);
	transform: translate(-50%,-100%)
}

.el-loading-parent--relative {
	position: relative!important
}

.el-loading-parent--hidden {
	overflow: hidden!important
}

.el-loading-mask {
	position: absolute;
	z-index: 2000;
	background-color: hsla(0,0%,100%,.9);
	margin: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.el-loading-mask.is-fullscreen {
	position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
	margin-top: -25px
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
	height: 50px;
	width: 50px
}

.el-loading-spinner {
	top: 50%;
	margin-top: -21px;
	width: 100%;
	text-align: center;
	position: absolute
}

.el-loading-spinner .el-loading-text {
	color: #409eff;
	margin: 3px 0;
	font-size: 14px
}

.el-loading-spinner .circular {
	height: 42px;
	width: 42px;
	-webkit-animation: loading-rotate 2s linear infinite;
	animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
	-webkit-animation: loading-dash 1.5s ease-in-out infinite;
	animation: loading-dash 1.5s ease-in-out infinite;
	stroke-dasharray: 90,150;
	stroke-dashoffset: 0;
	stroke-width: 2;
	stroke: #409eff;
	stroke-linecap: round
}

.el-loading-spinner i {
	color: #409eff
}

.el-loading-fade-enter,.el-loading-fade-leave-active {
	opacity: 0
}

@-webkit-keyframes loading-rotate {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes loading-rotate {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

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

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -40px
	}

	to {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -120px
	}
}

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

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -40px
	}

	to {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -120px
	}
}