html {
	--theme:#409eff;
	--background: rgba(255,255,255,0.5);
	--main:#303133;
	--routine:#606266;
	--minor:#909399;
	--seat:#c0c4cc;
	--classA:#dcdfe6;
	--classB:#e4e7ed;
	--classC:#ebeef5;
	--classD:#f2f6fc;
	--radius-wrap:8px;
	--radius-inner:4px;
	--text-shadow:0 1px 2px rgba(0,0,0,0.25);
	--box-shadow:0px 0px 20px -5px rgba(158,158,158,0.22)
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	outline:none;
	-webkit-tap-highlight-color:transparent
}
textarea {
	font-size:14px;
	resize:none;
	-webkit-appearance:none
}
li {
	list-style:none
}

.joe_comment__title {
	font-weight:500;
	text-align:center;
	font-size:24px;
	color:var(--main);
	text-shadow:var(--text-shadow);
	border-bottom:1px solid var(--classC);
	margin-bottom:15px;
	padding-bottom:15px
}
.joe_comment__close {
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--routine)
}
.joe_comment__close-icon {
	fill:var(--routine);
	margin-right:5px
}
.joe_comment__respond-type {
	display:flex;
	align-items:center;
	justify-content:flex-end
}
.joe_comment__respond-type .item {
	background:var(--classD);
	padding:0 15px;
	height:32px;
	color:var(--main);
	border:none;
	transition:color 0.35s,background 0.35s
}
.joe_comment__respond-type .item:first-child {
	border-top-left-radius:var(--radius-inner)
}
.joe_comment__respond-type .item:last-child {
	border-top-right-radius:var(--radius-inner)
}
.joe_comment__respond-type .item.active {
	color:#fff;
	background:var(--theme)
}
.joe_comment__respond-form {
	border-radius:6px 0 6px 6px;
	background:var(--classD)
}
.joe_comment__respond-form .head {
	display:flex;
	align-items:center;
	border-bottom:1px solid var(--classA)
}
.joe_comment__respond-form .head .list {
	flex:1
}
.joe_comment__respond-form .head .list input {
	width:100%;
	border:none;
	background:transparent;
	padding:0 15px;
	height:40px;
	color:var(--routine)
}
.joe_comment__respond-form .head .list:nth-child(2) {
	position:relative
}
.joe_comment__respond-form .head .list:nth-child(2)::after,.joe_comment__respond-form .head .list:nth-child(2)::before {
	content:'';
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:1px;
	height:15px;
	background:var(--classA)
}
.joe_comment__respond-form .head .list:nth-child(2)::before {
	left:0
}
.joe_comment__respond-form .head .list:nth-child(2)::after {
	right:0
}
.joe_comment__respond-form .head .list.captcha {
	display:flex;
	align-items:center;
	justify-content:space-between
}
.joe_comment__respond-form .body {
	padding:15px
}
.joe_comment__respond-form .body .text {
	width:100%;
	height:200px;
	border:none;
	resize:none;
	vertical-align:middle;
	color:var(--routine);
	background:transparent
}
.joe_comment__respond-form .body .draw {
	position:relative;
	width:100%
}
.joe_comment__respond-form .body .draw .line {
	display:flex;
	align-items:center;
	position:absolute;
	top:10px;
	left:10px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.joe_comment__respond-form .body .draw .line li {
	cursor:pointer;
	margin-right:10px;
	color:var(--main);
	transition:color 0.35s
}
.joe_comment__respond-form .body .draw .line li.active {
	color:var(--theme)
}
.joe_comment__respond-form .body .draw .color {
	display:flex;
	align-items:center;
	position:absolute;
	bottom:10px;
	left:10px
}
.joe_comment__respond-form .body .draw .color li {
	width:20px;
	height:20px;
	border-radius:50%;
	margin:0 5px;
	cursor:pointer;
	transition:box-shadow 0.35s
}
.joe_comment__respond-form .body .draw .color li.active {
	box-shadow:0 4px 10px rgba(0,0,0,0.35)
}
.joe_comment__respond-form .body .draw .color li:nth-child(1) {
	background:#303133
}
.joe_comment__respond-form .body .draw .color li:nth-child(2) {
	background:#67c23a
}
.joe_comment__respond-form .body .draw .color li:nth-child(3) {
	background:#e6a23c
}
.joe_comment__respond-form .body .draw .color li:nth-child(4) {
	background:#f56c6c
}
.joe_comment__respond-form .body .draw .icon {
	position:absolute;
	right:10px;
	cursor:pointer;
	fill:var(--minor);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.joe_comment__respond-form .body .draw .icon-undo {
	top:10px
}
.joe_comment__respond-form .body .draw .icon-animate {
	bottom:10px
}
.joe_comment__respond-form .body .draw canvas {
	background:var(--background);
	border-radius:var(--radius-inner)
}
.joe_comment__respond-form .foot {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 15px 15px
}
.joe_comment__respond-form .foot .owo {
	min-height:32px;
	padding-top:3px
}
.joe_comment__respond-form .foot .owo .seat {
	text-align:center;
	color:var(--routine);
	height:26px;
	line-height:26px;
	background:var(--background);
	opacity:0.85;
	border-radius:13px;
	width:70px
}
.joe_comment__respond-form .foot .submit {
	position:absolute;
	top:0;
	right:15px;
	white-space:nowrap
}
.joe_comment__respond-form .foot .submit .cancle {
	display:none;
	color:var(--main);
	cursor:pointer;
	margin-right:10px;
	transition:color 0.35s
}
.joe_comment__respond-form .foot .submit .cancle:hover {
	color:var(--theme)
}
.joe_comment__respond-form .foot .submit button {
	border-radius:3px;
	height:32px;
	padding:0 15px;
	border:none;
	background:var(--theme);
	color:#fff;
	font-size:14px
}
.joe_comment__respond-form .foot .submit button:hover {
	-webkit-animation:5s ease-in-out 0s infinite normal none running shaked;
	animation:5s ease-in-out 0s infinite normal none running shaked
}
.joe_comment .comment-list {
	padding-top:15px
}
.joe_comment .comment-list__item-contain .term {
	display:flex;
	margin-bottom:15px
}
.joe_comment .comment-list__item-contain .term .avatar {
	width:48px;
	height:48px;
	border-radius:50%;
	margin-right:15px;
	padding:3px;
	border:1px solid var(--classD);
	-o-object-fit:cover;
	object-fit:cover
}
.joe_comment .comment-list__item-contain .term .content {
	min-width:0;
	flex:1;
	border-bottom:1px solid var(--classC);
	padding-bottom:15px
}
.joe_comment .comment-list__item-contain .term .content .user {
	display:flex;
	align-items:center;
	margin-bottom:8px;
	line-height:20px;
	color:var(--main)
}
.joe_comment .comment-list__item-contain .term .content .user .author {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-right:10px
}
.joe_comment .comment-list__item-contain .term .content .user .author a {
	color:#409eff
}
.joe_comment .comment-list__item-contain .term .content .user .owner {
	flex-shrink:0;
	background:var(--theme);
	color:#fff;
	padding:0 5px;
	border-radius:2px;
	font-style:normal
}
.joe_comment .comment-list__item-contain .term .content .user .agent {
	margin-left:auto;
	font-size:12px;
	color:var(--minor)
}
.joe_comment .comment-list__item-contain .term .content .user .waiting {
	color:#e6a23c;
	font-style:normal
}
.joe_comment .comment-list__item-contain .term .content .substance {
	width:100%;
	background:var(--classD);
	padding:12px 15px;
	border-radius:0 var(--radius-inner) var(--radius-inner) 10px;
	color:var(--main);
	margin-bottom:8px;
	word-break:break-all;
	line-height:24px
}
.joe_comment .comment-list__item-contain .term .content .substance .parent {
	color:#388bff;
	margin-bottom:5px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	font-weight:500
}
.joe_comment .comment-list__item-contain .term .content .substance .owo_image {
	height:22px
}
.joe_comment .comment-list__item-contain .term .content .substance .draw_image {
	max-width:100%
}
.joe_comment .comment-list__item-contain .term .content .handle {
	display:flex;
	align-items:center;
	color:var(--minor)
}
.joe_comment .comment-list__item-contain .term .content .handle .date {
	margin-right:10px
}
.joe_comment .comment-list__item-contain .term .content .handle .reply {
	display:flex;
	align-items:center;
	color:var(--main);
	font-size:13px;
	cursor:pointer;
	transition:color 0.35s
}
.joe_comment .comment-list__item-contain .term .content .handle .reply .icon {
	margin-right:5px
}
.joe_comment .comment-list__item-contain .term .content .handle .reply:hover {
	color:var(--theme)
}
.joe_comment .comment-list__item-contain .term .content .handle .reply:hover .icon {
	fill:var(--theme)
}
.joe_comment .comment-list__item-children {
	padding-left:63px
}
.joe_comment .comment-list__item-children .comment-list__item-children {
	padding-left:0
}
.joe_comment .comment-list__item .joe_comment__respond {
	margin-left:63px;
	margin-bottom:15px;
	-webkit-animation:showComment 0.5s;
	animation:showComment 0.5s
}
.joe_comment .comment-list .comment-list {
	padding-top:0
}
.joe_comment .joe_pagination {
	padding-top:0
}
.joe_owo__contain {
	position:relative
}
.joe_owo__contain .seat {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer
}
.joe_owo__contain .box {
	width:100%;
	display:none;
	background:var(--background);
	border-radius:var(--radius-inner);
	overflow:hidden;
	margin-top:15px
}
.joe_owo__contain .box .scroll {
	display:none;
	max-height:100px;
	overflow-y:auto;
	-ms-scroll-chaining:none;
	overscroll-behavior:none;
	padding:5px
}
.joe_owo__contain .box .scroll .item {
	text-align:center;
	width:calc(100% / 18);
	display:inline-block;
	padding:5px;
	cursor:pointer;
	border-radius:var(--radius-inner);
	transition:background 0.25s
}
.joe_owo__contain .box .scroll .item img {
	max-width:50%;
	max-height:50%
}
.layui-form-pane .layui-form-item[pane],.layui-form-pane .layui-form-label,.layui-input,.layui-layedit,.layui-layedit-tool,.layui-quote-nm,.layui-select,.layui-tab-bar,.layui-tab-card,.layui-tab-title,.layui-tab-title .layui-this:after,.layui-textarea {
	border-color:#e6e6e6
}
.layui-timeline-item:before,hr {
	background-color:#e6e6e6
}
.layui-text {
	line-height:22px;
	font-size:14px;
	color:#666
}
.layui-text h1,.layui-text h2,.layui-text h3 {
	font-weight:500;
	color:#333
}
.layui-text h1 {
	font-size:30px
}
.layui-text h2 {
	font-size:24px
}
.layui-text h3 {
	font-size:18px
}
.layui-text a:not(.layui-btn) {
	color:#01aaed
}
.layui-text ul {
	padding:5px 0 5px 15px
}
.layui-text ul li {
	margin-top:5px;
	list-style-type:disc
}
.layui-text em,.layui-word-aux {
	color:#999!important;
	padding:0 5px!important
}
.layui-btn {
	display:inline-block;
	height:38px;
	line-height:38px;
	padding:0 18px;
	background-color:#009688;
	color:#fff;
	white-space:nowrap;
	text-align:center;
	font-size:14px;
	border:none;
	border-radius:2px;
	cursor:pointer
}
.layui-btn:active {
	opacity:1;
	filter:alpha(opacity=100)
}
.layui-btn+.layui-btn {
	margin-left:10px
}
.layui-btn-container {
	font-size:0
}
.layui-btn-container .layui-btn {
	margin-right:10px;
	margin-bottom:10px
}
.layui-btn-container .layui-btn+.layui-btn {
	margin-left:0
}
.layui-table .layui-btn-container .layui-btn {
	margin-bottom:9px
}
.layui-btn-radius {
	border-radius:100px
}
.layui-btn .layui-icon {
	margin-right:3px;
	font-size:18px;
	vertical-align:bottom;
	vertical-align:middle\9
}
.layui-btn-primary {
	border:1px solid #c9c9c9;
	background-color:#fff;
	color:#555
}
.layui-btn-lg {
	height:44px;
	line-height:44px;
	padding:0 25px;
	font-size:16px
}
.layui-btn-sm {
	height:30px;
	line-height:30px;
	padding:0 10px;
	font-size:12px
}
.layui-btn-sm i {
	font-size:16px!important
}
.layui-btn-xs {
	height:22px;
	line-height:22px;
	padding:0 5px;
	font-size:12px
}
.layui-btn-xs i {
	font-size:14px!important
}
.layui-btn-group {
	display:inline-block;
	vertical-align:middle;
	font-size:0
}
.layui-btn-group .layui-btn {
	margin-left:0!important;
	margin-right:0!important;
	border-left:1px solid rgba(255,255,255,.5);
	border-radius:0
}
.layui-btn-group .layui-btn-primary {
	border-left:none
}
.layui-btn-group .layui-btn:first-child {
	border-left:none;
	border-radius:2px 0 0 2px
}
.layui-btn-group .layui-btn-primary:first-child {
	border-left:1px solid #c9c9c9
}
.layui-btn-group .layui-btn:last-child {
	border-radius:0 2px 2px 0
}
.layui-btn-group .layui-btn+.layui-btn {
	margin-left:0
}
.layui-btn-group+.layui-btn-group {
	margin-left:10px
}
.layui-btn-fluid {
	width:100%
}
.layui-input,.layui-select,.layui-textarea {
	height:38px;
	line-height:1.3;
	line-height:38px\9;
	border-width:1px;
	border-style:solid;
	background-color:#fff;
	border-radius:2px
}
.layui-input::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder {
	line-height:1.3
}
.layui-input,.layui-textarea {
	display:block;
	width:100%;
	padding-left:10px
}
.layui-textarea {
	min-height:100px;
	height:auto;
	line-height:20px;
	padding:6px 10px;
	resize:vertical
}
.layui-select {
	padding:0 10px
}
.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select {
	display:none
}
.layui-form [lay-ignore] {
	display:initial
}
.layui-form-item {
	margin-bottom:15px;
	clear:both;
	*zoom:1
}
.layui-form-item:after {
	content:'\20';
	clear:both;
	*zoom:1;
	display:block;
	height:0
}
.layui-form-label {
	float:left;
	display:block;
	padding:9px 15px;
	width:80px;
	font-weight:400;
	line-height:20px;
	text-align:right
}
.layui-form-label-col {
	display:block;
	float:none;
	padding:9px 0;
	line-height:20px;
	text-align:left
}
.layui-form-item .layui-inline {
	margin-bottom:5px;
	margin-right:10px
}
.layui-input-block {
	margin-left:110px;
	min-height:36px
}
.layui-input-inline {
	display:inline-block;
	vertical-align:middle
}
.layui-form-item .layui-input-inline {
	float:left;
	width:190px;
	margin-right:10px
}
.layui-form-text .layui-input-inline {
	width:auto
}
.layui-form-mid {
	float:left;
	display:block;
	padding:9px 0!important;
	line-height:20px;
	margin-right:10px
}
.layui-form-select .layui-input {
	padding-right:30px;
	cursor:pointer
}
.layui-form-select .layui-edge {
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-3px;
	cursor:pointer;
	border-width:6px;
	border-top-color:#c2c2c2;
	border-top-style:solid;
	transition:all .3s;
	-webkit-transition:all .3s
}
.layui-form-select dl {
	display:none;
	position:absolute;
	left:0;
	top:42px;
	padding:5px 0;
	z-index:999;
	min-width:100%;
	border:1px solid #d2d2d2;
	max-height:300px;
	overflow-y:auto;
	background-color:#fff;
	border-radius:2px;
	box-shadow:0 2px 4px rgba(0,0,0,.12);
	box-sizing:border-box
}
.layui-form-select dl dd,.layui-form-select dl dt {
	padding:0 10px;
	line-height:36px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.layui-form-select dl dt {
	font-size:12px;
	color:#999
}
.layui-form-select dl dd {
	cursor:pointer
}
.layui-form-select .layui-select-group dd {
	padding-left:20px
}
.layui-form-select dl dd.layui-select-tips {
	padding-left:10px!important;
	color:#999
}
.layui-form-select dl dd.layui-this {
	background-color:#5fb878;
	color:#fff
}
.layui-form-checkbox,.layui-form-select dl dd.layui-disabled {
	background-color:#fff
}
.layui-form-selected dl {
	display:block
}
.layui-form-checkbox,.layui-form-checkbox *,.layui-form-switch {
	display:inline-block;
	vertical-align:middle
}
.layui-form-selected .layui-edge {
	margin-top:-9px;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	margin-top:-3px\9
}
:root .layui-form-selected .layui-edge {
	margin-top:-9px\0/IE9
}
.layui-form-selectup dl {
	top:auto;
	bottom:42px
}
.layui-select-none {
	margin:5px 0;
	text-align:center;
	color:#999
}
.layui-select-disabled .layui-disabled {
	border-color:#eee!important
}
.layui-select-disabled .layui-edge {
	border-top-color:#d2d2d2
}
.layui-form-checkbox {
	position:relative;
	height:30px;
	line-height:30px;
	margin-right:10px;
	padding-right:30px;
	cursor:pointer;
	font-size:0;
	-webkit-transition:.1s linear;
	transition:.1s linear;
	box-sizing:border-box
}
.layui-form-checkbox span {
	padding:0 10px;
	height:100%;
	font-size:14px;
	border-radius:2px 0 0 2px;
	background-color:#d2d2d2;
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.layui-form-checkbox i {
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:28px;
	border:1px solid #d2d2d2;
	border-left:none;
	border-radius:0 2px 2px 0;
	color:#fff;
	font-size:20px;
	text-align:center
}
.layui-form-item .layui-form-checkbox {
	margin-top:4px
}
.layui-form-checkbox[lay-skin=primary] {
	height:auto!important;
	line-height:normal!important;
	border:none!important;
	margin-right:0;
	padding-right:0;
	background:0 0
}
.layui-form-checkbox[lay-skin=primary] span {
	float:right;
	padding-right:15px;
	line-height:18px;
	background:0 0;
	color:#666
}
.layui-form-checkbox[lay-skin=primary] i {
	position:relative;
	top:0;
	width:16px;
	height:16px;
	line-height:16px;
	border:1px solid #d2d2d2;
	font-size:12px;
	border-radius:2px;
	background-color:#fff;
	-webkit-transition:.1s linear;
	transition:.1s linear
}
.layui-form-checked[lay-skin=primary] i {
	border-color:#5fb878;
	background-color:#5fb878;
	color:#fff
}
.layui-checkbox-disbaled[lay-skin=primary] span {
	background:0 0!important;
	color:#c2c2c2
}
.layui-form-item .layui-form-checkbox[lay-skin=primary] {
	margin-top:10px
}
.layui-form-switch {
	position:relative;
	height:22px;
	line-height:22px;
	min-width:35px;
	padding:0 5px;
	margin-top:8px;
	border:1px solid #d2d2d2;
	border-radius:20px;
	cursor:pointer;
	background-color:#fff;
	-webkit-transition:.1s linear;
	transition:.1s linear
}
.layui-form-switch i {
	position:absolute;
	left:5px;
	top:3px;
	width:16px;
	height:16px;
	border-radius:20px;
	background-color:#d2d2d2;
	-webkit-transition:.1s linear;
	transition:.1s linear
}
.layui-form-switch em {
	position:relative;
	top:0;
	width:25px;
	margin-left:21px;
	padding:0!important;
	text-align:center!important;
	color:#999!important;
	font-style:normal!important;
	font-size:12px
}
.layui-form-onswitch {
	border-color:#5fb878;
	background-color:#5fb878
}
.layui-checkbox-disbaled,.layui-checkbox-disbaled i {
	border-color:#e2e2e2!important
}
.layui-form-onswitch i {
	left:100%;
	margin-left:-21px;
	background-color:#fff
}
.layui-form-onswitch em {
	margin-left:5px;
	margin-right:21px;
	color:#fff!important
}
.layui-checkbox-disbaled span {
	background-color:#e2e2e2!important
}
[lay-radio] {
	display:none
}
.layui-form-radio,.layui-form-radio * {
	display:inline-block;
	vertical-align:middle
}
.layui-form-radio {
	line-height:28px;
	margin:6px 10px 0 0;
	padding-right:10px;
	cursor:pointer;
	font-size:0
}
.layui-form-radio * {
	font-size:14px
}
.layui-form-radio>i {
	margin-right:8px;
	font-size:22px;
	color:#c2c2c2
}
.layui-radio-disbaled>i {
	color:#e2e2e2!important
}
.layui-form-pane .layui-form-label {
	width:110px;
	padding:8px 15px;
	height:38px;
	line-height:20px;
	border-width:1px;
	border-style:solid;
	border-radius:2px 0 0 2px;
	text-align:center;
	background-color:#fbfbfb;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	box-sizing:border-box
}
.layui-form-pane .layui-input-inline {
	margin-left:-1px
}
.layui-form-pane .layui-input-block {
	margin-left:110px;
	left:-1px
}
.layui-form-pane .layui-input {
	border-radius:0 2px 2px 0
}
.layui-form-pane .layui-form-text .layui-form-label {
	float:none;
	width:100%;
	border-radius:2px;
	box-sizing:border-box;
	text-align:left
}
.layui-form-pane .layui-form-text .layui-input-inline {
	display:block;
	margin:0;
	top:-1px;
	clear:both
}
.layui-form-pane .layui-form-text .layui-input-block {
	margin:0;
	left:0;
	top:-1px
}
.layui-form-pane .layui-form-text .layui-textarea {
	min-height:100px;
	border-radius:0 0 2px 2px
}
.layui-form-pane .layui-form-checkbox {
	margin:4px 0 4px 10px
}
.layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch {
	margin-top:6px;
	margin-left:10px
}
.layui-form-pane .layui-form-item[pane] {
	position:relative;
	border-width:1px;
	border-style:solid
}
.layui-form-pane .layui-form-item[pane] .layui-form-label {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	border-width:0 1px 0 0
}
.layui-form-pane .layui-form-item[pane] .layui-input-inline {
	margin-left:110px
}
@media screen and (max-width:640px){
    #inpHomePage {
        display: none;
    }
}