#defaultContent {
	min-height:700px
}
.footer2 {
	padding-bottom:100px
}
.error_page {
	padding:190px 0;
	text-align:center
}
.error_page .error_img {
	width:332px;
	display:block;
	margin:0 auto
}
.error_page .drror_description {
	font-size:16px;
	text-align:center;
	font-weight:400;
	color:#939393;
	line-height:22px;
	margin-top:4px
}
.error_page .bottom {
	position:fixed;
	width:100%;
	bottom:0
}
.error_page .bottom .copyright-footer {
	background:none
}
.error_page .goindex {
	width:176px;
	height:44px;
	border:1px solid #979797;
	border-radius:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:16px;
	font-weight:400;
	color:#939393;
	margin:26px auto 0
}
.error_page .goindex:hover {
	background:#f4f4f4;
	border-color:#f4f4f4
}
.pages-activity {
	padding-top:102px
}
.pages-activity .el-tabs__item {
	height:44px!important
}
.pages-activity-baoming {
	padding-top:110px
}
.pages-activity-baoming .title {
	color:#333;
	font-size:20px
}
.pages-activity-baoming .type {
	color:#555;
	font-size:14px;
	padding-top:14px
}
.pages-activity-baoming .type .key_word {
	color:#f40d04
}
.pages-activity-baoming .baoming_detail .code_sign {
	text-align:center
}
.pages-activity-baoming .baoming_detail .code_sign .qr_code {
	padding-top:30px
}
.pages-activity-baoming .baoming_detail .code_sign .qr_code .place {
	color:#888;
	font-size:14px;
	padding-top:20px
}
.pages-activity-baoming .baoming_detail .form_sign .title, .pages-activity-baoming .baoming_detail .form_sign .type {
	text-align:center
}
.pages-activity-baoming .baoming_detail .form_sign .form_list {
	padding-top:58px;
	width:455px;
	margin:0 auto;
	position:relative;
	left:-42px
}
.pages-activity-baoming .submit_form {
	display:inline-block;
	width:112px;
	height:36px;
	line-height:36px;
	text-align:center;
	background-color:#f40d04;
	border-radius:2px;
	color:#fff;
	font-size:16px;
	cursor:pointer
}
.pages-activity-baoming .address {
	width:100%
}
.pages-activity-baoming .address_detail {
	margin-top:20px
}
.pages-activity-baoming .el-select {
	width:100%
}
.pages-activity-baoming .shuoming {
	font-size:14px;
	padding-left:120px;
	line-height:1.4;
	margin-bottom:22px;
	margin-top:-10px
}
.pages-activity-baoming .shuoming span {
	font-size:14px;
	line-height:2;
	color:#888
}
.pages-activity-baoming .shuoming a {
	color:#f40d04;
	font-size:14px
}
.pages-activity-success .success {
	padding:70px 0 170px;
	text-align:center;
	width:616px;
	margin:0 auto
}
.pages-activity-success .success .online {
	border-top:1px solid #f6f7f8;
	margin-top:40px;
	padding-top:40px
}
.pages-activity-success .success .online .default_str {
	color:#888;
	font-size:14px;
	white-space:break-spaces;
	word-break:break-all;
	line-height:20px
}
.pages-activity-success .success .online .imgs {
	max-height:200px;
	margin:30px auto
}
.pages-activity-success .success .online .imgs img {
	max-height:200px;
	max-width:616px
}
.pages-activity-success .success .online .imgs .imgs_cur {
	cursor:pointer
}
.pages-activity-success .success .title {
	color:#333;
	font-size:20px
}
.pages-activity-success .success .stxt {
	font-size:14px;
	color:#555;
	line-height:20px;
	padding:14px 0 39px
}
.pages-activity-success .success .back {
	display:inline-block;
	width:140px;
	height:38px;
	line-height:38px;
	border-radius:2px;
	margin:0 18px
}
.pages-activity-success .success .back a {
	display:block;
	border-radius:4px
}
.pages-activity-success .success .back .activity {
	background:#fff;
	color:#f40d04;
	border:1px solid #f40d04;
	cursor:pointer
}
.pages-activity-success .success .back .aready, .pages-activity-success .success .back .watch {
	background:#f40d04;
	color:#fff;
	border:1px solid #f40d04;
	cursor:pointer
}
.pages-activity-success .ewmbox {
	width:100%;
	text-align:center;
	padding-bottom:200px
}
.pages-activity-success .ewmbox .ewm {
	width:150px;
	height:150px;
	margin:28px auto
}
.pages-activity-success .ewmbox .ewm img {
	width:100%;
	height:100%
}
.pages-activity-success .ewmbox .txt {
	font-size:14px;
	color:#888
}
.pages-activity-success .cardbox {
	width:100%;
	padding:20px 0
}
.pages-activity-success .con .title {
	font-size:20px;
	text-align:center;
	color:#333;
	padding:29px 0
}
.pages-activity-success .con .dec {
	text-align:center;
	font-size:14px;
	color:#888
}
.answerpage {
	padding-top:102px;
	background:#f6f7f8
}
.pages-answer {
	margin:0 auto;
	width:1200px
}
.pages-answer .main {
	width:880px;
	float:left;
	position:relative
}
.pages-answer .pages-answer-right {
	float:right;
	width:300px
}
.pages-answer .pages-answer-right .questionstatusbox {
	width:285px;
	height:42px;
	margin-top:20px;
	margin-bottom:20px
}
.pages-answer .pages-answer-right .questionstatus {
	width:285px;
	height:42px;
	padding-left:15px;
	line-height:42px;
	background:#fff;
	border-radius:2px;
	font-size:14px;
	color:#333
}
.pages-answer .pages-answer-right .questionstatus.topposition {
	position:fixed;
	top:189px
}
.check-page-container {
	padding-top:102px;
	min-height:750px;
	text-align:center
}
.check-page-container .title {
	font-size:20px;
	color:#333;
	margin-top:90px
}
.check-page-container .tips {
	color:#757474;
	font-size:14px;
	margin-top:25px;
	margin-bottom:15px
}
.check-page-container .tips2 {
	color:#f40d04;
	font-size:12px;
	margin-top:15px;
	margin-bottom:25px
}
.check-page-container .links .link {
	display:inline-block;
	width:140px;
	height:40px;
	line-height:40px;
	box-sizing:border-box;
	border:1px solid #f40d04;
	border-radius:2px;
	margin:0 10px;
	color:#f40d04;
	background-color:#fff
}
.check-page-container .links .link.success {
	color:#fff;
	background-color:#f40d04
}
.column_index {
	padding-top:102px
}
.resetFn {
	width:98px
}
.pages-columndetail {
	background:#f6f7f8
}
.pages-columndetail .nav {
	padding:30px;
	height:147px;
	background:#fff
}
.pages-columndetail .nav .left {
	float:left
}
.pages-columndetail .nav .left img {
	width:80px;
	height:80px;
	border-radius:4px
}
.pages-columndetail .nav .left .cover_img {
	width:80px;
	height:80px;
	border-radius:4px!important
}
.pages-columndetail .nav .middle {
	width:800px;
	float:left;
	margin-left:20px;
	position:relative
}
.pages-columndetail .nav .middle h2 {
	font-size:20px;
	font-weight:700;
	color:#333;
	float:inherit
}
.pages-columndetail .nav .middle .time {
	font-size:16px;
	font-weight:400;
	color:#888;
	margin-left:20px;
	line-height:24px
}
.pages-columndetail .nav .middle .desc {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:24px;
	margin-top:8px;
	word-wrap:break-word
}
.pages-columndetail .nav .middle .tags {
	position:absolute;
	top:123px
}
.pages-columndetail .nav .middle .tags span {
	display:inline-block;
	border:1px solid #efefef;
	border-radius:2px;
	font-size:12px;
	font-weight:400;
	color:#888;
	text-align:center;
	margin-right:10px;
	padding:5px
}
.pages-columndetail .nav .right {
	float:right;
	position:relative
}
.pages-columndetail .nav .right .my {
	padding-top:25px;
	text-align:right
}
.pages-columndetail .nav .right .my .mybutnbox {
	margin-top:30px
}
.pages-columndetail .nav .right .my .del {
	font-size:14px;
	font-weight:400;
	color:#666;
	cursor:pointer
}
.pages-columndetail .nav .right .my .edit {
	font-size:14px;
	font-weight:400;
	color:#333;
	cursor:pointer
}
.pages-columndetail .nav .right .my .lu {
	width:120px;
	height:36px;
	border:1px solid #f40d04;
	border-radius:18px;
	font-size:18px;
	font-weight:400;
	color:#f40d04;
	line-height:36px;
	text-align:center;
	cursor:pointer;
	margin-left:10px
}
.pages-columndetail .nav .right .other {
	padding-top:20px;
	position:relative
}
.pages-columndetail .nav .right .other .tou {
	color:#f40d04;
	margin-right:10px
}
.pages-columndetail .nav .right .other .ding, .pages-columndetail .nav .right .other .tou {
	display:inline-block;
	width:120px;
	height:36px;
	border:1px solid #f40d04;
	border-radius:18px;
	font-size:18px;
	font-weight:400;
	line-height:36px;
	text-align:center;
	cursor:pointer
}
.pages-columndetail .nav .right .other .ding {
	background:#f40d04;
	color:#fff
}
.pages-columndetail .nav .right .other .yi_ding {
	display:inline-block;
	width:120px;
	height:36px;
	border:1px solid #888;
	border-radius:18px;
	font-size:18px;
	font-weight:400;
	color:#888;
	line-height:36px;
	text-align:center;
	cursor:pointer
}
.pages-columndetail .nav .right .other .tips {
	text-align:center;
	height:40px;
	line-height:40px;
	color:#666;
	border:1px solid #efefef;
	width:270px;
	top:64px;
	background:#fff;
	position:absolute;
	padding:0 10px
}
.pages-columndetail .nav .right .share {
	position:absolute;
	top:130px;
	right:0;
	white-space:nowrap
}
.pages-columndetail .con_detail {
	position:relative
}
.pages-columndetail .con_detail .tab_con {
	padding:20px;
	background:#fff;
	width:870px;
	min-height:808px;
	float:left;
	position:relative;
	margin-top:20px;
	border-radius:2px
}
.pages-columndetail .con_detail .tab_con .lis .lis-head {
	width:100%
}
.pages-columndetail .con_detail .tab_con .lis .lis-head .choosebox {
	width:600px;
	float:left
}
.pages-columndetail .con_detail .tab_con .lis .lis-head .choosebox .choosehead {
	font-size:18px;
	font-weight:400;
	color:#555;
	line-height:32px;
	cursor:pointer;
	float:left
}
.pages-columndetail .con_detail .tab_con .lis .lis-head .choosebox .choosehead .borders {
	width:1px;
	height:11px;
	display:inline-block;
	padding-right:30px;
	margin-left:30px
}
.pages-columndetail .con_detail .tab_con .lis .lis-head .active_tab span {
	font-weight:700;
	color:#333
}
.pages-columndetail .con_detail .tab_con .nodata {
	margin-top:120px;
	font-size:14px;
	color:#aaa;
	text-align:center
}
.pages-columndetail .con_detail .tab_con .nodata div span {
	color:#f40d04;
	font-size:14px;
	cursor:pointer
}
.pages-columndetail .con_detail .con {
	float:right;
	margin-top:10px
}
.pages-columndetail .con_detail .aside {
	width:270px;
	float:right
}
.pages-columndetail .con_detail .aside .row {
	display:flex
}
.pages-columndetail .con_detail .aside .row div {
	margin-left:159px
}
.pages-columndetail .con_detail .aside .subscriber {
	background:#fff;
	margin-top:20px;
	padding:20px 20px 27px;
	min-height:78px;
	display:inline-block;
	min-width:230px
}
.pages-columndetail .con_detail .aside .subscriber h4 {
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:30px
}
.pages-columndetail .con_detail .aside .subscriber h4 span {
	font-size:12px;
	font-weight:400;
	color:#888;
	float:right;
	cursor:pointer;
	padding-right:5px
}
.pages-columndetail .con_detail .aside .subscriber .imgs {
	margin-top:10px;
	margin-right:7px;
	width:40px;
	height:40px;
	float:left;
	border-radius:50%;
	position:relative
}
.pages-columndetail .con_detail .aside .subscriber .imgs img {
	width:40px;
	height:40px;
	border-radius:50%
}
.pages-columndetail .con_detail .aside .subscriber .imgs:nth-child(5n+1) {
margin-right:0
}
.pages-columndetail .con_detail .aside .subscriber .imgs .tip_nick {
	position:absolute;
	left:0;
	top:30px;
	font-size:12px;
	font-weight:400;
	color:#333;
	padding:5px;
	text-align:center;
	background:#fff;
	border:1px solid #eee;
	box-shadow:1px 2px 3px 0 rgba(51, 51, 51, .4);
	border-radius:2px;
	z-index:1;
	white-space:nowrap
}
.pages-columndetail .active_tab {
	font-size:18px!important;
	font-weight:700!important;
	color:#333!important;
	line-height:32px!important
}
.pages-columndetail .dingyue {
	line-height:24px;
	margin:25px 15px 5px;
	text-align:center
}
.pages-columndetail .ding_css, .pages-columndetail .reset_css {
	height:30px;
	line-height:5px;
	width:120px
}
.pages-columndetail .dialog {
	line-height:20px;
	color:#888;
	margin-top:20px
}
.pages-columndetail .dialog span {
	color:#000
}
.pages-columndetail .dialog p {
	margin-top:20px;
	font-size:13px;
	margin-bottom:20px
}
.pages-columndetail .contribution {
	padding-bottom:0;
	overflow:auto;
	max-height:400px;
	padding-right:38px;
	margin-bottom:20px;
	min-height:90px;
	width:100%
}
.pages-columndetail .contribution .row_box h4 {
	text-align:left;
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:30px;
	margin-top:20px
}
.pages-columndetail .contribution li {
	border-bottom:1px solid #eee;
	cursor:pointer;
	display:inline-block;
	padding:10px 0;
	box-sizing:border-box;
	line-height:24px;
	width:100%;
	position:relative
}
.pages-columndetail .contribution li .title {
	float:left;
	font-size:14px;
	font-weight:400
}
.pages-columndetail .contribution li span {
	text-align:right;
	display:inherit
}
.pages-columndetail .contribution li .row_operation {
	position:absolute;
	right:10px;
	bottom:15px;
	width:90px;
	justify-content:space-between
}
.pages-columndetail .contribution li .row_operation span {
	cursor:pointer
}
.pages-columndetail .contribution li .row_operation .hmxuanzhong {
	color:#f40d04
}
.pages-columndetail .contribution .li_s {
	font-size:14px;
	font-weight:400;
	color:#555!important
}
.pages-columndetail .contribution .li_s:last-child {
	border-bottom:none
}
.pages-columndetail .contribution .li_active {
	font-size:14px;
	font-weight:400;
	color:#888!important
}
.pages-columndetail .contribution .nodata_tan {
	padding-top:40px;
	font-size:14px;
	color:#555;
	text-align:center
}
.pages-columndetail .contribution .nodata_tan div span {
	color:#f40d04;
	font-size:14px;
	cursor:pointer
}
.pages-columndetail .sub_btn {
	width:140px;
	height:40px;
	background:#f40d04;
	border-radius:2px
}
.pages-columndetail .pagination {
	margin-bottom:40px
}
.pages-columndetail .column_detail .el-dialog__body {
	padding:0 40px!important
}
.pages-columndetail .column_detail .el-dialog__title {
	line-height:24px;
	font-size:18px;
	color:#303133;
	font-weight:700
}
.pages-column-index .footer_col {
	margin-bottom:80px
}
.pages-column-index .nav {
	padding:0 30px;
	background:#232629;
	height:150px
}
.pages-column-index .nav .spical {
	padding:42px 0 38px;
	position:relative
}
.pages-column-index .nav .spical .title1 {
	font-size:32px;
	font-weight:400;
	color:#f2f1f1;
	line-height:30px
}
.pages-column-index .nav .spical .desc {
	margin-top:17px;
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:20px
}
.pages-column-index .nav .spical .add_btn {
	width:120px;
	height:40px;
	background:linear-gradient(90deg, #ff4f18, #f20000);
	border-radius:2px;
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:40px;
	text-align:center;
	position:absolute;
	right:0;
	top:50px;
	cursor:pointer
}
.pages-column-index .nav .imgs {
	width:290px;
	height:150px;
	position:absolute;
	right:260px;
	top:0
}
.pages-column-index .nav .imgs img {
	width:290px;
	height:150px
}
.pages-column-index .dialog {
	text-align:center
}
.pages-column-index .dialog .tips {
	line-height:20px;
	margin-top:10px;
	color:#888
}
.pages-column-index .dialog .p_margin {
	margin-top:30px
}
.pages-column-index .dialog-footer .go_fb {
	width:140px
}
.pages-column-index .dialog-footer .en_mb {
	width:140px;
	margin-left:40px
}
.pages-column-index .typebox {
	width:1200px;
	margin:0 auto;
	height:50px
}
.pages-column-index .typebox .left {
	height:50px;
	float:left;
	width:500px
}
.pages-column-index .typebox .left .listtype {
	font-size:16px;
	line-height:1;
	float:left;
	margin-top:30px;
	margin-right:21px;
	color:#888;
	cursor:pointer
}
.pages-column-index .typebox .left .listtype.active {
	color:#333
}
.pages-column-index .typebox .right {
	width:300px;
	float:right
}
.pages-column-index .typebox .right .subscribe {
	color:#888;
	float:right;
	margin-top:30px;
	cursor:pointer
}
.pages-column-index .typebox .right .subscribe a {
	color:#888
}
.pages-sublist {
	width:100%;
	height:100%;
	background:#f6f7f8
}
.pages-sublist .content {
	background:#fff;
	position:relative;
	padding-bottom:110px
}
.pages-sublist .pagination {
	width:100%;
	display:inline-block;
	position:relative
}
.pages-sublist .list {
	width:1142px;
	padding:28px 29px;
	display:flex;
	flex-wrap:wrap
}
.pages-sublist .list .count {
	width:100%;
	font-size:18px;
	font-weight:400;
	color:#333;
	margin-bottom:30px
}
.pages-sublist .list .lis {
	margin-bottom:20px;
	min-width:228px
}
.pages-sublist .list .lis img {
	border-radius:50%;
	width:40px;
	height:40px;
	float:left;
	margin-right:11px;
	cursor:pointer
}
.pages-sublist .list .lis .nick {
	font-size:16px;
	font-weight:400;
	color:#333;
	white-space:nowrap;
	line-height:40px;
	cursor:pointer;
	overflow:hidden;
	text-overflow:ellipsis;
	width:155px;
	display:inline-block
}
.pages-column-subscribe {
	padding-top:30px
}
.communityList {
	width:998px;
	margin:130px auto 0
}
.communityList .list_content {
	margin-top:30px;
	color:#333;
	margin-bottom:150px
}
.communityList .list_content .community_h3 {
	font-size:28px;
	font-weight:600;
	color:#333;
	width:152px;
	height:65px;
	line-height:65px;
	background-size:contain;
	background-repeat:no-repeat
}
.communityList .list_content .amount {
	font-size:16px;
	font-weight:600
}
.pages-essence.good {
	padding-top:102px
}
.pages-essence .nav {
	margin-top:30px
}
.pages-essence .nav .left {
	float:left
}
.pages-essence .nav .left .title {
	float:left;
	font-size:20px;
	font-weight:700;
	color:#333
}
.pages-essence .nav .left .desc {
	float:right;
	font-size:14px;
	font-weight:400;
	color:#555;
	margin-left:10px;
	line-height:27px
}
.pages-essence .nav .right {
	float:right;
	margin-top:5px
}
.pages-essence .nav .right .textchin {
	float:left;
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	line-height:17px;
	cursor:pointer
}
.pages-essence .nav .right .nums {
	float:right;
	margin-left:21px;
	color:#555;
	font-size:14px
}
.pages-essence .nav .right .nums span {
	font-weight:700;
	font-size:14px;
	color:#333!important
}
.pages-essence .content {
	margin-top:75px
}
.pages-essence .footer_col {
	margin-bottom:80px
}
.pages-essence .nodata {
	margin-top:220px;
	color:#aaa;
	text-align:center
}
.expert {
	width:1200px;
	margin:130px auto 0
}
.expert .imgs {
	margin-top:0
}
.expert .pagination_set {
	margin-top:90px!important
}
.expert .right_set {
	flex:1
}
.expert .right_set .care_btn {
	display:flex;
	justify-content:space-between
}
.expert .right_set .middle_intro {
	margin-left:20px
}
.expert .right_set .middle_intro h4 a {
	font-size:16px;
	line-height:22px;
	color:#333;
	font-weight:600
}
.expert .right_set .middle_intro p {
	font-size:14px;
	line-height:20px;
	color:#acacac;
	margin-top:5px
}
.expert .right_set .top_title {
	display:flex;
	align-items:center
}
.expert .bottom_detail {
	margin-top:24px;
	margin-bottom:150px
}
.expert .bottom_detail h3 {
	font-size:22px;
	margin-top:30px
}
.expert .bottom_detail h3 .most_title {
	font-size:14px;
	color:#acacac;
	font-weight:400
}
.expert .bottom_detail .total_expert {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:1200px
}
.expert .bottom_detail .total_expert .intro {
	font-size:14px;
	line-height:20px;
	color:#999;
	margin-top:5px;
	margin-left:20px
}
.expert .bottom_detail .total_expert .left_intro {
	display:flex
}
.expert .bottom_detail .total_expert .left_intro img {
	width:60px;
	height:60px;
	border-radius:50%
}
.expert .bottom_detail .total_expert li {
	cursor:pointer;
	box-sizing:border-box;
	width:580px;
	display:flex;
	justify-content:space-between;
	border:1px solid #f4f4f4;
	padding:30px;
	margin-top:30px
}
.pages-event {
	padding-top:150px;
	padding-bottom:30px
}
.pages-event .event-content {
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap
}
.pages-event .event-content .event-style {
	margin-right:63px;
	margin-bottom:60px
}
.pages-event .event-content .event-style:nth-child(3n) {
margin-right:0
}
.pages-event .pageStyle {
	margin-top:0;
	margin-bottom:10px
}
.pages-guide .header .title_input_box {
	width:800px;
	float:left;
	margin-left:40px
}
.pages-guide .header .title_input_box .el-input__inner {
	height:72px;
	line-height:1;
	font-size:22px;
	border-radius:2px;
	background:none;
	border:none;
	font-weight:700
}
.pages-guide .header .title_input_box .el-input__inner::-moz-placeholder {
color:#888
}
.pages-guide .header .title_input_box .el-input__inner:-ms-input-placeholder {
color:#888
}
.pages-guide .header .title_input_box .el-input__inner::placeholder {
color:#888
}
.pages-guide .header .top_right {
	float:right
}
.pages-guide .header .top_right .login {
	height:72px;
	line-height:72px;
	padding-right:30px;
	cursor:pointer
}
.pages-guide .header .top_right .persion_img {
	float:right;
	height:72px;
	width:32px;
	margin-right:30px
}
.pages-guide .header .top_right img {
	width:32px;
	height:32px;
	border-radius:50%;
	float:right;
	margin:20px 0 0
}
.pages-guide .header .top_right .markdown {
	height:72px;
	line-height:72px;
	font-size:14px;
	font-weight:400;
	color:#888;
	float:left;
	padding-right:30px;
	cursor:pointer
}
.pages-guide .header .top_right .markdown a {
	color:#888
}
.pages-guide .nav_top {
	width:100%;
	height:72px;
	background:#fff;
	position:fixed;
	z-index:1005;
	right:0;
	left:0;
	box-shadow:0 0 10px rgba(24, 23, 23, .1)
}
.pages-guide .nav_top .tonglan {
	height:100%
}
.pages-guide .nav_top .tonglan .logo {
	float:left;
	margin-left:30px
}
.pages-guide .nav_top .tonglan .logo .logo_tit {
	font-size:0
}
.pages-guide .nav_top .tonglan .logo .logo_tit a {
	width:100%;
	height:72px;
	display:table-cell;
	vertical-align:middle
}
.pages-guide .nav_top .tonglan .logo .logo_tit img {
	margin-left:0;
	height:40px
}
.pages-guide .nav_top .tonglan .top_menu {
	float:left;
	font-size:16px;
	font-weight:400;
	height:72px;
	line-height:72px
}
.pages-guide .nav_top .tonglan .top_menu>li {
	cursor:pointer;
	float:left;
	margin-left:39px
}
.pages-guide .nav_top .tonglan .top_menu>li:hover {
	color:#f40d04;
	font-weight:700
}
.pages-guide .nav_top .tonglan .top_menu>li:hover a {
	color:#f40d04
}
.pages-guide .nav_top .tonglan .top_menu>li a {
	color:#fff
}
.pages-guide .nav_top .tonglan .top_menu>li a.active, .pages-guide .nav_top .tonglan .top_menu>li a:hover {
	color:#f40d04;
	font-weight:700
}
.pages-guide .posts_page_new .md_txt {
	min-height:600px
}
.pages-guide .posts_page_new .postpagebox {
	position:relative
}
.pages-guide .posts_page_new .form_show_label .el-input__inner {
	border:none
}
.pages-guide .posts_page_new .original-box {
	width:100%;
	height:62px
}
.pages-guide .posts_page_new .original-box .original-title {
	float:left;
	width:86px;
	height:42px;
	line-height:42px;
	margin-top:20px
}
.pages-guide .posts_page_new .original-box .original {
	float:left;
	height:42px;
	margin-top:20px
}
.pages-guide .posts_page_new .original-box .original .switchbox {
	float:left;
	padding-top:6px
}
.pages-guide .posts_page_new .original-box .original .el-switch {
	width:56px;
	height:30px;
	line-height:30px
}
.pages-guide .posts_page_new .original-box .original .el-switch.is-disabled {
	opacity:1;
	cursor:pointer
}
.pages-guide .posts_page_new .original-box .original .el-switch.is-disabled .el-switch__core, .pages-guide .posts_page_new .original-box .original .el-switch.is-disabled .el-switch__label {
	cursor:pointer
}
.pages-guide .posts_page_new .original-box .original .el-switch.is-checked .el-switch__core {
	background:#f40d04;
	border-color:#f40d04
}
.pages-guide .posts_page_new .original-box .original .el-switch.is-checked .el-switch__core:after {
	margin-left:-27px
}
.pages-guide .posts_page_new .original-box .original .el-switch .el-switch__core {
	height:30px;
	background:#dfdfdf;
	border-color:#dfdfdf;
	border-radius:15px
}
.pages-guide .posts_page_new .original-box .original .el-switch .el-switch__core:after {
	width:26px;
	height:26px
}
.pages-guide .posts_page_new .original-box .original .label-txt {
	float:left;
	height:42px;
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:42px;
	margin-left:10px
}
.pages-guide .posts_page_new .original-box .rule {
	float:left;
	font-size:14px;
	font-weight:400;
	color:#ccc;
	line-height:42px;
	margin-top:20px;
	margin-left:20px;
	cursor:pointer
}
.pages-guide .posts_page_new .original-box .rule a {
	color:#ccc
}
.pages-guide .posts_page_new .num {
	height:34px;
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:34px;
	float:left;
	margin-left:30px
}
.pages-guide .posts_page_new .postbox {
	padding-left:30px
}
.pages-guide .posts_page {
	padding-bottom:0;
	padding-top:10px
}
.pages-guide .posts_page .buttons {
	display:block;
	width:90px;
	height:30px;
	background-color:#f40d04;
	text-align:center;
	line-height:30px;
	color:#fff;
	border-radius:2px;
	font-size:14px;
	float:left;
	cursor:pointer
}
.pages-guide .title_input {
	width:100%
}
.anniversary {
	padding-top:102px
}
.anniversary .onek {
	width:1000px;
	margin:0 auto
}
.anniversary .mainBox {
	margin:0 auto;
	font-size:16px;
	color:#101010;
	line-height:1.8;
	background:url(https://s6.51cto.com/oss/202109/06/cf957dfa08e10a8d9fc4d915f300d52a.png) top
}
.anniversary .mianCon {
	width:1000px;
	margin:0 auto;
	height:672px;
	position:relative
}
.anniversary .mianCon .gkk {
	position:absolute;
	left:0;
	top:150px;
	animation-name:gkk;
	animation-duration:5s;
	animation-iteration-count:infinite;
	cursor:pointer
}
.anniversary .mianCon .gkk:hover {
	transform:scale(1.05)
}
@keyframes gkk {
0% {
top:150px
}
7% {
top:145px
}
15% {
top:150px
}
}
.anniversary .mianCon .zbhd {
	position:absolute;
	left:150px;
	top:25px;
	animation-name:zbhd;
	animation-duration:5s;
	animation-iteration-count:infinite;
	cursor:pointer
}
.anniversary .mianCon .zbhd:hover {
	transform:scale(1.05)
}
@keyframes zbhd {
20% {
top:25px
}
27% {
top:20px
}
35% {
top:25px
}
}
.anniversary .mianCon .yzyh {
	position:absolute;
	left:270px;
	top:350px;
	animation-name:yzyh;
	animation-duration:5s;
	animation-iteration-count:infinite;
	cursor:pointer
}
.anniversary .mianCon .yzyh:hover {
	transform:scale(1.05)
}
@keyframes yzyh {
80% {
top:350px
}
87% {
top:345px
}
95% {
top:350px
}
}
.anniversary .mianCon .glszf {
	position:absolute;
	left:485px;
	top:59px;
	animation-name:glszf;
	animation-duration:5s;
	animation-iteration-count:infinite;
	cursor:pointer
}
.anniversary .mianCon .glszf:hover {
	transform:scale(1.05)
}
@keyframes glszf {
40% {
top:59px
}
47% {
top:54px
}
55% {
top:59px
}
}
.anniversary .mianCon .year {
	position:absolute;
	left:484px;
	top:477px
}
.anniversary .mianCon .zhuozi {
	position:absolute;
	left:655px;
	top:352px
}
.anniversary .mianCon .phone {
	position:absolute;
	right:100px;
	top:188px;
	animation-name:phone;
	animation-duration:5s;
	animation-iteration-count:infinite;
	cursor:pointer
}
.anniversary .mianCon .phone:hover {
	transform:scale(1.05)
}
@keyframes phone {
60% {
top:188px
}
67% {
top:183px
}
75% {
top:188px
}
}
.anniversary .mianCon .hengfu {
	position:absolute;
	right:0;
	top:128px;
	animation-name:hengfu;
	animation-duration:2s;
	animation-iteration-count:infinite
}
@keyframes hengfu {
0% {
transform:scale(1)
}
50% {
transform:scale(1.02)
}
to {
	transform:scale(1)
}
}
.anniversary .mianCon .gift {
	position:absolute;
	right:75px;
	top:472px
}
.anniversary .mianCon .one {
	position:absolute;
	right:351px;
	top:53px
}
.pages-html-mvp .banner {
	width:100%;
	margin-top:102px;
	background:url(https://dl-harmonyos.51cto.com/images/202112/957634542ab2f0aa2ff008c233ad68415e7fdb.png) no-repeat top;
	height:431px;
	padding-top:90px;
	box-sizing:border-box
}
.pages-html-mvp .banner h2 {
	font-size:32px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#fff;
	line-height:54px;
	text-shadow:0 0 30px rgba(13, 37, 62, .7)
}
.pages-html-mvp .banner .brief {
	margin-top:3px;
	width:502px;
	font-size:16px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#fff;
	line-height:24px
}
.pages-html-mvp .banner .tomvp {
	display:block;
	margin:20px 0 0;
	font-size:24px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#fff;
	line-height:64px;
	letter-spacing:1px;
	width:337px;
	height:64px;
	border-radius:4px;
	border:2px solid #fff;
	text-align:center
}
.pages-html-mvp .banner .onek {
	box-sizing:border-box;
	padding-left:735px;
	width:1200px;
	margin:0 auto
}
.pages-html-mvp .title {
	font-size:32px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#313645;
	line-height:32px;
	text-align:center
}
.pages-html-mvp .onek {
	width:1200px;
	margin:0 auto
}
.pages-html-mvp .mvpbox {
	padding:60px 0 70px
}
.pages-html-mvp .mvpbox .mvplist {
	margin-top:52px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
	align-content:center
}
.pages-html-mvp .mvpbox .mvplist .mvpitem {
	width:570px;
	height:170px;
	margin-top:30px;
	background:#f8f9fb;
	border-radius:16px;
	box-sizing:border-box;
	padding:30px 38px 30px 23px;
transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-webkit-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	align-content:center;
	position:relative
}
.pages-html-mvp .mvpbox .mvplist .mvpitem:hover {
	background:#fcfcfd;
	box-shadow:0 39px 77px -58px rgba(31, 47, 70, .12), 0 70px 70px -53px rgba(31, 47, 70, .12);
	transform:scale(1.07)
}
.pages-html-mvp .mvpbox .mvplist .mvpitem .focusbtn {
	width:62px;
	height:28px;
	border-radius:4px;
	border:1px solid #fe4848;
	font-size:12px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#fe4848;
	line-height:28px;
	text-align:center;
	position:absolute;
	top:42px;
	right:38px;
	cursor:pointer
}
.pages-html-mvp .mvpbox .mvplist .mvpitem .focusbtn:hover {
	background:#fe4848;
	color:#fff
}
.pages-html-mvp .mvpbox .mvplist .mvpitem .headpic {
	width:110px;
	height:110px;
	border-radius:50%;
	overflow:hidden
}
.pages-html-mvp .mvpbox .mvplist .mvpitem .headpic img {
	width:100%;
	height:100%
}
.pages-html-mvp .mvpbox .mvplist .mvpitem .perinfo {
	margin-left:20px
}
.pages-html-mvp .mvpbox .mvplist .mvpitem .perinfo .pername {
	font-size:20px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#58627c;
	line-height:32px
}
.pages-html-mvp .mvpbox .mvplist .mvpitem .perinfo .numinfo {
	margin-top:17px;
	font-size:14px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#58627c;
	line-height:22px
}
.pages-html-mvp .mvpbox .mvplist .mvpitem .perinfo .perposi {
	font-size:14px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#58627c;
	line-height:22px;
	max-width:360px
}
.pages-html-mvp .mvpbox .moremvp {
	display:block;
	font-size:22px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#58627c;
	line-height:30px;
	letter-spacing:1px;
	text-align:center;
	margin-top:49px
}
.pages-html-mvp .mis-rg {
	box-sizing:border-box;
	background:url(https://s4.51cto.com/oss/202112/06/1982ecb13318105da0c4ee5c28696101.png) no-repeat center 470px
}
.pages-html-mvp .mis-rg .mission {
	padding:56px 0 107px;
	background:rgba(195, 197, 231, .1)
}
.pages-html-mvp .mis-rg .mission .misslist {
	margin-top:93px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around
}
.pages-html-mvp .mis-rg .mission .misslist .missitem {
	width:280px;
	height:261px;
	background:#fff;
	border-radius:16px;
	box-sizing:border-box;
	padding:89px 35px 0;
	position:relative;
transition:all .5s ease-out
}
.pages-html-mvp .mis-rg .mission .misslist .missitem:hover {
	box-shadow:0 23px 42px -7px rgba(31, 47, 70, .12)
}
.pages-html-mvp .mis-rg .mission .misslist .missitem .misstit {
	font-size:24px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#58627c;
	text-align:center;
	line-height:33px;
	margin:0
}
.pages-html-mvp .mis-rg .mission .misslist .missitem .misstxt {
	font-size:16px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#58627c;
	line-height:22px;
	margin-top:20px
}
.pages-html-mvp .mis-rg .mission .misslist .missitem .circle {
	width:124px;
	height:124px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center;
	position:absolute;
	top:-62px;
	left:78px
}
.pages-html-mvp .mis-rg .mission .misslist .missitem .green {
	background:#f0f7f5
}
.pages-html-mvp .mis-rg .mission .misslist .missitem .orga1 {
	background:#fbf4f3
}
.pages-html-mvp .mis-rg .mission .misslist .missitem .blue {
	background:#f0f6ff
}
.pages-html-mvp .mis-rg .mission .misslist .missitem .orga2 {
	background:#fff8f1
}
.pages-html-mvp .mis-rg .right {
	padding:213px 0 120px
}
.pages-html-mvp .mis-rg .right .rglist {
	margin-top:32px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around
}
.pages-html-mvp .mis-rg .right .rglist .rgitem {
	width:360px;
	height:150px;
	background:#f8f9fb;
	border-radius:16px;
	box-sizing:border-box;
	padding-top:19px;
	text-align:center;
	margin-top:30px;
transition:all .5s ease-out
}
.pages-html-mvp .mis-rg .right .rglist .rgitem:hover {
	box-shadow:0 23px 42px -7px rgba(31, 47, 70, .12);
	background:#fff
}
.pages-html-mvp .mis-rg .right .rglist .rgitem:hover .scircle {
	background:#f1f3f6;
	box-shadow:0 39px 77px -58px rgba(31, 47, 70, .12)
}
.pages-html-mvp .mis-rg .right .rglist .rgitem .scircle {
	width:64px;
	height:64px;
	margin:0 auto;
	background:#fff;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	align-content:center
}
.pages-html-mvp .mis-rg .right .rglist .rgitem p {
	margin-top:9px;
	font-size:24px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#58627c;
	line-height:33px
}
.pages-html-mvp .conus {
	background:url(https://s4.51cto.com/oss/202112/06/b7238606166624b91f4f5b947f900855.png) no-repeat top;
	padding:80px 0 106px;
	height:540px;
	box-sizing:border-box;
	margin-bottom:-28px
}
.pages-html-mvp .conus .title {
	color:#fff
}
.pages-html-mvp .conus .fourpoint {
	margin-top:31px;
	font-size:20px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#fff;
	line-height:28px
}
.pages-html-mvp .conus .fourpoint li {
	display:inline-block;
	width:44%;
	padding:0 0 0 16%;
	margin-top:26px;
	box-sizing:border-box
}
.pages-html-mvp .conus .fourpoint li img {
	margin-right:20px
}
.pages-html-mvp .conus .mt90 {
	margin-top:95px
}
.pages-html-mvp .conus .contxt {
	margin-top:18px;
	font-size:20px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#fff;
	line-height:28px;
	text-align:center
}
.pages-html-mvpdetail .banner {
	width:100%;
	margin-top:102px;
	background:url(https://dl-harmonyos.51cto.com/images/202112/957634542ab2f0aa2ff008c233ad68415e7fdb.png) no-repeat top;
	height:431px;
	padding-top:90px;
	box-sizing:border-box
}
.pages-html-mvpdetail .banner h2 {
	font-size:32px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#fff;
	line-height:54px;
	text-shadow:0 0 30px rgba(13, 37, 62, .7)
}
.pages-html-mvpdetail .banner .brief {
	margin-top:3px;
	width:502px;
	font-size:16px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#fff;
	line-height:24px
}
.pages-html-mvpdetail .banner .tomvp {
	display:block;
	margin:20px 0 0;
	font-size:24px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#fff;
	line-height:64px;
	letter-spacing:1px;
	width:337px;
	height:64px;
	border-radius:4px;
	border:2px solid #fff;
	text-align:center
}
.pages-html-mvpdetail .banner .onek {
	box-sizing:border-box;
	padding-left:735px;
	width:1200px;
	margin:0 auto
}
.pages-html-mvpdetail .title {
	font-size:32px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#313645;
	line-height:32px;
	text-align:center
}
.pages-html-mvpdetail .onek {
	width:1200px;
	margin:0 auto
}
.pages-html-mvpdetail .mvpbox {
	padding:60px 0 70px
}
.pages-html-mvpdetail .mvpbox .mvplist {
	margin-top:52px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
	align-content:center
}
.pages-html-mvpdetail .mvpbox .mvplist .mvpitem {
	width:570px;
	height:170px;
	margin-top:30px;
	background:#f8f9fb;
	border-radius:16px;
	box-sizing:border-box;
	padding:30px 38px 30px 23px;
transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-webkit-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	align-content:center;
	position:relative
}
.pages-html-mvpdetail .mvpbox .mvplist .mvpitem:hover {
	background:#fcfcfd;
	box-shadow:0 39px 77px -58px rgba(31, 47, 70, .12), 0 70px 70px -53px rgba(31, 47, 70, .12);
	transform:scale(1.07)
}
.pages-html-mvpdetail .mvpbox .mvplist .mvpitem .focusbtn {
	width:62px;
	height:28px;
	border-radius:4px;
	border:1px solid #fe4848;
	font-size:12px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#fe4848;
	line-height:28px;
	text-align:center;
	position:absolute;
	top:42px;
	right:38px;
	cursor:pointer
}
.pages-html-mvpdetail .mvpbox .mvplist .mvpitem .focusbtn:hover {
	background:#fe4848;
	color:#fff
}
.pages-html-mvpdetail .mvpbox .mvplist .mvpitem .headpic {
	width:110px;
	height:110px;
	border-radius:50%;
	overflow:hidden
}
.pages-html-mvpdetail .mvpbox .mvplist .mvpitem .headpic img {
	width:100%;
	height:100%
}
.pages-html-mvpdetail .mvpbox .mvplist .mvpitem .perinfo {
	margin-left:20px
}
.pages-html-mvpdetail .mvpbox .mvplist .mvpitem .perinfo .pername {
	font-size:20px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#58627c;
	line-height:32px
}
.pages-html-mvpdetail .mvpbox .mvplist .mvpitem .perinfo .numinfo {
	margin-top:17px;
	font-size:14px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#58627c;
	line-height:22px
}
.pages-html-mvpdetail .mvpbox .mvplist .mvpitem .perinfo .perposi {
	font-size:14px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#58627c;
	line-height:22px;
	max-width:360px
}
.pages-html-mvpdetail .mvpbox .moremvp {
	display:block;
	font-size:22px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#58627c;
	line-height:30px;
	letter-spacing:1px;
	text-align:center;
	margin-top:49px
}
.pages-html-star {
	padding-bottom:194px
}
.pages-html-star, .pages-html-star div {
	box-sizing:border-box
}
.pages-html-star .banner {
	width:100%;
	margin-top:102px;
	background:url(https://s2.51cto.com/oss/202202/28/0a15cc9df19c7d54d9c6b438bc3e035f.png) no-repeat top;
	background-size:auto 100%;
	height:430px;
	padding-top:117px;
	box-sizing:border-box;
	text-align:center
}
.pages-html-star .banner h2 {
	font-size:52px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#fff;
	line-height:54px;
	text-shadow:0 0 30px rgba(13, 37, 62, .7)
}
.pages-html-star .banner .brief {
	margin-top:3px;
	width:502px;
	font-size:16px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#fff;
	line-height:24px
}
.pages-html-star .banner .tostar {
	display:block;
	margin:82px auto 0;
	font-size:24px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#fff;
	line-height:64px;
	letter-spacing:1px;
	width:337px;
	height:64px;
	border-radius:4px;
	border:2px solid #fff;
	text-align:center
}
.pages-html-star .banner .onek {
	box-sizing:border-box;
	width:1200px;
	margin:0 auto
}
.pages-html-star .onek {
	width:1200px;
	margin:0 auto
}
.pages-html-star .star-con {
	margin-top:35px;
	position:relative
}
.pages-html-star .star-con .timeline {
	display:block;
	width:120px;
	float:left;
	margin-top:95px;
	font-size:20px;
	font-family:PingFangSC-Medium, PingFang SC;
	font-weight:500;
	color:#999;
	line-height:28px;
	z-index:1
}
.pages-html-star .star-con .timeline .yearbox {
	margin-bottom:15px;
	cursor:pointer
}
.pages-html-star .star-con .timeline .blackmonth, .pages-html-star .star-con .timeline .yearbox:hover {
	font-weight:600;
	color:#333
}
.pages-html-star .star-con .timeline .month {
	margin-bottom:6px;
	display:none;
	font-size:16px;
	padding-left:20px
}
.pages-html-star .star-con .timeline .monthon {
	display:block
}
.pages-html-star .star-con .timeline-fixed {
	position:fixed;
	top:60px
}
.pages-html-star .star-con .starlist {
	padding-left:120px;
	margin-top:65px
}
.pages-html-star .star-con .starlist .monthlist {
	margin-top:20px;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	align-content:flex-start;
	justify-content:flex-start
}
.pages-html-star .star-con .starlist .monthlist .percard {
	margin:30px 15px 0;
	width:240px;
	height:340px;
	background:#f9f9f9;
	border-radius:16px;
	padding-top:47px;
	text-align:center;
transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-webkit-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
	cursor:pointer
}
.pages-html-star .star-con .starlist .monthlist .percard:hover {
	background:#fcfcfd;
	box-shadow:0 35px 70px -53px rgba(31, 47, 70, .12), 0 70px 70px -53px rgba(31, 47, 70, .12);
	transform:scale(1.07)
}
.pages-html-star .star-con .starlist .monthlist .percard img {
	width:130px;
	height:130px;
	border-radius:50%
}
.pages-html-star .star-con .starlist .monthlist .percard .pname {
	margin-top:14px;
	font-size:20px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#58627c;
	line-height:32px
}
.pages-html-star .star-con .starlist .monthlist .percard .pinfo {
	margin:11px 36px 0;
	font-size:14px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#58627c;
	line-height:22px;
	text-align:left;
	word-wrap:break-word;
	word-break:break-all;
	text-align:center
}
.pages-html-star .title {
	font-size:32px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#58627c;
	line-height:45px;
	letter-spacing:1px;
	text-align:center
}
.pages-index {
	height:auto;
	position:relative;
	background-color:#f8f9fb
}
.ost-main {
	width:1248px;
	margin-left:auto;
	margin-right:auto;
	display:grid;
	grid-gap:20px;
	gap:20px;
	grid-template-columns:repeat(12, minmax(0, 1fr))
}
.ost-main * {
	font-family:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	-webkit-font-smoothing:auto
}
.ost-nav {
	position:sticky;
	top:0;
	z-index:50;
	background:hsla(0, 0%, 100%, .9);
	-webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(20px);
	border-bottom:1px solid rgba(0, 0, 0, .04);
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s
}
.ost-nav-container {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 16px;
	height:64px;
	max-width:1280px;
	margin-left:auto;
	margin-right:auto
}
.ost-nav-left {
	display:flex;
	align-items:center;
	grid-gap:32px;
	gap:32px
}
.ost-logo-container {
	grid-gap:12px;
	gap:12px
}
.ost-logo, .ost-logo-container {
	display:flex;
	align-items:center
}
.ost-logo {
	width:36px;
	height:36px;
	background:linear-gradient(to bottom right, #dc2626, #ef4444);
	border-radius:8px;
	justify-content:center;
	color:#fff;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	transform:none;
	transition-property:transform;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	border:1px solid hsla(0, 0%, 100%, .2)
}
.ost-logo-container:hover .ost-logo {
	transform:scale(1.05)
}
.ost-logo-icon {
	width:20px;
	height:20px
}
.ost-logo-text {
	display:flex;
	flex-direction:column
}
.ost-logo-title {
	font-size:18px;
	font-weight:700;
	color:#1e293b
}
.ost-logo-accent {
	color:#dc2626
}
.ost-logo-subtitle {
	font-size:12px;
	color:#94a3b8;
	margin-top:2px
}
.ost-nav-links {
	display:none;
	align-items:center;
	grid-gap:4px;
	gap:4px;
	padding:4px
}
@media (min-width:768px) {
.ost-nav-links {
display:flex
}
}
.ost-nav-link {
	font-size:14px;
	font-weight:500;
	color:#64748b;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	text-decoration:none;
	padding:6px 20px;
	border-radius:9999px
}
.ost-nav-link:hover {
	color:#0f172a;
	background-color:hsla(0, 0%, 100%, .6)
}
.ost-nav-link-active {
	color:#dc2626;
	background-color:#fff;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05)
}
.ost-nav-dropdown {
	position:relative
}
.ost-nav-dropdown-button {
	display:flex;
	align-items:center;
	grid-gap:4px;
	gap:4px;
	font-size:14px;
	font-weight:500;
	color:#64748b;
	background:none;
	border:none;
	cursor:pointer;
	padding:6px 20px;
	border-radius:9999px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s
}
.ost-nav-dropdown-button:hover {
	color:#0f172a;
	background-color:hsla(0, 0%, 100%, .6)
}
.ost-nav-dropdown-icon {
	width:12px;
	height:12px;
	transition-property:transform;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-nav-dropdown:hover .ost-nav-dropdown-icon {
	transform:rotate(180deg)
}
.ost-nav-dropdown-menu {
	position:absolute;
	top:100%;
	left:0;
	margin-top:4px;
	background-color:#fff;
	border-radius:12px;
	box-shadow:0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
	border:1px solid #f1f5f9;
	min-width:192px;
	z-index:100;
	opacity:0;
	visibility:hidden;
	transition-property:opacity, visibility, transform;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s;
	transform:translateY(-8px)
}
.ost-nav-dropdown:hover .ost-nav-dropdown-menu {
	opacity:1;
	visibility:visible;
	transform:translateY(0)
}
.ost-nav-dropdown-item {
	display:block;
	width:100%;
	padding:10px 16px;
	text-align:left;
	font-size:14px;
	font-weight:500;
	color:#475569;
	text-decoration:none;
	transition-property:background-color, color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-nav-dropdown-item:hover {
	background-color:#f8fafc;
	color:#dc2626
}
.ost-nav-right {
	display:flex;
	align-items:center;
	grid-gap:16px;
	gap:16px
}
.ost-search-container {
	position:relative;
	display:flex;
	align-items:center;
	background-color:#f8fafc;
	border-radius:9999px;
	padding:6px 16px;
	border:1px solid #f1f5f9;
	transition-property:border-color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-search-container[focus-within] {
	border-color:#fecaca
}
.ost-search-container:focus-within {
border-color:#fecaca
}
.ost-search-icon {
	width:16px;
	height:16px;
	color:#94a3b8;
	margin-right:8px
}
.ost-search-input {
	background:none;
	border:none;
	outline:none;
	font-size:14px;
	color:#475569;
	width:192px
}
.ost-search-input::-moz-placeholder {
color:#94a3b8
}
.ost-search-input:-ms-input-placeholder {
color:#94a3b8
}
.ost-search-input::placeholder {
color:#94a3b8
}
.ost-notification-button {
	position:relative;
	background:none;
	border:none;
	cursor:pointer;
	padding:8px;
	border-radius:9999px;
	transition-property:background-color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-notification-button:hover {
	background-color:#f8fafc
}
.ost-notification-icon {
	width:20px;
	height:20px;
	color:#475569
}
.ost-notification-badge {
	position:absolute;
	top:0;
	right:0;
	width:12px;
	height:12px;
	background-color:#dc2626;
	border-radius:9999px;
	border:2px solid #fff
}
.ost-user-avatar {
	position:relative;
	cursor:pointer;
	padding:4px;
	border-radius:9999px;
	transition-property:background-color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-user-avatar:hover {
	background-color:#f8fafc
}
.ost-user-image {
	width:32px;
	height:32px;
	border-radius:9999px;
	-o-object-fit:cover;
	object-fit:cover;
	border:2px solid #f1f5f9
}
.ost-sidebar {
	grid-column:span 2/span 2
}
.ost-sidebar-content {
	position:sticky;
	top:102px;
	display:flex;
	flex-direction:column;
	grid-gap:8px;
	gap:8px;
	padding-top:20px
}
.ost-sidebar-section {
	margin-bottom:16px;
	padding-top:20px;
	border-top:1px solid rgba(226, 232, 240, .5)
}
.ost-sidebar-menu {
	display:flex;
	flex-direction:column;
	margin-top:8px
}
.ost-sidebar-menu:first-child {
	margin-top:0
}
.ost-sidebar-menu.ost-sidebar-menu-active .ost-sidebar-menu-item-child {
	max-height:700px;
	margin-top:4px
}
.ost-sidebar-menu.ost-sidebar-menu-active .ost-sidebar-menu-item-external {
	opacity:1;
	transform:rotate(270deg);
	color:#94a3b8
}
.ost-sidebar-menu .ost-sidebar-menu-item {
	width:100%;
	text-align:left;
	padding:10px 12px;
	border-radius:16px;
	font-size:14px;
	font-weight:500;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
	color:#475569;
	box-sizing:border-box
}
.ost-sidebar-menu .ost-sidebar-menu-item.ost-sidebar-menu-item-active, .ost-sidebar-menu .ost-sidebar-menu-item:hover {
	background-color:#fff;
	color:#dc2626;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05)
}
.ost-sidebar-menu .ost-sidebar-menu-item.ost-sidebar-menu-item-active .ost-sidebar-menu-item-icon-img, .ost-sidebar-menu .ost-sidebar-menu-item:hover .ost-sidebar-menu-item-icon-img {
	color:#ef4444
}
.ost-sidebar-menu .ost-sidebar-menu-item.ost-sidebar-menu-item-active .ost-sidebar-menu-item-icon, .ost-sidebar-menu .ost-sidebar-menu-item:hover .ost-sidebar-menu-item-icon {
	background-color:#fef2f2;
	color:#ef4444
}
.ost-sidebar-menu .ost-sidebar-menu-item-child {
	overflow:hidden;
	opacity:1;
	margin-top:0;
	transition-property:all;
	max-height:0
}
.ost-sidebar-menu .ost-sidebar-menu-item-child .ost-sidebar-menu-item-child-content {
	display:flex;
	flex-direction:column;
	padding:0 12px 4px 44px
}
.ost-sidebar-menu .ost-sidebar-menu-item-child .ost-sidebar-menu-item-child-content .ost-sidebar-menu-item-child-link {
	padding:8px 12px;
	font-size:12px;
	line-height:16px;
	font-weight:500;
	color:#64748b;
	border-radius:12px;
	cursor:pointer;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	display:flex;
	align-items:center;
	grid-gap:8px;
	gap:8px;
	margin-top:4px
}
.ost-sidebar-menu .ost-sidebar-menu-item-child .ost-sidebar-menu-item-child-content .ost-sidebar-menu-item-child-link:first-child {
	margin-top:0
}
.ost-sidebar-menu .ost-sidebar-menu-item-child .ost-sidebar-menu-item-child-content .ost-sidebar-menu-item-child-link.ost-sidebar-menu-item-child-link-active, .ost-sidebar-menu .ost-sidebar-menu-item-child .ost-sidebar-menu-item-child-content .ost-sidebar-menu-item-child-link:hover {
	color:#dc2626;
	background-color:#fff
}
.ost-sidebar-menu .ost-sidebar-menu-item-child .ost-sidebar-menu-item-child-content .ost-sidebar-menu-item-child-link.ost-sidebar-menu-item-child-link-active .ost-sidebar-menu-item-child-dot, .ost-sidebar-menu .ost-sidebar-menu-item-child .ost-sidebar-menu-item-child-content .ost-sidebar-menu-item-child-link:hover .ost-sidebar-menu-item-child-dot {
	background-color:#dc2626
}
.ost-sidebar-menu .ost-sidebar-menu-item-child .ost-sidebar-menu-item-child-content .ost-sidebar-menu-item-child-link .ost-sidebar-menu-item-child-dot {
	width:4px;
	height:4px;
	border-radius:9999px;
	background-color:#cbd5e1
}
.ost-sidebar-menu-item-content {
	display:flex;
	align-items:center;
	grid-gap:12px;
	gap:12px;
	position:relative;
	z-index:10
}
.ost-sidebar-menu-item-icon {
	width:28px;
	height:28px;
	border-radius:8px;
	display:flex;
	align-items:center;
	justify-content:center;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	background-color:transparent;
	color:#94a3b8
}
.ost-sidebar-menu-item-text {
	color:#475569
}
.ost-sidebar-menu-item-text:hover {
	color:#dc2626
}
.ost-sidebar-menu-item-icon-img {
	width:16px;
	height:16px;
	color:#94a3b8;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s
}
.ost-sidebar-menu-item-text-icon {
	font-size:10px;
	font-weight:700
}
.ost-sidebar-menu-item-circle-icon {
	width:12px;
	height:12px;
	border:2px solid;
	border-radius:9999px
}
.ost-sidebar-menu-item-external {
	width:12px;
	height:12px;
	opacity:0;
	font-size:12px;
	transition-property:opacity;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	transform:rotate(90deg)
}
.ost-sidebar-menu-item:hover .ost-sidebar-menu-item-external {
	opacity:1;
	color:#cbd5e1
}
.ost-sidebar-tags {
	padding:0 8px;
	margin-bottom:24px
}
.ost-sidebar-tags .ost-sidebar-tags-title {
	padding-left:8px;
	font-size:12px;
	font-weight:700;
	color:#94a3b8;
	text-transform:uppercase;
	letter-spacing:.05em;
	margin-bottom:16px
}
.ost-sidebar-tags .ost-sidebar-tags-container {
	display:flex;
	flex-wrap:wrap;
	grid-gap:8px;
	gap:8px
}
.ost-sidebar-tags .ost-sidebar-tag {
	padding:6px 12px;
	background-color:#fff;
	font-size:12px;
	color:#64748b;
	border-radius:8px;
	cursor:pointer;
	transition-property:all;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	border:1px solid #f1f5f9
}
.ost-sidebar-tags .ost-sidebar-tag:hover {
	color:#ef4444;
	border-color:#fee2e2
}
.ost-content {
	width:720px;
	grid-column:span 7/span 7;
animation:fade-in .5s ease-in-out, slide-in-from-bottom-4 .5s ease-in-out
}
.ost-section-header {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-left:8px;
	padding-right:8px;
	margin-top:16px
}
.ost-section-header .ost-section-title {
	font-size:20px;
	line-height:28px;
	font-weight:700;
	color:#1e293b;
	display:flex;
	align-items:center;
	grid-gap:8px;
	gap:8px
}
.ost-section-title-icon {
	font-size:22px;
	color:#ef4444
}
.ost-section-more {
	font-size:14px;
	color:#94a3b8;
	cursor:pointer;
	display:flex;
	align-items:center;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-section-more:hover {
	color:#b91c1c
}
.ost-section-more-icon {
	margin-left:4px;
	font-size:10px
}
.ost-section-info {
	grid-gap:16px;
	gap:16px;
	font-size:12px
}
.ost-section-info, .ost-section-info-more {
	display:flex;
	align-items:center;
	color:#64748b
}
.ost-section-info-more {
	cursor:pointer;
	grid-gap:4px;
	gap:4px;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-section-info-more:hover {
	color:#1e293b
}
.ost-section-info-more-icon {
	font-size:10px
}
.ost-section-tabs {
	display:flex;
	align-items:center;
	grid-gap:4px;
	gap:4px;
	font-size:12px;
	font-weight:500
}
.ost-section-tab {
	cursor:pointer;
	color:#94a3b8;
	padding:4px 12px;
	border-radius:8px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-section-tab:hover {
	color:#1e293b;
	background-color:#f8fafc
}
.ost-section-tab-active {
	color:#1e293b;
	background-color:#f1f5f9
}
.ost-recommend {
	padding-top:4px
}
.ost-article, .ost-recommend {
	display:flex;
	flex-direction:column
}
.ost-article {
	background-color:#fff;
	padding:16px;
	border-radius:16px;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
transition:transform .3s ease, box-shadow .3s ease;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	border:1px solid rgba(241, 245, 249, .5);
	margin-top:12px
}
.ost-article:hover {
	transform:translateY(-3px);
	box-shadow:0 20px 40px -5px rgba(0, 0, 0, .07)
}
.ost-article .ost-article-header {
	width:100%
}
.ost-article .ost-article-header .ost-article-title-link:hover .ost-article-title .ost-article-title-text {
	color:#dc2626
}
.ost-article .ost-article-title {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	grid-gap:12px;
	gap:12px;
	margin-bottom:8px
}
.ost-article .ost-article-title .ost-article-title-text {
	font-size:17px;
	font-weight:800;
	color:#0f172a;
	line-height:1.375;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.2s;
	flex:1;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.ost-article .ost-article-title .ost-article-title-text:hover {
	color:#dc2626
}
.ost-article .ost-article-title .ost-article-title-badges {
	display:flex;
	flex-shrink:0;
	padding-top:2px
}
.ost-article .ost-article-title .ost-article-title-badges .ost-article-title-badge {
	margin-left:8px
}
.ost-article .ost-article-title .ost-article-title-badges .ost-article-title-badge:first-child {
	margin-left:0
}
.ost-article .ost-article-title .ost-article-title-badges .ost-article-title-badges-original {
	padding:2px 6px;
	background:#fef2f2;
	color:#dc2626;
	font-size:10px;
	font-weight:700;
	border-radius:4px;
	border:1px solid #fee2e2
}
.ost-article .ost-article-title .ost-article-title-badges .ost-article-title-badges-essence {
	padding:2px 6px;
	background:#fff7ed;
	color:#ea580c;
	font-size:10px;
	font-weight:700;
	border-radius:4px;
	border:1px solid #ffedd5
}
.ost-article .ost-article-desc {
	color:#64748b;
	font-size:12px;
	line-height:1.625;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin-bottom:12px
}
.ost-question {
	background-color:#fff;
	padding:16px;
	border-radius:16px;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
transition:transform .3s ease, box-shadow .3s ease;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	border:1px solid rgba(241, 245, 249, .5);
	margin-top:12px;
	display:flex;
	flex-direction:column
}
.ost-question:hover {
	transform:translateY(-3px);
	box-shadow:0 20px 40px -5px rgba(0, 0, 0, .07)
}
.ost-question .ost-question-header {
	width:100%
}
.ost-question .ost-question-header .ost-question-title-link:hover .ost-question-title .ost-question-title-text {
	color:#dc2626
}
.ost-question .ost-question-title {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	grid-gap:12px;
	gap:12px;
	margin-bottom:8px
}
.ost-question .ost-question-title .ost-question-title-text {
	font-size:17px;
	font-weight:800;
	color:#0f172a;
	line-height:1.375;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.2s;
	flex:1;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.ost-question .ost-question-title .ost-question-title-text:hover {
	color:#dc2626
}
.ost-question .ost-question-title .ost-question-title-text .ost-question-title-text-span {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 6px;
	height:22px;
	background-color:#dbeafe;
	color:#1d4ed8;
	font-size:12px;
	font-weight:700;
	border-radius:4px;
	margin-right:8px;
	position:relative;
	top:-2px
}
.ost-question .ost-question-desc {
	color:#64748b;
	font-size:12px;
	line-height:1.625;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin-bottom:12px
}
.ost-video {
	background-color:#fff;
	padding:16px;
	border-radius:16px;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
transition:transform .3s ease, box-shadow .3s ease;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	border:1px solid rgba(241, 245, 249, .5);
	margin-top:12px;
	display:flex;
	flex-direction:column
}
.ost-video:hover {
	transform:translateY(-3px);
	box-shadow:0 20px 40px -5px rgba(0, 0, 0, .07)
}
.ost-video .ost-video-header {
	display:flex;
	grid-gap:12px;
	gap:12px
}
.ost-video .ost-video-title-link {
	flex:1
}
.ost-video .ost-video-title-link:hover .ost-video-title .ost-video-title-text {
	color:#dc2626
}
.ost-video .ost-video-poster {
	width:128px;
	height:80px;
	flex-shrink:0;
	position:relative;
	border-radius:12px;
	overflow:hidden;
	border:1px solid rgba(241, 245, 249, .5);
	margin-top:4px
}
.ost-video .ost-video-poster .ost-video-poster-img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	transition-property:transform;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.7s
}
.ost-video .ost-video-poster .ost-video-poster-play {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0, 0, 0, .2);
	display:flex;
	align-items:center;
	justify-content:center
}
.ost-video .ost-video-poster .ost-video-poster-play .ost-video-poster-play-icon-box {
	width:24px;
	height:24px;
	background-color:hsla(0, 0%, 100%, .9);
	border-radius:9999px;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 0 0 0 transparent, 0 0 0 0 transparent, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-video .ost-video-poster .ost-video-poster-play .ost-video-poster-play-icon-box .ost-video-poster-play-icon {
	width:16px;
	height:16px;
	color:#dc2626;
	fill:currentColor;
	margin-left:4px
}
.ost-video .ost-video-poster .ost-video-poster-play-time {
	position:absolute;
	bottom:4px;
	right:4px;
	background-color:rgba(0, 0, 0, .6);
	-webkit-backdrop-filter:blur(12px);
	backdrop-filter:blur(12px);
	color:#fff;
	font-size:9px;
	line-height:1.5;
	font-weight:700;
	padding:2px 6px;
	border-radius:4px
}
.ost-video .ost-video-title {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	grid-gap:12px;
	gap:12px;
	margin-bottom:8px
}
.ost-video .ost-video-title .ost-video-title-text {
	font-size:17px;
	font-weight:800;
	color:#0f172a;
	line-height:1.375;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.2s;
	flex:1;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.ost-video .ost-video-title .ost-video-title-text:hover {
	color:#dc2626
}
.ost-video .ost-video-title .ost-video-title-text .ost-video-title-text-span {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 6px;
	height:22px;
	background-color:#dbeafe;
	color:#1d4ed8;
	font-size:12px;
	font-weight:700;
	border-radius:4px;
	margin-right:8px;
	position:relative;
	top:-2px
}
.ost-video .ost-video-desc {
	color:#64748b;
	font-size:12px;
	line-height:1.625;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin-bottom:12px
}
.ost-video:hover .ost-video-poster .ost-video-poster-img {
	transform:scale(1.05)
}
.ost-video:hover .ost-video-poster .ost-video-poster-play .ost-video-poster-play-icon-box {
	transform:scale(1.1)
}
.ost-title-badges {
	display:flex;
	flex-shrink:0;
	padding-top:2px
}
.ost-title-badges .ost-title-badge {
	margin-left:8px
}
.ost-title-badges .ost-title-badge:first-child {
	margin-left:0
}
.ost-title-badges .ost-title-badge-original {
	padding:2px 6px;
	background:#fef2f2;
	color:#dc2626;
	font-size:10px;
	font-weight:700;
	border-radius:4px;
	border:1px solid #fee2e2
}
.ost-title-badges .ost-title-badge-essence {
	padding:2px 6px;
	background:#fff7ed;
	color:#ea580c;
	font-size:10px;
	font-weight:700;
	border-radius:4px;
	border:1px solid #ffedd5
}
.ost-title-badges .ost-title-badge-thump {
	padding:2px 6px;
	background:#fff;
	color:#e29b14;
	font-size:10px;
	font-weight:700;
	border-radius:4px;
	border:1px solid rgba(226, 155, 20, .43137)
}
.ost-title-badges .ost-title-badge-vote {
	color:#f24c36
}
.ost-title-badges .ost-title-badge-recommend {
	padding:2px 6px;
	background-color:#fef2f2;
	color:#b91c1c;
	font-size:10px;
	font-weight:500;
	border-radius:4px;
	border:1px solid #fee2e2
}
.ost-article-tag-box {
	display:flex;
	grid-gap:8px;
	gap:8px;
	flex-wrap:wrap;
	margin-bottom:8px
}
.ost-article-tag-box .ost-article-tag {
	padding:4px 10px;
	background-color:#f7fafc;
	color:#6f7085;
	font-size:12px;
	line-height:16px;
	border-radius:6px;
	cursor:pointer;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-article-tag-box .ost-article-tag:hover {
	background-color:#f1f5f9;
	color:#ef4444
}
.ost-list-footer {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-top:12px;
	border-top:1px solid #f8fafc;
	margin-top:4px
}
.ost-list-footer .ost-list-author {
	display:flex;
	align-items:center;
	grid-gap:8px;
	gap:8px
}
.ost-list-footer .ost-list-author:hover .ost-list-author-info .ost-list-author-name .ost-list-author-name-text {
	color:#dc2626
}
.ost-list-footer .ost-list-author-avatar-box {
	width:24px;
	height:24px;
	border-radius:9999px;
	border:1px solid #f1f5f9;
	transition-property:border-color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-list-footer .ost-list-author-avatar {
	width:24px;
	height:24px;
	border-radius:9999px
}
.ost-list-footer .ost-list-author-info {
	display:flex;
	flex-direction:column;
	cursor:pointer
}
.ost-list-footer .ost-list-author-info .ost-list-author-name {
	display:flex;
	align-items:center;
	grid-gap:6px;
	gap:6px
}
.ost-list-footer .ost-list-author-info .ost-list-author-name .ost-list-author-name-text {
	font-weight:700;
	font-size:12px;
	line-height:16px;
	color:#334155;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-list-footer .ost-list-author-info .ost-list-author-name .ost-list-author-name-level {
	font-size:9px;
	padding:0 4px;
	border-radius:4px;
	background-color:#f1f5f9;
	color:#94a3b8
}
.ost-list-footer .ost-list-author-info .ost-list-time {
	font-size:9px;
	color:#94a3b8;
	line-height:1;
	margin-top:2px
}
.ost-list-footer .ost-list-stats {
	display:flex;
	align-items:center;
	grid-gap:16px;
	gap:16px
}
.ost-list-footer .ost-list-stats .ost-list-stat {
	display:flex;
	align-items:center;
	color:#6f7085;
	cursor:pointer;
	padding:4px;
	border-radius:8px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-list-footer .ost-list-stats .ost-list-stat .ost-list-stat-icon {
	width:18px;
	height:18px
}
.ost-list-footer .ost-list-stats .ost-list-stat .ost-list-stat-text {
	font-size:12px;
	line-height:16px;
	font-weight:700;
	margin-left:6px
}
.ost-list-footer .ost-list-stats .ost-list-stat.ost-list-stat-views:hover, .ost-list-footer .ost-list-stats .ost-list-stat:hover {
	color:#1e293b;
	background:#f1f5f9
}
.ost-list-footer .ost-list-stats .ost-list-stat.ost-list-stat-supports:hover {
	color:#ef4444;
	background:#fef2f2
}
.ost-list-footer .ost-list-stats .ost-list-stat.ost-list-stat-collections:hover {
	color:#f97316;
	background:#fff7ed
}
.ost-list-footer .ost-list-stats .ost-list-stat.ost-list-stat-comments:hover {
	color:#2563eb;
	background:#eff6ff
}
.ost-banner {
	border-radius:16px;
	cursor:pointer;
	margin:16px 0 0;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s
}
.ost-banner, .ost-banner .banner-box {
	width:720px;
	height:128px;
	position:relative;
	overflow:hidden
}
.ost-banner .banner-box .banner-content {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	z-index:1
}
.ost-banner .banner-box .banner-item {
	width:100%;
	height:128px;
	position:absolute;
	opacity:0;
transition:opacity .5s ease-in-out;
	overflow:hidden;
	border-radius:6px
}
.ost-banner .banner-box .banner-item img {
	width:100%;
	height:128px;
	border-radius:4px
}
.ost-banner .banner-box .banner-item a {
	display:block
}
.ost-banner .banner-box .banner-item.banner-item-active {
	opacity:1;
	z-index:10
}
.ost-banner .banner-box:hover .banner-button-box .banner-button.left {
	left:0;
	transform:translateY(-50%)
}
.ost-banner .banner-box:hover .banner-button-box .banner-button.right {
	right:0
}
.ost-banner .banner-box .banner-button-box .banner-button {
	position:absolute;
	top:50%;
	background-color:#000;
	border-radius:0;
	width:30px;
	height:42px;
	line-height:42px;
	opacity:.5;
	transform:translateY(-50%);
	color:#fff;
	text-align:center;
	cursor:pointer;
	z-index:99
}
.ost-banner .banner-box .banner-button-box .banner-button.left {
	left:-30px;
	transform:translateY(-50%);
transition:left .3s
}
.ost-banner .banner-box .banner-button-box .banner-button.right {
	right:-30px;
transition:right .3s
}
.ost-banner .banner-box .banner-dot {
	position:absolute;
	margin:0;
	z-index:2;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	padding:12px 0
}
.ost-banner .banner-box .banner-dot .dot-item {
	display:inline-block;
	width:6px;
	height:6px;
	border:1px solid #f40d04;
	border-radius:2px;
	background-color:transparent;
	margin:0 3px;
	cursor:pointer
}
.ost-banner .banner-box .banner-dot .dot-item.active {
	background:#f40d04
}
.ost-events-section {
	margin-top:32px
}
.ost-events {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:20px;
	gap:20px;
	margin-top:15px
}
.ost-event {
	background-color:#fff;
	border-radius:12px;
	overflow:hidden;
	cursor:pointer;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	border:1px solid #f1f5f9;
	display:flex;
	flex-direction:column;
transition:transform .3s ease, box-shadow .3s ease
}
.ost-event:hover {
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	transform:translateY(-3px);
	box-shadow:0 20px 40px -5px rgba(0, 0, 0, .07)
}
.ost-event-image-container {
	position:relative;
	aspect-ratio:16/9;
	overflow:hidden
}
.ost-event-image {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	transition-property:transform;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.7s
}
.ost-event:hover .ost-event-image {
	transform:scale(1.05)
}
.ost-event-overlay {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .1), transparent);
	opacity:.9;
	transition-property:opacity
}
.ost-event-badge {
	position:absolute;
	top:12px;
	right:12px;
	-webkit-backdrop-filter:blur(12px);
	backdrop-filter:blur(12px);
	color:#fff;
	font-size:10px;
	font-weight:700;
	padding:4px 8px;
	border-radius:6px;
	display:flex;
	align-items:center;
	box-shadow:0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)
}
.ost-event-badge-live {
	background-color:rgba(0, 0, 0, .6)
}
.ost-event-badge-offline {
	background-color:rgba(30, 58, 138, .8)
}
.ost-event-badge-icon {
	width:12px;
	height:12px;
	margin-right:4px
}
.ost-event-play-button {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0;
	transition-property:opacity;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s
}
.ost-event:hover .ost-event-play-button {
	opacity:1
}
.ost-event-play-button-inner {
	width:48px;
	height:48px;
	background-color:hsla(0, 0%, 100%, .2);
	-webkit-backdrop-filter:blur(12px);
	backdrop-filter:blur(12px);
	border-radius:9999px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid hsla(0, 0%, 100%, .6)
}
.ost-event-play-button-arrow {
	width:0;
	height:0;
	border-top:8px solid transparent;
	border-left:12px solid #fff;
	border-bottom:8px solid transparent;
	margin-left:4px
}
.ost-event-title {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:16px
}
.ost-event-title-text {
	font-weight:700;
	font-size:15px;
	color:#fff;
	line-height:1.375;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2
}
.ost-columns-section {
	margin-top:32px
}
.ost-columns {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:16px;
	gap:16px;
	margin-top:15px
}
.ost-column {
	background-color:#fff;
	padding:16px;
	border-radius:12px;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
transition:transform .3s ease, box-shadow .3s ease;
	border:1px solid #f1f5f9;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	cursor:pointer;
	position:relative;
	overflow:hidden
}
.ost-column:hover {
	transform:translateY(-3px);
	box-shadow:0 20px 40px -5px rgba(0, 0, 0, .07)
}
.ost-column-content {
	display:flex;
	grid-gap:16px;
	gap:16px
}
.ost-column-image {
	width:80px;
	height:80px;
	border-radius:12px;
	-o-object-fit:cover;
	object-fit:cover;
	background-color:#f8fafc;
	flex-shrink:0;
	border:1px solid #f1f5f9
}
.ost-column-info {
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	justify-content:space-between
}
.ost-column-header {
	margin-bottom:8px
}
.ost-column-title {
	font-weight:700;
	color:#1e293b;
	font-size:15px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-column:hover .ost-column-title {
	color:#dc2626
}
.ost-column-description {
	font-size:12px;
	color:#64748b;
	margin-top:10px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	line-clamp:1
}
.ost-column-footer {
	display:flex;
	justify-content:space-between;
	align-items:flex-end
}
.ost-column-stats {
	font-size:10px;
	color:#94a3b8
}
.ost-column-subscribe {
	padding:2px 12px;
	border-radius:9999px;
	border:1px solid #dc2626;
	color:#dc2626;
	font-size:12px;
	font-weight:500;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s;
	background:#fff;
	cursor:pointer
}
.ost-column-subscribe:hover {
	background-color:#fef2f2
}
.ost-column-latest {
	margin-top:12px;
	padding-top:12px;
	border-top:1px solid #f8fafc;
	display:flex;
	align-items:center;
	font-size:12px;
	color:#475569
}
.ost-column-latest-badge {
	flex-shrink:0;
	font-size:10px;
	background-color:#fef2f2;
	color:#dc2626;
	padding:2px 6px;
	border-radius:4px;
	font-weight:700;
	margin-right:8px
}
.ost-column-latest-title {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s;
	color:#475569
}
.ost-column-latest-title a {
	color:#475569
}
.ost-column-latest-title a:hover {
	color:#b91c1c
}
.ost-recommendations-section {
	margin-top:32px
}
.ost-recommendations {
	display:flex;
	flex-direction:column;
	grid-gap:12px;
	gap:12px;
	margin-top:15px
}
.ost-recommendation {
	background-color:#fff;
	padding:20px;
	border-radius:12px;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
transition:transform .3s ease, box-shadow .3s ease;
	border:1px solid rgba(241, 245, 249, .5);
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	cursor:pointer;
	position:relative;
	overflow:hidden
}
.ost-recommendation:hover {
	transform:translateY(-3px);
	box-shadow:0 20px 40px -5px rgba(0, 0, 0, .07)
}
.ost-recommendation-header {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:8px
}
.ost-recommendation-author {
	display:flex;
	align-items:center;
	grid-gap:8px;
	gap:8px;
	font-size:12px;
	color:#64748b
}
.ost-recommendation-author-box {
	display:inline-flex;
	align-items:center
}
.ost-recommendation-author-avatar {
	width:24px;
	height:24px;
	border-radius:9999px;
	-o-object-fit:cover;
	object-fit:cover;
	border:1px solid #f1f5f9
}
.ost-recommendation-author-name {
	font-weight:500;
	color:#334155;
	cursor:pointer;
	margin-left:8px;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-recommendation-author-name:hover {
	color:#b91c1c
}
.ost-recommendation-author-badge {
	font-size:9px;
	padding:2px 4px;
	border-radius:4px;
	background-color:#fef2f2;
	color:#dc2626;
	border:1px solid #fee2e2
}
.ost-recommendation-author-separator {
	color:#cbd5e1
}
.ost-recommendation-author-time {
	color:#94a3b8
}
.ost-recommendation-content {
	margin-bottom:12px
}
.ost-recommendation-title {
	font-size:17px;
	font-weight:700;
	color:#0f172a;
	margin-bottom:8px;
	line-height:1.375;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.2s;
	word-break:break-all;
	text-align:justify
}
.ost-recommendation:hover .ost-recommendation-title {
	color:#b91c1c
}
.ost-recommendation-excerpt {
	color:#64748b;
	font-size:14px;
	line-height:1.625;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	margin-top:12px;
	margin-bottom:12px;
	word-break:break-all;
	text-align:justify
}
.ost-recommendation-footer {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-top:8px
}
.ost-recommendation-stats {
	display:flex;
	grid-gap:24px;
	gap:24px;
	font-size:12px;
	font-weight:500;
	color:#94a3b8
}
.ost-recommendation-stat, .ost-recommendation-stat-like {
	display:flex;
	align-items:center;
	grid-gap:4px;
	gap:4px;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s;
	cursor:pointer
}
.ost-recommendation-stat:hover {
	color:#475569
}
.ost-recommendation-stat-like:hover {
	color:#dc2626
}
.ost-recommendation-stat-icon {
	font-size:12px
}
.ost-recommendation-stat-icon-svg {
	width:14px;
	height:14px
}
.ost-recommendation-tags {
	display:flex;
	grid-gap:8px;
	gap:8px
}
.ost-recommendation-tag {
	padding:2px 8px;
	background-color:#f8fafc;
	color:#94a3b8;
	font-size:10px;
	line-height:1.5;
	border-radius:4px;
	cursor:pointer;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s;
	margin-left:8px
}
.ost-recommendation-tag:hover {
	background-color:#f1f5f9;
	color:#dc2626
}
.ost-load-more {
	display:flex;
	justify-content:center;
	padding-top:24px;
	padding-bottom:24px
}
.ost-load-more-button {
	padding:12px 40px;
	background-color:#fff;
	color:#64748b;
	border-radius:9999px;
	font-size:14px;
	font-weight:500;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	display:flex;
	align-items:center;
	grid-gap:12px;
	gap:12px;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	border:1px solid #f1f5f9
}
.ost-load-more-button:hover {
	color:#dc2626;
	box-shadow:0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05)
}
.ost-load-more-spinner {
	display:flex;
	grid-gap:4px;
	gap:4px
}
.ost-load-more-spinner-dot {
	width:6px;
	height:6px;
	background-color:#f87171;
	border-radius:9999px;
	animation:bounce 1s infinite
}
.ost-load-more-spinner-dot:first-child {
	animation-delay:0s
}
.ost-load-more-spinner-dot:nth-child(2) {
animation-delay:.1s
}
.ost-load-more-spinner-dot:nth-child(3) {
animation-delay:.2s
}
.ost-right-sidebar {
	grid-column:span 3/span 3;
	display:flex;
	flex-direction:column;
	grid-gap:16px;
	gap:16px;
	padding-top:20px;
	position:relative
}
.ost-right-sidebar .ost-right-top {
	width:297px;
	position:relative
}
.ost-right-sidebar .ost-right-top.top-position {
	position:fixed
}
.ost-tasks-card {
	position:relative;
	z-index:20
}
.ost-tasks-card-decoration {
	position:absolute;
	top:-26px;
	right:-13px;
	width:80px;
	height:80px;
	animation:float 4s ease-in-out infinite;
	opacity:1;
	pointer-events:none;
	z-index:30;
	transform:rotate(6deg)
}
.ost-tasks-card-bear {
	width:100%;
	height:100%;
	filter:drop-shadow(0 4px 6px rgba(148, 163, 184, .15))
}
.ost-tasks-card-content {
	position:relative;
	z-index:10;
	padding:16px;
	border-radius:12px;
	color:#1e293b;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
	border:1px solid rgba(254, 226, 226, .5);
	background-image:linear-gradient(rgba(254, 242, 242, .8), #fff);
	overflow:hidden
}
.ost-tasks-card-content .ost-tasks-card-content-bg {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	pointer-events:none;
	border-radius:12px
}
.ost-tasks-card-content .ost-tasks-card-content-bg .ost-tasks-card-content-bg-decor1 {
	position:absolute;
	top:-48px;
	right:-24px;
	width:144px;
	height:144px;
	background-image:linear-gradient(to left bottom, rgba(254, 202, 202, .8), rgba(254, 226, 226, .1));
	border-radius:9999px;
	filter:blur(2px)
}
.ost-tasks-card-content .ost-tasks-card-content-bg .ost-tasks-card-content-bg-decor2 {
	position:absolute;
	top:8px;
	right:64px;
	width:96px;
	height:96px;
	background-image:linear-gradient(to right top, rgba(254, 215, 170, .5), rgba(254, 242, 242, .1));
	border-radius:9999px;
	filter:blur(1px)
}
.ost-tasks-card-content .ost-tasks-card-content-bg .ost-tasks-card-content-bg-decor3 {
	position:absolute;
	top:-64px;
	left:-40px;
	width:144px;
	height:144px;
	background-image:linear-gradient(to bottom right, rgba(254, 202, 202, .6), transparent);
	border-radius:9999px;
	opacity:.8;
	transform:matrix(.97815, -.20791, .20791, .97815, 0, 0)
}
.ost-tasks-card-content-overlay {
	position:relative;
	z-index:10;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:12px;
	padding-right:30px
}
.ost-tasks-card-content-overlay .ost-tasks-card-content-title {
	font-weight:800;
	color:#1e293b;
	font-size:16px;
	display:flex;
	align-items:center;
	grid-gap:6px;
	gap:6px;
	margin-bottom:2px;
	letter-spacing:-.4px;
	height:24px
}
.ost-tasks-card-content-overlay .ost-tasks-card-content-desc {
	font-size:11px;
	color:#64748b
}
.ost-tasks-card-content-overlay .ost-tasks-card-content-desc-red {
	color:#ef4444;
	font-weight:700
}
.ost-tasks-card-content-main {
	position:relative;
	z-index:10
}
.ost-tasks-card-content-main .ost-tasks-card-content-main-info {
	background-color:hsla(0, 0%, 100%, .7);
	-webkit-backdrop-filter:blur(4px);
	backdrop-filter:blur(4px);
	border-radius:8px;
	padding:12px;
	border:1px solid rgba(254, 226, 226, .6);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05)
}
.ost-tasks-card-content-main .ost-tasks-card-content-main-info .ost-tasks-card-content-main-info-text {
	font-size:12px;
	color:#475569;
	line-height:1.625
}
.ost-tasks-card-content-main .ost-tasks-card-content-main-login-button {
	width:100%;
	padding-top:8px;
	padding-bottom:8px;
	background:linear-gradient(90deg, #dc2626, #ef4444);
	color:#fff;
	font-size:14px;
	font-weight:700;
	border-radius:8px;
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	border:none;
	cursor:pointer;
	margin-top:12px
}
.ost-tasks-card-content-main .ost-tasks-card-content-main-login-button:hover {
	box-shadow:0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	transform:scale(1.05)
}
.ost-tasks-card-title {
	font-size:16px;
	font-weight:800;
	color:#1e293b;
	display:flex;
	align-items:center;
	grid-gap:6px;
	gap:6px;
	margin-bottom:2px;
	letter-spacing:-.025em
}
.ost-tasks-card-title-icon {
	color:#dc2626;
	font-size:16px
}
.ost-tasks-card-subtitle {
	font-size:11px;
	color:#64748b
}
.ost-tasks-card-subtitle-accent {
	color:#ef4444;
	font-weight:700
}
.ost-tasks-card-button {
	padding:4px 14px;
	transform:translateX(10px);
	background:linear-gradient(90deg, #dc2626, #ef4444);
	color:#fff;
	font-size:12px;
	font-weight:700;
	border-radius:9999px;
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	border:none;
	cursor:pointer
}
.ost-tasks-card-button:hover {
	box-shadow:0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	transform:translateX(10px) scale(1.05)
}
.ost-tasks-card-reputation {
	position:relative;
	z-index:10;
	margin-bottom:12px
}
.ost-tasks-card-reputation .ost-tasks-card-reputation-content {
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:hsla(0, 0%, 100%, .7);
	-webkit-backdrop-filter:blur(4px);
	backdrop-filter:blur(4px);
	border-radius:8px;
	padding:10px;
	border:1px solid rgba(254, 226, 226, .6);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05)
}
.ost-tasks-card-reputation .ost-tasks-card-reputation-content .reputation-content-left {
	display:flex;
	align-items:center;
	grid-gap:10px;
	gap:10px
}
.ost-tasks-card-reputation .ost-tasks-card-reputation-content .reputation-icon-box {
	padding:6px;
	background:linear-gradient(to bottom right, #ffedd5, #fee2e2);
	color:#ea580c;
	border-radius:6px
}
.ost-tasks-card-reputation .ost-tasks-card-reputation-content .reputation-icon-box .reputation-icon {
	font-size:14px
}
.ost-tasks-card-reputation .ost-tasks-card-reputation-content .reputation-text {
	font-size:10px;
	color:#64748b;
	line-height:1.25;
	margin-bottom:2px
}
.ost-tasks-card-reputation .ost-tasks-card-reputation-content .reputation-num {
	font-size:14px;
	font-weight:700;
	color:#1e293b;
	line-height:1
}
.ost-tasks-card-reputation .ost-tasks-card-reputation-content .reputation-content-right {
	text-align:right
}
.ost-tasks-card-reputation .ost-tasks-card-reputation-content .reputation-content-right .reputation-content-right-text {
	font-size:10px;
	color:#64748b;
	line-height:1.25;
	margin-bottom:2px
}
.ost-tasks-card-reputation .ost-tasks-card-reputation-content .reputation-content-right .reputation-content-right-num {
	font-size:12px;
	line-height:16px;
	font-weight:700;
	color:#f97316
}
.ost-tasks-card-progress {
	position:relative;
	z-index:10;
	background-color:#fff;
	border-radius:8px;
	padding:10px;
	border:1px solid rgba(241, 245, 249, .8);
	cursor:pointer;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-tasks-card-progress:hover {
	border-color:#fecaca;
	box-shadow:0 0 0 0 transparent, 0 0 0 0 transparent, 0 1px 2px 0 rgba(0, 0, 0, .05)
}
.ost-tasks-card-progress:hover .ost-tasks-card-progress-text {
	color:#dc2626
}
.ost-tasks-card-progress:hover .ost-tasks-card-progress-num-box {
	color:#ef4444
}
.ost-tasks-card-progress .ost-tasks-card-progress-left {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	margin-bottom:6px
}
.ost-tasks-card-progress .ost-tasks-card-progress-left .ost-tasks-card-progress-icon-box {
	display:flex;
	align-items:center;
	grid-gap:6px;
	gap:6px
}
.ost-tasks-card-progress .ost-tasks-card-progress-left .ost-tasks-card-progress-icon-box .ost-tasks-card-progress-icon {
	color:#ef4444;
	font-size:14px
}
.ost-tasks-card-progress .ost-tasks-card-progress-left .ost-tasks-card-progress-icon-box .ost-tasks-card-progress-text {
	font-size:12px;
	line-height:16px;
	font-weight:700;
	color:#334155;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-tasks-card-progress .ost-tasks-card-progress-left .ost-tasks-card-progress-icon-box .ost-tasks-card-progress-text:hover {
	color:#dc2626
}
.ost-tasks-card-progress .ost-tasks-card-progress-left .ost-tasks-card-progress-num-box {
	display:flex;
	align-items:center;
	font-size:10px;
	color:#94a3b8;
	font-weight:500;
	line-height:15px
}
.ost-tasks-card-progress .ost-tasks-card-progress-left .ost-tasks-card-progress-num-box:hover {
	color:#ef4444;
	font-weight:500
}
.ost-tasks-card-progress .ost-tasks-card-progress-left .ost-tasks-card-progress-num-box .ost-tasks-card-progress-num-icon {
	margin-left:2px;
	font-size:10px
}
.ost-tasks-card-progress .ost-tasks-card-progress-right {
	height:6px;
	width:100%;
	background-color:#f1f5f9;
	border-radius:9999px;
	overflow:hidden
}
.ost-tasks-card-progress .ost-tasks-card-progress-right .ost-tasks-card-progress-line {
	height:100%;
	background:linear-gradient(90deg, #f87171, #fb923c);
	border-radius:9999px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
	transition-duration:1s
}
.ost-creation-card {
	background-color:#fff;
	padding:16px;
	border-radius:12px;
	position:relative;
	overflow:hidden;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
	margin-top:16px
}
.ost-creation-card-header {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:16px;
	position:relative;
	z-index:10
}
.ost-creation-card-title {
	font-weight:700;
	color:#1e293b;
	font-size:18px
}
.ost-creation-card-icon {
	color:#cbd5e1;
	font-size:10px;
	cursor:pointer
}
.ost-creation-card-actions {
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	grid-gap:8px;
	gap:8px;
	position:relative;
	z-index:10;
	margin-bottom:20px
}
.ost-creation-card-action {
	display:flex;
	flex-direction:column;
	align-items:center;
	cursor:pointer
}
.ost-creation-card-action-icon {
	width:44px;
	height:44px;
	border-radius:12px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:10px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05)
}
.ost-creation-card-action-icon-blue {
	background-color:#eff6ff;
	border:1px solid #dbeafe;
	color:#3b82f6
}
.ost-creation-card-action-icon-orange {
	background-color:#fff7ed;
	border:1px solid #ffedd5;
	color:#f97316
}
.ost-creation-card-action-icon-purple {
	background-color:#f5f3ff;
	border:1px solid #e9d5ff;
	color:#a855f7
}
.ost-creation-card-action-icon-green {
	background-color:#f0fdf4;
	border:1px solid #dcfce7;
	color:#22c55e
}
.ost-creation-card-action:hover .ost-creation-card-action-icon {
	transform:scale(1.05)
}
.ost-creation-card-action-icon-blue:hover {
	background-color:#3b82f6;
	color:#fff
}
.ost-creation-card-action-icon-orange:hover {
	background-color:#f97316;
	color:#fff
}
.ost-creation-card-action-icon-purple:hover {
	background-color:#a855f7;
	color:#fff
}
.ost-creation-card-action-icon-green:hover {
	background-color:#22c55e;
	color:#fff
}
.ost-creation-card-action-icon-img, .ost-creation-card-action-icon img {
	width:20px;
	height:20px
}
.ost-creation-card-action-text {
	font-size:11px;
	color:#475569;
	font-weight:500;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-creation-card-action:hover .ost-creation-card-action-text {
	color:#3b82f6
}
.ost-creation-card-action:nth-child(2):hover .ost-creation-card-action-text {
color:#f97316
}
.ost-creation-card-action:nth-child(3):hover .ost-creation-card-action-text {
color:#a855f7
}
.ost-creation-card-action:nth-child(4):hover .ost-creation-card-action-text {
color:#22c55e
}
.ost-creation-card-task {
	position:relative;
	z-index:10
}
.ost-creation-card-task-header {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	margin-bottom:10px;
	padding-left:4px;
	padding-right:4px
}
.ost-creation-card-task-header .ost-creation-card-task-title {
	font-size:13px;
	font-weight:700;
	color:#1e293b;
	display:flex;
	align-items:center;
	grid-gap:6px;
	gap:6px
}
.ost-creation-card-task-header .ost-creation-card-task-title .ost-creation-card-task-icon {
	width:16px;
	height:16px;
	color:#ef4444
}
.ost-creation-card-task-header .ost-creation-card-task-rules {
	font-size:10px;
	color:#94a3b8;
	cursor:pointer;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-creation-card-task-header .ost-creation-card-task-rules:hover {
	color:#dc2626
}
.ost-creation-card-task-content {
	background:linear-gradient(to bottom right, #f8fafc, #fff);
	border-radius:0;
	padding:12px;
	border:1px solid transparent;
	border-bottom-color:#f1f5f9;
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer
}
.ost-creation-card-task-content .ost-creation-card-task-info {
	flex:1
}
.ost-creation-card-task-content .ost-creation-card-task-info .ost-creation-card-task-name {
	font-size:12px;
	font-weight:700;
	color:#334155;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-creation-card-task-content .ost-creation-card-task-button {
	font-size:10px;
	padding:4px 10px;
	background-color:#fff;
	border:1px solid #fecaca;
	color:#dc2626;
	border-radius:9999px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s;
	font-weight:500;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	cursor:pointer
}
.ost-creation-card-task-content .ost-creation-card-task-button:hover {
	background-color:#fef2f2
}
.ost-creation-card-task-content:hover {
	border-radius:12px;
	border:1px solid #fee2e2;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05)
}
.ost-creation-card-task-content:hover .ost-creation-card-task-name {
	color:#dc2626
}
.ost-creation-card-drafts {
	padding-top:12px;
	border-top:1px solid #f8fafc;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:12px;
	color:#94a3b8;
	position:relative;
	z-index:10;
	margin-top:16px
}
.ost-creation-card-drafts-manage {
	cursor:pointer;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-creation-card-drafts-manage:hover {
	color:#475569
}
.ost-featured-card {
	background:linear-gradient(to bottom right, #fff, rgba(248, 250, 252, .5));
	padding:16px;
	border-radius:12px;
	position:relative;
	overflow:hidden;
	border:1px solid #f1f5f9;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
	margin-top:16px
}
.ost-featured-card-grid {
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	grid-gap:12px;
	gap:12px
}
.ost-featured-card-item {
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:8px;
	border-radius:8px;
	cursor:pointer;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	position:relative
}
.ost-featured-card-item .ost-featured-card-dot {
	position:absolute;
	top:8px;
	right:8px;
	width:6px;
	height:6px;
	background-color:#dc2626;
	opacity:0;
	transform:scale(0)
}
.ost-featured-card-item .ost-featured-card-dot, .ost-featured-card-item .ost-featured-card-item-icon {
	border-radius:9999px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s
}
.ost-featured-card-item .ost-featured-card-item-icon {
	width:32px;
	height:32px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#f8fafc;
	color:#64748b;
	margin-bottom:10px
}
.ost-featured-card-item .ost-featured-card-item-icon-img, .ost-featured-card-item .ost-featured-card-item-icon img {
	width:20px;
	height:20px
}
.ost-featured-card-item .ost-featured-card-item-text {
	font-size:12px;
	font-weight:500;
	color:#475569;
	text-align:center;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-featured-card-item:hover {
	background-color:#fff;
	transform:translateY(-2px);
	box-shadow:0 0 0 0 transparent, 0 0 0 0 transparent, 0 1px 2px 0 rgba(0, 0, 0, .05)
}
.ost-featured-card-item:hover .ost-featured-card-dot {
	opacity:1;
	transform:scale(1)
}
.ost-featured-card-item:hover .ost-featured-card-item-icon {
	background-color:#fef2f2;
	color:#dc2626;
	transform:matrix(1.1, 0, 0, 1.1, 0, 0)
}
.ost-featured-card-item:hover .ost-featured-card-item-text {
	color:#dc2626
}
.ost-right-banner {
	border-radius:12px;
	cursor:pointer;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s
}
.ost-right-banner, .ost-right-banner .banner-box {
	width:297px;
	height:128px;
	position:relative;
	overflow:hidden
}
.ost-right-banner .banner-box .banner-content {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	z-index:1
}
.ost-right-banner .banner-box .banner-item {
	width:100%;
	height:128px;
	position:absolute;
	opacity:0;
transition:opacity .5s ease-in-out;
	overflow:hidden
}
.ost-right-banner .banner-box .banner-item img {
	width:100%;
	height:128px
}
.ost-right-banner .banner-box .banner-item a {
	display:block
}
.ost-right-banner .banner-box .banner-item.banner-item-active {
	opacity:1;
	z-index:10
}
.ost-right-banner .banner-box:hover .banner-button-box .banner-button.left {
	left:0;
	transform:translateY(-50%)
}
.ost-right-banner .banner-box:hover .banner-button-box .banner-button.right {
	right:0
}
.ost-right-banner .banner-box .banner-button-box .banner-button {
	position:absolute;
	top:50%;
	background-color:#000;
	border-radius:0;
	width:30px;
	height:42px;
	line-height:42px;
	opacity:.5;
	transform:translateY(-50%);
	color:#fff;
	text-align:center;
	cursor:pointer;
	z-index:99
}
.ost-right-banner .banner-box .banner-button-box .banner-button.left {
	left:-30px;
	transform:translateY(-50%);
transition:left .3s
}
.ost-right-banner .banner-box .banner-button-box .banner-button.right {
	right:-30px;
transition:right .3s
}
.ost-right-banner .banner-box .banner-dot {
	position:absolute;
	margin:0;
	z-index:2;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	padding:12px 0
}
.ost-right-banner .banner-box .banner-dot .dot-item {
	display:inline-block;
	width:6px;
	height:6px;
	border:1px solid #f40d04;
	border-radius:2px;
	background-color:transparent;
	margin:0 3px;
	cursor:pointer
}
.ost-right-banner .banner-box .banner-dot .dot-item.active {
	background:#f40d04
}
.ost-ranking-card {
	background-color:#fff;
	padding:16px;
	border-radius:12px;
	position:relative;
	overflow:hidden;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05)
}
.ost-ranking-card .ost-ranking-card-header {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:16px
}
.ost-ranking-card .ost-ranking-card-header .ost-ranking-card-title {
	display:flex;
	align-items:center
}
.ost-ranking-card .ost-ranking-card-header .ost-ranking-card-title-icon {
	padding:6px;
	background:linear-gradient(to right bottom, #f97316, #dc2626);
	border-radius:8px;
	color:#fff;
	box-shadow:0 0 0 0 transparent, 0 0 0 0 transparent, 0 1px 2px 0 #fecaca
}
.ost-ranking-card .ost-ranking-card-header .ost-ranking-card-title-icon .ost-ranking-card-title-icon-img {
	width:16px;
	height:16px;
	fill:currentColor
}
.ost-ranking-card .ost-ranking-card-header .ost-ranking-card-title-text {
	font-size:16px;
	line-height:24px;
	font-weight:700;
	color:#1e293b;
	margin-left:8px
}
.ost-ranking-card .ost-ranking-card-header .ost-ranking-card-right {
	display:flex
}
.ost-ranking-card .ost-ranking-card-header .ost-ranking-card-right .ost-ranking-card-right-dot {
	margin-left:4px;
	width:4px;
	height:4px;
	border-radius:9999px;
	background-color:#cbd5e1
}
.ost-ranking-card .ost-ranking-card-header .ost-ranking-card-right .ost-ranking-card-right-dot:first-child {
	margin-left:0
}
.ost-ranking-card .ost-ranking-card-tabs {
	display:flex;
	padding:4px;
	background:rgba(241, 245, 249, .8);
	border-radius:12px;
	margin-bottom:20px
}
.ost-ranking-card .ost-ranking-card-tabs .ost-ranking-card-tab {
	display:flex;
	align-items:center;
	justify-content:center;
	flex:1 1 0%;
	padding:8px 0;
	border-radius:9999px;
	font-size:12px;
	line-height:16px;
	font-weight:700;
	border-radius:8px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	color:#94a3b8;
	border:none;
	background:none;
	cursor:pointer
}
.ost-ranking-card .ost-ranking-card-tabs .ost-ranking-card-tab:hover {
	color:#475569
}
.ost-ranking-card .ost-ranking-card-tabs .ost-ranking-card-tab.ost-ranking-card-tab-active {
	color:#b91c1c;
	background:#fff;
	box-shadow:0 0 0 0 #fff, 0 0 0 1px rgba(0, 0, 0, .05), 0 1px 2px 0 rgba(0, 0, 0, .05)
}
.ost-ranking-card .ost-ranking-card-tabs .ost-ranking-card-tab .ost-ranking-card-tab-content {
	display:flex;
	align-items:center
}
.ost-ranking-card .ost-ranking-card-tabs .ost-ranking-card-tab .ost-ranking-card-tab-content .ost-ranking-card-tab-icon {
	width:14px;
	height:14px
}
.ost-ranking-card .ost-ranking-card-tabs .ost-ranking-card-tab .ost-ranking-card-tab-content .ost-ranking-card-tab-text {
	margin-left:4px
}
.ost-ranking-article .ost-ranking-article-item {
	display:flex;
	align-items:flex-start;
	cursor:pointer;
	padding:10px 0;
	border-radius:8px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s
}
.ost-ranking-article .ost-ranking-article-item .ost-ranking-article-item-num {
	flex-shrink:0;
	width:20px;
	text-align:center;
	font-weight:700;
	font-size:14px;
	line-height:16px;
	margin-top:2px;
	color:#94a3b8
}
.ost-ranking-article .ost-ranking-article-item .ost-ranking-article-item-num.ost-ranking-article-item-num-1, .ost-ranking-article .ost-ranking-article-item .ost-ranking-article-item-num.ost-ranking-article-item-num-2, .ost-ranking-article .ost-ranking-article-item .ost-ranking-article-item-num.ost-ranking-article-item-num-3 {
	color:#dc2626
}
.ost-ranking-article .ost-ranking-article-item .ost-ranking-article-item-content .ost-ranking-article-item-title {
	font-size:14px;
	line-height:1.375;
	color:#475569;
	font-weight:500;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s
}
.ost-ranking-article .ost-ranking-article-item .ost-ranking-article-item-content .ost-ranking-article-item-desc {
	font-size:12px;
	line-height:16px;
	color:#94a3b8;
	margin-top:4px;
	display:block
}
.ost-ranking-article .ost-ranking-article-item:hover {
	background-color:#f8fafc
}
.ost-ranking-article .ost-ranking-article-item:hover .ost-ranking-article-item-content .ost-ranking-article-item-title {
	color:#b91c1c
}
.ost-ranking-question .ost-ranking-question-item {
	cursor:pointer;
	background-color:#f8fafc;
	border:1px solid transparent;
	padding:12px;
	border-radius:8px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s;
	margin-top:16px
}
.ost-ranking-question .ost-ranking-question-item:first-child {
	margin-top:0
}
.ost-ranking-question .ost-ranking-question-item .ost-ranking-question-item-title {
	font-size:14px;
	font-weight:700;
	color:#334155;
	line-height:1.375;
	margin-bottom:8px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-ranking-question .ost-ranking-question-item .ost-ranking-question-item-desc-box {
	background-color:#fff;
	padding:8px;
	border-radius:6px;
	margin-bottom:8px;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05)
}
.ost-ranking-question .ost-ranking-question-item .ost-ranking-question-item-desc-box .ost-ranking-question-item-desc {
	font-size:12px;
	color:#94a3b8;
	line-height:1.625;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.ost-ranking-question .ost-ranking-question-item .ost-ranking-question-item-stat {
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:12px;
	color:#94a3b8
}
.ost-ranking-question .ost-ranking-question-item .ost-ranking-question-item-stat .ost-ranking-question-item-stat-button {
	color:#dc2626;
	font-size:10px;
	line-height:16px;
	background-color:#fef2f2;
	padding:2px 8px;
	border-radius:4px;
	font-weight:700;
	opacity:0;
	border:none;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s;
	cursor:pointer
}
.ost-ranking-question .ost-ranking-question-item:hover {
	background-color:#f1f5f9;
	border-color:#fee2e2
}
.ost-ranking-question .ost-ranking-question-item:hover .ost-ranking-question-item .ost-ranking-question-item-title {
	color:#b91c1c
}
.ost-ranking-question .ost-ranking-question-item:hover .ost-ranking-question-item-stat .ost-ranking-question-item-stat-button {
	opacity:1
}
.ost-ranking-download .ost-ranking-download-item {
	display:flex;
	align-items:flex-start;
	cursor:pointer;
	padding:6px 0;
	border-radius:8px;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s;
	margin-top:12px
}
.ost-ranking-download .ost-ranking-download-item:first-child {
	margin-top:0
}
.ost-ranking-download .ost-ranking-download-item .ost-ranking-download-item-icon {
	flex-shrink:0;
	width:14px;
	height:14px;
	margin-top:2px
}
.ost-ranking-download .ost-ranking-download-item .ost-ranking-download-item-icon .ost-ranking-download-item-icon-img {
	width:14px;
	height:14px;
	color:#ef4444
}
.ost-ranking-download .ost-ranking-download-item .ost-ranking-download-item-title {
	margin-left:12px;
	flex:1 1 0%;
	overflow:hidden
}
.ost-ranking-download .ost-ranking-download-item .ost-ranking-download-item-title .ost-ranking-download-item-title-text {
	font-size:14px;
	color:#475569;
	font-weight:500;
	line-height:1.375;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ost-ranking-download .ost-ranking-download-item:hover {
	background-color:#f8fafc
}
.ost-ranking-download .ost-ranking-download-item:hover .ost-ranking-download-item-title .ost-ranking-download-item-title-text {
	color:#b91c1c
}
.ost-influencer-card {
	background-color:#fff;
	padding:16px;
	border-radius:12px;
	position:relative;
	overflow:hidden;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05);
	border:1px solid #f1f5f9
}
.ost-influencer-card .list-rules {
	box-sizing:border-box;
	position:absolute;
	right:0;
	background-color:#fff;
	padding:20px 16px 30px;
	width:297px;
	z-index:9;
	box-shadow:0 0 10px rgba(73, 72, 72, .05)
}
.ost-influencer-card .list-rules h4 {
	font-size:18px;
	color:#333
}
.ost-influencer-card .list-rules p {
	color:#999990;
	margin-top:20px;
	font-size:14px;
	line-height:22px
}
.ost-influencer-card-header {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:16px
}
.ost-influencer-card-title {
	display:flex;
	align-items:center;
	grid-gap:8px;
	gap:8px;
	font-size:16px;
	font-weight:700;
	color:#1e293b
}
.ost-influencer-card-title-icon {
	width:16px;
	height:16px;
	padding:6px;
	background-color:#fef2f2;
	border-radius:8px;
	color:#dc2626
}
.ost-influencer-card-rules {
	font-size:12px;
	line-height:16px;
	color:#94a3b8;
	background:#f8fafc;
	padding:2px 8px;
	border-radius:4px;
	cursor:pointer
}
.ost-influencer-card-rules:hover {
	background-color:#f1f5f9
}
.ost-influencer-card-list .ost-influencer-card-item {
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
	margin-top:16px
}
.ost-influencer-card-list .ost-influencer-card-item:first-child {
	margin-top:0
}
.ost-influencer-card-list .ost-influencer-card-item .ost-influencer-card-item-info {
	display:flex;
	align-items:center
}
.ost-influencer-card-list .ost-influencer-card-item .ost-influencer-card-item-info .ost-influencer-card-item-avatar {
	width:40px;
	height:40px;
	border-radius:9999px;
	border:1px solid #f1f5f9
}
.ost-influencer-card-list .ost-influencer-card-item .ost-influencer-card-item-info .ost-influencer-card-item-details {
	margin-left:12px
}
.ost-influencer-card-list .ost-influencer-card-item .ost-influencer-card-item-info .ost-influencer-card-item-details .ost-influencer-card-item-name {
	font-size:14px;
	font-weight:700;
	color:#1e293b;
	line-height:1;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-influencer-card-list .ost-influencer-card-item .ost-influencer-card-item-info .ost-influencer-card-item-details .ost-influencer-card-item-name:hover {
	color:#b91c1c
}
.ost-influencer-card-list .ost-influencer-card-item .ost-influencer-card-item-info .ost-influencer-card-item-details .ost-influencer-card-item-stats {
	font-size:12px;
	line-height:16px;
	color:#94a3b8;
	margin-top:4px
}
.ost-influencer-card-list .ost-influencer-card-item .ost-influencer-card-item-follow {
	display:flex;
	align-items:center;
	padding:4px 12px;
	font-size:12px;
	line-height:16px;
	border:1px solid #dc2626;
	color:#dc2626;
	border-radius:6px;
	font-weight:500;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s;
	background:transparent;
	cursor:pointer
}
.ost-influencer-card-list .ost-influencer-card-item .ost-influencer-card-item-follow:hover {
	background-color:#fef2f2
}
.ost-influencer-card-list .ost-influencer-card-item:hover .ost-influencer-card-item-name {
	color:#b91c1c
}
.ost-team-card {
	background-color:#fff;
	padding:16px;
	border-radius:12px;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05)
}
.ost-team-card .ost-team-card-title {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:16px
}
.ost-team-card .ost-team-card-title .ost-team-card-title-left {
	display:flex;
	align-items:center
}
.ost-team-card .ost-team-card-title .ost-team-card-title-left .ost-team-card-title-icon-box {
	padding:6px;
	background-color:#fef2f2;
	border-radius:8px;
	color:#dc2626
}
.ost-team-card .ost-team-card-title .ost-team-card-title-left .ost-team-card-title-icon-box .ost-team-card-title-icon {
	font-size:16px
}
.ost-team-card .ost-team-card-title .ost-team-card-title-left .ost-team-card-title-text {
	font-weight:700;
	color:#1e293b;
	margin-left:8px
}
.ost-team-card .ost-team-card-title .ost-team-card-title-more {
	font-size:12px;
	line-height:16px;
	color:#94a3b8;
	cursor:pointer
}
.ost-team-card .ost-team-card-title .ost-team-card-title-more:hover {
	color:#b91c1c
}
.ost-team-card .ost-team-card-content .team-card-item {
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
	margin-top:16px
}
.ost-team-card .ost-team-card-content .team-card-item:first-child {
	margin-top:0
}
.ost-team-card .ost-team-card-content .team-card-item:hover .team-card-item-details {
	color:#b91c1c
}
.ost-team-card .ost-team-card-content .team-card-item .team-card-item-left {
	display:flex;
	align-items:center
}
.ost-team-card .ost-team-card-content .team-card-item .team-card-item-left .team-card-item-avatar {
	width:40px;
	height:40px;
	border-radius:9999px;
	border:1px solid #f1f5f9
}
.ost-team-card .ost-team-card-content .team-card-item .team-card-item-left .team-card-item-details {
	margin-left:10px
}
.ost-team-card .ost-team-card-content .team-card-item .team-card-item-left .team-card-item-details .team-card-item-details-text {
	padding-bottom:5px;
	font-size:13px;
	font-weight:700;
	color:#1e293b;
	display:flex;
	align-items:center;
	grid-gap:4px;
	gap:4px;
	transition-property:color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-team-card .ost-team-card-content .team-card-item .team-card-item-left .team-card-item-details .team-card-item-icon {
	font-size:12px;
	color:#3b82f6
}
.ost-team-card .ost-team-card-content .team-card-item .team-card-item-left .team-card-item-followers {
	font-size:12px;
	line-height:16px;
	color:#94a3b8
}
.ost-team-card .ost-team-card-content .team-card-item .team-card-item-follow {
	font-size:12px;
	line-height:16px;
	color:#dc2626;
	background-color:#fef2f2;
	border-radius:9999px;
	padding:4px 8px;
	cursor:pointer;
	font-weight:500;
	border:none;
	transition-property:background-color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-team-card .ost-team-card-content .team-card-item .team-card-item-follow:hover {
	background-color:#fee2e2
}
.ost-course-card {
	background-color:#fff;
	padding:16px;
	border-radius:12px;
	box-shadow:0 10px 40px -10px rgba(0, 0, 0, .05)
}
.ost-course-card .ost-course-card-title {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:16px
}
.ost-course-card .ost-course-card-title .ost-course-card-title-left {
	display:flex;
	align-items:center
}
.ost-course-card .ost-course-card-title .ost-course-card-title-left .ost-course-card-title-left-icon-box {
	padding:6px;
	background-color:#fef2f2;
	border-radius:8px;
	color:#dc2626
}
.ost-course-card .ost-course-card-title .ost-course-card-title-left .ost-course-card-title-left-icon-box .ost-course-card-title-left-icon {
	font-size:16px
}
.ost-course-card .ost-course-card-title .ost-course-card-title-left .ost-course-card-title-left-text {
	font-weight:700;
	color:#1e293b;
	margin-left:8px
}
.ost-course-card .ost-course-card-title .ost-course-card-title-more {
	font-size:12px;
	line-height:16px;
	color:#94a3b8;
	cursor:pointer
}
.ost-course-card .ost-course-card-title .ost-course-card-title-more:hover {
	color:#b91c1c
}
.ost-course-card .ost-course-content .ost-course-content-item {
	display:flex;
	grid-gap:12px;
	gap:12px;
	cursor:pointer;
	padding:8px 0;
	border-radius:8px;
	transition-property:background-color;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-course-card .ost-course-content .ost-course-content-item:hover {
	background-color:#f8fafc
}
.ost-course-card .ost-course-content .ost-course-content-item .ost-course-item-left {
	width:96px;
	height:64px;
	border-radius:6px;
	overflow:hidden;
	flex-shrink:0;
	position:relative
}
.ost-course-card .ost-course-content .ost-course-content-item .ost-course-item-left .ost-course-item-img {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.ost-course-card .ost-course-content .ost-course-content-item .ost-course-item-left .ost-course-item-time {
	position:absolute;
	bottom:4px;
	right:4px;
	background-color:rgba(0, 0, 0, .6);
	color:#fff;
	font-size:9px;
	line-height:12px;
	padding:0 4px;
	border-radius:4px
}
.ost-course-card .ost-course-content .ost-course-content-item .ost-course-item-right {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding:2px 0
}
.ost-course-card .ost-course-content .ost-course-content-item .ost-course-item-right .ost-course-item-right-title {
	font-size:12px;
	line-height:1.375;
	font-weight:700;
	color:#1e293b;
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
.ost-course-card .ost-course-content .ost-course-content-item .ost-course-item-right .ost-course-item-right-title:hover {
	color:#b91c1c
}
.ost-course-card .ost-course-content .ost-course-content-item .ost-course-item-right .ost-course-item-right-desc {
	font-size:10px;
	line-height:15px;
	color:#94a3b8
}
@keyframes fade-in {
0% {
opacity:0
}
to {
	opacity:1
}
}
@keyframes slide-in-from-bottom-4 {
0% {
transform:translateY(16px);
opacity:0
}
to {
	transform:translateY(0);
	opacity:1
}
}
@keyframes bounce {
0%, to {
transform:translateY(0)
}
50% {
transform:translateY(-8px)
}
}
@keyframes float {
0%, to {
transform:translateY(0) rotate(6deg)
}
50% {
transform:translateY(-8px) rotate(6deg)
}
}
.animate-blink {
	animation:blink 4s infinite;
	transform-box:fill-box;
	transform-origin:center
}
@keyframes blink {
0%, 45%, 55%, to {
transform:scaleY(1)
}
50% {
transform:scaleY(.1)
}
}
.ost-more-box .ost-more-btn {
	width:100%;
	height:40px;
	line-height:40px;
	background:#fff5f5;
	border-radius:4px;
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	text-align:center;
	margin:25px auto 36px;
	cursor:pointer
}
.ost-more-box .loading, .ost-more-box .ost-more-end {
	height:40px;
	line-height:40px;
	text-align:center;
	color:#aaa;
	font-size:14px;
	font-weight:400;
	margin:75px auto 36px
}
.find-btn {
	display:flex;
	align-items:center;
	color:#333
}
.find-btn.active {
	color:#f40d04;
	font-weight:700
}
.find-btn i {
	font-size:12px;
	margin-left:8px;
	color:#333;
	font-weight:400;
	transform:scale(.8);
	transform-origin:center center
}
.ost-nav-dropdown-list {
	position:absolute;
	top:58px;
	left:0;
	margin-top:8px;
	width:192px;
	background-color:#fff;
	border-radius:12px;
	box-shadow:0 0 0 0 transparent, 0 0 0 0 transparent, 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
	border:1px solid #f1f5f9;
	overflow:hidden;
	display:none;
	z-index:50;
	padding:4px
}
.ost-nav-dropdown-list.ost-nav-dropdown-list-hide {
	display:none
}
.ost-nav-dropdown-list.ost-nav-dropdown-list-show {
	display:block
}
.ost-nav-dropdown-list .ost-nav-dropdown-list-item {
	display:block;
	padding:10px 16px;
	font-size:14px;
	line-height:20px;
	color:#475569!important;
	border-radius:8px;
	transition:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.ost-nav-dropdown-list .ost-nav-dropdown-list-item:hover {
	background-color:#fef2f2;
	color:#dc2626!important
}
.top-no-login {
	display:flex;
	height:72px;
	align-items:center
}
.top-no-login .top-search-content {
	position:relative;
	margin-right:20px
}
.top-no-login .top-search-content:hover .top-search-icon {
	color:#ef4444
}
.top-no-login .top-search-content .top-search-icon {
	position:absolute;
	color:#94a3b8;
	font-size:16px;
	top:50%;
	left:12px;
	transform:translateY(-50%)
}
.top-no-login .top-search-content .top-search-input {
	padding:8px 16px 8px 40px;
	background-color:transparent;
	border-radius:9999px;
	font-size:14px;
	line-height:20px;
	color:#475569;
	width:132px;
	transform:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
	border:1px solid transparent
}
.top-no-login .top-search-content .top-search-input::-moz-placeholder {
color:#94a3b8
}
.top-no-login .top-search-content .top-search-input:-ms-input-placeholder {
color:#94a3b8
}
.top-no-login .top-search-content .top-search-input::placeholder {
color:#94a3b8
}
.top-no-login .top-search-content .top-search-input:focus {
	width:172px;
	outline:none;
	background-color:#fff;
	box-shadow:0 0 0 0 transparent, 0 0 0 0 transparent, 0 1px 2px 0 rgba(0, 0, 0, .05)
}
.top-no-login .top-to-login {
	padding:6px 16px;
	background-color:#dc2626;
	border-radius:9999px;
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-weight:700;
	box-shadow:0 0 0 0 transparent, 0 0 0 0 transparent, 0 4px 6px -1px #fecaca, 0 2px 4px -2px #fecaca;
	transition:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.15s
}
.top-no-login .top-to-login:hover {
	background:#b91c1c;
	cursor:pointer
}
.top-no-login .top-website {
	cursor:pointer;
	position:relative;
	text-align:right;
	width:45px;
	height:72px;
	display:flex;
	align-items:center;
	justify-content:flex-end
}
.top-no-login .top-website .h5_icon {
	height:100%
}
.top-no-login .top-website .message_drop_more {
	padding:15px;
	width:194px!important;
	line-height:26px;
	position:absolute;
	right:0;
	top:72px;
	background-color:#fff;
	color:#000;
	border-radius:4px
}
.top-no-login .top-website .message_drop_more>i {
	font-size:14px;
	position:absolute;
	top:-10px;
	left:38px;
	color:#fff
}
.top-no-login .top-website .message_drop_more .more_li {
	width:100%;
	font-size:14px;
	display:flex;
	margin-top:20px
}
.top-no-login .top-website .message_drop_more .more_li .more_yuan {
	margin-top:5px;
	width:36px;
	height:36px;
	background:#fff5f5;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center
}
.top-no-login .top-website .message_drop_more .more_li .more_yuan>img {
	width:21px;
	height:21px
}
.top-no-login .top-website .message_drop_more .more_li .more_con {
	margin-left:19px
}
.top-no-login .top-website .message_drop_more .more_li .more_con h3 {
	color:#333;
	text-align:left!important;
	font-weight:400
}
.top-no-login .top-website .message_drop_more .more_li .more_con h3:hover {
	cursor:pointer;
	color:#f40d04
}
.top-no-login .top-website .message_drop_more .more_li .more_con p {
	font-weight:400;
	color:#888;
	font-size:12px;
	margin-top:-7px
}
.top-no-login .top-website .message_drop_more .more_li:first-child {
	margin-top:0
}
.top-login-info, .top-login-info .top-message-box {
	display:flex;
	height:72px;
	align-items:center
}
.top-login-info .top-message-box {
	position:relative;
	cursor:pointer
}
.top-login-info .top-message-box:hover .top-message-icon-box {
	background-color:#fef2f2;
	color:#475569!important;
	box-shadow:0 0 0 0 transparent, 0 0 0 0 transparent, 0 1px 2px 0 rgba(0, 0, 0, .05);
	cursor:pointer
}
.top-login-info .top-message-box .top-message-icon-box {
	position:relative;
	background:none;
	border:none;
	width:36px;
	height:36px;
	padding:8px;
	color:#64748b!important;
	transition:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.2s
}
.top-login-info .top-message-box .top-message-icon-box:hover {
	background-color:#fef2f2;
	color:#475569!important;
	box-shadow:0 0 0 0 transparent, 0 0 0 0 transparent, 0 1px 2px 0 rgba(0, 0, 0, .05);
	cursor:pointer
}
.top-login-info .top-message-box .top-message-icon-box .top-message-icon {
	width:20px;
	height:20px
}
.top-login-info .top-message-box .top-message-icon-box .top-message-dot {
	position:absolute;
	top:6px;
	right:8px;
	width:4px;
	height:4px;
	border-radius:9999px;
	border:2px solid #fff;
	background-color:#ef4444
}
.top-login-info .top-message-box .message-drop {
	position:absolute;
	left:-40px;
	top:72px;
	background-color:#fff;
	box-shadow:0 0 12px rgba(24, 23, 23, .12);
	border-radius:4px
}
.top-login-info .top-message-box .message-drop ul {
	color:#333!important;
	padding:10px 21px
}
.top-login-info .top-message-box .message-drop ul li {
	height:33px;
	line-height:33px;
	font-size:0;
	position:relative
}
.top-login-info .top-message-box .message-drop ul li a {
	color:#333!important;
	display:flex
}
.top-login-info .top-message-box .message-drop ul li a:hover {
	cursor:pointer
}
.top-login-info .top-message-box .message-drop ul li:hover {
	color:#f40d04;
	cursor:pointer
}
.top-login-info .top-message-box .message-drop ul li span {
	font-size:14px;
	display:inline-block;
	white-space:nowrap
}
.top-login-info .top-message-box .message-drop ul li .icont_number {
	background-color:#f40d04;
	border-radius:10px;
	color:#fff;
	display:inline-block;
	font-size:12px;
	height:16px;
	line-height:16px;
	padding:0 4px;
	margin-left:6px
}
.top-person-info {
	margin-left:20px;
	position:relative;
	height:72px;
	display:flex;
	align-items:center
}
.top-person-info .avatar-box {
	width:36px;
	height:36px;
	padding:2px;
	border-radius:50%;
	background-image:linear-gradient(to right top, #ef4444, #fb923c);
	cursor:pointer
}
.top-person-info .avatar-box img {
	width:32px;
	height:32px;
	border-radius:50%;
	border:2px solid #fff
}
.top-person-info .message-drop {
	position:absolute;
	left:-250px;
	background-color:#fff;
	text-align:center;
	width:281px;
	height:218px;
	padding:0 30px 10px;
	box-shadow:0 0 12px rgba(24, 23, 23, .12);
	cursor:auto;
	border-radius:4px;
	top:72px
}
.top-person-info .message-drop .drop_out {
	font-size:14px;
	font-weight:400;
	color:#aaa;
	float:right;
	cursor:pointer
}
.top-person-info .message-drop .tops {
	font-size:14px;
	font-weight:400;
	color:#333;
	border-bottom:1px solid #eee;
	display:flex;
	justify-content:space-between;
	height:68px;
	margin-top:-4px;
	line-height:72px
}
.top-person-info .message-drop .tops .level {
	width:58px;
	height:24px;
	background:linear-gradient(-30deg, #1b1f23, #494d51);
	border-radius:13px;
	font-size:12px;
	font-family:Arial;
	font-weight:700;
	font-style:italic;
	color:#fff;
	line-height:24px;
	margin-right:30px;
	margin-left:-7px;
	display:inline-block;
	text-align:center;
	cursor:pointer
}
.top-person-info .message-drop .tops .nums {
	font-size:18px;
	font-weight:700;
	color:#333;
	font-family:Arial;
	cursor:pointer
}
.top-person-info .message-drop .con {
	line-height:30px;
	width:200px;
	padding-top:15px;
	margin-left:-5px;
	font-size:14px
}
.top-person-info .message-drop .con span {
	cursor:pointer;
	color:#333
}
.top-person-info .message-drop .con span:hover {
	color:#f40d04
}
.top-person-info .message-drop .con span:nth-child(odd) {
margin-right:73px
}
.top-person-info .message-drop .con span:nth-child(5) {
float:left;
margin-left:5px
}
.top-person-info .message-drop .lines {
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	line-height:50px;
	float:left;
	cursor:pointer
}
.top-person-info .message-drop .lines i {
	font-size:12px;
	margin-left:5px
}
.pages-list {
	width:1200px;
	margin:130px auto 0
}
.pages-list .bottom_influence {
	display:flex;
	justify-content:space-between;
	margin-top:24px;
	margin-bottom:200px
}
.pages-list .bottom_influence>div {
	box-sizing:border-box;
	width:580px;
	padding:48px 96px;
	border-radius:12px;
	border:1px solid #f4f4f4
}
.pages-list .top_set {
	position:relative;
	padding-bottom:26px;
	text-align:center;
	margin-bottom:46px
}
.pages-list .top_set h3 {
	font-size:22px;
	line-height:30px
}
.pages-list .top_set p {
	color:#999;
	line-height:22px;
	margin-top:5px
}
.pages-list .top_set i {
	font-size:14px;
	cursor:pointer
}
.pages-list .top_set:after {
	position:absolute;
	left:50%;
	bottom:0;
	transform:translate(-50%);
	content:"";
	width:56px;
	height:3px;
	background:#333
}
.pages-list .top_set .list_rules {
	text-align:left;
	box-sizing:border-box;
	position:absolute;
	right:0;
	background-color:#fff;
	padding:20px 20px 30px;
	width:400px;
	margin-top:10px;
	z-index:9;
	box-shadow:0 0 10px rgba(73, 72, 72, .05)
}
.pages-list .top_set .list_rules h4 {
	font-size:18px;
	color:#333
}
.pages-list .top_set .list_rules p {
	color:#999990;
	margin-top:16px;
	font-size:14px;
	line-height:22px
}
.pages-message-answer .title {
	font-size:16px;
	color:#333
}
.pages-message-answer .list li {
	padding:30px 0;
	border-bottom:1px solid #eee;
	color:#232323;
	font-size:14px;
	height:46px;
	line-height:46px
}
.pages-message-answer .list li .colletc_left {
	float:left
}
.pages-message-answer .list li .colletc_left .user {
	display:inline-block;
	width:46px;
	height:46px;
	border-radius:50%;
	background-color:#f40d04
}
.pages-message-answer .list li .colletc_left .username {
	display:inline-block;
	width:73px;
	color:#232323;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-left:11px
}
.pages-message-answer .list li .colletc_right {
	float:left;
	width:896.5px
}
.pages-message-answer .list li .colletc_right .left {
	float:left;
	width:520px;
	height:40px;
	line-height:20px;
	word-break:break-all
}
.pages-message-answer .list li .colletc_right .left .name {
	color:#f40d04
}
.pages-message-answer .list li .colletc_right .answer {
	width:56px;
	height:20px;
	border-radius:2px;
	background-color:#f40d04;
	border:0;
	color:#fff;
	font-size:12px;
	margin-left:82px
}
.pages-message-answer .list li .colletc_right .time {
	float:right;
	color:#9e9e9e
}
.pages-message-answer .list li .colletc_right .time .hmgb {
	color:#9e9e9e;
	float:right;
	transform:scale(.69);
	-ms-transform:scale(.69);
	-moz-transform:scale(.69);
	-webkit-transform:scale(.69);
	-o-transform:scale(.69);
	cursor:pointer;
	margin-left:21px;
	color:#f40d04
}
.pages-message-collect .title {
	font-size:16px;
	color:#333
}
.pages-message-collect .list li {
	padding:30px 0;
	border-bottom:1px solid #eee;
	color:#232323;
	font-size:14px
}
.pages-message-collect .list li a {
	color:#232323
}
.pages-message-collect .list li .colletc_left {
	float:left
}
.pages-message-collect .list li .colletc_left .user {
	float:left;
	width:46px;
	height:46px;
	border-radius:50%
}
.pages-message-collect .list li .colletc_left .username {
	float:left;
	height:46px;
	line-height:46px;
	width:73px;
	color:#232323;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-left:11px
}
.pages-message-collect .list li .colletc_right {
	float:left;
	width:600px;
	margin-left:64px
}
.pages-message-collect .list li .colletc_right .left {
	display:inline-block;
	margin-top:12px;
	width:100%;
	line-height:20px
}
.pages-message-collect .list li .colletc_right .left .name {
	color:#f40d04
}
.pages-message-collect .list li .time_right {
	float:right
}
.pages-message-collect .list li .time_right .time {
	float:right;
	color:#9e9e9e;
	width:180px;
	text-align:right;
	height:46px;
	line-height:46px;
	font-size:12px
}
.pages-message-collect .list li .time_right .time .hmgb {
	color:#9e9e9e;
	float:right;
	font-size:20px;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer;
	margin-left:21px
}
.pages-message-download .title {
	font-size:16px;
	color:#333
}
.pages-message-download .list li {
	padding:29px 0 28px;
	border-bottom:1px solid #eee;
	color:#232323;
	font-size:14px
}
.pages-message-download .list li .left {
	display:inline-block;
	width:780px;
	line-height:20px;
	height:40px;
	word-break:break-all
}
.pages-message-download .list li .left .name {
	color:#f40d04
}
.pages-message-download .list li .time {
	float:right;
	font-size:12px;
	color:#9e9e9e
}
.pages-message-download .list li .time .hmgb {
	color:#9e9e9e;
	float:right;
	font-size:20px;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer;
	margin-left:21px;
	position:relative;
	top:-3px
}
.pages-message-recommended .title {
	font-size:16px;
	color:#333
}
.pages-message-recommended .list li {
	padding:29px 0 28px;
	border-bottom:1px solid #eee;
	color:#232323;
	font-size:14px
}
.pages-message-recommended .list li .left {
	display:inline-block;
	width:80%;
	line-height:20px
}
.pages-message-recommended .list li .left .name {
	color:#f40d04
}
.pages-message-recommended .list li .time {
	float:right;
	color:#9e9e9e;
	width:180px;
	text-align:right
}
.pages-message-recommended .list li .time .hmgb {
	color:#9e9e9e;
	float:right;
	font-size:20px;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer;
	margin-left:21px;
	position:relative;
	top:-3px
}
.pages-message-reply .title {
	font-size:16px;
	color:#333;
	font-weight:400
}
.pages-message-reply .content li {
	font-size:0;
	padding:30px 0;
	border-bottom:1px solid #eee
}
.pages-message-reply .content li .content_left {
	height:46px;
	line-height:46px;
	font-size:0;
	float:left
}
.pages-message-reply .content li .content_left .user {
	display:inline-block;
	width:46px;
	height:46px;
	border-radius:50%;
	vertical-align:middle
}
.pages-message-reply .content li .content_left .username {
	display:inline-block;
	width:73px;
	color:#232323;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-left:11px;
	vertical-align:bottom
}
.pages-message-reply .content li .content_right {
	font-size:14px;
	width:905px;
	float:left;
	padding-top:14px;
	padding-left:21px;
	box-sizing:border-box
}
.pages-message-reply .content li .content_right .name {
	position:relative;
	top:2px
}
.pages-message-reply .content li .content_right .name .name_title {
	color:#232323;
	display:inline-block;
	max-width:679px;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:20px;
	margin-top:-2px
}
.pages-message-reply .content li .content_right .name .name_title .content_list .name_title {
	line-height:22px
}
.pages-message-reply .content li .content_right .name .hmicon {
	color:#9e9e9e;
	position:absolute;
	font-size:20px;
	right:0;
	top:-3px;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer
}
.pages-message-reply .content li .content_right .name .time {
	float:right;
	color:#9e9e9e;
	font-size:12px;
	padding-right:32px
}
.pages-message-reply .content li .content_right .description {
	color:#757474;
	font-size:14px;
	margin-bottom:13px;
	line-height:20px;
	text-indent:.5em;
	word-break:break-all
}
.pages-message-reply .content li .content_right .to_reply {
	border:0;
	background:#fff;
	color:#f40d04;
	padding:0;
	outline:none;
	cursor:pointer
}
.pages-message-reply .name_title .aticle_name, .pages-message-reply .name_title .question_name, .pages-message-reply .to_replay {
	color:#f40d04
}
.pages-message-reply .name_title .aticle_name h1 {
	display:inline-block
}
.pages-message-reply .name_title .description {
	margin:13px 0
}
.pages-message-reply .name_title .description>.aticle_name {
	color:#757474;
	display:-webkit-box;
	word-break:break-all;
	max-width:665px;
	line-height:20px;
	max-height:60px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden
}
.pages-message-station .title {
	font-size:16px;
	color:#333;
	font-weight:400
}
.pages-message-station .content li {
	font-size:0;
	padding:30px 0;
	border-bottom:1px solid #eee
}
.pages-message-station .content li .content_left {
	height:46px;
	line-height:46px;
	font-size:0;
	float:left
}
.pages-message-station .content li .content_left .user {
	display:inline-block;
	width:46px;
	height:46px;
	border-radius:50%;
	vertical-align:middle
}
.pages-message-station .content li .content_left .username {
	display:inline-block;
	width:140px;
	color:#232323;
	font-size:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-left:11px;
	vertical-align:bottom
}
.pages-message-station .content li .content_right {
	font-size:14px;
	width:838px;
	float:left;
	padding-top:14px;
	padding-left:21px;
	box-sizing:border-box
}
.pages-message-station .content li .content_right .name {
	position:relative;
	top:2px
}
.pages-message-station .content li .content_right .name .name_title {
	margin-top:-4px;
	color:#232323;
	display:inline-block;
	max-width:679px;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:1.6;
	white-space:pre-wrap;
	word-break:break-all
}
.pages-message-station .content li .content_right .name .name_title .content_list .name_title {
	line-height:22px
}
.pages-message-station .content li .content_right .name .name_title .content_list .aticle_name {
	color:#f40d04
}
.pages-message-station .content li .content_right .name .hmicon {
	color:#9e9e9e;
	position:absolute;
	font-size:20px;
	right:0;
	top:-3px;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer
}
.pages-message-station .content li .content_right .name .time {
	float:right;
	color:#9e9e9e;
	font-size:12px;
	padding-right:32px
}
.pages-message-station .content li .content_right .description {
	color:#757474;
	font-size:14px;
	margin-bottom:13px;
	line-height:20px;
	text-indent:.5em;
	word-break:break-all
}
.pages-message-station .content li .content_right .to_reply {
	border:0;
	background:#fff;
	color:#f40d04;
	padding:0;
	outline:none;
	cursor:pointer
}
.pages-message-station .name_title .aticle_name, .pages-message-station .name_title .question_name {
	color:#f40d04
}
.pages-message-station .name_title .aticle_name h1 {
	display:inline-block
}
.pages-message-station .name_title .description {
	margin:13px 0
}
.pages-message-station .name_title .imgs {
	margin-top:10px
}
.pages-message-station.reply_recommended .kuan {
	max-width:500px;
	margin-top:10px
}
.pages-message-station.reply_recommended .deng, .pages-message-station.reply_recommended .gao {
	max-width:300px;
	margin-top:10px
}
.pages-message-station.reply_recommended .a_link {
	color:#f40d04
}
.pages-message-station.reply_recommended .con_station {
	white-space:break-spaces
}
.pages-message-station .name_title .description>.aticle_name {
	color:#757474;
	display:-webkit-box;
	word-break:break-all;
	max-width:679px;
	line-height:20px;
	max-height:60px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden
}
.pages-message-systeminfo h1 {
	display:inline-block
}
.pages-message-systeminfo .title {
	font-size:16px;
	color:#333
}
.pages-message-systeminfo .list li {
	padding:29px 0 28px;
	border-bottom:1px solid #eee;
	color:#232323;
	font-size:14px
}
.pages-message-systeminfo .list li .left {
	display:inline-block;
	width:780px;
	line-height:20px;
	max-height:40px;
	word-break:break-all
}
.pages-message-systeminfo .list li .left .name {
	color:#f40d04
}
.pages-message-systeminfo .list li .time {
	float:right;
	font-size:12px;
	color:#9e9e9e
}
.pages-message-systeminfo .list li .time .hmgb {
	color:#9e9e9e;
	float:right;
	font-size:20px;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer;
	margin-left:21px;
	position:relative;
	top:-3px
}
.systemInfo_content .postname, .systemInfo_content a, .systemInfo_content span {
	color:#f40d04;
	cursor:pointer
}
.systemInfo_content .nickname {
	color:#333;
	cursor:pointer
}
.systemInfo_content .delete {
	color:#888;
	cursor:auto
}
.pages-message {
	padding-top:102px;
	min-height:700px
}
.pages-message>.menu {
	width:135px;
	font-size:14px;
	line-height:36px;
	padding-top:20px;
	color:#333;
	float:left
}
.pages-message>.menu .active span {
	color:#f40d04
}
.pages-message>.menu ul li a {
	color:#333;
	font-size:0
}
.pages-message>.menu ul li a:hover {
	color:#f40d04
}
.pages-message>.menu ul li a .menu_label {
	font-size:14px;
	display:inline-block;
	width:85px;
	margin-right:10px
}
.pages-message>.menu ul li a .number {
	background-color:#f40d04;
	border-radius:10px;
	color:#fff;
	display:inline-block;
	font-size:12px;
	height:16px;
	line-height:16px;
	padding:0 4px
}
.pages-message>.content {
	float:left;
	margin-left:30px;
	margin-top:28px;
	width:1035px
}
.colletc_right .to_replay {
	width:56px;
	height:20px;
	line-height:20px;
	background-color:#f40d04;
	color:#fff;
	text-align:center;
	font-size:13px;
	float:left;
	margin-left:82px;
	margin-top:13px
}
.colletc_right .left .name, .colletc_right .left .question_name {
	color:#f40d04
}
.message_recommended .list li .left span {
	color:#f40d04;
	cursor:pointer
}
.pages-myself-mycollection {
	padding-top:82px
}
.pages-myself-mycollection .my_collection_title {
	font-size:16px;
	color:#333;
	padding:50px 0 15px
}
.pages-myself-mycollection .my_collection_title a {
	color:#333!important
}
.pages-myself-mycollection .collection_title {
	color:#212121;
	font-size:18px;
	display:inline-block;
	max-width:800px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.pages-myself-mycollection .collection_title a {
	color:#333!important
}
.pages-myself-mycollection .my_collection_content li {
	padding-bottom:20px;
	border-bottom:1px solid #eee
}
.pages-myself-mycollection .my_collection_content li:not(:first-child) {
padding-top:19px
}
.pages-myself-mycollection .my_collection_content li .content_title {
	width:100%;
	height:18px;
	line-height:18px;
	margin-bottom:15px
}
.pages-myself-mycollection .my_collection_content li .content_title h3 {
	color:#212121;
	font-size:18px;
	display:inline-block
}
.pages-myself-mycollection .my_collection_content li .content_title .time {
	color:#9e9e9e;
	font-size:12px;
	float:right
}
.pages-myself-mycollection .my_collection_content li .collection_detail {
	margin-bottom:15px
}
.pages-myself-mycollection .my_collection_content li .collection_detail li {
	display:inline-block;
	color:#888;
	font-size:12px;
	padding:6px 10px;
	border-radius:2px;
	margin-right:10px;
	border:1px solid #ededed;
	max-width:130px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.pages-myself-mycollection .my_collection_content li .collection_detail li a {
	color:#888
}
.pages-myself-mycollection .my_collection_content li .package {
	font-size:14px;
	color:#757474;
	margin-bottom:10px
}
.pages-myself-mycollection .my_collection_content li .package .packge_name {
	color:#f40d04
}
.pages-myself-mycollection .my_collection_content li .collection_persion_detail {
	height:38px;
	line-height:38px;
	position:relative;
	font-size:12px;
	color:#888
}
.pages-myself-mycollection .my_collection_content li .collection_persion_detail a {
	cursor:pointer
}
.pages-myself-mycollection .my_collection_content li .collection_persion_detail .avatar {
	display:inline-block;
	position:absolute;
	top:50%;
	margin-top:-16px;
	width:32px;
	height:32px;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:50%
}
.pages-myself-mycollection .my_collection_content li .collection_persion_detail .avatar_detail {
	margin-left:40px
}
.pages-myself-mycollection .my_collection_content li .collection_persion_detail .avatar_detail .nickname {
	font-weight:700
}
.pages-myself-mycollection .my_collection_content li .collection_persion_detail .avatar_detail .liu_view {
	float:right
}
.pages-myself-mycollection .my_collection_content li .collection_persion_detail .name {
	margin-left:38px;
	font-weight:700
}
.pages-myself-mycollection .cto_pagination {
	padding:52px 0;
	text-align:center
}
.pages-myself-mycollection .title_number {
	padding-left:5px
}
.pages-myself-mydownload {
	padding-top:102px;
	color:#333;
	font-size:14px
}
.pages-myself-mydownload>.title {
	margin-top:30px;
	font-size:16px
}
.pages-myself-mydownload .day-wrap {
	margin-top:30px
}
.pages-myself-registration {
	width:906px;
	margin:0 auto;
	padding-top:102px
}
.pages-myself-registration>.title {
	color:#333;
	font-size:16px;
	padding:30px 0 10px
}
.pages-myself-registration .title_number {
	padding-left:5px
}
.pages-periodical {
	width:100%;
	background:#f6f7f8;
	color:#333;
	font-size:16px
}
.pages-periodical .flex {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
	align-content:space-around;
	-webkit-align-content:space-around
}
.pages-periodical .special-w {
	position:relative;
	width:700px;
	margin:0 auto;
	background:#fff;
	padding-bottom:30px
}
.pages-periodical .special-w .special-b {
	width:640px;
	margin:0 auto
}
.pages-periodical .special-head {
	padding-top:30px
}
.pages-periodical .special-head .logo {
	float:left
}
.pages-periodical .special-head .logo a {
	display:flex;
	align-items:center
}
.pages-periodical .special-head .logo .logo1 {
	height:48px
}
.pages-periodical .special-head .logo .logo2 {
	box-sizing:border-box;
	display:inline-block;
	width:80px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:16px;
	margin-left:10px;
	border:1px solid #ee553c;
	color:#ee553c;
	border-radius:0 6px 0 6px
}
.pages-periodical .special-head .date {
	float:right
}
.pages-periodical .special-head .date .time {
	font-size:20px;
	color:#333;
	text-align:right
}
.pages-periodical .special-head .date .day {
	font-size:14px;
	padding-top:8px;
	text-align:right
}
.pages-periodical .banner {
	margin-top:30px
}
.pages-periodical .banner img {
	width:640px;
	border-radius:5px
}
.pages-periodical .artical {
	padding:30px 0;
	line-height:1
}
.pages-periodical .title {
	float:left;
	font-size:20px;
	height:24px;
	line-height:1;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:80%
}
.pages-periodical .title a {
	color:#333
}
.pages-periodical .title a:hover {
	color:#f40d04
}
.pages-periodical .author {
	float:right;
	height:24px;
	line-height:1
}
.pages-periodical .author a {
	color:#333
}
.pages-periodical .author a:hover {
	color:#f40d04
}
.pages-periodical .downPoster {
	margin-top:20px;
	margin-bottom:29px
}
.pages-periodical .downPoster span {
	display:inline-block;
	width:186px;
	height:50px;
	background:#f40d04;
	border-radius:50px;
	font-size:20px;
	color:#fff;
	line-height:50px;
	letter-spacing:1px;
	cursor:pointer
}
.pages-periodical .cop {
	font-size:14px;
	font-weight:400;
	color:#888;
	padding-top:102px
}
.pages-periodical .sharetit {
	display:block;
	font-size:14px;
	color:#555;
	margin-bottom:20px
}
.pages-periodical .sharelist {
	margin-bottom:69px
}
.pages-periodical .shareitem {
	margin:0 10px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:50%;
	background:#1b1f23;
	position:relative;
	cursor:pointer
}
.pages-periodical .shareitem .hmicon {
	font-size:20px;
	color:#fff
}
.pages-periodical .shareitem .ewm {
	top:-100px;
	left:-33px;
	width:80px;
	height:80px;
	padding:10px;
	position:absolute;
	background:#f3f3f3;
	display:none
}
.pages-periodical .shareitem:hover .ewm {
	display:block
}
.pages-periodical .wechatDyBox {
	position:relative;
	font-size:20px;
	color:#f40d04
}
.pages-periodical .wechat_show {
	cursor:pointer
}
.pages-periodical .wechat_show_nocursor {
	cursor:default
}
.pages-periodical .wechat_dy {
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%, -100%);
	background:#fff;
	font-size:14px;
	color:#333
}
.pages-periodical .wechat_dy .wd-inner {
	margin:34px 62px 24px
}
.pages-periodical .wechat_dy img {
	display:block;
	width:116px;
	height:116px;
	margin:0 auto 10px
}
.pages-periodical .wechat_fr {
	position:fixed;
	right:137px;
	top:50%;
	transform:translateY(-50%);
	background:#fff;
	box-shadow:0 13px 18px 0 hsla(0, 0%, 53.3%, .1);
	border-radius:6px;
	padding:20px;
	font-size:14px
}
.pages-periodical .wechat_fr img {
	display:block;
	width:116px;
	height:116px;
	margin:0 auto 10px
}
.pages-periodical .hidemobile_mt {
	margin-top:60px
}
.pages-periodical .wechatDyBox_h5 {
	display:none;
	font-size:16px;
	color:#f40d04
}
.pages-periodical .wechatDyBox_h5_popshow {
	display:none
}
.pages-periodical .showClass {
	display:block!important
}
.pages-periodical .wechatDyBox_h5_popshow {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5)
}
.pages-periodical .wdbh5_inner {
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	background:#fff;
	font-size:14px;
	color:#666;
	padding:70px 0
}
.pages-periodical .wdbh5_inner .hmclose {
	position:absolute;
	top:10px;
	right:10px;
	color:#333
}
.pages-periodical .wdbh5_inner img {
	display:block;
	width:50%;
	margin:0 auto 10px
}
@media (min-width:750px) {
.pages-periodical .showClass {
display:none!important
}
}
@media (max-width:750px) {
.pages-periodical .special {
padding:0;
font-size:14px
}
.pages-periodical .hmicon {
font-size:14px
}
.pages-periodical .special-w {
width:100%
}
.pages-periodical .special-w .special-b {
width:92%
}
.pages-periodical .artical {
padding:15px 0
}
.pages-periodical .banner img {
width:100%!important
}
.pages-periodical .special-head {
position:relative
}
.pages-periodical .special-head .logo .logo1 {
width:44.63%;
height:auto
}
.pages-periodical .special-head .logo .logo2 {
width:19.2%;
height:auto;
margin:5px 0 0 5px
}
.pages-periodical .special-head .date {
position:absolute;
top:30px;
right:0
}
.pages-periodical .special-head .date .time {
font-size:14px
}
.pages-periodical .special-head .date .day {
font-size:12px;
padding-top:4px
}
.pages-periodical .title {
font-size:16px;
width:75%
}
.pages-periodical .hidemobile, .pages-periodical .wechat_fr, .pages-periodical .wechatDyBox {
display:none
}
.pages-periodical .wechatDyBox_h5 {
display:block;
margin-top:50px
}
.pages-periodical .downPoster {
margin-top:0
}
.pages-periodical .downPoster span {
width:auto;
height:auto;
line-height:1;
font-size:16px;
padding:14px 50px
}
.pages-periodical .sharelist {
margin-bottom:40px
}
.pages-periodical .cop {
font-size:12px;
padding-top:58px
}
}
@media (max-width:320px) {
.pages-periodical .sharetit, .pages-periodical .special {
font-size:12px
}
.pages-periodical .title, .pages-periodical .wechatDyBox_h5 {
font-size:14px
}
.pages-periodical .downPoster span {
font-size:14px;
padding:10px 40px
}
.pages-periodical .wdbh5_inner {
padding:50px 0;
font-size:12px
}
}
.pages-periodical .cop, .pages-periodical .downPoster, .pages-periodical .sharetit, .pages-periodical .wdbh5_inner, .pages-periodical .wechat_fr, .pages-periodical .wechatDyBox, .pages-periodical .wechatDyBox_h5, .speciallist .cop, .speciallist .sl_inner {
	text-align:center
}
.speciallist .sl_container {
	width:906px;
	margin:0 auto
}
.speciallist .sl_container a:hover {
	color:#f40d04;
	cursor:pointer
}
.speciallist .sl_inner {
	background-size:100%!important
}
.speciallist .cop {
	width:100%;
	bottom:0;
	left:0;
	font-size:14px;
	font-weight:400;
	color:#666;
	padding-top:68px;
	padding-bottom:20px
}
.speciallist .sl_tit {
	font-size:38px;
	font-weight:700;
	color:#fff;
	line-height:1;
	margin-bottom:12px;
	letter-spacing:2px;
	padding-top:146px
}
.speciallist .sl_tit_min {
	font-size:16px;
	font-weight:400;
	color:#bbb;
	line-height:1;
	margin-bottom:60px
}
.speciallist .swiperbox {
	height:170px;
	margin-bottom:119px
}
.speciallist .sl_wechatbox {
	font-size:16px;
	color:#bbb;
	line-height:1
}
.speciallist .sl_wechat {
	display:block;
	width:115px;
	height:115px;
	margin:20px auto 0;
	border-radius:5px;
	padding:7px;
	background:#fff
}
@media screen and (min-height:763px) {
.speciallist .sl_inner {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.speciallist .cop {
position:absolute
}
}
.pages-person {
	padding-top:102px
}
.pages-person .persion_detail {
	padding-top:30px
}
.pages-person .persion_detail>.left {
	width:905px;
	float:left
}
.pages-person .persion_detail>.right {
	float:right;
	width:265px;
	position:relative
}
.pages-person-fan .mine {
	width:1200px;
	margin:0 auto
}
.pages-person-fan .mine>.left {
	width:905px;
	float:left;
	padding-top:30px
}
.pages-person-fan .mine>.right {
	float:right;
	width:265px
}
.pages-person-fan .tab-head {
	width:100%;
	margin-top:-30px;
	margin-bottom:10px
}
.pages-person-fan .tab-head .bq {
	display:inline-block;
	font-size:14px;
	color:#757474;
	margin-right:15px;
	cursor:pointer
}
.pages-person-fan .tab-head .bq.active {
	font-size:16px;
	color:#333
}
.pages-person-posts .tab-head {
	width:100%;
	font-size:0;
	margin-bottom:30px
}
.pages-person-posts .tab-head .bq {
	display:inline-block;
	font-size:18px;
	color:#757474;
	margin-right:19px;
	cursor:pointer
}
.pages-person-posts .tab-head .bq.active {
	font-size:18px;
	color:#333
}
.pages-person-posts .tab-head .tj {
	float:right
}
.pages-person-posts .tab-head .tj .el-checkbox {
	margin-right:0
}
.pages-person-posts .tab-con {
	padding-top:10px
}
.pages-person-posts .none {
	text-align:center;
	font-size:14px;
	padding:140px 0;
	color:#9d9d9d
}
.pages-person-posts .none a, .pages-person-posts .none span {
	color:#f40d04;
	cursor:pointer
}
.pages-person-posts .none .set-click {
	display:inline-block
}
.pages-person-posts .cto_pagination {
	margin-top:54px
}
.pages-person-posts .hmlive-item {
	margin-top:30px
}
.pages-person-posts .hmlive-item .pending-item_img {
	width:300px;
	max-width:300px;
	min-width:300px;
	height:170px
}
.pages-person-posts .el-checkbox__label {
	padding-left:5px
}
.pages-person-posts .tab-head .tj .el-checkbox:nth-child(odd) {
margin-right:30px
}
.pages-postpage-md .header .title_input_box {
	width:800px;
	float:left;
	margin-left:40px
}
.pages-postpage-md .header .title_input_box .el-input__inner {
	height:72px;
	line-height:1;
	font-size:22px;
	border-radius:2px;
	background:none;
	border:none;
	font-weight:700
}
.pages-postpage-md .header .title_input_box .el-input__inner::-moz-placeholder {
color:#888
}
.pages-postpage-md .header .title_input_box .el-input__inner:-ms-input-placeholder {
color:#888
}
.pages-postpage-md .header .title_input_box .el-input__inner::placeholder {
color:#888
}
.pages-postpage-md .header .top_right {
	float:right
}
.pages-postpage-md .header .top_right .persion_img {
	float:right;
	height:72px;
	width:22px;
	margin-right:30px
}
.pages-postpage-md .header .top_right img {
	width:22px;
	height:22px;
	border-radius:50%;
	float:right;
	margin:25px 0 0
}
.pages-postpage-md .header .top_right .markdown {
	height:72px;
	line-height:72px;
	font-size:14px;
	font-weight:400;
	color:#888;
	float:left;
	padding-right:30px;
	cursor:pointer
}
.pages-postpage-md .header .top_right .markdown a {
	color:#888
}
.pages-postpage-md .nav_top {
	width:100%;
	height:72px;
	background:#fff;
	box-shadow:0 0 10px rgba(24, 23, 23, .1)
}
.pages-postpage-md .nav_top .tonglan {
	height:100%
}
.pages-postpage-md .nav_top .tonglan .logo {
	float:left;
	margin-left:30px
}
.pages-postpage-md .nav_top .tonglan .logo .logo_tit {
	font-size:0
}
.pages-postpage-md .nav_top .tonglan .logo .logo_tit a {
	width:100%;
	height:72px;
	display:table-cell;
	vertical-align:middle
}
.pages-postpage-md .nav_top .tonglan .logo .logo_tit img {
	margin-left:0;
	height:40px
}
.pages-postpage-md .nav_top .tonglan .top_menu {
	float:left;
	font-size:16px;
	font-weight:400;
	height:72px;
	line-height:72px
}
.pages-postpage-md .nav_top .tonglan .top_menu>li {
	cursor:pointer;
	float:left;
	margin-left:39px
}
.pages-postpage-md .nav_top .tonglan .top_menu>li:hover {
	color:#f40d04;
	font-weight:700
}
.pages-postpage-md .nav_top .tonglan .top_menu>li:hover a {
	color:#f40d04
}
.pages-postpage-md .nav_top .tonglan .top_menu>li a {
	color:#fff
}
.pages-postpage-md .nav_top .tonglan .top_menu>li a.active, .pages-postpage-md .nav_top .tonglan .top_menu>li a:hover {
	color:#f40d04;
	font-weight:700
}
.pages-postpage-md .posts_page_new .md_txt {
	min-height:600px
}
.pages-postpage-md .posts_page_new .postpagebox {
	position:relative
}
.pages-postpage-md .posts_page_new .form_show_label .el-input__inner {
	border:none
}
.pages-postpage-md .posts_page_new .original-box {
	width:100%;
	height:62px
}
.pages-postpage-md .posts_page_new .original-box .original-title {
	float:left;
	width:86px;
	height:42px;
	line-height:42px;
	margin-top:20px
}
.pages-postpage-md .posts_page_new .original-box .original {
	float:left;
	height:42px;
	margin-top:20px
}
.pages-postpage-md .posts_page_new .original-box .original .switchbox {
	float:left;
	padding-top:6px
}
.pages-postpage-md .posts_page_new .original-box .original .el-switch {
	width:56px;
	height:30px;
	line-height:30px
}
.pages-postpage-md .posts_page_new .original-box .original .el-switch.is-disabled {
	opacity:1;
	cursor:pointer
}
.pages-postpage-md .posts_page_new .original-box .original .el-switch.is-disabled .el-switch__core, .pages-postpage-md .posts_page_new .original-box .original .el-switch.is-disabled .el-switch__label {
	cursor:pointer
}
.pages-postpage-md .posts_page_new .original-box .original .el-switch.is-checked .el-switch__core {
	background:#333;
	border-color:#333
}
.pages-postpage-md .posts_page_new .original-box .original .el-switch.is-checked .el-switch__core:after {
	margin-left:-27px
}
.pages-postpage-md .posts_page_new .original-box .original .el-switch .el-switch__core {
	height:30px;
	background:#dfdfdf;
	border-color:#dfdfdf;
	border-radius:15px
}
.pages-postpage-md .posts_page_new .original-box .original .el-switch .el-switch__core:after {
	width:26px;
	height:26px
}
.pages-postpage-md .posts_page_new .original-box .original .label-txt {
	float:left;
	height:42px;
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:42px;
	margin-left:10px
}
.pages-postpage-md .posts_page_new .original-box .rule {
	float:left;
	font-size:14px;
	font-weight:400;
	color:#ccc;
	line-height:42px;
	margin-top:20px;
	margin-left:20px;
	cursor:pointer
}
.pages-postpage-md .posts_page_new .original-box .rule a {
	color:#ccc
}
.pages-postpage-md .posts_page_new .num {
	height:34px;
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:34px;
	float:left;
	margin-left:30px
}
.pages-postpage-md .posts_page_new .postbox {
	padding-left:30px
}
.pages-postpage-md .posts_page {
	padding-bottom:100px;
	padding-top:10px
}
.pages-postpage-md .posts_page .buttons {
	display:block;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	width:100px;
	height:36px;
	border:1px solid #7a7979;
	border-radius:4px;
	font-weight:400;
	color:#333;
	line-height:36px
}
.pages-postpage-md .font_size {
	color:#888;
	font-size:14px;
	line-height:30px;
	margin-left:20px
}
.pages-postpage-md .font_size span {
	font-size:14px;
	font-weight:400;
	color:#333;
	cursor:pointer;
	margin-left:9px
}
.pages-postpage-md .title_select {
	width:136px;
	height:42px;
	display:inline-block
}
.pages-postpage-md .title_input {
	width:100%
}
.pages-postpage-md .form_label .form_item_label {
	width:86px;
	height:42px;
	vertical-align:middle;
	float:left;
	margin-top:20px;
	line-height:42px;
	text-align:left
}
.pages-postpage-md .form_label .form_label_input {
	width:1112px;
	height:42px;
	line-height:42px;
	display:inline-block;
	border:1px solid #eee;
	margin-top:20px;
	font-size:0
}
.pages-postpage-md .form_label .form_label_input .show_select_tab {
	float:left;
	padding-left:6px
}
.pages-postpage-md .form_label .form_label_input .show_select_tab .label_list {
	display:inline-block;
	height:20px;
	line-height:20px;
	opacity:.9;
	border-radius:2px;
	background-color:#f6f6f6;
	color:#666;
	font-size:12px;
	margin:0 3px;
	padding:0 6px;
	vertical-align:middle
}
.pages-postpage-md .form_label .form_label_input .show_select_tab .label_list .input_value {
	position:relative;
	top:-1px
}
.pages-postpage-md .form_label .form_label_input .show_select_tab .label_list .hmgb {
	opacity:.4;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer;
	display:inline-block
}
.pages-postpage-md .form_label .form_label_input .form_show_label {
	width:450px;
	display:inline-block
}
.pages-postpage-md .submit_form {
	box-shadow:0 -1px 5px 0 rgba(4, 0, 0, .05);
	padding:18px 0;
	position:fixed;
	width:100%;
	bottom:0;
	background-color:#fff;
	z-index:1501
}
.pages-postpage-md .submit_form .checkbox {
	float:left;
	line-height:34px
}
.pages-postpage-md .submit_form .select_btn {
	float:right;
	margin-right:30px
}
.pages-postpage-md .submit_form .select_btn .gotop {
	width:90px;
	height:34px;
	line-height:34px;
	font-size:14px;
	background:none;
	color:#888;
	border:none;
	display:inline;
	padding-right:60px;
	cursor:pointer
}
.pages-postpage-md .submit_form .select_btn .gotop .hmicon {
	font-size:12px;
	margin-right:10px
}
.pages-postpage-md .submit_form .select_btn .submit_btn {
	width:90px;
	height:34px;
	line-height:34px;
	font-size:14px;
	border:0;
	border-radius:2px;
	cursor:pointer
}
.pages-postpage-md .submit_form .select_btn .save_draft {
	background-color:#eee;
	color:#939393;
	margin-right:18px
}
.pages-postpage-md .submit_form .select_btn .release {
	background-color:#333;
	color:#fff
}
.pages-postpage-md .pack {
	margin-top:28px;
	padding-bottom:30px
}
.pages-postpage-md .pack .form_item_label {
	float:left;
	width:86px;
	line-height:30px
}
.pages-postpage-md .pack .upload {
	display:flex;
	align-items:center
}
.pages-postpage-md .pack .upload .upload_form {
	padding-bottom:11px
}
.pages-postpage-md .pack .upload_description {
	color:#a6a6a6;
	font-size:14px;
	margin-left:13px
}
.pages-postpage-md .pack .upload_description .rule {
	margin-left:22px
}
.pages-postpage-md .pack .upload_list {
	font-size:14px
}
.pages-postpage-md .pack .upload_list li {
	margin-top:19px
}
.pages-postpage-md .pack .upload_list .file_name {
	color:#333
}
.pages-postpage-md .pack .upload_list .edit {
	color:#333;
	margin-left:30px
}
.pages-postpage-md .pack .upload_list .delete {
	color:#a6a6a6;
	margin-left:20px
}
.pages-postpage-md .verification .inputs {
	width:200px;
	height:42px;
	border-radius:2px;
	margin-left:32px
}
.pages-postpage-md .verification .imgs {
	width:84px;
	height:42px;
	border-radius:2px;
	vertical-align:middle;
	display:inline-block;
	margin-left:8px;
	cursor:pointer
}
.pages-postpage-md .verification .imgs img {
	width:84px;
	height:40px
}
.pages-postpage-md .verification .sp {
	font-size:14px;
	font-weight:400;
	color:#a6a6a6;
	display:inline-block;
	margin-left:8px;
	cursor:pointer
}
.pages-postpage-md .postsbox {
	background-color:#fff!important
}
.pages-postpage-md .form_item_con {
	width:1114px;
	height:52px;
	line-height:52px;
	display:inline-block;
	margin-top:10px;
	font-size:0
}
.pages-postpage-md .selected {
	display:inline-block;
	padding-left:20px
}
.pages-postpage-md .original {
	display:inline-block;
	margin-top:6px
}
.pages-postpage-success .box {
	text-align:center;
	padding:70px 0 143px
}
.pages-postpage-success .buttonbox {
	width:100%
}
.pages-postpage-success .msgbox {
	padding:0 0 50px
}
.pages-postpage-success .msg {
	padding-top:14px;
	color:#333;
	font-size:14px
}
.pages-postpage-success .desc {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:44px;
	max-width:536px;
	margin:20px auto 0
}
.pages-postpage-success .desc .sensitive_red {
	color:#e22228;
	word-break:break-all
}
.pages-postpage-success .desc a {
	font-weight:700;
	cursor:pointer
}
.pages-postpage-success .desc p {
	text-align:left;
	line-height:22px;
	margin-bottom:20px
}
.pages-postpage-success .desc p a {
	color:#000
}
.pages-postpage-success .desc p:last-child {
	margin-top:40px
}
.pages-postpage-success .title {
	text-align:center;
	color:#333;
	font-size:20px
}
.pages-postpage-success .backhome {
	width:140px;
	height:40px;
	text-align:center;
	line-height:40px;
	border:1px solid #f40d04;
	background:#fff;
	display:inline-block;
	margin:0 10px
}
.pages-postpage-success .backhome a {
	color:#f40d04;
	display:block
}
.pages-postpage-success .backhome a:hover {
	color:#f40d04
}
.pages-postpage-success .again {
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#f40d04;
	border-radius:2px;
	border:1px solid #f40d04;
	display:inline-block;
	color:#fff;
	margin:0 10px
}
.pages-postpage-success .again a {
	color:#fff;
	display:block
}
.pages-postpage-success .again a:hover {
	color:#fff
}
.pages-postpage-success .textchain {
	margin:20px 0 40px
}
.pages-postpage-success .textchain a {
	font-size:14px;
	color:#000
}
.pages-postpage-success .sharecon {
	width:400px;
	display:inline-block;
	padding-top:40px
}
.pages-postpage-success .sharecon .share-title {
	color:#888;
	font-size:14px
}
.pages-postpage-success .sharecon .sharebox {
	text-align:center;
	padding-top:20px;
	position:relative
}
.pages-postpage-success .sharecon .sharebox .shareitem {
	width:30px;
	height:30px;
	display:inline-block;
	position:relative;
	margin:0 10px
}
.pages-postpage-success .sharecon .sharebox .shareitem .iconbox {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50%;
	background:#333;
	color:#fff;
	margin-right:10px;
	cursor:pointer
}
.pages-postpage-success .sharecon .sharebox .shareitem .iconbox .hmicon {
	color:#fff
}
.pages-postpage-success .sharecon .sharebox .shareitem .nocursor {
	cursor:auto
}
.pages-postpage-success .sharecon .sharebox .ewm {
	width:130px;
	height:130px;
	border:1px solid #eee;
	position:absolute;
	top:60px;
	left:50%;
	transform:translate(-50%)
}
.pages-postpage-success .sharecon .sharebox .ewm img {
	width:100%;
	height:100%
}
.pages-postpage-success .tips {
	color:#f40d04;
	font-size:14px;
	text-align:center;
	margin:60px 0 0
}
.pages-postpage .header .top_right {
	float:right
}
.pages-postpage .header .top_right .persion_img {
	float:right;
	height:72px;
	width:22px
}
.pages-postpage .header .top_right img {
	width:22px;
	height:22px;
	border-radius:50%;
	float:right;
	margin:25px 0 0
}
.pages-postpage .header .top_right .markdown {
	height:72px;
	line-height:72px;
	font-size:14px;
	font-weight:400;
	color:#888;
	float:left;
	padding-right:30px;
	cursor:pointer
}
.pages-postpage .header .top_right .markdown a {
	color:#888
}
.pages-postpage .nav_top {
	width:100%;
	height:72px;
	background:#fff;
	box-shadow:0 0 10px rgba(24, 23, 23, .1)
}
.pages-postpage .nav_top .w {
	height:100%
}
.pages-postpage .nav_top .w .logo {
	float:left
}
.pages-postpage .nav_top .w .logo .logo_tit {
	font-size:0
}
.pages-postpage .nav_top .w .logo .logo_tit a {
	width:100%;
	height:72px;
	display:table-cell;
	vertical-align:middle
}
.pages-postpage .nav_top .w .logo .logo_tit img {
	height:40px
}
.pages-postpage .nav_top .w .top_menu {
	float:left;
	font-size:16px;
	font-weight:400;
	height:72px;
	line-height:72px
}
.pages-postpage .nav_top .w .top_menu>li {
	cursor:pointer;
	float:left;
	margin-left:39px
}
.pages-postpage .nav_top .w .top_menu>li:hover {
	color:#f40d04;
	font-weight:700
}
.pages-postpage .nav_top .w .top_menu>li:hover a {
	color:#f40d04
}
.pages-postpage .nav_top .w .top_menu>li a {
	color:#fff
}
.pages-postpage .nav_top .w .top_menu>li a.active, .pages-postpage .nav_top .w .top_menu>li a:hover {
	color:#f40d04;
	font-weight:700
}
.pages-postpage .post-catalogue.active {
	position:fixed;
	top:91px;
	left:50%;
	transform:translate(-550px);
	max-height:calc(100vh - 188px)
}
.pages-postpage .post-catalogue {
	width:290px;
	height:auto;
	max-height:calc(100vh - 260px);
	overflow-y:auto
}
.pages-postpage .toolbar-cover {
	height:61px
}
.pages-postpage .post-toolbar.active {
	position:fixed;
	z-index:1202;
	top:0;
	right:0;
	left:0
}
.pages-postpage .post-toolbar {
	width:100%;
	background:#fff
}
.pages-postpage .post-toolbar .editor-toolbar-content {
	justify-content:space-between;
	width:1100px;
	margin:0 auto
}
.pages-postpage .w1100 {
	width:1100px;
	margin:0 auto
}
.pages-postpage .posts_page_new {
	padding-top:30px
}
.pages-postpage .posts_page_new .tox-editor-header {
	width:1200px
}
.pages-postpage .posts_page_new .postpagebox {
	position:relative
}
.pages-postpage .posts_page_new .form_show_label .el-input__inner {
	border:none
}
.pages-postpage .posts_page_new .original-box {
	width:100%;
	height:62px
}
.pages-postpage .posts_page_new .original-box .original-title {
	float:left;
	width:76px;
	height:42px;
	line-height:42px;
	margin-top:20px;
	font-size:14px;
	font-weight:400;
	color:#333
}
.pages-postpage .posts_page_new .original-box .original {
	float:left;
	height:42px;
	margin-top:20px
}
.pages-postpage .posts_page_new .original-box .original .switchbox {
	float:left;
	padding-top:6px
}
.pages-postpage .posts_page_new .original-box .original .el-switch {
	width:56px;
	height:30px;
	line-height:30px
}
.pages-postpage .posts_page_new .original-box .original .el-switch.is-disabled {
	opacity:1;
	cursor:pointer
}
.pages-postpage .posts_page_new .original-box .original .el-switch.is-disabled .el-switch__core, .pages-postpage .posts_page_new .original-box .original .el-switch.is-disabled .el-switch__label {
	cursor:pointer
}
.pages-postpage .posts_page_new .original-box .original .el-switch.is-checked .el-switch__core {
	background:#333;
	border-color:#333
}
.pages-postpage .posts_page_new .original-box .original .el-switch.is-checked .el-switch__core:after {
	margin-left:-27px
}
.pages-postpage .posts_page_new .original-box .original .el-switch .el-switch__core {
	height:30px;
	background:#dfdfdf;
	border-color:#dfdfdf;
	border-radius:15px
}
.pages-postpage .posts_page_new .original-box .original .el-switch .el-switch__core:after {
	width:26px;
	height:26px
}
.pages-postpage .posts_page_new .original-box .original .label-txt {
	float:left;
	height:42px;
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:42px;
	margin-left:10px
}
.pages-postpage .posts_page_new .original-box .rule {
	float:left;
	font-size:14px;
	font-weight:400;
	color:#ccc;
	line-height:42px;
	margin-top:20px;
	margin-left:20px;
	cursor:pointer
}
.pages-postpage .posts_page_new .original-box .rule a {
	color:#ccc
}
.pages-postpage .posts_page_new .num {
	height:34px;
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:34px;
	float:left
}
.pages-postpage .posts_page {
	padding-bottom:100px;
	background-color:#f5f5f5
}
.pages-postpage .posts_page .posts_page_w {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	width:1100px
}
.pages-postpage .posts_page .posts_page_w .post-content.active {
	margin-left:330px
}
.pages-postpage .posts_page .posts_page_w .post-content {
	width:770px;
	background-color:#fff
}
.pages-postpage .posts_page .posts_page_w .post-content .post-title {
	padding:30px 19px;
	box-sizing:border-box;
	background-color:#fff
}
.pages-postpage .posts_page .posts_page_w .post-content .post-title .title-input {
	background:#fff;
	padding:0 0 0 30px;
	box-sizing:border-box;
	border:none;
	display:block;
	width:100%;
	font-size:22px;
	font-weight:700;
	outline:none
}
.pages-postpage .posts_page .posts_page_w .post-content .post-title .title-input::-moz-placeholder {
color:#c5c5c5;
font-size:22px;
font-weight:700
}
.pages-postpage .posts_page .posts_page_w .post-content .post-title .title-input:-ms-input-placeholder {
color:#c5c5c5;
font-size:22px;
font-weight:700
}
.pages-postpage .posts_page .posts_page_w .post-content .post-title .title-input::placeholder {
color:#c5c5c5;
font-size:22px;
font-weight:700
}
.pages-postpage .posts_page .buttons {
	display:block;
	text-align:center;
	cursor:pointer;
	width:100px;
	height:36px;
	border:1px solid #7a7979;
	border-radius:4px;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:36px
}
.pages-postpage .font_size {
	font-size:14px;
	margin-left:13px;
	font-weight:400;
	color:#aaa;
	line-height:20px;
	white-space:nowrap
}
.pages-postpage .font_size>span {
	font-size:14px;
	font-weight:400;
	color:#333;
	cursor:pointer;
	margin-left:5px
}
.pages-postpage .rich_text-box {
	min-height:600px
}
.pages-postpage .rich_text {
	min-height:600px;
	box-sizing:border-box;
	padding:0 50px 50px
}
.pages-postpage .form_label_content {
	background-color:#fff;
	box-sizing:border-box;
	width:100%;
	padding:30px 30px 50px 70px
}
.pages-postpage .form_label_content .form_label .showlabel {
	margin-top:4px
}
.pages-postpage .line {
	height:1px;
	width:670px;
	background:#eee;
	margin:0 auto
}
.pages-postpage .form_label {
	display:flex;
	align-items:center;
	min-height:54px;
	margin:10px 0
}
.pages-postpage .form_label .but {
	margin:0;
	width:100px;
	height:36px;
	border-radius:4px;
	border:1px solid #7a7979;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:36px;
	flex-shrink:0
}
.pages-postpage .form_label .showlabel {
	margin-top:4px
}
.pages-postpage .form_label .el-input__inner {
	height:44px;
	line-height:normal
}
.pages-postpage .form_label .form_item_label {
	width:70px;
	text-align:left;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px;
	flex-shrink:0
}
.pages-postpage .form_label .form_label_input {
	width:530px;
	height:44px;
	border:1px solid #f2f2f2;
	border-radius:4px;
	font-size:0;
	display:flex;
	align-items:center
}
.pages-postpage .form_label .form_label_input .show_select_tab {
	padding-left:6px;
	white-space:nowrap;
	max-width:400px;
	overflow:auto;
	flex-shrink:0
}
.pages-postpage .form_label .form_label_input .show_select_tab .label_list {
	display:inline-block;
	height:20px;
	line-height:20px;
	opacity:.9;
	border-radius:2px;
	background-color:#f6f6f6;
	color:#666;
	font-size:12px;
	margin:0 3px;
	padding:0 6px;
	vertical-align:middle
}
.pages-postpage .form_label .form_label_input .show_select_tab .label_list .input_value {
	position:relative;
	top:-1px
}
.pages-postpage .form_label .form_label_input .show_select_tab .label_list .hmgb {
	opacity:.4;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer;
	display:inline-block
}
.pages-postpage .form_label .form_label_input .show_select_tab::-webkit-scrollbar {
display:none
}
.pages-postpage .form_label .form_label_input .form_show_label {
	width:450px;
	display:inline-block
}
.pages-postpage .submit_form {
	box-shadow:0 -1px 5px 0 rgba(4, 0, 0, .05);
	padding:18px 0;
	position:fixed;
	width:100%;
	bottom:0;
	background-color:#fff;
	z-index:1201
}
.pages-postpage .submit_form .checkbox {
	float:left;
	line-height:34px
}
.pages-postpage .submit_form .select_btn {
	float:right
}
.pages-postpage .submit_form .select_btn .gotop {
	width:90px;
	height:34px;
	line-height:34px;
	font-size:14px;
	background:none;
	color:#888;
	border:none;
	display:inline;
	padding-right:60px;
	cursor:pointer
}
.pages-postpage .submit_form .select_btn .gotop .hmicon {
	font-size:12px;
	margin-right:10px
}
.pages-postpage .submit_form .select_btn .submit_btn {
	width:90px;
	height:34px;
	line-height:34px;
	font-size:14px;
	border:0;
	border-radius:2px;
	cursor:pointer
}
.pages-postpage .submit_form .select_btn .save_draft {
	background-color:#eee;
	color:#939393;
	margin-right:18px
}
.pages-postpage .submit_form .select_btn .release {
	background-color:#333;
	color:#fff
}
.pages-postpage .pack {
	margin-top:28px;
	padding-bottom:30px;
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
.pages-postpage .pack .form_item_label {
	float:left;
	width:76px;
	line-height:30px;
	font-size:14px;
	font-weight:400;
	color:#333;
	flex-shrink:0
}
.pages-postpage .pack .upload {
	display:flex;
	align-items:center
}
.pages-postpage .pack .upload .upload_form {
	padding-bottom:11px
}
.pages-postpage .pack .upload_description {
	color:#a6a6a6;
	font-size:14px;
	margin-left:13px
}
.pages-postpage .pack .upload_description .rule {
	margin-left:22px
}
.pages-postpage .pack .upload_list {
	font-size:14px
}
.pages-postpage .pack .upload_list li {
	margin-top:19px
}
.pages-postpage .pack .upload_list .file_name {
	color:#333
}
.pages-postpage .pack .upload_list .edit {
	color:#333;
	margin-left:30px
}
.pages-postpage .pack .upload_list .delete {
	color:#a6a6a6;
	margin-left:20px
}
.pages-postpage .pack .clear {
	width:100%
}
.pages-postpage .verification {
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
.pages-postpage .verification .form_item_label {
	width:76px;
	line-height:30px;
	font-size:14px;
	font-weight:400;
	color:#333
}
.pages-postpage .verification .inputs {
	width:200px;
	height:42px;
	border-radius:2px
}
.pages-postpage .verification .inputs .el-input__inner {
	height:42px
}
.pages-postpage .verification .imgs {
	width:84px;
	height:42px;
	border-radius:2px;
	vertical-align:middle;
	display:inline-block;
	margin-left:8px;
	cursor:pointer
}
.pages-postpage .verification .imgs img {
	width:84px;
	height:42px
}
.pages-postpage .verification .sp {
	font-size:14px;
	font-weight:400;
	color:#a6a6a6;
	display:inline-block;
	margin-left:8px;
	cursor:pointer
}
.pages-postpage .postsbox {
	background-color:#fff!important
}
.pages-postpage .maxLength {
	max-width:100%!important;
	box-sizing:border-box
}
.pages-postpage .form_item_con {
	font-size:0
}
.pages-postpage .form_item_con .fenlei {
	display:flex;
	align-items:center
}
.pages-postpage .selected {
	display:inline-block;
	padding-left:20px
}
.pages-postpage .original {
	display:inline-block;
	margin-top:6px
}
.pages-postpage .posts_page .pack .upload_list {
	margin-left:76px!important
}
.pages-postpage .posts_page .el-checkbox__input.is-disabled+span.el-checkbox__label, .pages-postpage .posts_page .el-checkbox__input.is-disabled .el-checkbox__inner {
	cursor:pointer
}
.pages-postpage .posts_page .el-checkbox__input.is-disabled .el-checkbox__inner {
	border:1px solid #dcdfe6;
	background:#fff
}
.pages-postpage .posts_page .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
	background-color:#f40d04;
	border-color:#f40d04;
	cursor:pointer
}
.pages-postpage .posts_page .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
	border-color:#fff;
	cursor:pointer
}
.cto_form .original .is-checked .el-checkbox__label {
	color:#f40d04!important
}
.pages-posts-error .box {
	text-align:center;
	padding:100px 0 300px
}
.pages-posts-error .box>.title {
	text-align:center;
	padding:0 0 100px;
	color:#333;
	font-size:20px
}
.pages-posts-error .backhome {
	width:112px;
	height:36px;
	text-align:center;
	line-height:36px;
	border:1px solid #f40d04;
	background:#fff;
	display:inline-block;
	margin:0 30px
}
.pages-posts-error .backhome a, .pages-posts-error .backhome a:hover {
	color:#f40d04
}
.pages-post-id {
	background:#f6f7f8
}
.pages-post-id .directory {
	box-sizing:border-box;
	width:300px;
	background:#fff;
	margin-top:20px;
	padding-top:10px;
	padding-bottom:20px
}
.pages-post-id .directory .article_h3 {
	font-size:16px;
	font-weight:550;
	height:20px;
	line-height:20px;
	padding:10px 20px 0;
	color:#000
}
.pages-post-id .directory ul {
	box-sizing:border-box;
	max-height:400px;
	overflow-y:auto;
	overflow-x:hidden;
	border-radius:2px;
	background:#fff;
	padding:0 20px;
	margin-top:18px
}
.pages-post-id .directory ul::-webkit-scrollbar {
width:6px
}
.pages-post-id .directory li {
	padding:3px 0;
	font-size:14px
}
.pages-post-id .directory li .title {
	font-weight:400;
	position:relative
}
.pages-post-id .directory li a {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:20px;
	line-height:20px;
	color:#333
}
.pages-post-id .directory .on a, .pages-post-id .directory li :hover a {
	color:#3e71f6!important
}
.pages-post-id .directory .lv1 {
	font-weight:600
}
.pages-post-id .directory .lv2 {
	padding-left:10px
}
.pages-post-id .directory .lv3 {
	padding-left:20px
}
.pages-post-id .directory .lv4 {
	padding-left:30px
}
.pages-post-id .directory .lv5 {
	padding-left:40px
}
.pages-post-id .directory .lv6 {
	padding-left:50px
}
.pages-post-id .hide {
	display:none
}
.pages-post-id pre {
	outline:none
}
.pages-post-id .fix_recommend {
	position:fixed;
	top:244px;
	margin-top:0!important
}
.pages-post-id .once_recommend {
	position:fixed;
	top:212px;
	margin-top:0!important
}
.pages-post-id .active_table {
	position:fixed;
	top:110px
}
.pages-post-id .posts {
	margin:0 auto;
	width:1200px
}
.pages-post-id .posts .content .main {
	width:880px;
	float:left;
	position:relative
}
.pages-post-id .posts .content>.right {
	float:right;
	width:300px
}
.pages-posts-index .box {
	text-align:center;
	padding:100px 0 300px
}
.pages-posts-index .titlebox {
	padding:0 0 100px
}
.pages-posts-index .titlebox>.title {
	text-align:center;
	font-size:16px
}
.pages-posts-index .titlebox>.msg {
	padding-top:30px;
	font-weight:400;
	color:#666;
	font-size:16px;
	line-height:2
}
.pages-posts-index .backhome {
	width:112px;
	height:36px;
	text-align:center;
	line-height:36px;
	border:1px solid #f40d04;
	background:#fff;
	display:inline-block;
	margin:0 10px
}
.pages-posts-index .backhome a {
	color:#f40d04;
	font-size:16px;
	display:block
}
.pages-posts-index .backhome a:hover {
	color:#f40d04
}
.prestigebox {
	padding-top:102px;
	width:100%
}
.pages-prestige .current_task .task .title {
	color:#333;
	display:inline-block
}
.pages-prestige .current_task .task .desc {
	color:#555;
	display:inline-block
}
.pages-prestige .current_task .task .desc span {
	font-weight:700;
	color:#333;
	font-size:16px
}
.pages-prestige .current_task .days {
	border-top:1px solid #eee;
	padding-top:40px;
	margin-top:40px
}
.pages-prestige .current_task li:not(:first-child) {
margin-top:25px
}
.pages-prestige .current_task .lefts {
	display:inline-flex
}
.pages-prestige .current_task .title {
	font-size:16px;
	font-weight:400;
	color:#666;
	line-height:36px
}
.pages-prestige .current_task .desc {
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:36px;
	margin-left:10px
}
.pages-prestige .current_task .btn {
	width:100px;
	height:36px;
	background:#f40d04;
	border-radius:2px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	text-align:center;
	line-height:36px;
	float:right;
	cursor:pointer
}
.pages-prestige .current_task .btn.tense {
	background:#eee;
	color:#888;
	cursor:auto
}
.pages-prestige .tab_class {
	width:906px;
	margin:29px auto;
	cursor:pointer
}
.pages-prestige .tab_class .tolink {
	color:#333;
	font-size:14px;
	float:right;
	line-height:23px
}
.pages-prestige .tab_class span {
	color:#888;
	margin-right:30px;
	line-height:23px
}
.pages-prestige .tab_class .activity {
	color:#333;
	font-weight:700
}
.pages-prestige .pattern {
	width:906px;
	margin:0 auto;
	text-align:center
}
.pages-prestige .pattern .top {
	width:455px;
	margin:45px auto
}
.pages-prestige .pattern .top .tu {
	width:455px;
	height:11px
}
.pages-prestige .pattern .top .tu span {
	width:55px;
	height:22px;
	background:#494d51;
	color:#fefefe;
	border-radius:4px;
	display:inline-block;
	text-align:center;
	line-height:22px;
	font-family:Arial;
	font-size:14px;
	font-style:italic;
	font-weight:400
}
.pages-prestige .pattern .top .tu span:not(:last-child) {
margin-right:45px
}
.pages-prestige .pattern .top .tu .span_bebeyond {
	background:#eee;
	color:#555;
	position:relative
}
.pages-prestige .pattern .top .tu .tip_level {
	font-size:14px;
	color:#888;
	font-family:Arial;
	font-weight:400;
	position:absolute;
	top:25px;
	left:12px
}
.pages-prestige .pattern .top .di_lien {
	width:455px;
	height:2px;
	background:#eee
}
.pages-prestige .pattern .top .s_lien {
	height:2px;
	background:#494d51
}
.pages-prestige .pattern .sheng {
	color:#666;
	font-size:14px;
	margin:60px 0 30px
}
.pages-prestige .pattern .sheng span {
	color:#333
}
.pages-prestige .pattern .btn_levels {
	width:248px;
	background:#f40d04;
	border-radius:25px;
	text-align:center;
	line-height:20px;
	margin:30px auto;
	cursor:pointer;
	padding:5px 0
}
.pages-prestige .pattern .btn_levels span {
	font-size:16px;
	font-weight:400;
	color:#fff
}
.pages-prestige .pattern .btn_levels p {
	font-size:12px;
	font-weight:400;
	color:#fef2f2
}
.pages-prestige .table_list {
	display:table;
	position:relative
}
.pages-prestige .table_list .you {
	color:#666;
	font-size:14px;
	position:absolute;
	right:0;
	bottom:0;
	background:#fff;
	width:200px;
	height:510px;
	line-height:20px
}
.pages-prestige .table_list .you span {
	margin-top:218px;
	display:inline-block
}
.pages-prestige .center_page {
	text-align:center;
	margin-top:52px
}
.pages-prestige .small-pagination {
	display:inline-block
}
.pages-prestige .small-pagination .page_z {
	color:#9e9e9e;
	font-size:12px;
	font-family:Arial;
	font-weight:400;
	cursor:pointer
}
.pages-prestige .small-pagination .first_page {
	float:left
}
.pages-prestige .tab-head {
	width:100%
}
.pages-prestige .tab-head .bq {
	display:inline-block;
	font-size:16px;
	color:#333;
	margin-right:15px
}
.pages-prestige .tab-con {
	padding-top:10px
}
.pages-prestige .con {
	width:906px;
	margin:0 auto
}
.pages-prestige .tb {
	width:100%
}
.pages-prestige .tb .tr {
	width:100%;
	overflow:hidden
}
.pages-prestige .tb .tr.th {
	font-size:14px;
	color:#333
}
.pages-prestige .tb .tr.th .td {
	display:table-cell;
	vertical-align:middle;
	padding:20px 0;
	text-align:center!important
}
.pages-prestige .tb .tr .time {
	padding:20px 0
}
.pages-prestige .tb .tr .td {
	padding:20px 0;
	font-size:14px;
	color:#333;
	display:table-cell;
	vertical-align:middle;
	border-bottom:1px solid #eee
}
.pages-prestige .tb .tr .td .red {
	color:#f40d04
}
.pages-prestige .tb .tr .td.td1 {
	width:205px;
	text-align:left
}
.pages-prestige .tb .tr .td.td2 {
	width:495px;
	text-align:center
}
.pages-prestige .tb .tr .td.td3 {
	width:205px;
	text-align:center
}
.pages-prestige .box {
	margin-bottom:30px
}
.pages-prestige .box .box-top {
	padding:0 0 20px
}
.pages-prestige .box .box-top .title {
	font-size:16px;
	color:#333
}
.pages-prestige .box .box-con {
	font-size:12px;
	color:#757474;
	line-height:18px;
	padding-bottom:30px;
	border-bottom:1px solid #eee
}
.pages-prestige .box .box-con p {
	padding-bottom:10px
}
.pages-prestige .box .box-con.last {
	border-bottom:none
}
.pages-prestige .select_data {
	float:left;
	position:relative
}
.pages-prestige .select_data .prestige_number {
	color:#888;
	font-size:12px;
	padding-right:15px;
	padding-left:10px
}
.pages-prestige .pre_title {
	line-height:20px
}
.pages-prestige .small-pagination .el-pagination {
	text-align:center;
	color:#9e9e9e
}
.pages-prestige .small-pagination .el-pagination .btn-next, .pages-prestige .small-pagination .el-pagination .btn-prev {
	color:#9e9e9e
}
.pages-prestige .small-pagination .el-pager li, .pages-prestige .small-pagination .el-pagination .btn-next span, .pages-prestige .small-pagination .el-pagination .btn-prev span {
	font-size:12px
}
.pages-prestige .small-pagination .el-pager li.active, .pages-prestige .small-pagination .el-pager li:hover {
	color:#000
}
.pages-private {
	padding-top:102px
}
.pages-private .private_left {
	width:360px;
	height:0;
	background:#eee;
	float:left;
	position:relative
}
.pages-private .private-main {
	width:840px;
	margin-left:360px;
	height:0;
	position:relative
}
.pages-private .private_con {
	width:840px;
	height:100%;
	overflow-y:auto;
	background:#f8f8f8;
	float:right;
	position:relative
}
.pages-private .private_content {
	width:100%;
	padding:0
}
.pages-private .list {
	height:90%;
	overflow-y:auto
}
.pages-private .list .lis:not(:last-child) {
border-bottom:1px solid #f8f8f8
}
.pages-private .list .bg {
	background:#f8f8f8
}
.pages-private .list .lis {
	height:56px;
	padding:20px;
	cursor:pointer
}
.pages-private .list .lis:hover {
	background:#f8f8f8
}
.pages-private .list .lis .imgs {
	width:56px;
	height:56px;
	border-radius:50%;
	float:left
}
.pages-private .list .lis .tit_name {
	font-size:16px;
	font-weight:400;
	color:#333;
	margin-left:10px;
	line-height:30px;
	max-width:125px;
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.pages-private .list .lis .tit_time {
	font-size:14px;
	font-weight:400;
	color:#999;
	margin-left:10px;
	line-height:30px;
	float:right
}
.pages-private .list .lis .desc {
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:20px;
	max-width:252px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding-left:10px
}
.pages-private .list .lis .desc.mess {
	max-width:210px
}
.pages-private .list .lis .desc.dian {
	max-width:220px
}
.pages-private .list .lis .icon {
	padding:3px 6px;
	background:#f40d04;
	border-radius:50%;
	font-size:12px;
	font-weight:400;
	color:#fff;
	text-align:center;
	float:right;
	margin-top:-18px
}
.pages-private .list .lis .icon.ten {
	border-radius:13px
}
.pages-private .list .lis .icon_tip {
	width:8px;
	height:8px;
	background:#f40d04;
	border-radius:50%;
	float:right;
	margin-top:-13px
}
.pages-private .set {
	position:absolute;
	bottom:46px;
	left:50%;
	margin-left:-107.415px;
	width:100%
}
.pages-private .set_tip {
	width:172px;
	background:#fff;
	border-radius:2px;
	padding:21px 20px;
	margin-bottom:17px;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:14px
}
.pages-private .set_con {
	font-size:14px;
	font-weight:400;
	color:#333;
	position:fixed;
	bottom:30px
}
.pages-private .set_con span:not(:first-child) {
margin-left:16px
}
.pages-private .set_con span:not(:nth-child(2)) {
cursor:pointer
}
.pages-private .set_con .line {
	width:1px;
	height:10px;
	background:#ccc;
	display:inline-block
}
.pages-private .set_con i {
	font-size:14px;
	margin-right:6px
}
.pages-private .set_con .mt_l {
	margin-left:60px
}
.pages-private .set_con .privateset {
	cursor:pointer
}
.pages-private .nav {
	border-bottom:1px solid #eee;
	height:58px;
	line-height:58px;
	padding:0 20px;
	position:relative
}
.pages-private .nav span {
	font-size:20px;
	font-weight:400;
	color:#333;
	line-height:15px
}
.pages-private .nav i {
	float:right;
	cursor:pointer;
	color:#888
}
.pages-private .content {
	overflow-y:auto;
	padding:21px 20px 0
}
.pages-private .content .imgs {
	width:40px;
	height:40px;
	border-radius:50%
}
.pages-private .content .timer {
	font-size:12px;
	font-weight:400;
	color:#999;
	padding-bottom:29px;
	text-align:center
}
.pages-private .content .unread {
	overflow:hidden;
	width:100%;
	margin-bottom:40px
}
.pages-private .content .message {
	position:absolute;
	left:50%;
	bottom:180px;
	margin-left:-51px;
	cursor:pointer
}
.pages-private .content .message span {
	display:inline-block;
	width:102px;
	height:26px;
	background:rgba(0, 0, 0, .6);
	border-radius:13px;
	font-size:12px;
	font-weight:400;
	color:#fefefe;
	line-height:26px;
	text-align:center
}
.pages-private .content .message span i {
	font-size:12px
}
.pages-private .content .mess_top {
	position:absolute;
	top:72px;
	left:50%;
	margin-left:-51px;
	cursor:pointer
}
.pages-private .content .mess_top span {
	display:inline-block;
	width:102px;
	height:26px;
	background:rgba(0, 0, 0, .6);
	border-radius:13px;
	font-size:12px;
	font-weight:400;
	color:#fefefe;
	line-height:26px;
	text-align:center
}
.pages-private .content .mess_top span i {
	font-size:12px
}
.pages-private .content .lefts {
	margin-bottom:20px;
	float:left;
	width:100%
}
.pages-private .content .lefts .blo {
	border-radius:6px;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px;
	padding:13px 16px;
	background:#fff;
	display:inline-block;
	max-width:452px;
	margin-left:16px;
	margin-top:-3px;
	position:relative;
	word-break:break-all;
	white-space:pre-wrap;
	text-align:left
}
.pages-private .content .lefts .blo i {
	width:7px;
	height:7px;
	background:#fff;
	position:absolute;
	left:-3px;
	top:20px;
	transform:rotate(50deg);
	-ms-transform:rotate(50deg);
	-moz-transform:rotate(50deg);
	-webkit-transform:rotate(50deg);
	-o-transform:rotate(50deg)
}
.pages-private .content .lefts .imgs {
	float:left
}
.pages-private .content .lefts .con_img {
	display:inline-block;
	margin-left:20px
}
.pages-private .content .lefts .con_img .picture_vertical {
	max-width:171px!important
}
.pages-private .content .lefts .con_img .picture_wide {
	max-width:322px!important
}
.pages-private .content .rights {
	margin-bottom:20px;
	text-align:right;
	width:100%;
	float:right
}
.pages-private .content .rights .blo {
	border-radius:6px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:20px;
	padding:13px 16px;
	background:linear-gradient(90deg, #fd463c, #fd7561);
	display:inline-block;
	max-width:452px;
	margin-right:16px;
	margin-top:-3px;
	position:relative;
	word-break:break-all;
	white-space:pre-wrap;
	text-align:left
}
.pages-private .content .rights .blo i {
	width:7px;
	height:7px;
	background:linear-gradient(90deg, #fd7561, #fd463c);
	position:absolute;
	right:-3px;
	top:20px;
	transform:rotate(50deg);
	-ms-transform:rotate(50deg);
	-moz-transform:rotate(50deg);
	-webkit-transform:rotate(50deg);
	-o-transform:rotate(50deg)
}
.pages-private .content .rights .tip1s {
	font-size:12px;
	font-weight:400;
	color:#999;
	text-align:center;
	width:100%;
	margin-top:30px;
	margin-bottom:10px
}
.pages-private .content .rights .tip1s.none {
	display:none
}
.pages-private .content .rights .imgs {
	float:right
}
.pages-private .content .rights .con_img {
	display:inline-block;
	margin-right:20px
}
.pages-private .content .rights .con_img .picture_vertical {
	max-width:171px!important
}
.pages-private .content .rights .con_img .picture_wide {
	max-width:322px!important
}
.pages-private ::-webkit-scrollbar {
display:none
}
.pages-private .nav_tip {
	height:12px;
	padding:15px 10px;
	line-height:13px;
	top:42px
}
.pages-private .nav_tip, .pages-private .report-box {
	width:123px;
	background:#fff;
	border-radius:2px;
	font-size:14px;
	font-weight:400;
	color:#333;
	position:absolute;
	right:18px;
	z-index:1
}
.pages-private .report-box {
	height:42px;
	padding:0 10px;
	line-height:42px;
	top:84px
}
.pages-private .report-box.reportindex {
	z-index:auto
}
.pages-private .report-box .jubao {
	font-size:14px;
	padding:14px 0 0;
	float:left
}
.pages-private .report-box .report {
	border-top:1px solid #eee
}
.pages-private .private_footer {
	width:840px;
	height:160px;
	background:#fff;
	position:absolute;
	left:0;
	bottom:0
}
.pages-private .private_footer .icon {
	margin-top:6px
}
.pages-private .private_footer .icon i {
	margin-left:15px;
	cursor:pointer;
	color:#aaa;
	font-size:20px;
	color:#888;
	line-height:30px
}
.pages-private .private_footer .icon .bg_img {
	color:#aaa;
	cursor:auto
}
.pages-private .private_footer .btn-emoji {
	display:inline-block;
	position:relative
}
.pages-private .private_footer .btn-emoji .bg {
	color:#aaa
}
.pages-private .private_footer .btn-emoji .emojibox {
	height:160px;
	width:560px;
	position:absolute;
	bottom:31px;
	left:0;
	padding:0 3px;
	background:#fff;
	font-size:0;
	line-height:0
}
.pages-private .private_footer .btn-emoji .emojibox .emoji-btn {
	width:40px;
	height:40px;
	cursor:pointer;
	display:inline-block;
	border-radius:2px
}
.pages-private .private_footer .btn-emoji .emojibox .emoji-btn:hover {
	background:#ebebeb
}
.pages-private .private_footer .btn-emoji .emojibox .emoji-btn .imgbox {
	width:20px;
	height:20px;
	margin:10px auto
}
.pages-private .private_footer .btn-emoji .emojibox .emoji-btn .imgbox img {
	width:100%;
	float:left
}
.pages-private .private_footer .btn-emoji .emojibox .emoji-btn .txt {
	width:100%;
	height:18px;
	line-height:18px;
	text-align:center;
	font-size:14px;
	display:none
}
.pages-private .nofollow {
	text-align:center;
	margin-top:25px
}
.pages-private .nofollow .tips_sp {
	font-size:16px;
	font-weight:400;
	color:#888;
	vertical-align:middle
}
.pages-private .nofollow .tips_fo {
	display:inline-block;
	margin-left:20px;
	vertical-align:middle
}
.pages-private .private_btn {
	position:absolute;
	right:20px;
	bottom:10px
}
.pages-private .private_btn.op {
	opacity:.5
}
.pages-private .private_btn span {
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:35px
}
.pages-private .private_btn .btn {
	width:100px;
	height:40px;
	background:#f40d04;
	border-radius:2px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	display:inline-block;
	margin-left:7px
}
.pages-private .private_btn .btn.cu {
	cursor:auto
}
.pages-private .el-switch {
	float:right;
	margin-top:-4px
}
.pages-private .set_tip .el-switch {
	float:right;
	margin-top:-3px
}
.pages-private .el-switch__core {
	width:26px!important;
	height:16px
}
.pages-private .el-switch__core:after {
	width:13px;
	height:14px;
	top:0
}
.pages-private .el-switch.is-checked .el-switch__core:after {
	margin-left:-13px
}
.pages-private .el-image-viewer__img {
	border-radius:4px
}
.pages-private .el-icon-circle-close {
	margin-top:100px
}
.pages-private .private_footer .el-textarea__inner {
	height:75px;
	border:none;
	resize:none
}
.pages-private .link_a {
	margin-top:-15px
}
.pages-private .link_a a {
	display:inline-block;
	margin-left:-90px;
	color:#2034a0!important;
	font-size:14px
}
.pages-private .link_a a:hover {
	color:#2744e1!important
}
.pages-private .link_forth a {
	margin-left:0
}
.pages-question-id {
	padding-bottom:85px;
	background:#f6f7f8
}
.pages-question-id .buttons {
	display:block;
	width:90px;
	height:30px;
	background-color:#f40d04;
	text-align:center;
	line-height:30px;
	color:#fff;
	border-radius:2px;
	font-size:14px;
	float:left;
	cursor:pointer
}
.pages-question-id .title_input {
	width:100%
}
.pages-question-id .title_input .el-input__inner {
	padding-right:60px
}
.pages-question-id .search_con {
	width:95.6%;
	background:#f3f2f2;
	position:absolute;
	top:69px;
	left:0;
	z-index:12;
	padding:20px
}
.pages-question-id .tips {
	color:#a9a9a9!important;
	margin-bottom:10px;
	font-size:14px
}
.pages-question-id .search_con ul {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:10
}
.pages-question-id .search_con li {
	list-style:none;
	font-size:14px;
	font-weight:400;
	color:#666;
	line-height:27px
}
.pages-question-id .search_con li:hover {
	cursor:pointer;
	color:#f40d04
}
.pages-question-id .search_con .lower {
	font-size:16px;
	font-weight:400;
	color:#f40d04;
	line-height:30px;
	border-top:1px solid #fff;
	position:absolute;
	bottom:5px;
	text-align:center;
	line-height:40px!important;
	width:96%;
	cursor:pointer
}
.pages-question-id .search_con ul li span:first-child {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:810px;
	line-height:35px
}
.pages-question-id .title, .pages-question-id .title .title_input {
	position:relative
}
.pages-question-id .title .title_input .el-input__inner {
	padding-right:60px
}
.pages-question-id .title .title_input .numtxt {
	height:68px;
	line-height:68px;
	position:absolute;
	right:1px;
	top:1px;
	color:#888;
	background:#fff;
	padding:0 10px
}
.pages-question-id .rich_text-box {
	height:calc(100vh - 420px);
	background:#fff
}
.pages-question-id .rich_text {
	min-height:100%;
	max-height:100%;
	overflow:auto;
	box-sizing:border-box;
	padding:20px 30px
}
.pages-question-id .form_label .form_item_label {
	width:86px;
	height:42px;
	vertical-align:middle;
	float:left;
	margin-top:20px;
	line-height:42px;
	text-align:left
}
.pages-question-id .form_label .form_label_input {
	width:100%;
	height:42px;
	line-height:42px;
	background:#fff;
	margin-top:20px;
	font-size:0
}
.pages-question-id .form_label .form_label_input .show_select_tab {
	float:left;
	padding-left:6px
}
.pages-question-id .form_label .form_label_input .show_select_tab .label_list {
	display:inline-block;
	height:20px;
	line-height:20px;
	opacity:.9;
	border-radius:2px;
	background-color:#f6f6f6;
	color:#666;
	font-size:12px;
	margin:0 3px;
	padding:0 6px;
	vertical-align:middle
}
.pages-question-id .form_label .form_label_input .show_select_tab .label_list .input_value {
	position:relative;
	top:-1px
}
.pages-question-id .form_label .form_label_input .show_select_tab .label_list .hmgb {
	opacity:.4;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer;
	display:inline-block
}
.pages-question-id .form_label .form_label_input .from_show_input_box {
	display:inline-block
}
.pages-question-id .submit_form {
	box-shadow:0 -1px 5px 0 rgba(4, 0, 0, .05);
	padding:15px 0;
	position:fixed;
	width:100%;
	bottom:0;
	background-color:#fff;
	z-index:12
}
.pages-question-id .submit_form .select_btn {
	float:right
}
.pages-question-id .submit_form .select_btn .submit_btn {
	width:140px;
	height:40px;
	line-height:40px;
	font-size:16px;
	border:0;
	border-radius:2px;
	cursor:pointer
}
.pages-question-id .submit_form .select_btn .save_draft {
	background-color:#eee;
	color:#939393;
	margin-right:18px
}
.pages-question-id .submit_form .select_btn .release {
	background-color:#333;
	color:#fff
}
.pages-question-id .question-toolbar {
	background:#fff;
	margin-top:30px;
	z-index:11
}
.pages-question-id .question-toolbar .editor-toolbar-content {
	justify-content:space-around;
	padding:12px 20px 8px;
	box-sizing:border-box
}
.pages-question-id .title_input input {
	height:70px;
	line-height:normal;
	border-radius:2px;
	color:#333;
	font-size:28px;
	border:1px solid #eee
}
.pages-question-id .title_input input:focus, .pages-question-id .title_input input:hover {
	border:1px solid #eee
}
.pages-question-id .title_input input:focus {
	border-color:#eee!important
}
.pages-question-id .title_input .el-input .el-input__count {
	color:#aaa;
	font-size:16px
}
.pages-question-id .title_input .input_title {
	position:relative;
	font-size:14px;
	display:inline-block;
	width:100%
}
.pages-question-id .form_label_input input {
	height:42px;
	line-height:42px;
	border-radius:2px;
	color:#333;
	font-size:14px;
	border:none
}
.pages-question-id .form_label_input input:focus, .pages-question-id .form_label_input input:hover {
	border:none
}
.pages-question-id .form_label_input .el-input__inner {
	height:42px;
	line-height:normal;
	border-radius:2px
}
.pages-question-id .rich_text .tox .tox-toolbar, .pages-question-id .rich_text .tox .tox-toolbar__overflow, .pages-question-id .rich_text .tox .tox-toolbar__primary {
	background:#f3f3f3
}
.pages-question-index {
	padding-bottom:85px;
	background:#f6f7f8
}
.pages-question-index .buttons {
	display:block;
	width:90px;
	height:30px;
	background-color:#f40d04;
	text-align:center;
	line-height:30px;
	color:#fff;
	border-radius:2px;
	font-size:14px;
	float:left;
	cursor:pointer
}
.pages-question-index .title_input {
	width:100%
}
.pages-question-index .title_input .input_title {
	position:relative;
	font-size:14px;
	display:inline-block;
	width:100%
}
.pages-question-index .search_con {
	width:95.6%;
	background:#f3f2f2;
	position:absolute;
	top:69px;
	left:0;
	z-index:12;
	padding:20px
}
.pages-question-index .tips {
	color:#a9a9a9;
	margin-bottom:10px;
	font-size:14px
}
.pages-question-index .search_con ul {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:10
}
.pages-question-index .search_con ul li {
	list-style:none;
	font-size:14px;
	font-weight:400;
	color:#666;
	line-height:27px
}
.pages-question-index .search_con ul li:hover {
	cursor:pointer;
	color:#f40d04
}
.pages-question-index .search_con ul li span:first-child {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:810px;
	line-height:35px
}
.pages-question-index .title, .pages-question-index .title .title_input {
	position:relative
}
.pages-question-index .title .title_input .el-input__inner {
	padding-right:60px
}
.pages-question-index .title .title_input .numtxt {
	height:68px;
	line-height:68px;
	position:absolute;
	right:1px;
	top:1px;
	color:#888;
	background:#fff;
	padding:0 10px
}
.pages-question-index .rich_text-box {
	height:calc(100vh - 420px);
	background:#fff
}
.pages-question-index .rich_text {
	min-height:100%;
	max-height:100%;
	overflow:auto;
	box-sizing:border-box;
	padding:20px 30px
}
.pages-question-index .rich_text .tox .tox-toolbar, .pages-question-index .rich_text .tox .tox-toolbar__overflow, .pages-question-index .rich_text .tox .tox-toolbar__primary {
	background:#f3f3f3
}
.pages-question-index .form_label .form_item_label {
	width:86px;
	height:42px;
	vertical-align:middle;
	float:left;
	margin-top:20px;
	line-height:42px;
	text-align:left
}
.pages-question-index .form_label .form_label_input {
	width:100%;
	height:42px;
	line-height:42px;
	background:#fff;
	margin-top:20px;
	font-size:0
}
.pages-question-index .form_label .form_label_input .show_select_tab {
	float:left;
	padding-left:6px
}
.pages-question-index .form_label .form_label_input .show_select_tab .label_list {
	display:inline-block;
	height:20px;
	line-height:20px;
	opacity:.9;
	border-radius:2px;
	background-color:#f6f6f6;
	color:#666;
	font-size:12px;
	margin:0 3px;
	padding:0 6px;
	vertical-align:middle
}
.pages-question-index .form_label .form_label_input .show_select_tab .label_list .input_value {
	position:relative;
	top:-1px
}
.pages-question-index .form_label .form_label_input .show_select_tab .label_list .hmgb {
	opacity:.4;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer;
	display:inline-block
}
.pages-question-index .form_label .form_label_input .from_show_input_box {
	display:inline-block
}
.pages-question-index .verification {
	padding:20px 0
}
.pages-question-index .verification .form_item_label {
	width:86px;
	height:42px;
	vertical-align:middle;
	float:left;
	line-height:0;
	text-align:left
}
.pages-question-index .verification .inputs {
	width:200px;
	height:42px;
	border-radius:2px
}
.pages-question-index .verification .imgs {
	width:84px;
	height:42px;
	border-radius:2px;
	vertical-align:middle;
	display:inline-block;
	margin-left:8px;
	cursor:pointer
}
.pages-question-index .verification .imgs img {
	width:84px;
	height:40px
}
.pages-question-index .verification .sp {
	font-size:14px;
	font-weight:400;
	color:#a6a6a6;
	display:inline-block;
	margin-left:8px;
	cursor:pointer
}
.pages-question-index .submit_form {
	box-shadow:0 -1px 5px 0 rgba(4, 0, 0, .05);
	padding:15px 0;
	position:fixed;
	width:100%;
	bottom:0;
	background-color:#fff;
	z-index:12
}
.pages-question-index .submit_form .select_btn {
	float:right
}
.pages-question-index .submit_form .select_btn .submit_btn {
	width:140px;
	height:40px;
	line-height:40px;
	font-size:16px;
	border:0;
	border-radius:2px;
	cursor:pointer
}
.pages-question-index .submit_form .select_btn .save_draft {
	background-color:#eee;
	color:#939393;
	margin-right:18px
}
.pages-question-index .submit_form .select_btn .release {
	background-color:#333;
	color:#fff
}
.pages-question-index .question-toolbar {
	background:#fff;
	margin-top:30px;
	z-index:11
}
.pages-question-index .question-toolbar .editor-toolbar-content {
	justify-content:space-around;
	padding:12px 20px 8px;
	box-sizing:border-box
}
.pages-question-index .title_input input {
	height:70px;
	line-height:normal;
	border-radius:2px;
	color:#333;
	font-size:28px;
	border:1px solid #eee
}
.pages-question-index .title_input input:focus, .pages-question-index .title_input input:hover {
	border:1px solid #eee
}
.pages-question-index .title_input input:focus {
	border-color:#eee!important
}
.pages-question-index .title_input .el-input .el-input__count {
	color:#aaa;
	font-size:16px
}
.pages-question-index .form_label_input input {
	height:42px;
	line-height:42px;
	border-radius:2px;
	color:#333;
	font-size:14px;
	border:none
}
.pages-question-index .form_label_input input:focus, .pages-question-index .form_label_input input:hover {
	border:none
}
.pages-question-index .form_label_input .el-input__inner {
	height:42px;
	line-height:normal;
	border-radius:2px
}
.pages-question-success .box {
	text-align:center;
	padding:70px 0 143px
}
.pages-question-success .buttonbox {
	width:100%
}
.pages-question-success .msgbox {
	padding:0 0 50px
}
.pages-question-success .msg {
	padding-top:14px;
	color:#333;
	font-size:14px
}
.pages-question-success .desc {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:44px;
	max-width:536px;
	margin:20px auto 0
}
.pages-question-success .desc .sensitive_red {
	color:#e22228;
	word-break:break-all
}
.pages-question-success .desc a {
	font-weight:700;
	cursor:pointer
}
.pages-question-success .desc p {
	text-align:left;
	line-height:22px;
	margin-bottom:20px
}
.pages-question-success .desc p a {
	color:#000
}
.pages-question-success .desc p:last-child {
	margin-top:40px
}
.pages-question-success .title {
	text-align:center;
	color:#333;
	font-size:20px
}
.pages-question-success .backhome {
	width:140px;
	height:40px;
	text-align:center;
	line-height:40px;
	border:1px solid #f40d04;
	background:#fff;
	display:inline-block;
	margin:0 10px
}
.pages-question-success .backhome a {
	color:#f40d04;
	display:block
}
.pages-question-success .backhome a:hover {
	color:#f40d04
}
.pages-question-success .again {
	width:140px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#f40d04;
	border-radius:2px;
	border:1px solid #f40d04;
	display:inline-block;
	color:#fff;
	margin:0 10px
}
.pages-question-success .again a {
	color:#fff;
	display:block
}
.pages-question-success .again a:hover {
	color:#fff
}
.pages-question-success .textchain {
	margin:50px 0 40px
}
.pages-question-success .textchain a {
	font-size:14px;
	color:#000
}
.pages-question-success .sharecon {
	width:400px;
	display:inline-block;
	padding-top:40px
}
.pages-question-success .sharecon .share-title {
	color:#888;
	font-size:14px
}
.pages-question-success .sharecon .sharebox {
	text-align:center;
	padding-top:20px;
	position:relative
}
.pages-question-success .sharecon .sharebox .shareitem {
	width:30px;
	height:30px;
	display:inline-block;
	position:relative;
	margin:0 10px
}
.pages-question-success .sharecon .sharebox .shareitem .iconbox {
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:50%;
	background:#333;
	color:#fff;
	margin-right:10px;
	cursor:pointer
}
.pages-question-success .sharecon .sharebox .shareitem .iconbox .hmicon {
	color:#fff
}
.pages-question-success .sharecon .sharebox .shareitem .nocursor {
	cursor:auto
}
.pages-question-success .sharecon .sharebox .ewm {
	width:130px;
	height:130px;
	border:1px solid #eee;
	position:absolute;
	top:60px;
	left:50%;
	transform:translate(-50%)
}
.pages-question-success .sharecon .sharebox .ewm img {
	width:100%;
	height:100%
}
.questionbox {
	background:#f6f7f8
}
.pages-resource-index {
	padding-top:102px
}
.pages-resource-index .nav {
	width:100%;
	height:150px;
	background:#252a2f
}
.pages-resource-index .nav .box_con {
	position:relative
}
.pages-resource-index .nav .lis {
	padding-top:51px
}
.pages-resource-index .nav .lis .spans:first-child {
	border-radius:4px 0 0 4px
}
.pages-resource-index .nav .lis .spans:last-child {
	border-radius:0 4px 4px 0
}
.pages-resource-index .nav .lis .spans {
	width:130px;
	height:48px;
	background:rgba(208, 232, 220, .2);
	font-size:16px;
	color:#fff;
	line-height:48px;
	text-align:center;
	float:left;
	cursor:pointer
}
.pages-resource-index .nav .lis .spans .number {
	font-size:14px
}
.pages-resource-index .nav .lis .spans.active {
	background:#f40d04;
	font-weight:700
}
.pages-resource-index .nav .nav_btn {
	width:166px;
	height:48px;
	background:linear-gradient(90deg, #ff4f18, #f20000);
	border-radius:4px;
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:48px;
	text-align:center;
	position:absolute;
	right:0;
	top:51px;
	cursor:pointer
}
.pages-resource-index .hot {
	margin-top:72px;
	margin-bottom:30px
}
.pages-resource-index .hot .sp {
	font-size:20px;
	line-height:20px;
	font-weight:700;
	color:#333;
	margin-bottom:30px
}
.pages-resource-index .hot .uls {
	overflow:hidden
}
.pages-resource-index .hot li {
	padding:0 0 20px;
	max-height:780px;
	float:left;
	width:50%;
	overflow:hidden
}
.pages-resource-index .hot li .title {
	line-height:20px;
	font-size:16px;
	color:#333;
	max-width:550px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	float:left
}
.pages-resource-index .hot li .title a {
	color:#333
}
.pages-resource-index .hot li .title a:hover {
	color:#f40d04
}
.pages-resource-index .hot li .hui {
	padding-left:20px;
	font-size:14px;
	line-height:20px;
	color:#888;
	float:left
}
.pages-resources-id {
	background:#f6f7f8
}
.pages-resources-id .resources {
	margin:0 auto;
	padding-top:124px
}
.pages-resources-id .resources .content>.main {
	width:880px;
	float:left
}
.pages-resources-id .resources .content>.main .entrance {
	background:#fff;
	padding:1px 25px 25px;
	margin:20px 0
}
.pages-resources-id .resources .content>.main .resource-msg {
	margin-bottom:30px
}
.pages-resources-id .resources .content>.right {
	float:right;
	width:300px
}
.pages-resources-id .fabubox_resource {
	margin:30px 0
}
.pages-resources-id .fabubox_resource .fabu {
	width:100%;
	height:44px;
	line-height:44px;
	text-align:center;
	background:#f40d04;
	color:#fff;
	border-radius:2px;
	font-size:18px;
	cursor:pointer
}
.pages-resources-id .fabubox_resource .fabu .hmicon {
	font-size:40px;
	vertical-align:bottom
}
.pages-resources-id .comment-form {
	background-color:#fff;
	padding:30px 30px 0
}
.pages-resources-id .right-fixed-box {
	height:auto
}
.pages-resources-id .right-fixed-box.vue-fixed-header--isFixed {
	position:fixed;
	width:300px;
	top:90px
}
.pages-resources-id .nodata-wrap {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	height:240px;
	background:#fff
}
.pages-resources-id .nodata-wrap .img {
	width:110px;
	height:90px
}
.pages-resources-id .nodata-wrap .text {
	margin-top:10px;
	color:#ccc;
	font-size:14px
}
.pages-resources-id .comment-main {
	background-color:#fff
}
.pages-resources-id .comment-main .comment-top {
	padding-top:30px
}
.pages-resources-id .comment-main .comment-top .title.tnum {
	font-size:18px;
	line-height:18px;
	color:#333;
	padding-left:30px
}
.pages-resources-id .comment-main .comment-top .tnum {
	font-size:16px;
	line-height:16px;
	color:#888;
	float:left;
	margin-right:20px;
	cursor:pointer
}
.pages-resources-id .comment-main .comment-top .tnum.active {
	font-size:18px;
	line-height:18px;
	color:#333
}
.pages-resources-id .comment-main .comment-top .paix {
	float:right;
	line-height:30px
}
.pages-resources-id .comment-main .comment-top .paix .but {
	display:inline-block;
	color:#888;
	cursor:pointer
}
.pages-resources-id .comment-main .comment-top .paix .but.active {
	color:#333
}
.pages-resources-id .page-container {
	padding-bottom:54px
}
.pages-show-add {
	padding-top:50px
}
.pages-show-add .cover-img {
	width:180px;
	height:102px;
	float:left;
	margin-right:24px;
	color:#fff;
	line-height:102px;
	text-align:center
}
.pages-show-add .cover-img-gray {
	background-color:rgba(51, 51, 51, .5)
}
.pages-show-add .display_flex {
	display:flex
}
.pages-show-add .display_flex>.buttons {
	display:block;
	text-align:center;
	cursor:pointer;
	width:100px;
	height:36px;
	border:1px solid #7a7979;
	border-radius:4px;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:36px
}
.pages-show-add .display_flex .font_size {
	color:#888;
	font-size:14px;
	line-height:34px;
	float:left;
	margin-left:20px
}
.pages-show-add .display_flex .font_size span {
	font-size:14px;
	font-weight:400;
	color:#333;
	cursor:pointer;
	margin-left:9px
}
.pages-show-add .lh40 {
	line-height:40px
}
.pages-show-add .lh30 {
	line-height:30px
}
.pages-show-add .video {
	padding-top:102px
}
.pages-show-add .video .video-left {
	float:left;
	width:85px;
	color:#333;
	font-size:14px
}
.pages-show-add .video .video-right {
	width:1115px;
	float:left
}
.pages-show-add .fengmian {
	padding-top:30px
}
.pages-show-add .fengmian .fmleft {
	float:left;
	width:85px;
	color:#333;
	font-size:14px
}
.pages-show-add .fengmian .fmright {
	width:1115px;
	float:left
}
.pages-show-add .fengmian .fmright .con {
	background:#eee;
	padding:20px;
	margin-top:20px;
	overflow:hidden;
	box-sizing:border-box
}
.pages-show-add .biaoti {
	padding-top:30px
}
.pages-show-add .biaoti .biaoti-left {
	float:left;
	width:85px;
	color:#333;
	font-size:14px
}
.pages-show-add .biaoti .biaoti-right {
	width:1115px;
	float:left
}
.pages-show-add .cancle-upload {
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:50%;
	cursor:pointer;
	background:#eee;
	margin-right:27px;
	text-align:center;
	line-height:12px
}
.pages-show-add .cancle-upload .hmclose {
	display:inline-block;
	font-size:12px;
	color:#888;
	transform:scale(.5);
	font-weight:700
}
.pages-show-add .updatebox {
	width:320px;
	height:180px;
	background:#eee;
	border-radius:2px;
	float:left
}
.pages-show-add .updatebox .iconbox {
	width:320px;
	padding-top:60px
}
.pages-show-add .updatebox .iconbox .hmicon {
	font-size:40px
}
.pages-show-add .updatebox .iconbox .fline {
	width:100%;
	text-align:center;
	font-size:30px;
	color:#999
}
.pages-show-add .updatebox .iconbox .sline {
	width:100%;
	color:#555;
	text-align:center
}
.pages-show-add .updatebox .iconbox .sline i {
	color:#555;
	vertical-align:middle;
	padding-right:5px
}
.pages-show-add .progress {
	position:relative;
	width:595px;
	height:180px;
	float:left;
	margin-left:20px;
	font-size:14px
}
.pages-show-add .progress .desc {
	color:#a6a6a6;
	font-size:14px
}
.pages-show-add .progress .message {
	color:#a6a6a6
}
.pages-show-add .progress .message span {
	padding-right:25px
}
.pages-show-add .progress .error {
	color:#e63027
}
.pages-show-add .no_video {
	position:absolute;
	bottom:0;
	color:#e63027
}
.pages-show-add .no-cover {
	line-height:110px;
	text-align:center;
	color:#a6a6a6
}
.pages-show-add .progressbox {
	width:100%;
	height:20px
}
.pages-show-add .progressbox .progressbar {
	width:395px;
	height:4px;
	background:#eee;
	float:left;
	margin-top:4px
}
.pages-show-add .progressbox .progressbar .progressbar_inner {
	width:50%;
	height:4px;
	background:#f40d04
}
.pages-show-add .progressbox .progressicon {
	float:left;
	margin-left:10px;
	color:#888
}
.pages-show-add .progressbox .status {
	float:left;
	font-size:14px;
	color:#f40d04;
	margin-left:25px
}
.pages-show-add .progressbox .status.success {
	color:#f40d04
}
.pages-show-add .progressbox .status.fail {
	color:#e63027
}
.pages-show-add .status-text {
	color:#f40d04
}
.pages-show-add .status-err-text {
	color:#e63027
}
.pages-show-add .imgitem {
	width:180px;
	float:left;
	margin:0 30px 20px 0;
	border-radius:2px;
	overflow:hidden;
	position:relative
}
.pages-show-add .imgitem .imgbox {
	border-radius:2px
}
.pages-show-add .imgitem .imgbox .img {
	display:block;
	max-height:400px;
	max-width:180px;
	margin:0 auto
}
.pages-show-add .imgitem .radiobox {
	position:absolute;
	top:5px;
	right:10px
}
.pages-show-add .imgitem .radiobox .el-radio__label {
	display:none
}
.pages-show-add .el-upload__tip {
	color:#a6a6a6;
	font-size:14px;
	line-height:35px
}
.pages-show-add .submit {
	width:90px;
	height:34px;
	text-align:center;
	line-height:34px;
	background:#333;
	color:#fff;
	display:inline-block;
	border-radius:2px;
	margin-top:18px;
	cursor:pointer
}
.pages-show-add .submit-footer {
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	height:70px;
	z-index:99;
	background:#fff;
	text-align:right;
	box-shadow:0 -1px 5px 0 rgba(4, 0, 0, .05)
}
.pages-show-add .submit-footer .biaoti-right {
	float:left;
	margin-top:25px
}
.pages-show-add .bottomblock {
	width:100%;
	height:140px
}
.pages-show-add .el-radio__input.is-checked .el-radio__inner {
	border-color:#333;
	background:#333
}
.pages-show-add .el-radio__input.is-checked+.el-radio__label {
	color:#333
}
.pages-show-add .el-checkbox__input.is-checked .el-checkbox__inner {
	background-color:#333;
	border-color:#333
}
.pages-show-add .el-checkbox__input.is-checked+.el-checkbox__label {
	color:#333
}
.pages-show-add .chuan .el-upload-list, .pages-show-add .chuan .uploads {
	float:left
}
.pages-show-add .chuan .el-upload-list--picture .el-upload-list__item-thumbnail {
	height:102px
}
.pages-show-add .chuan .el-upload-list--picture .el-upload-list__item {
	width:180px;
	height:102px;
	padding:0;
	margin:0 20px 0 0;
	border:none;
	border-radius:2px;
	float:left
}
.pages-show-add .chuan .el-upload-list--picture .el-upload-list__item-thumbnail {
	margin:0;
	z-index:-1
}
.pages-show-add .upload-zl .el-upload__tip {
	display:inline-block;
	padding-left:20px;
	margin-top:0;
	line-height:32px
}
.pages-show-add .upload-zl .el-upload__tip a {
	color:#888
}
.pages-show-add .upload-zl .el-upload__tip a:hover {
	color:#f40d04
}
.pages-show-add .upload-zl .el-upload-list {
	width:440px
}
.pages-show-edit {
	padding-top:90px
}
.pages-show-edit .buttons {
	display:block;
	width:90px;
	height:30px;
	border:1px solid #f40d04;
	text-align:center;
	line-height:30px;
	color:#f40d04;
	border-radius:2px;
	font-size:14px;
	cursor:pointer
}
.pages-show-edit .font_size {
	color:#888;
	font-size:14px;
	line-height:34px;
	float:left;
	margin-left:20px
}
.pages-show-edit .font_size span {
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	cursor:pointer;
	margin-left:9px
}
.pages-show-edit .font_size span.diabledUpload {
	cursor:not-allowed;
	color:#888;
	opacity:.5
}
.pages-show-edit .display_flex {
	display:flex
}
.pages-show-edit .upload_list {
	font-size:14px;
	margin-left:90px
}
.pages-show-edit .upload_list li {
	margin-top:19px
}
.pages-show-edit .upload_list .file_name {
	color:#333
}
.pages-show-edit .upload_list .edit {
	color:#333;
	margin-left:30px
}
.pages-show-edit .upload_list .delete {
	color:#a6a6a6;
	margin-left:20px
}
.pages-show-edit .video {
	padding-top:60px
}
.pages-show-edit .video .video-left {
	float:left;
	width:85px;
	color:#333;
	font-size:14px
}
.pages-show-edit .video .video-right {
	width:1115px;
	float:left
}
.pages-show-edit .fengmian {
	padding-top:30px
}
.pages-show-edit .fengmian .fmleft {
	float:left;
	width:85px;
	color:#333;
	font-size:14px
}
.pages-show-edit .fengmian .fmright {
	width:1115px;
	float:left
}
.pages-show-edit .fengmian .fmright .con {
	background:#eee;
	padding:20px;
	margin-top:20px;
	overflow:hidden
}
.pages-show-edit .biaoti {
	padding-top:30px
}
.pages-show-edit .biaoti .biaoti-left {
	float:left;
	width:85px;
	color:#333;
	font-size:14px
}
.pages-show-edit .biaoti .biaoti-right {
	width:1115px;
	float:left
}
.pages-show-edit .lh40 {
	line-height:40px
}
.pages-show-edit .lh30 {
	line-height:30px
}
.pages-show-edit .rule {
	margin-left:20px;
	color:#999
}
.pages-show-edit .updatebox {
	width:320px;
	height:180px;
	background:#eee;
	border-radius:2px;
	float:left
}
.pages-show-edit .updatebox .iconbox {
	width:320px;
	padding-top:60px
}
.pages-show-edit .updatebox .iconbox .hmicon {
	font-size:40px
}
.pages-show-edit .updatebox .iconbox .fline {
	width:100%;
	text-align:center;
	font-size:30px;
	color:#999
}
.pages-show-edit .updatebox .iconbox .sline {
	width:100%;
	color:#555;
	text-align:center
}
.pages-show-edit .updatebox .iconbox .sline i {
	color:#555;
	vertical-align:middle;
	padding-right:5px
}
.pages-show-edit .progress {
	width:595px;
	float:left;
	margin-left:20px;
	margin-top:65px
}
.pages-show-edit .progress .message {
	font-size:14px;
	color:#a6a6a6
}
.pages-show-edit .progress .message span {
	padding-right:25px
}
.pages-show-edit .progressbox {
	width:100%;
	height:20px
}
.pages-show-edit .progressbox .progressbar {
	width:395px;
	height:4px;
	background:#eee;
	float:left;
	margin-top:4px
}
.pages-show-edit .progressbox .progressbar .progressbar_inner {
	width:50%;
	height:4px;
	background:#f40d04
}
.pages-show-edit .progressbox .progressicon {
	float:left;
	margin-left:10px;
	color:#888
}
.pages-show-edit .progressbox .status {
	float:left;
	font-size:14px;
	color:#f40d04;
	margin-left:25px
}
.pages-show-edit .progressbox .status.success {
	color:#f40d04
}
.pages-show-edit .progressbox .status.fail {
	color:#e63027
}
.pages-show-edit .imgitem {
	width:180px;
	float:left;
	margin:0 30px 20px 0;
	border-radius:2px;
	overflow:hidden;
	position:relative
}
.pages-show-edit .imgitem .imgbox {
	border-radius:2px
}
.pages-show-edit .imgitem .imgbox .img {
	display:block;
	max-height:400px;
	max-width:180px;
	margin:0 auto
}
.pages-show-edit .imgitem .radiobox {
	position:absolute;
	top:5px;
	right:10px
}
.pages-show-edit .imgitem .radiobox .el-radio__label {
	display:none
}
.pages-show-edit .el-upload__tip {
	color:#a6a6a6;
	font-size:14px;
	line-height:35px
}
.pages-show-edit .submit {
	width:90px;
	height:34px;
	text-align:center;
	line-height:34px;
	background:#f40d04;
	color:#fff;
	display:inline-block;
	border-radius:2px;
	margin-top:18px;
	cursor:pointer;
	outline:none;
	border:none
}
.pages-show-edit .submit-footer {
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	height:70px;
	z-index:99;
	background:#fff;
	text-align:right;
	box-shadow:0 -1px 5px 0 rgba(4, 0, 0, .05)
}
.pages-show-edit .submit-footer .biaoti-right {
	margin-top:25px;
	float:left
}
.pages-show-edit .bottomblock {
	width:100%;
	height:140px
}
.pages-show-edit .chuan .el-upload-list {
	float:left
}
.pages-show-edit .chuan .el-upload-list--picture .el-upload-list__item-thumbnail {
	height:102px
}
.pages-show-edit .chuan .el-upload-list--picture .el-upload-list__item {
	width:180px;
	height:102px;
	padding:0;
	margin:0 20px 0 0;
	border:none;
	border-radius:2px;
	float:left
}
.pages-show-edit .chuan .el-upload-list--picture .el-upload-list__item-thumbnail {
	margin:0;
	z-index:-1
}
.pages-show-edit .upload-zl .el-upload__tip {
	display:inline-block;
	padding-left:20px;
	margin-top:0;
	line-height:32px
}
.pages-show-edit .upload-zl .el-upload__tip a {
	color:#888
}
.pages-show-edit .upload-zl .el-upload__tip a:hover {
	color:#f40d04
}
.pages-show-edit .upload-zl .el-upload-list {
	width:440px
}
.pages-show-edit .diabledUpload {
	background-color:#f40d04;
	opacity:.5;
	color:#fff
}
.pages-show-edit .chuan .uploads {
	margin-top:4px;
	float:left
}
.pages-show-edit .cover-img {
	width:180px;
	height:102px;
	float:left;
	margin-right:24px;
	color:#fff;
	line-height:102px;
	text-align:center
}
.pages-show-edit .cover-img-gray {
	background-color:rgba(51, 51, 51, .5)
}
.pages-show-id {
	background:#f6f7f8
}
.pages-show-id .add-show {
	color:#fff
}
.pages-show-id .show {
	margin:0 auto;
	padding-top:127px
}
.pages-show-id .show .content>.main {
	width:880px;
	float:left
}
.pages-show-id .show .content>.main .entrance {
	background:#fff;
	padding:1px 25px 25px;
	margin:20px 0
}
.pages-show-id .show .content>.main .nodatabox {
	background:#fff;
	padding-bottom:80px
}
.pages-show-id .show .content>.right {
	float:right;
	width:300px
}
.pages-show-id .publish .fabu {
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#fff;
	color:#f40d04;
	border-radius:2px;
	font-size:18px;
	cursor:pointer
}
.pages-show-id .publish .fabu .hmicon {
	font-size:40px;
	vertical-align:bottom
}
.pages-show-id .publish .fabu .item {
	display:inline-block;
	height:50px;
	line-height:50px
}
.pages-show-id .comment-form {
	background-color:#fff;
	padding:30px;
	margin-top:20px
}
.pages-show-id .right-fixed-box {
	height:auto;
	margin-bottom:20px
}
.pages-show-id .right-fixed-box.vue-fixed-header--isFixed {
	position:fixed;
	width:300px;
	top:90px
}
.pages-show-id .comment-main {
	background-color:#fff
}
.pages-show-id .page-container {
	padding-bottom:54px
}
.pages-show-index {
	overflow:hidden;
	padding-top:102px
}
.pages-show-index .head {
	height:200px
}
.pages-show-index img.banner {
	display:block;
	width:100%;
	margin:0 auto
}
.pages-show-index .main .show_list {
	height:38px;
	line-height:38px;
	padding:20px 0
}
.pages-show-index .main .show_list .rate {
	font-size:0;
	display:inline-block
}
.pages-show-index .main .show_list .rate span {
	font-size:14px;
	color:#888;
	cursor:pointer
}
.pages-show-index .main .show_list .rate span.current {
	color:#000;
	font-weight:600
}
.pages-show-index .main .show_list .rate em {
	display:inline-block;
	width:1px;
	height:12px;
	background-color:#888;
	margin:0 10px
}
.pages-show-index .main .show_list .release {
	float:right;
	width:120px;
	height:38px;
	line-height:38px;
	background:linear-gradient(90deg, #ff4f18, #f20000);
	font-size:16px;
	color:#fff;
	text-align:center;
	border-radius:2px
}
.pages-show-index .show-item-box {
	overflow:hidden
}
.pages-show-index .show-item-wrapper {
	float:left
}
.pages-search {
	min-height:700px;
	padding-top:102px;
	padding-bottom:52px
}
.pages-search .search_page {
	background-color:#eee;
	height:150px;
	padding:53px 0 51px;
	box-sizing:border-box
}
.pages-search em {
	color:#e63027
}
.pages-search .show_advertising {
	margin-top:60px;
	margin-bottom:100px
}
.pages-search .show_advertising .img {
	display:inline-block;
	width:906px;
	height:90px
}
.cto_study {
	padding-top:102px
}
.cto_study .xk_class {
	padding-bottom:14px
}
.cto_study .xk_class .xk_sj {
	width:960px;
	float:left
}
.cto_study .xk_class .xk_sj header {
	padding:29px 0 20px
}
.cto_study .xk_class .xk_sj header .class_title {
	font-size:26px;
	color:#424242;
	display:inline-block;
	vertical-align:middle
}
.cto_study .xk_class .xk_sj header .tip {
	display:inline-block;
	width:144px;
	height:22px;
	line-height:22px;
	background-image:url(/new_class_tip.png);
	background-repeat:no-repeat;
	background-size:cover;
	color:#f43c3d;
	font-size:14px;
	text-align:center;
	vertical-align:middle
}
.cto_study .xk_class .xk_phb {
	width:226px;
	float:right
}
.cto_study .xk_class .xk_phb header .hmicon {
	display:inline-block;
	width:15px;
	height:13px;
	background-image:url(/xk_rm.png);
	background-repeat:no-repeat;
	background-size:cover;
	margin:0 5px 0 15px
}
.cto_study .xk_class .xk_phb header .class_board {
	padding:43px 0 16px
}
.pages-team {
	overflow:hidden;
	padding-top:102px
}
.pages-team>.head {
	height:150px;
	background-size:100% auto
}
.pages-team img.banner {
	display:block;
	width:100%;
	margin:0 auto
}
.pages-team .main .content {
	margin-top:-44px;
	margin-bottom:67px;
	padding-bottom:50px;
	width:1200px;
	background:#fff;
	box-shadow:0 10px 10px 0 hsla(0, 0%, 53.3%, .1);
	border-radius:4px
}
.pages-team .main .team-item-box {
	padding:0 29px
}
.pages-team .main .team-item-box .useritembox {
	width:1142px;
	height:70px;
	padding-bottom:60px
}
.pages-team .main .team-item-box .useritembox.last {
	padding-bottom:0
}
.pages-team .main .titlebox {
	width:100%;
	height:90px
}
.pages-team .main .titlebox .title {
	width:50%;
	float:left;
	padding-top:20px;
	padding-left:29px
}
.pages-team .main .titlebox .title .title-txt {
	font-size:18px;
	font-weight:700;
	color:#333;
	line-height:1
}
.pages-team .main .titlebox .title-right {
	width:30%;
	float:right;
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	padding-top:22px;
	padding-right:29px;
	text-align:right
}
.pages-team .main .titlebox .title-right a {
	color:#f40d04
}
.pages-upresources {
	width:100%
}
.pages-upresources .resourceCon {
	padding-top:92px;
	padding-bottom:70px
}
.pages-upresources .resourceCon .forms {
	display:inline-block;
	max-width:920px;
	margin-right:38px
}
.pages-upresources .resourceCon .forms .inputs {
	width:200px;
	height:42px;
	border-radius:2px
}
.pages-upresources .resourceCon .forms .imgs {
	width:84px;
	height:42px;
	border-radius:2px;
	vertical-align:middle;
	display:inline-block;
	margin-left:8px;
	cursor:pointer
}
.pages-upresources .resourceCon .forms .imgs img {
	width:84px;
	height:40px
}
.pages-upresources .resourceCon .forms .sp {
	font-size:14px;
	font-weight:400;
	color:#a6a6a6;
	display:inline-block;
	margin-left:8px;
	cursor:pointer
}
.pages-upresources .resourceCon .rights {
	max-width:220px;
	display:inline-block;
	vertical-align:top
}
.pages-upresources .resourceCon .rights .title {
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:32px
}
.pages-upresources .resourceCon .rights .right_con {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:28px
}
.pages-upresources .resourceCon .rights .right_con li {
	list-style:none
}
.pages-upresources .resourceCon .rights .right_con a {
	color:#f40d04
}
.pages-upresources .resourceCon .upload_btn {
	text-align:center;
	width:110px;
	height:40px;
	background:#f40d04;
	border-radius:2px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:40px;
	display:inline-block;
	margin-right:14px
}
.pages-upresources .resourceCon .upload_desc {
	font-size:14px;
	font-weight:400;
	color:#a6a6a6;
	line-height:32px;
	margin-left:14px
}
.pages-upresources .resourceCon .progress-wrap {
	display:flex;
	align-items:center
}
.pages-upresources .resourceCon .progress-wrap .upload-progress {
	width:400px
}
.pages-upresources .resourceCon .progress-wrap .progress-text {
	margin-left:20px;
	font-size:14px;
	color:#aaa
}
.pages-upresources .resourceCon .progress-wrap .resolve {
	color:#f40d04
}
.pages-upresources .nav_top {
	width:100%;
	height:72px;
	background:#fff;
	position:fixed;
	z-index:1005;
	right:0;
	left:0;
	box-shadow:0 0 10px rgba(24, 23, 23, .1)
}
.pages-upresources .nav_top .w {
	height:100%
}
.pages-upresources .nav_top .w .logo {
	float:left
}
.pages-upresources .nav_top .w .logo .logo_tit {
	font-size:0;
	margin-right:30px;
	float:left
}
.pages-upresources .nav_top .w .logo .logo_tit a {
	width:100%;
	height:72px;
	display:table-cell;
	vertical-align:middle
}
.pages-upresources .nav_top .w .logo .logo_tit img {
	height:40px
}
.pages-upresources .nav_top .w .logo .str {
	float:left;
	font-size:22px;
	font-weight:700;
	color:#333;
	border-left:1px solid #fff;
	height:20px;
	padding-left:30px;
	margin-top:27px
}
.pages-upresources .nav_top .w .top_right {
	float:right
}
.pages-upresources .nav_top .w .top_right .persion_img {
	float:right;
	height:72px;
	width:32px
}
.pages-upresources .nav_top .w .top_right img {
	width:32px;
	height:32px;
	border-radius:50%;
	float:right;
	margin:20px 0 0
}
.pages-upresources .submit_form {
	box-shadow:0 -1px 5px 0 rgba(4, 0, 0, .05);
	padding:0;
	height:70px;
	position:fixed;
	width:100%;
	bottom:0;
	background-color:#fff;
	z-index:1201
}
.pages-upresources .submit_form .select_btn {
	float:right
}
.pages-upresources .submit_form .select_btn .publish {
	width:90px;
	height:34px;
	margin-top:18px;
	background:#333;
	border-radius:2px;
	font-size:14px;
	color:#fff;
	line-height:34px;
	text-align:center;
	cursor:pointer
}
.pages-upresources .editer-content .el-form-item__content {
	line-height:1;
	border:1px solid rgba(0, 0, 0, .05)
}
.pages-upresources .upload-toolbar .editor-toolbar-content {
	padding:10px 20px 8px;
	box-sizing:border-box;
	justify-content:space-around
}
.pages-upresources .rich_text {
	min-height:360px;
	box-sizing:border-box;
	padding:20px 30px
}
.pages-user-fan .mine {
	width:1200px;
	margin:0 auto
}
.pages-user-fan .mine .left {
	width:905px;
	float:left
}
.pages-user-fan .mine .right {
	float:right;
	width:265px
}
.pages-user-fan .tab-head {
	width:100%
}
.pages-user-fan .tab-head .bq {
	display:inline-block;
	font-size:14px;
	color:#757474;
	margin-right:15px;
	cursor:pointer
}
.pages-user-fan .tab-head .bq.active {
	font-size:16px;
	color:#333
}
.pages-user-fan .tab-head .tj {
	float:right
}
.pages-user-fan .tab-con {
	margin-top:10px
}
.pages-posts-id .tab-head {
	width:100%
}
.pages-posts-id .tab-head .bq {
	display:inline-block;
	font-size:18px;
	color:#757474;
	margin-right:19px;
	cursor:pointer
}
.pages-posts-id .tab-head .bq.active {
	font-size:18px;
	color:#333;
	font-weight:700
}
.pages-posts-id .tab-head .bq .num {
	font-size:16px
}
.pages-posts-id .tab-head .tj {
	float:right
}
.pages-posts-id .tab-head .tj .el-checkbox__label {
	padding-left:5px
}
.pages-posts-id .tab-head .tj .el-checkbox {
	margin-right:0
}
.pages-posts-id .tab-head .tj .el-checkbox:nth-child(odd) {
margin-right:30px
}
.pages-posts-id .tab-con {
	padding-top:10px
}
.pages-posts-id .none {
	text-align:center;
	font-size:14px;
	padding:140px 0;
	color:#9d9d9d
}
.pages-posts-id .none a {
	color:#f40d04
}
.pages-posts-id .cto_pagination {
	margin-top:54px
}
.pages-posts-id .hmlive-item {
	margin-top:30px
}
.pages-posts-id .hmlive-item .pending-item_img {
	width:300px;
	max-width:300px;
	min-width:300px;
	height:170px
}
.pages-user {
	padding-top:102px
}
.pages-user .persion_detail {
	padding-top:30px
}
.pages-user .persion_detail .left {
	width:905px;
	float:left
}
.pages-user .persion_detail .right {
	float:right;
	width:265px;
	position:relative
}
.tab-head {
	margin-bottom:30px
}
.tab-head .bq {
	position:relative
}
.tab-head .bq, .tab-head .bq.active .tabitemname {
	font-weight:700
}
.tab-head .bq.active:after {
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background-color:#fb2f29;
	bottom:-16px;
	left:0
}
.tab-head .bq .bq-num {
	font-weight:400;
	font-size:16px
}
.tab-head .bq .tabitemname {
	font-size:18px;
	font-weight:400
}
.tab-head .bq .sp-iconbox {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:5px;
	font-size:18px
}
.tab-head .bq .sp-iconbox .sp-icon {
	width:18px;
	height:18px;
	display:inline-block;
	position:absolute;
	top:-2px;
	left:-1px;
	background:url(https://s2.51cto.com/media/ost/sp/wofadetiezi@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq .sp-iconbox .sp-icon.sp-icon-1 {
	background:url(https://s2.51cto.com/media/ost/sp/jiangbei@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq .sp-iconbox .sp-icon.sp-icon-2 {
	background:url(https://s2.51cto.com/media/ost/sp/shipin@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq .sp-iconbox .sp-icon.sp-icon-3 {
	background:url(https://s2.51cto.com/media/ost/sp/ziyuan152@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq .sp-iconbox .sp-icon.sp-icon-4 {
	background:url(https://s2.51cto.com/media/ost/sp/xinrenkecheng@2x.png) no-repeat;
	background-size:100%;
	top:-1px
}
.tab-head .bq .sp-iconbox .sp-icon.sp-icon-5 {
	background:url(https://s2.51cto.com/media/ost/sp/wenda@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq .sp-iconbox .sp-icon.sp-icon-6 {
	background:url(https://s2.51cto.com/media/ost/sp/zk1.png) no-repeat;
	background-size:100%
}
.tab-head .bq .sp-iconbox .sp-icon.sp-icon-7 {
	background:url(https://s2.51cto.com/media/ost/sp/darenxiu-1.png) no-repeat;
	background-size:100%
}
.tab-head .bq.active, .tab-head .bq:hover {
	color:#fb2f29!important
}
.tab-head .bq.active .sp-icon, .tab-head .bq:hover .sp-icon {
	background:url(https://s2.51cto.com/media/ost/sp/wofadetiezi-1@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq.active .sp-icon.sp-icon-1, .tab-head .bq:hover .sp-icon.sp-icon-1 {
	background:url(https://s2.51cto.com/media/ost/sp/jiangbei-1@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq.active .sp-icon.sp-icon-2, .tab-head .bq:hover .sp-icon.sp-icon-2 {
	background:url(https://s2.51cto.com/media/ost/sp/shipin-1@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq.active .sp-icon.sp-icon-3, .tab-head .bq:hover .sp-icon.sp-icon-3 {
	background:url(https://s2.51cto.com/media/ost/sp/ziyuan152-1@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq.active .sp-icon.sp-icon-4, .tab-head .bq:hover .sp-icon.sp-icon-4 {
	background:url(https://s2.51cto.com/media/ost/sp/xinrenkecheng-1@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq.active .sp-icon.sp-icon-5, .tab-head .bq:hover .sp-icon.sp-icon-5 {
	background:url(https://s2.51cto.com/media/ost/sp/wenda-1@2x.png) no-repeat;
	background-size:100%
}
.tab-head .bq.active .sp-icon.sp-icon-6, .tab-head .bq:hover .sp-icon.sp-icon-6 {
	background:url(https://s2.51cto.com/media/ost/sp/zk2.png) no-repeat;
	background-size:100%
}
.tab-head .bq.active .sp-icon.sp-icon-7, .tab-head .bq:hover .sp-icon.sp-icon-7 {
	background:url(https://s2.51cto.com/media/ost/sp/darenxiu-2.png) no-repeat;
	background-size:100%
}
.user-loading {
	height:40px;
	line-height:40px;
	text-align:center;
	color:#aaa;
	font-size:14px;
	font-weight:400;
	margin:75px auto 36px
}
.activity_recom {
	padding:28px 25px 25px 29px;
	box-sizing:border-box;
	box-shadow:0 1px 8px 0 #eee
}
.activity_recom header {
	height:16px;
	line-height:16px;
	margin-bottom:10px
}
.activity_recom header .view_title {
	font-size:16px;
	color:#333;
	display:inline
}
.activity_recom header .more {
	font-size:12px;
	color:#888;
	float:right
}
.activity_recom main .activity_recom_detail .list {
	display:inline-block;
	margin-top:15px
}
.components-activity-share .share_activity {
	float:left;
	cursor:pointer
}
.components-activity-share .share_activity .fitem {
	position:relative;
	width:90px
}
.components-activity-share .share_activity .fitem .share_title {
	width:88px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#333;
	font-size:16px;
	border:1px solid #333;
	border-radius:2px
}
.components-activity-share .share_activity .fitem:hover .share_title {
	border-bottom:0
}
.components-activity-share .share_activity .fitem:hover .sharebox {
	display:block
}
.components-activity-share .share_activity .sharebox {
	position:absolute;
	display:none;
	z-index:999;
	left:0;
	width:100%;
	height:auto;
	box-sizing:border-box;
	border:1px solid #333;
	text-align:center;
	line-height:30px;
	background:#fff;
	font-size:14px;
	color:#333;
	cursor:pointer
}
.components-activity-share .share_activity .sharebox .shareitem {
	width:100%;
	height:22px;
	line-height:22px;
	padding-top:10px;
	cursor:pointer
}
.components-activity-share .share_activity .sharebox .shareitem .iconbox {
	float:left;
	width:22px;
	height:22px;
	line-height:22px;
	border-radius:50%;
	background:#333;
	color:#fff;
	margin-left:10px
}
.components-activity-share .share_activity .sharebox .shareitem .hmicon {
	font-size:14px;
	color:#fff
}
.components-activity-share .share_activity .sharebox .shareitem .text {
	width:30px;
	text-align:left;
	float:left;
	font-size:14px;
	margin-left:10px
}
.components-activity-share .share_activity .sharebox .ewm {
	width:60px;
	height:60px;
	margin:10px auto
}
.components-activity-share .share_activity .sharebox .ewm img {
	width:100%;
	height:100%
}
.components-activity-share .btnshare {
	position:relative;
	float:left;
	line-height:18px
}
.components-activity-share .btnshare .title {
	font-size:14px;
	color:#333;
	margin-right:20px;
	cursor:pointer
}
.components-activity-share .btnshare .title i {
	margin-right:8px
}
.components-activity-share .btnshare:hover .btnsharebox {
	display:block
}
.components-activity-share .btnshare .btnsharebox {
	position:absolute;
	display:none;
	z-index:999;
	left:-20px;
	top:18px;
	padding-top:10px;
	width:102px
}
.components-activity-share .btnshare .sharebox {
	width:100px;
	height:auto;
	border:1px solid #ddd;
	text-align:center;
	line-height:30px;
	background:#fff;
	font-size:14px;
	color:#333
}
.components-activity-share .btnshare .sharebox .shareitem {
	width:100%;
	height:22px;
	line-height:22px;
	padding-top:10px
}
.components-activity-share .btnshare .sharebox .shareitem .iconbox {
	width:22px;
	height:22px;
	line-height:22px;
	border-radius:50%;
	background:#333;
	color:#fff;
	margin-left:20px;
	float:left;
	cursor:pointer
}
.components-activity-share .btnshare .sharebox .shareitem .iconbox .hmicon {
	font-size:14px;
	color:#fff;
	padding:0
}
.components-activity-share .btnshare .sharebox .shareitem .text {
	width:30px;
	text-align:left;
	float:left;
	font-size:14px;
	margin-left:10px
}
.components-activity-share .btnshare .sharebox .ewm {
	width:60px;
	height:60px;
	margin:10px auto
}
.components-activity-share .btnshare .sharebox .ewm img {
	width:100%;
	height:100%
}
.corse_item .corse_list .list {
	width:240px;
	box-sizing:border-box;
	display:inline-block;
	border:1px solid #e7e7e7;
	margin-bottom:36px
}
.corse_item .corse_list .list:not(:nth-child(4n)) {
margin-right:21px
}
.corse_item .corse_list .list .img {
	width:240px;
	height:132px;
	position:relative
}
.corse_item .corse_list .list .img .cut_item {
	position:absolute;
	top:0;
	display:inline-block;
	width:70px;
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff;
	font-size:12px
}
.corse_item .corse_list .list .img .cut_off {
	right:0;
	background-color:#000;
	opacity:.5
}
.corse_item .corse_list .list .img .cut_open {
	left:0;
	background-color:#f40d04;
	border-radius:0 0 2px 0
}
.corse_item .corse_list .list .img img {
	width:100%;
	height:100%
}
.corse_item .corse_list .list .content {
	border-bottom:1px solid #e7e7e7
}
.corse_item .corse_list .list .content .title {
	width:206px;
	height:37px;
	line-height:18px;
	font-size:16px;
	color:#212121;
	overflow:hidden;
	word-break:break-all;
	padding:28px 18px 0 16px
}
.corse_item .corse_list .list .content .title:hover {
	color:#f40d04
}
.corse_item .corse_list .list .content .title a {
	color:#212121
}
.corse_item .corse_list .list .content .time {
	font-size:12px;
	color:#9e9e9e;
	padding:15px 0 15px 16px
}
.corse_item .corse_list .list .bottom {
	font-size:14px;
	padding:15px 18px 15px 16px
}
.corse_item .corse_list .list .bottom .btn {
	display:inline-block;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer
}
.corse_item .corse_list .list .bottom .offline_reg {
	color:#9e9e9e
}
.corse_item .corse_list .list .bottom .register_now0, .corse_item .corse_list .list .bottom .register_now2, .corse_item .corse_list .list .bottom .register_now3, .corse_item .corse_list .list .bottom .register_now5, .corse_item .corse_list .list .bottom .register_now6, .corse_item .corse_list .list .bottom .register_now7 {
	border:1px solid #f40d04;
	background-color:#fff;
	color:#f40d04;
	border-radius:2px;
	width:84px;
	float:right
}
.corse_item .corse_list .list .bottom .register_now1 {
	color:#f40d04;
	background-color:#e8e9e9;
	border-radius:2px;
	width:84px;
	float:right
}
.corse_item .corse_list .list .bottom .register_now4 {
	color:#212121;
	background-color:#e7e9eb;
	border-radius:2px;
	width:84px;
	float:right
}
.corse_item .corse_list .list .bottom .activity_end {
	width:84px;
	height:30px;
	border-radius:5px;
	text-align:center;
	line-height:30px;
	background:#e7e7e7;
	color:#000;
	float:right
}
.corse_item .corse_list .list .bottom .activity_sign {
	width:84px;
	height:30px;
	border-radius:5px;
	text-align:center;
	line-height:30px;
	color:#45a385;
	background-color:#e5f5f2;
	float:right
}
.corse_item .more {
	color:#888;
	font-size:14px;
	text-align:center;
	padding:135px 0 300px
}
.corse_item .no_click {
	color:#45a385!important;
	background-color:#e5f5f2!important
}
.corse_item .hover_click {
	cursor:pointer
}
.corse_tabs {
	position:relative
}
.corse_tabs .tbs {
	position:absolute;
	right:0;
	top:14px;
	z-index:5
}
.corse_tabs .tbs span {
	color:#666;
	font-size:12px;
	cursor:pointer
}
.corse_tabs .more {
	color:#888;
	font-size:14px;
	text-align:center;
	padding:135px 0 300px
}
.corse_tabs .el-tabs__item {
	font-size:16px;
	padding:0 21px
}
.corse_tabs .el-tabs__active-bar.is-top {
	height:3px;
	border-radius:2px
}
.corse_tabs .el-tabs__nav-wrap:after {
	background-color:#eee
}
.corse_tabs .el-checkbox__label {
	font-size:12px;
	color:#666!important;
	padding-left:5px
}
.corse_tabs span.el-checkbox__inner {
	width:12px;
	height:13px
}
.new_activity {
	padding:40px 0 1px;
	position:relative
}
.new_activity .title {
	display:flex;
	align-items:flex-end;
	margin-bottom:32px
}
.new_activity .title h2 {
	font-size:24px;
	font-weight:700;
	color:#333;
	line-height:1
}
.new_activity .title span {
	padding-left:20px;
	font-size:14px;
	font-weight:400;
	color:#999;
	padding-bottom:3px
}
.new_activity .screen {
	position:absolute;
	right:0;
	top:50px;
	display:flex;
	align-items:center
}
.new_activity .screen .total {
	color:#999;
	font-weight:400;
	font-size:14px
}
.new_activity .screen .total b {
	font-weight:700;
	color:#333
}
.new_activity .screen .screen-item {
	color:#999;
	font-weight:400;
	font-size:14px;
	cursor:pointer;
	margin-left:20px
}
.new_activity .screen .screen-item.active, .new_activity .screen .screen-item:hover {
	font-weight:700;
	color:#333
}
.new_activity .nodata {
	font-size:14px;
	color:#888;
	text-align:center;
	line-height:300px
}
.new_activity_item {
	margin-bottom:40px;
	display:flex
}
.new_activity_item .new_activity_item_cover {
	width:358px;
	height:202px;
	border-radius:4px;
	background:no-repeat 50%/cover;
	position:relative;
	cursor:pointer
}
.new_activity_item .new_activity_item_cover .new_activity_item_status {
	position:absolute;
	top:6px;
	left:7px
}
.new_activity_item .new_activity_item_info {
	padding-left:20px;
	flex:1;
	position:relative;
	height:202px
}
.new_activity_item .new_activity_item_info .new_activity_item_title {
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:25px;
	margin-bottom:8px;
	cursor:pointer
}
.new_activity_item .new_activity_item_info .new_activity_item_title:hover {
	color:#de0005
}
.new_activity_item .new_activity_item_info .new_activity_item_highlights {
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:24px;
	margin-bottom:20px
}
.new_activity_item .new_activity_item_info .new_activity_item_live {
	display:flex;
	align-items:center
}
.new_activity_item .new_activity_item_info .new_activity_item_live b {
	font-size:14px;
	font-weight:400;
	color:#999990;
	width:95px
}
.new_activity_item .new_activity_item_info .new_activity_item_live .live_avatar {
	width:20px;
	height:20px;
	border-radius:50%;
	cursor:pointer
}
.new_activity_item .new_activity_item_info .new_activity_item_live span {
	padding-left:10px;
	padding-right:17px;
	font-size:14px;
	font-weight:400;
	color:#999990;
	cursor:pointer
}
.new_activity_item .new_activity_item_info .new_activity_item_live span:hover {
	color:#333
}
.new_activity_item .new_activity_item_info .order_btn {
	position:absolute;
	bottom:0;
	left:20px
}
.official_account {
	background:#eee;
	box-shadow:0 1px 8px 0 #eee;
	display:flex;
	padding:15px
}
.official_account .imgs {
	background:#fff;
	padding:3px;
	width:95px;
	height:95px
}
.official_account .imgs img {
	width:95px;
	height:95px
}
.official_account .written {
	margin-left:10px;
	margin-top:30px
}
.official_account .written p {
	white-space:nowrap;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:22px
}
.old_activity {
	padding:35px 0 1px;
	position:relative
}
.old_activity .title {
	display:flex;
	align-items:flex-end;
	margin-bottom:32px
}
.old_activity .title h2 {
	font-size:24px;
	font-weight:700;
	color:#333;
	line-height:1
}
.old_activity .title span {
	padding-left:20px;
	font-size:14px;
	font-weight:400;
	color:#999;
	padding-bottom:3px
}
.old_activity .old_activity_list {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.old_activity .old_activity_list:after {
	content:"";
	width:358px
}
.old_activity .screen {
	position:absolute;
	right:0;
	top:25px;
	display:flex;
	align-items:center
}
.old_activity .screen .total {
	color:#999;
	font-weight:400;
	font-size:14px
}
.old_activity .screen .total b {
	font-weight:700;
	color:#333
}
.old_activity .screen .pick_year {
	width:80px;
	margin-left:15px
}
.old_activity .pageStyle {
	margin-top:0;
	margin-bottom:50px
}
.old_activity .nodata {
	font-size:14px;
	color:#888;
	text-align:center;
	line-height:300px
}
.old_activity_item {
	width:358px;
	margin-bottom:50px
}
.old_activity_item .old_activity_cover {
	width:100%;
	height:202px;
	background:no-repeat 50%/cover;
	border-radius:4px;
	position:relative;
	cursor:pointer
}
.old_activity_item .old_activity_cover .old_activity_status {
	position:absolute;
	top:6px;
	left:7px;
	height:26px;
	background:rgba(0, 0, 0, .7);
	padding:0 18px 0 15px;
	border-radius:13px;
	display:flex;
	align-items:center;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:20px
}
.old_activity_item .old_activity_cover .old_activity_status .hmredu {
	font-size:12px;
	color:#fff;
	margin-right:4px
}
.old_activity_item .old_activity_item_title {
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:25px;
	padding-top:15px;
	overflow:hidden;
	height:65px;
	word-break:break-all;
	box-sizing:border-box;
	cursor:pointer
}
.old_activity_item .old_activity_item_title:hover {
	color:#de0005
}
.old_activity_item .old_activity_item_opt {
	margin-top:10px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.old_activity_item .old_activity_item_opt .old_activity_item_type {
	font-size:14px;
	font-weight:400;
	color:#999990
}
.old_activity_item .old_activity_item_opt .playback_btn {
	background:#fdeeee;
	border-radius:4px;
	width:120px;
	height:44px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:16px;
	font-weight:400;
	color:#f13232;
	cursor:pointer
}
.old_activity_item .old_activity_item_opt .playback_btn:hover {
	background:#fce0e0
}
.old_activity_item .old_activity_item_opt .playback_btn.end {
	box-shadow:none;
	box-sizing:border-box;
	background:#f4f4f4;
	color:#333
}
.old_activity_item .old_activity_item_opt .playback_btn.end:hover {
	background:#e8e6e6
}
.shotItem {
	padding:29px 29px 30px 30px;
	background:#fff;
	box-shadow:0 1px 8px 0 #eee;
	margin-bottom:30px
}
.shotItem h3 {
	font-size:16px;
	font-weight:700;
	color:#333
}
.shotItem .lis {
	margin-top:20px
}
.shotItem .lis .tops .left {
	float:left;
	margin-right:12px;
	margin-top:-2px
}
.shotItem .lis .tops .left, .shotItem .lis .tops .left img {
	width:46px;
	height:44px;
	border-radius:50%
}
.shotItem .lis .tops .right .name {
	font-size:14px;
	font-weight:400;
	color:#232323
}
.shotItem .lis .tops .right .name a {
	color:#232323
}
.shotItem .lis .tops .right .name .nick {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:inline-block;
	height:20px
}
.shotItem .lis .tops .right .name .nick:hover {
	color:#f40d04;
	cursor:pointer
}
.shotItem .lis .tops .right .name .nick_action, .shotItem .lis .tops .right .name .nick_actions {
	max-width:80px!important
}
.shotItem .lis .tops .right .name .follows {
	float:right;
	margin-top:-7px
}
.shotItem .lis .tops .right .numerical {
	font-size:12px;
	font-weight:400;
	color:#999;
	margin-top:10px
}
.shotItem .lis .tops .right .numerical .span_one {
	margin-right:14px
}
.shotItem .lis .desc {
	font-size:14px;
	font-weight:400;
	color:#757474;
	line-height:20px;
	display:inline-block;
	width:100%;
	word-break:break-all;
	white-space:pre-line
}
.components-topic {
	width:1563px;
	max-width:100%;
	background:linear-gradient(90deg, #fcfcff, #f1f0ff);
	border-radius:0 0 30px 30px;
	margin:0 auto 20px;
	padding:60px 0 1px
}
.components-topic .title {
	display:flex;
	align-items:flex-end;
	margin-bottom:50px
}
.components-topic .title h2 {
	font-size:24px;
	font-weight:700;
	color:#333;
	line-height:1
}
.components-topic .title span {
	padding-left:20px;
	font-size:14px;
	font-weight:400;
	color:#999;
	padding-bottom:3px
}
.components-topic .topic_item {
	margin-bottom:80px
}
.components-topic .topic_item .topic_item_title {
	font-size:20px;
	font-weight:700;
	color:#333;
	line-height:22px;
	margin-bottom:18px;
	cursor:pointer
}
.components-topic .topic_item .topic_item_title:hover {
	color:#de0005
}
.components-topic .topic_item .topic_item_content {
	display:flex
}
.components-topic .topic_item .topic_item_content .topic_item_cover {
	width:428px;
	height:240px;
	min-width:428px;
	cursor:pointer;
	position:relative
}
.components-topic .topic_item .topic_item_content .topic_item_cover img {
	display:block;
	width:100%;
	height:100%;
	border-radius:4px
}
.components-topic .topic_item .topic_item_content .topic_item_cover div {
	position:absolute;
	height:26px;
	background:#f23d4f;
	border-radius:13px;
	padding:0 13px;
	top:10px;
	left:10px;
	font-size:14px;
	font-weight:400;
	color:#fff;
	line-height:26px
}
.components-topic .topic_item .topic_item_content .topic_item_info {
	padding-left:25px;
	flex:1;
	position:relative;
	height:240px;
	max-width:772px
}
.components-topic .topic_item .topic_item_content .topic_item_info .topic_item_desc {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px;
	margin-bottom:16px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	word-break:break-all;
	cursor:pointer;
	margin-top:-2px
}
.components-topic .topic_item .topic_item_content .topic_item_info .topic_item_highlights {
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:20px;
	margin-bottom:15px;
	word-break:break-all;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.components-topic .topic_item .topic_item_content .topic_item_info .topic_item_live {
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:20px;
	margin-bottom:15px
}
.components-topic .topic_item .topic_item_content .topic_item_info .topic_item_live b {
	color:#333;
	font-weight:700
}
.components-topic .topic_item .topic_item_content .topic_item_info .topic_item_time {
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:20px
}
.components-topic .topic_item .topic_item_content .topic_item_info .topic_item_time .split-left-sm {
	margin-left:5px
}
.components-topic .topic_item .topic_item_content .topic_item_info .topic_item_time .special-item_liver {
	color:#de0005;
	cursor:pointer
}
.components-topic .topic_item .topic_item_content .topic_item_info .order_btn {
	position:absolute;
	bottom:0;
	left:25px;
	width:150px;
	height:50px;
	background:linear-gradient(323deg, #f07777, #fc4f4f);
	box-shadow:0 2px 3px 0 rgba(240, 37, 15, .1);
	border-radius:4px;
	font-size:16px;
	font-weight:400;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer
}
.components-topic .topic_item .topic_item_content .topic_item_info .order_btn:hover {
	background:linear-gradient(323deg, #fb4848, #fc4f4f)
}
.components-topic .topic_item .topic_item_content .topic_item_info .order_btn.end {
	box-shadow:none;
	background:#f4f4f4;
	color:#333
}
.components-topic .topic_item .topic_item_content .topic_item_info .order_btn.end:hover {
	background:#e8e6e6
}
.components-topic .topic_item .topic_item_content .topic_item_info .order_btn.ordered {
	background:#fdeeee;
	color:#f13232;
	box-shadow:none
}
.components-topic .topic_item .topic_item_content .topic_item_info .order_btn.ordered:hover {
	background:#fce0e0
}
.components-topic .topic_item .topic_item_bottom {
	display:flex;
	margin-top:55px
}
.components-topic .topic_item .topic_item_bottom .highlight_item {
	width:335px;
	margin-right:97px
}
.components-topic .topic_item .topic_item_bottom .highlight_item .highlight_item_title {
	font-size:16px;
	font-weight:700;
	color:#333;
	line-height:22px;
	margin-bottom:10px
}
.components-topic .topic_item .topic_item_bottom .highlight_item .highlight_item_text {
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#999;
	word-break:break-all
}
.components-topic .topic_item .topic_item_bottom .highlight_item:last-child {
	margin:0
}
.components-coupon {
	z-index:999;
	background:rgba(0, 0, 0, .6)
}
.components-coupon, .components-coupon .tisi {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0
}
.components-coupon .tisi {
	width:478px;
	height:126px;
	margin:auto
}
.components-coupon .tisi .box {
	width:478px;
	height:126px;
	background:#fff;
	border-radius:16px;
	overflow:hidden
}
.components-coupon .tisi .box .title {
	width:100%;
	height:23px;
	font-size:22px;
	margin-top:30px;
	font-weight:400;
	color:#333;
	line-height:23px;
	text-align:center
}
.components-coupon .tisi .box .content {
	margin-top:24px;
	width:100%;
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:18px;
	text-align:center
}
.components-coupon .tisi .box .content .link {
	color:#f40d04;
	position:relative;
	cursor:pointer
}
.components-coupon .tisi .box .content .link:after {
	position:absolute;
	bottom:-4px;
	left:0;
	right:0;
	width:100%;
	height:1px;
	background:#f40d04;
	content:" "
}
.components-coupon .tisi .close {
	top:-10px;
	right:-10px;
	width:28px;
	height:28px;
	line-height:28px;
	background:#eee;
	border-radius:50%;
	text-align:center;
	position:absolute;
	cursor:pointer
}
.components-coupon .tisi .close .hmicon {
	font-size:12px;
	color:#333;
	opacity:.3
}
.components-coupon .coupon {
	width:478px;
	height:458px;
	background-size:contain;
	background-repeat:no-repeat;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border-radius:16px
}
.components-coupon .coupon .close {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer
}
.components-coupon .coupon .close .hmicon {
	font-size:16px;
	color:#fff;
	opacity:.6
}
.components-coupon .coupon .desc {
	width:100%;
	height:74px;
	font-weight:400;
	margin-top:215px;
	text-align:center;
	font-size:20px;
	color:#333;
	line-height:32px
}
.components-coupon .coupon .desc .specail {
	color:#b3395a;
	padding-top:10px
}
.components-coupon .coupon .btn {
	width:390px;
	height:54px;
	background:linear-gradient(90deg, #4c23c7, #b83955);
	border-radius:27px;
	margin:75px auto 0
}
.components-coupon .coupon .btn button {
	width:100%;
	background:none;
	border:none;
	height:54px;
	line-height:54px;
	font-size:24px;
	font-weight:400;
	color:#fff;
	cursor:pointer;
	margin:0;
	padding:0;
	display:flex;
	justify-content:center;
	align-content:center
}
.components-answer-aboutlist {
	width:300px;
	margin-bottom:20px
}
.components-answer-aboutlist .aboutlist {
	width:264px;
	padding:20px 18px 0;
	margin-top:20px;
	background:#fff
}
.components-answer-aboutlist .aboutlist.topposition {
	position:fixed;
	top:251px
}
.components-answer-aboutlist .aboutlist .title {
	font-size:16px;
	font-weight:700
}
.components-answer-aboutlist .aboutlist .aboutcon {
	padding-top:20px
}
.components-answer-aboutlist .aboutlist .aboutcon .list {
	line-height:22px;
	font-size:14px;
	color:#212121;
	padding-bottom:15px;
	word-break:break-all
}
.components-answer-aboutlist .aboutlist .aboutcon .list .first-resource {
	display:flex;
	align-items:center;
	height:58px;
	line-height:normal
}
.components-answer-aboutlist .aboutlist .aboutcon .list a {
	color:#212121;
	padding-right:9px
}
.components-answer-aboutlist .aboutlist .aboutcon .list a:hover {
	color:#f40d04
}
.components-answer-aboutlist .aboutlist .aboutcon .list a div {
	display:inline-block;
	max-width:195px
}
.components-answer-aboutlist .aboutlist .aboutcon .list span {
	color:#9e9e9e;
	font-size:12px
}
.components-answer-aboutlist .aboutlist .aboutcon .list .resource-right {
	padding-left:4px
}
.components-answer-aboutlist .aboutlist .aboutcon .list .img {
	font-size:52px;
	line-height:52px;
	color:#f40d04
}
.components-answer-aboutlist .aboutlist .aboutcon .list img {
	width:44px;
	height:52px;
	vertical-align:top;
	margin-right:8px
}
.components-answer-aboutquestion .aboutlist {
	margin-top:20px;
	background:#fff
}
.components-answer-aboutquestion .aboutlist.topposition {
	position:fixed;
	top:251px
}
.components-answer-aboutquestion .aboutlist .title {
	font-size:18px;
	font-weight:600;
	height:20px
}
.components-answer-aboutquestion .aboutlist .aboutcon {
	padding-top:14px
}
.components-answer-aboutquestion .aboutlist .aboutcon .list {
	line-height:22px;
	font-size:14px;
	color:#212121;
	padding-bottom:20px;
	word-break:break-all;
	border-bottom:1px solid #f5f5f5;
	margin-top:20px
}
.components-answer-aboutquestion .aboutlist .aboutcon .list:last-child {
	border-bottom:0
}
.components-answer-aboutquestion .aboutlist .aboutcon .list .bottom_detail {
	height:18px;
	line-height:18px
}
.components-answer-aboutquestion .aboutlist .aboutcon .list .first-resource {
	display:flex;
	align-items:center;
	height:58px;
	line-height:normal
}
.components-answer-aboutquestion .aboutlist .aboutcon .list a {
	color:#212121;
	padding-right:9px
}
.components-answer-aboutquestion .aboutlist .aboutcon .list a:hover {
	color:#f40d04
}
.components-answer-aboutquestion .aboutlist .aboutcon .list a div {
	display:inline-block;
	max-width:195px
}
.components-answer-aboutquestion .aboutlist .aboutcon .list span {
	color:#9e9e9e;
	font-size:14px
}
.components-answer-aboutquestion .aboutlist .aboutcon .list .resource-right {
	padding-left:4px
}
.components-answer-aboutquestion .aboutlist .aboutcon .list .img {
	font-size:52px;
	line-height:52px;
	color:#f40d04
}
.components-answer-aboutquestion .aboutlist .aboutcon .list img {
	width:44px;
	height:52px;
	vertical-align:top;
	margin-right:8px
}
.components-answer-aboutquestion .typeFirst {
	box-sizing:border-box;
	width:880px;
	padding:38px 30px;
	margin-top:20px
}
.components-answer-aboutquestion .typeFirst .aboutcon .list {
	color:#333
}
.components-answer-aboutquestion .typeFirst .aboutcon .list .typeAnswer {
	font-size:16px;
	color:#333;
	font-weight:600;
	margin-bottom:18px;
	display:inline-block
}
.components-answer-aboutquestion .typeFirst .aboutcon .list .typeAnswer em {
	color:#f40d04!important
}
.components-answer-aboutquestion .color_F40 {
	color:#f40c04!important;
	margin-left:16px
}
.components-answer-aboutquestion .color_333 {
	color:#333!important;
	margin-left:16px
}
.components-answer-aboutquestion .dot:before {
	content:".";
	display:inline-block;
	vertical-align:middle;
	margin-right:3px;
	margin-left:2px;
	position:relative;
	bottom:5px;
	font-weight:700;
	font-size:15px
}
.components-answer-aboutquestion .typeAnswer em {
	color:#f40d04!important
}
.addquestionbox {
	width:300px;
	height:42px
}
.addquestionbox .addquestion {
	width:300px;
	text-align:center;
	height:42px;
	line-height:42px;
	background:#f40d04;
	border-radius:2px;
	font-size:18px;
	color:#fff;
	cursor:pointer
}
.addquestionbox .addquestion.topposition {
	position:fixed;
	top:127px
}
.components-answer-comitem {
	padding-bottom:20px;
	border-bottom:1px solid #eee;
	margin-top:20px
}
.components-answer-comitem .comitem-left {
	float:left;
	width:50px;
	position:relative
}
.components-answer-comitem .comitem-left .imgbox {
	width:40px;
	height:40px;
	overflow:hidden;
	border-radius:50%
}
.components-answer-comitem .comitem-left .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.components-answer-comitem .comitem-left .zancai {
	width:40px;
	text-align:center;
	color:#333
}
.components-answer-comitem .comitem-left .zancai .iconbox {
	height:18px;
	text-align:center
}
.components-answer-comitem .comitem-left .zancai .hmicon {
	font-size:18px
}
.components-answer-comitem .comitem-left .zancai .zan {
	width:100%;
	padding-top:20px;
	cursor:pointer
}
.components-answer-comitem .comitem-left .zancai .zan.active {
	color:#f40d04
}
.components-answer-comitem .comitem-left .zancai .cai {
	width:100%;
	padding-top:13px;
	cursor:pointer
}
.components-answer-comitem .comitem-left .zancai .cai.active {
	color:#f40d04
}
.components-answer-comitem .comitem-left .zancai .number {
	height:18px;
	font-size:14px;
	line-height:18px;
	padding-top:7px
}
.components-answer-comitem .comitem-left .hover_user {
	width:240px;
	background:#fff;
	border:1px solid #eee;
	border-radius:2px;
	position:absolute;
	z-index:999;
	padding-top:20px;
	padding-bottom:20px;
	left:-105px;
	top:40px
}
.components-answer-comitem .comitem-left .hover_user .focus {
	width:200px;
	background:#d0e8dc;
	height:40px;
	text-align:center;
	line-height:40px;
	margin:20px auto 0;
	border-radius:2px;
	color:#f40d04;
	cursor:pointer
}
.components-answer-comitem .comitem-left .hover_user .users {
	text-align:center
}
.components-answer-comitem .comitem-left .hover_user a, .components-answer-comitem .comitem-left .hover_user a img {
	width:60px;
	height:60px;
	border-radius:50%
}
.components-answer-comitem .comitem-left .hover_user h4 {
	font-size:16px;
	font-weight:400;
	color:#232323;
	line-height:30px;
	cursor:pointer
}
.components-answer-comitem .comitem-left .hover_user p {
	font-size:12px;
	font-weight:400;
	color:#999;
	line-height:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:195px;
	margin:0 auto
}
.components-answer-comitem .comitem-left .hover_user .lis {
	width:100%;
	display:flex;
	justify-content:space-around
}
.components-answer-comitem .comitem-left .hover_user .lis li {
	border-right:1px solid #eee;
	display:flex;
	flex-direction:column;
	text-align:center;
	padding-right:26px;
	margin-left:21px;
	margin-top:22px
}
.components-answer-comitem .comitem-left .hover_user .lis li span {
	color:#9a9a9a;
	padding-top:10px;
	font-size:12px
}
.components-answer-comitem .comitem-left .hover_user .lis li b {
	font-weight:400
}
.components-answer-comitem .comitem-left .hover_user .lis li:last-child {
	border-right:none!important
}
.components-answer-comitem .updatetime {
	font-size:12px;
	color:#888;
	padding-top:20px
}
.components-answer-comitem .comitem-right {
	float:right;
	width:770px
}
.components-answer-comitem .comitem-right .right .butbox .submit {
	width:72px;
	height:27px;
	line-height:27px
}
.components-answer-comitem .comitem-right .right .butbox .cancel {
	height:27px;
	line-height:27px;
	padding-right:30px;
	color:#888;
	font-size:14px
}
.components-answer-comitem .reply {
	height:40px;
	line-height:40px;
	color:#333;
	font-size:14px;
	position:relative
}
.components-answer-comitem .reply .sps_replay {
	height:15px;
	line-height:15px
}
.components-answer-comitem .reply span {
	display:inline-block;
	height:50px
}
.components-answer-comitem .reply .caina {
	width:50px;
	height:50px;
	line-height:50px;
	color:#f40d04;
	font-size:14px;
	float:right;
	padding-right:0;
	position:absolute;
	top:0;
	right:0
}
.components-answer-comitem .reply .caina .hmicon {
	font-size:48px
}
.components-answer-comitem .reply .caina.hj {
	padding-right:60px
}
.components-answer-comitem .reply a {
	color:#333
}
.components-answer-comitem .reply a:hover {
	color:#f40d04
}
.components-answer-comitem .reply span {
	padding-right:10px
}
.components-answer-comitem .reply .good {
	width:50px;
	height:50px;
	line-height:50px;
	padding:0;
	position:absolute;
	top:0;
	right:0;
	text-align:center
}
.components-answer-comitem .reply .good .hmicon {
	font-size:48px;
	color:#cca46c
}
.components-answer-comitem .reply .good img {
	width:100%;
	height:100%;
	display:block
}
.components-answer-comitem .prantcon {
	width:740px;
	background:#ededed;
	border-radius:2px;
	padding:10px 15px;
	color:#878787;
	font-size:12px;
	line-height:20px;
	margin-bottom:10px;
	word-break:break-word
}
.components-answer-comitem .prantcon .editbox {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative
}
.components-answer-comitem .prantcon .editbox.delete {
	color:#aaa
}
.components-answer-comitem .prantcon .editbox:before {
	content:"\301D"
}
.components-answer-comitem .prantcon .editbox:after {
	content:"\301E"
}
.components-answer-comitem .con {
	font-size:14px;
	line-height:22px;
	color:#333;
	word-break:break-all
}
.components-answer-comitem .con .editbox {
	word-break:break-word
}
.components-answer-comitem .con .deletebox, .components-answer-comitem .con .editbox.delete {
	color:#aaa
}
.components-answer-comitem .con .deletebox a {
	margin-left:10px;
	color:#aaa
}
.components-answer-comitem .con .deletebox a:hover {
	color:#f40d04
}
.components-answer-comitem .recom {
	padding-top:0
}
.components-answer-comitem .butbox {
	padding-top:20px;
	font-size:0
}
.components-answer-comitem .butbox .hmicon {
	font-size:14px
}
.components-answer-comitem .butbox .time {
	float:right;
	padding-right:0;
	color:#888;
	font-size:12px;
	line-height:14px
}
.components-answer-comitem .butbox .butitem {
	float:left;
	height:18px;
	line-height:18px;
	font-size:14px;
	color:#333;
	margin-right:20px;
	cursor:pointer
}
.components-answer-comitem .butbox .butitem .hmicon {
	padding-right:5px
}
.components-answer-comitem .butbox .delete {
	color:#888
}
.components-answer-comitem .butbox .delete, .components-answer-comitem .butbox .edit {
	font-size:14px;
	cursor:pointer;
	margin-left:0;
	float:left;
	line-height:18px;
	margin-right:20px
}
.components-answer-comitem .butbox .edit {
	color:#333
}
.components-answer-comitem .butbox .report {
	font-size:14px;
	color:#333;
	cursor:pointer
}
.components-answer-comitem .butbox .ad {
	font-size:14px;
	color:#f40d04;
	float:right;
	margin-left:10px
}
.components-answer-comitem .butbox .ad a {
	color:#f40d04
}
.components-answer-comitem .butbox .choose {
	float:left;
	height:18px;
	line-height:18px;
	font-size:14px;
	color:#f40d04;
	cursor:pointer;
	position:relative
}
.components-answer-comitem .butbox .choose:hover .tip {
	display:block
}
.components-answer-comitem .butbox .choose .tip {
	color:#666;
	top:-40px;
	right:50%;
	width:450px;
	height:41px;
	position:absolute;
	margin-right:-225px;
	display:none
}
.components-answer-comitem .butbox .choose .tip .tiptxt {
	width:450px;
	height:35px;
	line-height:35px;
	text-align:center;
	background:#666;
	border-radius:2px;
	color:#fff;
	position:relative
}
.components-answer-comitem .butbox .choose .tip .tiptxt:after {
	border-color:#666 transparent transparent;
	border-style:solid solid none;
	border-width:4px 5px 0;
	position:absolute;
	bottom:-4px;
	width:0;
	height:0;
	content:" ";
	right:50%
}
.components-answer-comitem .childbox {
	margin-top:20px;
	padding:20px;
	background:#eee
}
.components-answer-comitem .childbox .commentchild {
	width:100%;
	border-radius:2px
}
.components-answer-comitem .editbox {
	word-break:break-word
}
.components-answer-comitem .editbox img {
	max-width:100%;
	margin:18px auto 30px;
	height:auto;
	display:block
}
.components-answer-comitem .recom .tox .tox-toolbar, .components-answer-comitem .recom .tox .tox-toolbar__overflow, .components-answer-comitem .recom .tox .tox-toolbar__primary {
	background:#f3f3f3
}
.components-answer-comitem .editboxs img {
	cursor:pointer
}
.components-answer-comitemchild {
	padding-bottom:20px
}
.components-answer-comitemchild .imgbox {
	width:32px;
	height:32px;
	border-radius:50%;
	float:left
}
.components-answer-comitemchild .imgbox img {
	width:100%;
	height:100%;
	overflow:hidden;
	border-radius:50%
}
.components-answer-comitemchild .imgbox-right {
	float:right;
	width:680px
}
.components-answer-comitemchild .imgbox-right .comment {
	line-height:1.6;
	font-size:14px;
	color:#333;
	padding-top:8px;
	word-break:break-all
}
.components-answer-comitemchild .imgbox-right .comment a {
	color:#333
}
.components-answer-comitemchild .imgbox-right .comment a:hover {
	color:#f40d04
}
.components-answer-comitemchild .imgbox-right .timebox {
	padding-top:14px;
	font-size:14px;
	color:#888
}
.components-answer-comitemchild .imgbox-right .timebox .time {
	float:left;
	font-size:14px
}
.components-answer-comitemchild .imgbox-right .timebox .btn {
	font-size:14px;
	float:left;
	color:#888;
	margin-left:30px;
	cursor:pointer
}
.components-answer-comitemchild .imgbox-right .textarea {
	padding-top:22px;
	padding-bottom:22px
}
.components-answer-question {
	background:#fff
}
.components-answer-question .nofound {
	width:820px;
	height:600px;
	padding:30px
}
.components-answer-question .bottom_hot a {
	display:block
}
.components-answer-question .posts-con {
	width:820px;
	height:auto;
	padding:30px;
	position:relative
}
.components-answer-question .posts-con .is_deleted {
	color:#f40d04;
	font-size:12px;
	line-height:1;
	padding:4px 10px;
	border-radius:2px;
	background:#fef2f2;
	margin-left:8px;
	vertical-align:middle;
	display:inline
}
.components-answer-question .updatetime {
	font-size:14px;
	color:#888;
	float:right
}
.components-answer-question .title {
	color:#333;
	font-size:28px;
	line-height:42px;
	text-align:justify
}
.components-answer-question .title h1 {
	line-height:42px;
	word-break:break-all;
	display:inline;
	vertical-align:middle
}
.components-answer-question .title img {
	display:inline-block;
	width:120px;
	vertical-align:middle
}
.components-answer-question .title .vote {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle
}
.components-answer-question .title .vote img {
	width:28px;
	height:28px
}
.components-answer-question .title .status {
	color:#f40d04;
	font-size:12px;
	line-height:1;
	padding:4px 10px;
	border-radius:2px;
	background:#d0e8dc;
	margin-left:8px;
	vertical-align:middle;
	display:inline-block
}
.components-answer-question .title .status.success {
	background:#fef2f2;
	color:#f40d04
}
.components-answer-question .title .status.fail {
	background:#e9d1d1;
	color:#d90000
}
.components-answer-question .title .status.caogao, .components-answer-question .title .status.wait {
	background:#fef2f2;
	color:#f40d04
}
.components-answer-question .info {
	line-height:30px;
	font-size:14px;
	color:#888;
	padding-top:15px;
	padding-bottom:5px;
	position:relative
}
.components-answer-question .info .name {
	float:left;
	color:#333;
	cursor:pointer
}
.components-answer-question .info .name a {
	color:#333
}
.components-answer-question .info .time {
	float:left;
	color:#888
}
.components-answer-question .info .num {
	float:right;
	margin-left:20px;
	color:#888
}
.components-answer-question .info .read {
	float:left;
	color:#888
}
.components-answer-question .info .dot {
	position:relative
}
.components-answer-question .info .dot:before {
	content:".";
	display:inline-block;
	vertical-align:middle;
	margin-right:7px;
	margin-left:7px;
	position:relative;
	bottom:5px;
	font-weight:700;
	font-size:15px
}
.components-answer-question .hover_user {
	width:240px;
	background:#fff;
	border:1px solid #eee;
	border-radius:2px;
	position:absolute;
	z-index:999;
	padding-top:20px;
	padding-bottom:20px;
	left:-105px;
	top:40px
}
.components-answer-question .hover_user .focus {
	width:200px;
	background:#d0e8dc;
	height:40px;
	text-align:center;
	line-height:40px;
	margin:20px auto 0;
	border-radius:2px;
	color:#f40d04;
	cursor:pointer
}
.components-answer-question .hover_user .users {
	text-align:center
}
.components-answer-question .hover_user a, .components-answer-question .hover_user a img {
	width:60px;
	height:60px;
	border-radius:50%
}
.components-answer-question .hover_user h4 {
	font-size:16px;
	font-weight:400;
	color:#232323;
	line-height:30px;
	cursor:pointer
}
.components-answer-question .hover_user p {
	font-size:12px;
	font-weight:400;
	color:#999;
	line-height:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:195px;
	margin:0 auto
}
.components-answer-question .hover_user .lis {
	width:100%;
	display:flex;
	justify-content:space-around
}
.components-answer-question .hover_user .lis li {
	border-right:1px solid #eee;
	display:flex;
	flex-direction:column;
	text-align:center;
	padding-right:26px;
	margin-left:21px;
	margin-top:22px;
	line-height:15px
}
.components-answer-question .hover_user .lis li span {
	color:#9a9a9a;
	padding-top:10px;
	font-size:12px
}
.components-answer-question .hover_user .lis li b {
	font-weight:400
}
.components-answer-question .hover_user .lis li:last-child {
	border-right:none!important
}
.components-answer-question .posts-content {
	padding:20px 0;
	color:#333;
	font-size:14px;
	line-height:26px;
	word-break:break-all;
	text-align:left;
	position:relative
}
.components-answer-question .posts-content.limit {
	height:72px;
	overflow:hidden;
	padding-bottom:0
}
.components-answer-question .posts-content.limit .limitshow {
	bottom:8px
}
.components-answer-question .posts-content .limitshow {
	width:32px;
	height:32px;
	line-height:32px;
	text-align:center;
	position:absolute;
	bottom:0;
	right:0;
	background:#fff;
	font-size:12px;
	cursor:pointer
}
.components-answer-question .posts-content .limitshow .hmicon {
	font-size:12px;
	color:#565656
}
.components-answer-question .posts-content img {
	max-width:100%;
	margin:18px auto 30px;
	display:block
}
.components-answer-question .labelbox .label {
	padding:8px 10px;
	cursor:pointer
}
.components-answer-question .labelbox .label:focus {
	color:#8a8a8a;
	background:#f3f3f3;
	cursor:pointer
}
.components-answer-question .labelbox .label:hover {
	background-color:#fef2f2;
	color:#f40d04
}
.components-answer-question .butbox {
	padding-top:15px;
	font-size:0
}
.components-answer-question .butbox .but {
	padding:7px 10px;
	color:#333;
	font-size:16px;
	border:1px solid #333;
	border-radius:2px;
	cursor:pointer;
	margin-right:20px;
	float:left;
	min-width:68px;
	text-align:center
}
.components-answer-question .butbox .zhan {
	display:inline-block;
	color:#333;
	font-size:16px;
	border:1px solid #333;
	border-radius:2px
}
.components-answer-question .butbox .jubao {
	display:inline-block;
	color:#888;
	font-size:14px;
	cursor:pointer;
	margin-left:10px
}
.components-answer-question .butbox .delete {
	float:left;
	font-size:14px;
	color:#888;
	cursor:pointer;
	line-height:30px;
	padding:0 10px
}
.components-answer-question .butbox .edit {
	float:left;
	color:#333;
	font-size:14px;
	line-height:30px;
	cursor:pointer;
	padding:0 20px 0 10px;
	margin-left:20px
}
.components-answer-question .butbox .edit a {
	color:#333
}
.components-answer-question .butbox .edit a:hover {
	color:#f40d04
}
.components-answer-question .butbox .status {
	color:#f40d04;
	font-size:14px;
	height:32px;
	width:50px;
	line-height:32px;
	float:right;
	text-align:right;
	position:relative;
	cursor:default
}
.components-answer-question .butbox .status .tip {
	color:#666;
	top:-40px;
	right:-20px;
	width:270px;
	height:41px;
	position:absolute
}
.components-answer-question .butbox .status .tip .tiptxt {
	width:270px;
	height:35px;
	line-height:35px;
	text-align:center;
	background:#666;
	border-radius:2px;
	color:#fff;
	position:relative
}
.components-answer-question .butbox .status .tip .tiptxt:after {
	border-color:#666 transparent transparent;
	border-style:solid solid none;
	border-width:4px 5px 0;
	position:absolute;
	bottom:-4px;
	width:0;
	height:0;
	content:" ";
	right:40px
}
.components-answer-question .butbox .status .tip .tiptxt .close {
	position:absolute;
	top:0;
	right:10px;
	font-size:10px;
	height:35px;
	line-height:35px;
	width:13px
}
.components-answer-question .butbox .status .tip .tiptxt .close .hmicon {
	color:#fff;
	font-size:10px;
	cursor:pointer
}
.components-answer-question .share {
	position:relative
}
.components-answer-question .share:hover .sharebox {
	display:block
}
.components-answer-question .share .sharebox {
	position:absolute;
	display:none;
	z-index:999;
	left:-1px;
	top:30px;
	width:100%;
	height:auto;
	border:1px solid #333;
	text-align:center;
	line-height:30px;
	background:#fff;
	font-size:14px;
	color:#333
}
.components-answer-question .share .sharebox .shareitem {
	width:100%;
	height:22px;
	line-height:22px;
	padding-top:10px
}
.components-answer-question .share .sharebox .shareitem .iconbox {
	width:22px;
	height:22px;
	line-height:22px;
	border-radius:50%;
	background:#333;
	color:#fff;
	margin-left:10px;
	float:left
}
.components-answer-question .share .sharebox .shareitem .iconbox .hmicon {
	font-size:14px;
	color:#fff
}
.components-answer-question .share .sharebox .shareitem .text {
	width:30px;
	text-align:left;
	float:left;
	font-size:14px;
	margin-left:10px
}
.components-answer-question .share .sharebox .ewm {
	width:60px;
	height:60px;
	margin:10px auto
}
.components-answer-question .share .sharebox .ewm img {
	width:100%;
	height:100%
}
.components-answer-question .postscode img {
	max-width:100%;
	margin:18px auto 30px;
	height:auto;
	display:block
}
.components-answer-question .vue-foldable .vue-foldable-mask {
	bottom:20px
}
.components-answer-question .flod-more-btn {
	margin-bottom:15px
}
.answerlist-page {
	display:flex;
	justify-content:space-between;
	width:1200px;
	margin:0 auto;
	padding-top:25px
}
.answerlist-loading {
	height:40px;
	line-height:40px;
	text-align:center;
	color:#aaa;
	font-size:14px;
	font-weight:400;
	margin:75px auto 36px
}
.answerlist-nav {
	margin-top:30px;
	display:flex
}
.answerlist-nav .answerlist-nav-item {
	width:120px;
	height:38px;
	line-height:38px;
	background:#fff;
	border-radius:2px;
	margin-right:20px;
	text-align:center;
	font-size:16px;
	padding:0;
	border:1px solid #dedede;
	color:#333;
	position:relative;
	cursor:pointer;
	font-weight:500
}
.answerlist-nav .answerlist-nav-item:last-child {
	margin-right:0
}
.answerlist-nav .answerlist-nav-item.answerlist-nav-item-active {
	color:#fff;
	background:#f40d04;
	border:1px solid #f40d04
}
.answerLeft {
	width:906px;
	position:relative
}
.answerLeft .list_li {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #eee
}
.answerLeft .content {
	padding-top:15px;
	list-style:none
}
.answerLeft .content li {
	padding-top:20px;
	padding-bottom:20px;
	word-break:break-all;
	border-bottom:1px solid #eee
}
.answerLeft .content li.last, .answerLeft .content li:last-child {
	border-bottom:none
}
.answerLeft .content .lefts {
	width:100px;
	float:left
}
.answerLeft .content .lefts span {
	text-align:center;
	display:block;
	line-height:20px;
	font-size:12px;
	font-weight:400;
	color:#888
}
.answerLeft .content .lefts h4 {
	font-size:18px;
	font-weight:400;
	color:#333;
	text-align:center;
	margin-bottom:5px
}
.answerLeft .content .rights {
	width:800px;
	float:right
}
.answerLeft .content .rights .linktitle {
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:24px;
	cursor:pointer
}
.answerLeft .content .rights .linktitle:hover {
	color:#f40d04
}
.answerLeft .content .rights .linktitle span {
	vertical-align:middle
}
.answerLeft .content .rights .vote {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle
}
.answerLeft .content .rights .vote img {
	width:18px;
	height:18px
}
.answerLeft .content .rights p {
	width:100%;
	font-size:14px;
	font-weight:400;
	color:#555;
	line-height:21px
}
.answerLeft .content .rights .tags_span {
	display:inline-block;
	max-width:122px;
	line-height:12px;
	padding:6px 10px;
	margin-left:10px;
	background:#f5f5f5;
	border-radius:2px;
	cursor:pointer;
	color:#999;
	font-size:14px
}
.answerLeft .content .rights .tags_span:hover {
	background:#fff5f5;
	color:#f13232
}
.answerLeft .content .rights .tags_span:first-child {
	margin-left:0
}
.answerLeft .content .rights .common_list {
	font-size:14px;
	font-weight:400;
	color:#acacac;
	line-height:24px;
	margin-top:15px
}
.answerLeft .content .rights .ranking {
	display:flex;
	align-items:center;
	width:100%;
	padding-left:10px;
	margin-top:15px;
	font-size:14px;
	font-weight:400;
	white-space:nowrap
}
.answerLeft .content .rights .ranking .avatar_img {
	margin-right:10px!important
}
.answerLeft .content .rights .ranking div img {
	margin-left:-10px;
	border-radius:50%;
	width:20px;
	height:20px;
	float:left
}
.answerLeft .content .rights .ranking p {
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:30px;
	margin-left:10px
}
.answerLeft .content .rights .ranking .informations {
	line-height:34px
}
.answerLeft .content .rights .ranking .informations span {
	color:#acacac
}
.answerLeft .content .rights .ranking .informations .span_name .user_name {
	color:#686868;
	font-size:14px
}
.answerLeft .content .rights .ranking .informations .span_name .user_name:hover {
	color:#f40d04
}
.answerLeft .content .rights .desc {
	line-height:20px!important
}
.answerLeft .content .rights .status_sps {
	float:right;
	color:#f40d04
}
.answerLeft .content .rights .ellipsis_answer {
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	margin-top:12px;
	color:#888;
	font-size:14px
}
.answerLeft .kong {
	width:100%
}
.answerLeft .kong .imgbox {
	width:104px;
	margin:120px auto;
	text-align:center
}
.answerLeft .kong .imgbox img {
	width:100%
}
.answerLeft .kong .imgbox span {
	font-size:14px;
	font-weight:400;
	color:#878787;
	line-height:35px
}
.answerLeft .kong p {
	font-size:14px;
	font-weight:400;
	color:#878787;
	margin:120px auto;
	text-align:center
}
.answerLeft .Searchlist, .answerLeft .tops {
	position:relative
}
.answerLeft .Searchlist .Search_inp {
	padding:0 65px 0 20px
}
.answerLeft .search_con {
	width:95.7%;
	background:#f8f8f8;
	position:absolute;
	top:39px;
	left:0;
	z-index:12;
	padding:20px 20px 10px
}
.answerLeft .search_con ul {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:10
}
.answerLeft .search_con li {
	list-style:none;
	font-size:14px;
	font-weight:400;
	color:#666;
	line-height:27px
}
.answerLeft .search_con li:hover {
	cursor:pointer;
	color:#f40d04
}
.answerLeft .search_con .lower {
	font-size:16px;
	font-weight:400;
	color:#f40d04;
	line-height:30px;
	border-top:1px solid #fff;
	text-align:center;
	height:22px;
	line-height:8px!important;
	cursor:pointer;
	padding-top:20px
}
.answerLeft .search_con ul li span:first-child {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:800px;
	display:inline-block
}
.answerLeft .Searchlist .sps {
	font-size:16px;
	font-weight:400;
	color:#f40d04;
	line-height:40px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer
}
.answerLeft .cursor_p {
	cursor:pointer
}
.answerLeft .Searchlist .el-input--prefix .el-input__inner {
	padding-right:78px;
	border-radius:0;
	border:none;
	border-bottom:1px solid #ededed;
	margin-left:-20px
}
.answerLeft .el-tabs__item.is-active {
	color:#fff;
	width:120px;
	height:40px;
	text-align:center;
	background:#f40d04;
	border-radius:2px;
	border:none
}
.answerLeft .el-tabs__item {
	width:120px;
	height:40px;
	background:#fff;
	border-radius:2px;
	margin-right:20px;
	text-align:center;
	font-size:16px;
	padding:0;
	border:1px solid #dedede;
	color:#333
}
.answerLeft .el-tabs__nav-wrap:after {
	display:none!important
}
.answerLeft .el-tabs__active-bar {
	display:none
}
.answerLeft .el-tabs--bottom .el-tabs__header.is-bottom {
	margin-top:0
}
.answerLeft .el-icon-search:before {
	content:"\e778";
	font-size:16px;
	margin-left:-20px
}
.answerRight {
	width:266px;
	position:relative
}
.answerRight .btn {
	display:inline-block;
	width:100%;
	height:42px;
	line-height:42px;
	text-align:center;
	background:linear-gradient(90deg, #ff4f18, #f20000);
	margin-bottom:30px;
	font-size:18px;
	font-weight:400;
	color:#fff;
	cursor:pointer;
	border-radius:4px;
	border:none
}
.answerRight .positions_box {
	width:100%;
	height:72px
}
.answerRight .positions_box .positions_ti {
	width:266px;
	position:relative;
	transition:all 2s
}
.answerRight .positions_box .positions_ti.topposition {
	position:fixed;
	top:120px
}
.answerRight .write {
	width:266px;
	height:42px;
	line-height:42px;
	text-align:center;
	margin-top:40px;
	background:#fff;
	border:1px solid #ccc;
	border-radius:2px;
	font-size:16px;
	font-weight:400;
	color:#888;
	cursor:pointer
}
.answerRight .questionnumberbox {
	width:264px;
	height:100px
}
.answerRight .questionnumberbox .questionnumber {
	width:264px;
	height:80px;
	background:url(https://s2.51cto.com/media/ost/static/answerRight.png);
	background-size:100%;
	border-radius:2px;
	box-shadow:3px 4px 6px 0 rgba(216, 154, 154, .16)
}
.answerRight .questionnumberbox .questionnumber.topposition {
	position:fixed;
	top:180px
}
.answerRight .questionnumberbox .questionnumber .txt {
	width:234px;
	font-size:16px;
	color:#555;
	line-height:29px;
	padding:13px 15px 0
}
.answerRight .questionnumberbox .questionnumber .txt .numbers {
	font-weight:700;
	color:#f40d04;
	font-size:18px
}
.components-answerlist-excellent {
	padding-top:30px
}
.components-answerlist-excellent .title {
	width:100%;
	display:flex;
	justify-content:space-between
}
.components-answerlist-excellent .title h4 {
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:30px
}
.components-answerlist-excellent .title .title_p {
	font-size:14px;
	font-weight:400;
	color:#878787;
	line-height:30px;
	float:right
}
.components-answerlist-excellent .title .title_p span {
	margin-left:10px;
	cursor:pointer
}
.components-answerlist-excellent .title .title_p span:hover {
	color:#f40d04
}
.components-answerlist-excellent .title .current_style {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:30px
}
.components-answerlist-excellent .content {
	list-style:none
}
.components-answerlist-excellent .content li {
	display:flex;
	padding:20px 0;
	justify-content:space-between;
	border-bottom:1px solid #ededed
}
.components-answerlist-excellent .content li .left {
	width:46px;
	height:46px;
	margin-right:10px
}
.components-answerlist-excellent .content li .left img {
	width:46px;
	height:46px;
	border-radius:50%
}
.components-answerlist-excellent .content li .right {
	width:210px
}
.components-answerlist-excellent .content li:last-child {
	border-bottom:none
}
.components-answerlist-excellent .content .right_p2 {
	display:flex;
	justify-content:space-between;
	margin-bottom:10px;
	white-space:nowrap
}
.components-answerlist-excellent .content .right_p2 h5 {
	font-size:16px
}
.components-answerlist-excellent .content .right_p2 .right_information {
	display:flex;
	flex-direction:column;
	line-height:20px
}
.components-answerlist-excellent .content .right_p2 .right_information .aaaa {
	color:#333;
	font-size:16px;
	display:inline
}
.components-answerlist-excellent .content .right_p2 .right_information .aaaa:hover {
	color:#f40d04
}
.components-answerlist-excellent .content .buttom_guan {
	height:18px;
	text-align:center;
	line-height:18px;
	font-size:12px!important;
	background:#f40d04;
	border-radius:2px;
	cursor:pointer;
	white-space:nowrap;
	color:#f40d04!important;
	min-width:35px;
	padding:0 5px;
	background:rgba(18, 139, 78, .20392)
}
.components-answerlist-excellent .content .buttom_guan:hover {
	color:#f40d04
}
.components-answerlist-excellent .content .buttom_qu {
	width:45px;
	height:18px;
	text-align:center;
	line-height:18px;
	font-size:12px;
	background:#ededed;
	border-radius:2px;
	cursor:pointer;
	color:#878787!important
}
.components-answerlist-excellent .content .buttom_qu:hover {
	color:#f40d04
}
.components-answerlist-excellent .content .right_sp {
	font-size:14px;
	font-weight:400;
	color:#878787;
	line-height:20px
}
.components-answerlist-excellent .content .right_sp span {
	display:inline-block;
	color:#333!important
}
.julymarvellous {
	margin-top:20px
}
.julymarvellous h4 {
	font-size:20px;
	color:#333;
	line-height:30px;
	font-weight:600
}
.julymarvellous .list-july {
	width:100%;
	list-style:none
}
.julymarvellous .list-july .title {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px;
	cursor:pointer;
	word-break:break-all
}
.julymarvellous .list-july .title:hover {
	color:#f40d04
}
.julymarvellous .list-july li:first-child {
	padding-top:10px!important
}
.julymarvellous .list-july li {
	padding-top:20px;
	padding-bottom:20px
}
.julymarvellous .list-july li:not(:last-child) {
border-bottom:1px solid #ededed
}
.julymarvellous .list-july .lower {
	display:flex;
	padding-top:10px
}
.julymarvellous .list-july .lower img {
	width:20px;
	height:20px;
	border-radius:50%;
	margin-right:10px;
	margin-top:2px;
	display:inline-block
}
.julymarvellous .list-july .lower span {
	font-size:14px;
	font-weight:400;
	color:#878787;
	line-height:24px
}
.julymarvellous .list-july .lower .right {
	width:214px
}
.julymarvellous .list-july .lower .right .tags_name {
	color:#686868;
	font-size:14px
}
.julymarvellous .list-july .lower .right .tags_name:hover {
	color:#f40d04
}
.julymarvellous .list-july .lower .right span {
	color:#acacac
}
.list_data>.lefts {
	width:100px;
	float:left
}
.list_data>.lefts span {
	text-align:center;
	display:block;
	line-height:20px;
	font-size:12px;
	font-weight:400;
	color:#888
}
.list_data>.lefts h4 {
	font-size:18px;
	font-weight:400;
	color:#343434;
	text-align:center;
	margin-bottom:5px
}
.list_data>.rights {
	width:800px;
	float:right;
	line-height:45px;
	position:relative;
	top:-2px
}
.list_data>.rights .title {
	margin-bottom:12px;
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:24px;
	cursor:pointer;
	word-break:break-all
}
.list_data>.rights .title a {
	color:#333
}
.list_data>.rights .title a:hover {
	color:#f40d04
}
.list_data>.rights p {
	width:100%;
	font-size:14px;
	font-weight:400;
	color:#555;
	word-break:break-all;
	line-height:21px
}
.list_data>.rights .tags_span {
	padding:4px 10px;
	height:25px;
	border:1px solid #ededed;
	opacity:.8;
	border-radius:2px;
	text-align:center;
	font-size:12px;
	font-weight:400;
	color:#888;
	margin-right:10px;
	line-height:30px
}
.list_data>.rights div {
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:24px
}
.list_data>.rights .ranking {
	width:100%;
	padding-left:10px;
	box-sizing:border-box;
	white-space:nowrap
}
.list_data>.rights .ranking .avatar_img {
	margin-right:10px!important
}
.list_data>.rights .ranking div img {
	margin-left:-10px;
	border-radius:50%;
	width:32px;
	height:32px;
	float:left
}
.list_data>.rights .ranking p {
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:30px;
	margin-left:10px
}
.list_data>.rights .ranking .informations {
	line-height:34px;
	display:inline-block
}
.list_data>.rights .desc {
	line-height:20px!important
}
.list_data>.rights .status_sps {
	float:right;
	color:#f40d04;
	padding-top:5px
}
.list_data>.rights .status_dcn {
	float:right;
	color:#e63027;
	padding-top:5px
}
.list_data>.rights .ellipsis {
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	color:#565656;
	white-space:normal
}
.list_data>.rights .span_name a {
	cursor:pointer
}
.list_data>.rights .span_name a:hover {
	color:#f40d04!important
}
.components-bulletframe-focusbullet {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:10;
	background-color:rgba(0, 0, 0, .4)
}
.components-bulletframe-focusbullet .box_con {
	width:480px;
	height:189px;
	background:#fff;
	box-shadow:0 5px 24px 0 rgba(0, 0, 0, .08);
	border-radius:2px;
	position:absolute;
	left:50%;
	margin-left:-240px;
	top:50%;
	margin-top:-95px
}
.components-bulletframe-focusbullet .box_con .hmclose {
	font-size:12px;
	position:absolute;
	right:9px;
	top:9px;
	color:#898989;
	cursor:pointer
}
.components-bulletframe-focusbullet .private .content {
	padding-top:35px;
	text-align:center
}
.components-bulletframe-focusbullet .private .content.guan {
	padding-top:45px
}
.components-bulletframe-focusbullet .private .content .title {
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:28px
}
.components-bulletframe-focusbullet .private .content .desc {
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:24px
}
.components-bulletframe-focusbullet .private .footer {
	position:absolute;
	bottom:40px;
	width:100%;
	text-align:center
}
.components-bulletframe-focusbullet .private .footer span {
	text-align:center;
	width:140px;
	height:40px;
	border-radius:2px;
	font-size:14px;
	font-weight:400;
	line-height:40px;
	display:inline-block;
	cursor:pointer
}
.components-bulletframe-focusbullet .private .footer .reset {
	color:#f40d04;
	border:1px solid #f40d04;
	margin-left:5px
}
.components-bulletframe-focusbullet .private .footer .reset.guan {
	color:#888;
	border:1px solid #ccc
}
.components-bulletframe-focusbullet .private .footer.guan {
	text-align:none
}
.components-button-follow.pri_guan {
	display:inline-block;
	margin-left:18px;
	vertical-align:bottom
}
.components-button-follow .follow_private {
	display:inline-block
}
.components-button-follow .hmjia {
	font-size:12px
}
.components-button-follow .focus {
	box-sizing:border-box;
	float:right;
	width:56px;
	line-height:26px;
	height:26px;
	text-align:center;
	cursor:pointer;
	font-size:12px;
	background:#fff;
	border-radius:4px;
	border:1px solid #cd0000;
	color:#de0005
}
.components-button-follow .focus.focused {
	background:#f2f2f2;
	color:#989898;
	border:none
}
.components-button-follow .focus.focused:hover {
	box-sizing:border-box;
	width:56px;
	height:26px;
	line-height:26px;
	background:#e4e4e4;
	color:#989898
}
.components-button-follow .focus:hover {
	box-sizing:border-box;
	width:56px;
	height:26px;
	line-height:26px;
	background:linear-gradient(323deg, #ff4f18, #f20000);
	color:#fff;
	border:none
}
.components-button-follow .team_care {
	margin:40px auto 0;
	width:86px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	color:#ee3434;
	background:#fff;
	border-radius:17px;
	border:1px solid #fbaaaa
}
.components-button-follow .team_care:hover {
	box-sizing:border-box;
	width:86px;
	height:30px;
	line-height:30px;
	background:linear-gradient(323deg, #ff4f18, #f20000);
	color:#fff;
	border:none
}
.components-button-follow .team_care.focused {
	background:#f2f2f2;
	color:#989898;
	border:none
}
.components-button-follow .team_care.focused:hover {
	box-sizing:border-box;
	width:86px;
	height:30px;
	line-height:30px;
	background:#e4e4e4;
	color:#989898;
	border:none
}
.components-button-follow .wid_small {
	width:56px;
	height:20px;
	border-radius:2px;
	border:0;
	background-color:#f40d04;
	color:#fff;
	float:right;
	cursor:pointer;
	outline:none;
	font-size:12px;
	padding:0;
	text-align:center;
	line-height:20px
}
.components-button-follow .wid_small.focused_small {
	background-color:#fef2f2;
	color:#f40d04
}
.components-button-follow .focus_user {
	text-align:center;
	border-radius:2px;
	cursor:pointer;
	float:right;
	background:#f40d04;
	color:#fff
}
.components-button-follow .focus_user .hmjia {
	font-size:12px
}
.components-button-follow .focus_user.active {
	background:rgba(244, 13, 4, .20392);
	color:#f40d04
}
.components-button-follow .focus_user.active:hover {
	background:hsla(0, 0%, 66.3%, .20392);
	color:#939393
}
.components-button-follow .focus_user.wid_user {
	width:110px;
	height:40px;
	line-height:40px;
	font-size:18px
}
.components-button-follow .focus_user.wid_user .hmjia {
	font-size:18px
}
.components-button-follow .focus_user.wid_fan {
	width:58px;
	height:24px;
	line-height:24px;
	font-size:12px
}
.components-button-follow .focus_user.wid_detail {
	width:110px;
	height:42px;
	line-height:42px;
	font-size:18px
}
.components-button-follow .focus_user.wid_detail .hmjia {
	font-size:18px
}
.components-button-follow .focus_user.posts_right {
	width:100px;
	height:36px;
	line-height:36px;
	font-size:16px
}
.components-button-follow .focus_user.posts_right .hmjia {
	font-size:16px
}
.components-button-follow .focus_user.wid_private {
	width:90px;
	height:40px;
	line-height:40px;
	font-size:16px
}
.components-button-follow .focus_user.wid_private .hmjia {
	font-size:18px
}
.components-button-follow .focus_user.wid_private.none {
	display:none
}
.components-button-follow .focus_user.wid_private_guan {
	width:140px;
	height:40px;
	line-height:40px;
	font-size:16px
}
.components-button-follow .focus_user.wid_private_guan .hmjia {
	font-size:18px
}
.components-button-follow .focus_user.wid_private_guan.none {
	display:none
}
.components-button-follow .focus_user.wid_team {
	width:100px;
	height:36px;
	line-height:36px;
	font-size:16px
}
.components-button-follow .focus_user.wid_team .hmjia {
	font-size:18px
}
.components-button-follow .focus_user.wid_team.none {
	display:none
}
.components-button-follow .focus_tips {
	background:#fef2f2;
	height:40px;
	text-align:center;
	line-height:40px;
	margin:20px auto 0;
	border-radius:2px;
	color:#f40d04;
	cursor:pointer;
	width:200px
}
.components-button-gotop {
	box-sizing:border-box;
	line-height:60px;
	text-align:center;
	border-radius:4px;
	cursor:pointer;
	transition:all 1s;
	background:#fff;
	width:60px;
	padding:0 10px;
	border:1px solid #f4f4f4;
	border-radius:10px;
	position:fixed;
	bottom:120px;
	z-index:999
}
.components-button-gotop .hmicon {
	font-size:22px;
	color:#666
}
.components-button-gotop .hmicon:hover {
	color:#333
}
.components-button-gotop .customer_service {
	position:relative;
	border-bottom:1px solid #eee
}
.components-button-gotop .customer_service .hmicon {
	font-size:22px;
	color:#333
}
.components-button-gotop .customer_service .tooltip_set {
	width:83px;
	height:44px;
	line-height:44px;
	padding:0 10px;
	font-size:14px;
	color:#fff;
	position:absolute;
	border-radius:8px;
	background:#303133;
	left:-116px;
	top:5px
}
.components-button-gotop .customer_service .tooltip_set:before {
	content:"";
	position:absolute;
	right:-5px;
	top:16px;
	width:10px;
	height:10px;
	background:#303133;
	transform:rotate(45deg)
}
.components-button-gotop .dailyTask {
	border-bottom:1px solid #eee;
	display:flex;
	align-items:center;
	justify-content:center;
	height:60px
}
.components-button-gotop .dailyTask img {
	display:block;
	width:32px
}
.components-button-gotop .jing {
	border-bottom:1px solid #eee;
	position:relative;
	font-size:16px;
	font-weight:400;
	color:#333
}
.components-button-gotop .jing:hover {
	color:#f40d04
}
.components-button-gotop .btmbox {
transition:all .6s;
	height:62px;
	overflow:hidden
}
.components-button-gotop .btmbox .btm_set {
	height:32px;
	margin:15px 0;
	overflow:hidden
}
.components-button-gotop .btmbox .bb1 {
transition:all .6s;
	height:32px;
	line-height:32px
}
.components-button-gotop .btmbox:hover .bb1 {
	margin-top:-32px;
transition:all .6s
}
.components-button-gotop .btmbox .top_back {
	height:32px;
	line-height:32px
}
@keyframes move {
0% {
width:0
}
to {
	width:402px
}
}
@keyframes moveoff {
0% {
width:402px
}
to {
	width:0
}
}
.components-button-gotop .dlwrap {
	width:0;
	overflow:hidden;
	position:absolute;
	right:72px;
	top:1px;
transition:width .6s
}
.components-button-gotop .dlwrap.on {
	-webkit-animation-name:move;
-webkit-animation-duration:.6s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-name:move;
-moz-animation-duration:.6s;
	-moz-animation-timing-function:linear;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:forwards;
	-o-animation-name:move;
-o-animation-duration:.6s;
	-o-animation-timing-function:linear;
	-o-animation-iteration-count:1;
	-o-animation-fill-mode:forwards;
	-ms-animation-name:move;
-ms-animation-duration:.6s;
	-ms-animation-timing-function:linear;
	-ms-animation-iteration-count:1;
	-ms-animation-fill-mode:forwards;
	animation-name:move;
animation-duration:.6s;
	animation-timing-function:linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards
}
.components-button-gotop .dlwrap.off {
	-webkit-animation-name:moveoff;
-webkit-animation-duration:.6s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-name:moveoff;
-moz-animation-duration:.6s;
	-moz-animation-timing-function:linear;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:forwards;
	-o-animation-name:moveoff;
-o-animation-duration:.6s;
	-o-animation-timing-function:linear;
	-o-animation-iteration-count:1;
	-o-animation-fill-mode:forwards;
	-ms-animation-name:moveoff;
-ms-animation-duration:.6s;
	-ms-animation-timing-function:linear;
	-ms-animation-iteration-count:1;
	-ms-animation-fill-mode:forwards;
	animation-name:moveoff;
animation-duration:.6s;
	animation-timing-function:linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards
}
.components-button-gotop .disloag {
	width:372px;
	height:110px;
	background:#fff;
	border:1px solid #f6f7f8;
	border-radius:2px;
	padding:14px
}
.components-button-gotop .disloag .left {
	width:110px;
	height:110px;
	float:left
}
.components-button-gotop .disloag .left img {
	width:110px;
	height:110px
}
.components-button-gotop .disloag .right {
	float:right;
	margin-left:2px;
	padding:33px 0 17px;
	text-align:left
}
.components-button-gotop .disloag .right h3 {
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:23px
}
.components-button-gotop .disloag .right div {
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:23px
}
.components-button-iconstar {
	height:16px;
	position:relative;
	width:16px;
	float:left;
	margin-left:5px;
	margin-top:6px
}
.components-button-iconstar.search-star {
	margin-top:4px
}
.components-button-iconstar.search-star img {
	margin-top:2px
}
.components-button-iconstar.search-star.star .tips {
	top:-29px
}
.components-button-iconstar.postsright {
	width:20px;
	height:20px;
	display:inline-block;
	float:none;
	margin-right:0;
	margin-left:5px;
	margin-top:0
}
.components-button-iconstar.postsright img {
	height:20px;
	cursor:pointer;
	margin-top:0;
	margin-left:0
}
.components-button-iconstar.postsright.star .tips {
	position:absolute;
	top:-28px;
	left:-23px
}
.components-button-iconstar img {
	width:auto!important;
	height:100%!important;
	cursor:pointer;
	float:left
}
.components-button-iconstar .tips {
	position:absolute;
	top:-28px;
	left:-23px
}
.components-button-iconstar .tips .cons {
	width:60px;
	height:23px;
	background-image:url(https://s2.51cto.com/media/ost/static/start_bg.png);
	background-size:contain;
	border-radius:2px;
	text-align:center;
	line-height:20px;
	font-size:12px;
	color:#fff
}
.components-button-iconteam {
	position:relative;
	width:16px;
	float:left;
	margin-left:5px
}
.components-button-iconteam.postsright {
	width:20px;
	height:20px;
	display:inline-block;
	float:none;
	margin-right:0;
	margin-left:5px;
	margin-top:0
}
.components-button-iconteam.postsright i {
	height:20px;
	margin-top:0;
	margin-left:0
}
.components-button-iconteam.postsright.team .tips {
	position:absolute;
	top:-28px;
	left:-44px
}
.components-button-iconteam.right-team {
	width:16px;
	height:16px;
	margin-right:0;
	margin-left:5px;
	margin-top:2px
}
.components-button-iconteam.right-team i {
	height:16px;
	margin-top:0;
	margin-left:0
}
.components-button-iconteam.right-team.team .tips {
	position:absolute;
	top:-28px;
	left:-45px
}
.components-button-iconteam.search-team {
	margin-top:0
}
.components-button-iconteam.search-team i {
	margin-top:2px
}
.components-button-iconteam.search-team.team .tips {
	top:-29px
}
.components-button-iconteam i {
	font-size:16px;
	color:#2680eb;
	float:left;
	cursor:pointer
}
.components-button-iconteam .tips {
	position:absolute;
	top:-28px;
	left:-45px
}
.components-button-iconteam .tips .cons {
	width:106px;
	height:23px;
	background-image:url(https://s2.51cto.com/media/ost/static/team_bg.png);
	background-size:contain;
	border-radius:2px;
	text-align:center;
	line-height:20px;
	font-size:12px;
	color:#fff
}
.components-button-reportcomment .reporteditbox {
	font-size:14px
}
.components-button-reportcomment .reporteditbox .hmicon.hmgengduo {
	font-size:12px
}
.components-button-reportfiles {
	font-size:14px;
	color:#888;
	float:right;
	margin-right:10px;
	padding-left:0;
	height:20px;
	line-height:20px;
	cursor:pointer;
	display:flex;
	align-content:center;
	align-items:center
}
.components-button-reportfiles .reporteditbox .hmicon.hmgengduo {
	font-size:12px
}
.components-button-reportposts {
	padding-top:3px
}
.components-button-reportposts, .components-button-reportquestion {
	font-size:14px;
	color:#888;
	float:right;
	margin-right:10px;
	cursor:pointer
}
.components-button-reportquestion {
	padding-left:0;
	height:20px;
	line-height:20px;
	display:flex;
	align-content:center;
	align-items:center
}
.components-button-reportquestion .reporteditbox {
	font-size:14px;
	line-height:32px
}
.components-button-reportquestion .reporteditbox .hmicon.hmgengduo {
	font-size:12px
}
.talkbox {
	display:inline-block;
	width:100px;
	height:36px
}
.talkbox .talk {
	width:100px;
	height:36px;
	background:#fff;
	border:1px solid #f40d04;
	border-radius:2px;
	font-size:16px;
	font-weight:400;
	color:#f40d04;
	cursor:pointer
}
.postItem .icons {
	margin-right:5px;
	float:left;
	margin-top:4px
}
.postItem li {
	border-bottom:1px solid #eee;
	padding:20px 0
}
.postItem .tops {
	position:relative
}
.postItem .tops h2 {
	line-height:24px;
	font-size:18px;
	font-weight:400;
	color:#212121;
	cursor:pointer;
	vertical-align:middle;
	margin-right:100px;
	word-break:break-all
}
.postItem .tops h2:hover {
	color:#f40d04
}
.postItem .tops .vote {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle
}
.postItem .tops .vote img {
	width:18px;
	height:18px
}
.postItem .tops .time {
	position:absolute;
	right:0;
	font-size:12px;
	font-weight:400;
	color:#9e9e9e;
	top:5px
}
.postItem .tags {
	margin-top:5px
}
.postItem .tags span {
	display:inline-block;
	border:1px solid #efefef;
	border-radius:2px;
	font-size:12px;
	font-weight:400;
	color:#888;
	padding:6px 8px;
	cursor:pointer;
	margin-right:10px;
	margin-top:10px
}
.postItem .tags span a {
	color:#888
}
.postItem .tags span:hover a {
	color:#f40d04
}
.postItem .tags span:hover {
	background-color:#fef2f2
}
.postItem .lower {
	display:flex;
	margin-top:20px;
	position:relative
}
.postItem .lower .imgs {
	margin-right:20px
}
.postItem .lower .imgs, .postItem .lower .imgs img {
	width:32px;
	height:32px;
	border-radius:50%
}
.postItem .lower .nickname {
	font-size:12px;
	font-weight:700;
	color:#888;
	line-height:30px
}
.postItem .lower .nickname:hover {
	color:#f40d04
}
.postItem .lower .noSixty, .postItem .lower .Sixty {
	font-size:12px;
	font-weight:700;
	color:#9e9e9e;
	line-height:30px
}
.postItem .lower .Sixty {
	margin-left:10px
}
.postItem .lower .Sixty a, .postItem .lower .Sixty span {
	color:#888!important
}
.postItem .lower .view {
	font-size:12px;
	font-weight:700;
	color:#9e9e9e;
	line-height:30px;
	position:absolute;
	right:0;
	top:5px
}
.postItem .lower .view .del_yichu {
	cursor:pointer
}
.postItem .lower .isme_css div span {
	color:#f40d04;
	cursor:pointer
}
.btnFalse {
	width:120px
}
.btnFalse span {
	font-size:14px
}
.btn_confirm {
	word-break:break-all
}
.btn_confirm span {
	font-size:14px
}
.components-column-authoritem {
	background:#fff;
	padding:20px 20px 15px;
	margin-top:20px
}
.components-column-authoritem .title {
	width:100%;
	display:flex;
	justify-content:space-between
}
.components-column-authoritem .title h4 {
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:30px
}
.components-column-authoritem .title .title_p {
	font-size:14px;
	font-weight:400;
	color:#878787;
	line-height:30px;
	float:right;
	display:flex
}
.components-column-authoritem .title .title_p span {
	display:inline-block;
	margin-top:5px;
	line-height:14px;
	border-radius:50%;
	text-align:center;
	color:#ddd;
	cursor:pointer
}
.components-column-authoritem .title .title_p span .hmicon {
	font-size:18px
}
.components-column-authoritem .title .title_p span:first-child {
	margin-right:10px
}
.components-column-authoritem .title .current_style {
	color:#f6f7f8!important
}
.components-column-authoritem .content {
	list-style:none
}
.components-column-authoritem .content li {
	display:flex;
	padding:20px 0 12px;
	justify-content:space-between
}
.components-column-authoritem .content li .left {
	width:46px;
	height:46px
}
.components-column-authoritem .content li .left img {
	width:46px;
	height:46px;
	border-radius:50%
}
.components-column-authoritem .content li .right {
	width:175px
}
.components-column-authoritem .content li .p10 {
	padding-top:13px
}
.components-column-authoritem .content li:last-child {
	border-bottom:none
}
.components-column-authoritem .content .right_p2 {
	justify-content:space-between;
	white-space:nowrap;
	height:22px
}
.components-column-authoritem .content .right_p2 h5 {
	font-size:16px
}
.components-column-authoritem .content .right_p2 .rightspan {
	display:inline-block
}
.components-column-authoritem .content .right_p2 .right_information {
	float:left;
	display:block;
	flex-direction:column;
	line-height:20px
}
.components-column-authoritem .content .right_p2 .right_information .aaaa {
	color:#333;
	font-size:14px;
	display:inline
}
.components-column-authoritem .content .right_p2 .right_information .aaaa:hover {
	color:#f40d04
}
.components-column-authoritem .content .right_p2 .have_style {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:none;
	white-space:nowrap;
	max-width:58px;
	float:left
}
.components-column-authoritem .content .right_p2 .have_style_hm {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:none;
	white-space:nowrap;
	max-width:110px;
	float:left
}
.components-column-authoritem .content .right_p2 .artor {
	font-size:12px;
	font-weight:400;
	color:#f40d04;
	width:48px;
	height:16px;
	border:1px solid #f40d04;
	border-radius:9px;
	text-align:center;
	display:inline-block;
	line-height:18px;
	vertical-align:text-bottom;
	margin-left:5px
}
.components-column-authoritem .content .right_p2 .follows {
	float:right
}
.components-column-authoritem .content .buttom_guan {
	height:18px;
	text-align:center;
	line-height:18px;
	font-size:12px!important;
	background:#f40d04;
	border-radius:2px;
	cursor:pointer;
	white-space:nowrap;
	color:#f40d04!important;
	min-width:35px;
	padding:0 5px;
	background:rgba(18, 139, 78, .20392)
}
.components-column-authoritem .content .buttom_guan:hover {
	color:#f40d04
}
.components-column-authoritem .content .buttom_qu {
	width:45px;
	height:18px;
	text-align:center;
	line-height:18px;
	font-size:12px;
	background:#ededed;
	border-radius:2px;
	cursor:pointer;
	color:#878787!important
}
.components-column-authoritem .content .buttom_qu:hover {
	color:#f40d04
}
.components-column-authoritem .content .right_sp {
	width:170px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	display:table-caption;
	font-size:12px;
	font-weight:400;
	color:#878787;
	line-height:36px
}
.components-column-authoritem .content .right_sp span {
	display:inline-block;
	color:#333!important
}
.components-column-columnitem ul li:not(:nth-child(3n+3)) {
margin-right:26px
}
.components-column-columnitem ul li {
	text-align:center;
	float:left;
	margin-top:30px;
	width:308px;
	height:300px;
	background:#fff;
	border:1px solid #efefef;
	border-radius:4px;
	padding:30px 36px;
	position:relative
}
.components-column-columnitem ul li .recommend {
	position:absolute;
	top:0;
	right:0;
	font-size:14px;
	font-weight:400;
	color:#fff;
	width:66px;
	height:26px;
	line-height:26px;
	background:#fdc263;
	border-radius:0 4px 4px 4px;
	text-align:center
}
.components-column-columnitem ul li .img {
	width:60px;
	height:60px;
	border-radius:4px;
	margin:0 auto
}
.components-column-columnitem ul li .img .cover_img {
	width:60px!important;
	height:60px!important;
	border-radius:4px!important
}
.components-column-columnitem ul li .title1 {
	font-size:20px;
	font-weight:700;
	color:#333;
	line-height:25px;
	margin-top:20px;
	word-break:break-all
}
.components-column-columnitem ul li .desc {
	font-size:14px;
	font-weight:400;
	color:#666;
	line-height:20px;
	max-height:40px;
	margin-top:6px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-word
}
.components-column-columnitem ul li .tags {
	height:40px;
	overflow:hidden;
	margin-top:-3px
}
.components-column-columnitem ul li .tags span {
	display:inline-block;
	height:25px;
	border:1px solid #efefef;
	border-radius:2px;
	font-size:12px;
	font-weight:400;
	color:#888;
	line-height:25px;
	padding:0 7px;
	margin-top:10px;
	margin-right:10px
}
.components-column-columnitem ul li .subscribe {
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:32px;
	margin-top:5px
}
.components-column-columnitem ul li .btn span {
	cursor:pointer;
	display:inline-block;
	width:120px;
	height:36px;
	border:1px solid #f40d04;
	border-radius:18px;
	font-size:18px;
	font-weight:400;
	color:#f40d04;
	line-height:36px;
	text-align:center;
	position:absolute;
	bottom:30px;
	left:35%
}
.components-column-columnitem ul li .tips {
	text-align:center;
	height:40px;
	line-height:40px;
	color:#666;
	border:1px solid #efefef;
	bottom:80px;
	left:50px;
	background:#fff;
	position:absolute;
	padding:0 10px
}
.components-column-columnitem.four ul li:not(:nth-child(4n)) {
margin-right:20px
}
.components-column-columnitem.four ul li {
	margin-right:0;
	width:243px;
	padding:30px 20px
}
.components-column-columnitem.four ul li .title1 {
	max-height:50px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-word
}
.components-column-columnitem.four ul li .tips {
	left:3px
}
.components-column-columnitem.four ul li .btn_active span, .components-column-columnitem.four ul li .btn span {
	left:29%
}
.components-column-columnitem .btn_active span {
	cursor:pointer;
	display:inline-block;
	width:120px;
	height:36px;
	border:1px solid #888;
	border-radius:18px;
	font-size:18px;
	font-weight:400;
	color:#888;
	line-height:36px;
	text-align:center;
	position:absolute;
	bottom:30px;
	left:35%
}
.components-column-columnitem .dingyue {
	line-height:24px;
	text-align:center;
	margin:25px 15px 5px
}
.components-column-columnitem .ding_css, .components-column-columnitem .reset_css {
	height:30px;
	line-height:5px;
	width:120px
}
.components-column-columnitem .el-dialog__body {
	padding:0 40px!important
}
.components-column-createdititem [v-cloak] {
	display:none
}
.components-column-createdititem .pop {
	margin-bottom:15px;
	height:37px;
	background:linear-gradient(90deg, #474646, #232629);
	padding:19px 0 20px 28px;
	position:relative
}
.components-column-createdititem .pop .content {
	font-size:14px;
	font-weight:400;
	color:#ccc;
	line-height:22px
}
.components-column-createdititem .pop .close {
	position:absolute;
	right:11px;
	top:10px;
	color:#ccc;
	cursor:pointer
}
.components-column-createdititem .pop .close i {
	font-size:14px
}
.components-column-createdititem .forms {
	padding-top:20px;
	margin-bottom:100px
}
.components-column-createdititem .el-form-item__label {
	font-size:14px;
	font-weight:400;
	color:#333!important;
	line-height:32px
}
.components-column-createdititem .el-textarea__inner {
	min-height:90px!important;
	padding:5px 11px
}
.components-column-createdititem .el-radio-group {
	margin-top:-10px!important
}
.components-column-createdititem .el-radio__input.is-checked .el-radio__inner {
	border-color:#333;
	background:#333
}
.components-column-createdititem .el-radio__input.is-checked+.el-radio__label {
	color:#333
}
.components-column-createdititem .cover_img {
	margin-top:20px;
	width:80px;
	height:80px;
	border-radius:4px
}
.components-column-createdititem .heights {
	height:90px
}
.components-column-createdititem .p_tips {
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:32px;
	float:left;
	margin-left:10px;
	margin-top:5px
}
.components-column-createdititem .doubt {
	margin-left:9px;
	display:inline;
	position:relative
}
.components-column-createdititem .doubt i {
	font-size:14px;
	cursor:pointer;
	color:#9e9e9e
}
.components-column-createdititem .hui_sub {
	color:#333
}
.components-column-createdititem .hui_activity {
	color:#999
}
.components-column-createdititem .tips_style {
	width:261px;
	height:101px;
	background:#fff;
	border:1px solid #eee;
	border-radius:2px;
	padding:15px;
	position:absolute;
	top:0;
	left:180px;
	z-index:1
}
.components-column-createdititem .tips_style .con {
	font-size:12px;
	font-weight:400;
	color:#888;
	line-height:20px
}
.components-column-createdititem .footer {
	width:100%;
	height:70px;
	background:#fff;
	box-shadow:0 -1px 5px 0 rgba(4, 0, 0, .05);
	position:fixed;
	left:0;
	bottom:0;
	z-index:1
}
.components-column-createdititem .footer .footbtnbox {
	width:906px;
	margin:0 auto;
	position:relative
}
.components-column-createdititem .footer .edit {
	padding-top:15px!important;
	position:absolute;
	right:0;
	display:flex
}
.components-column-createdititem .footer .edit .btn_reset {
	width:120px;
	height:40px;
	border:1px solid #ccc;
	border-radius:2px;
	font-size:16px;
	font-weight:400;
	color:#888;
	line-height:40px;
	text-align:center;
	cursor:pointer
}
.components-column-createdititem .footer .edit .btn_submit {
	width:120px;
	height:40px;
	background:#f40d04;
	border-radius:2px;
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	margin-left:23px
}
.components-column-createdititem .footer .add {
	padding-top:15px!important;
	position:absolute;
	right:0
}
.components-column-createdititem .footer .add .add_submit {
	text-align:center;
	cursor:pointer;
	width:120px;
	height:40px;
	background:#333;
	border-radius:2px;
	font-size:16px;
	font-weight:400;
	color:#fff;
	line-height:40px
}
.components-column-createdititem .dialog {
	text-align:center
}
.components-column-createdititem .dialog .tips {
	line-height:20px;
	margin-top:10px;
	color:#888
}
.components-column-createdititem .dialog .p_margin {
	margin-top:30px
}
.components-column-createdititem .el-form-item__label {
	text-align:left
}
.components-column-createdititem .btn_style {
	border:1px solid #f40d04!important;
	background:#fff!important;
	color:#f40d04!important;
	width:120px!important
}
.components-column-createdititem .el-input__inner {
	padding:0 11px
}
.components-column-createdititem .label_input .el-input__inner {
	padding:5px 11px
}
.components-column-showitem ul li {
	padding:30px 0;
	border-bottom:1px solid #eee
}
.components-column-showitem ul li:first-child {
	padding-top:22px
}
.components-column-showitem ul li .course_img {
	float:left;
	width:218px;
	height:123px;
	position:relative;
	text-align:center;
	background-color:#000
}
.components-column-showitem ul li .course_img .pic {
	max-width:218px;
	height:123px
}
.components-column-showitem ul li .course_img .time {
	position:absolute;
	right:7px;
	bottom:14px;
	font-size:14px;
	color:#fff
}
.components-column-showitem ul li .course_img .open_btn {
	width:42px;
	height:42px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:#000;
	border-radius:50%
}
.components-column-showitem ul li .course_img .open_btn .hmicon {
	font-size:21px;
	color:#fff;
	display:inline-block;
	width:42px;
	height:42px;
	line-height:42px;
	text-align:center;
	padding-left:2px
}
.components-column-showitem ul li .course_detail {
	float:left;
	padding-left:20px;
	height:123px;
	box-sizing:border-box;
	position:relative
}
.components-column-showitem ul li .course_detail .title {
	font-size:18px;
	font-weight:700;
	width:632px;
	height:25px;
	line-height:25px
}
.components-column-showitem ul li .course_detail .title a {
	color:#212121
}
.components-column-showitem ul li .course_detail .title a:hover {
	color:#f40d04
}
.components-column-showitem ul li .course_detail .title a:hover em {
	color:#f40d04!important
}
.components-column-showitem ul li .course_detail .introduction {
	font-size:14px;
	color:#212121;
	width:632px;
	padding:8px 0 15px
}
.components-column-showitem ul li .course_detail .detail {
	font-size:14px;
	color:#888
}
.components-column-showitem ul li .course_detail .detail span:first-child, .components-column-showitem ul li .course_detail .detail span:nth-child(2) {
position:relative;
top:1px
}
.components-column-showitem ul li .course_detail .detail .hmbfl {
	font-size:19px;
	padding-right:6px;
	position:relative;
	top:2px
}
.components-column-showitem ul li .course_detail .detail .hmdz {
	font-size:14px;
	padding:0 6px;
	position:relative
}
.components-column-showitem ul li .course_detail .price {
	font-size:14px;
	margin-top:25px
}
.components-column-showitem ul li .course_detail .price a {
	color:#333;
	float:left
}
.components-column-showitem ul li .course_detail .price a:hover {
	color:#f40d04
}
.components-column-showitem .view {
	font-size:12px;
	font-weight:700;
	color:#9e9e9e;
	line-height:30px;
	position:absolute;
	right:0;
	bottom:-15px;
	float:right
}
.components-column-showitem .view .del_yichu {
	cursor:pointer
}
.components-column-showitem .isme_css div span {
	color:#f40d04;
	cursor:pointer
}
.components-column-showitem .el-button {
	width:100px!important
}
.noline div ul li {
	border-bottom:none!important
}
.subscribelist {
	width:100%;
	min-height:730px
}
.subscribelist li {
	padding-bottom:20px;
	padding-top:20px;
	display:flex;
	line-height:30px;
	position:relative;
	margin-top:20px;
	border-bottom:1px solid #eee
}
.subscribelist li:last-child {
	border-bottom:none
}
.subscribelist .left {
	float:left;
	width:80px!important;
	height:80px;
	border-radius:4px
}
.subscribelist .left .cover_img {
	width:80px!important;
	height:80px!important;
	border-radius:4px!important;
	cursor:pointer
}
.subscribelist .right {
	position:absolute;
	right:0;
	top:20px;
	font-size:14px;
	font-weight:400;
	color:#888
}
.subscribelist .zuo {
	position:absolute;
	right:0;
	bottom:19px;
	margin-left:10px
}
.subscribelist .zuo .edit {
	cursor:pointer
}
.subscribelist .zuo .edit, .subscribelist .zuo .edit a {
	font-size:14px;
	font-weight:400;
	color:#333
}
.subscribelist .zuo .del {
	font-size:14px;
	font-weight:400;
	color:#666;
	cursor:pointer
}
.subscribelist .middle {
	float:right;
	margin-left:10px
}
.subscribelist .middle .title {
	margin-top:-8px
}
.subscribelist .middle h3 {
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:32px;
	cursor:pointer
}
.subscribelist .middle h3:hover {
	color:#f40d04
}
.subscribelist .middle .label_sub {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:32px
}
.subscribelist .middle .desc {
	width:660px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:14px;
	font-weight:400;
	color:#888
}
.subscribelist .middle .tags span {
	border:1px solid #efefef;
	border-radius:2px;
	font-size:12px;
	font-weight:400;
	color:#888;
	text-align:center;
	padding:5px 7px;
	margin-right:10px
}
.subscribelist .no_data {
	text-align:center;
	font-size:14px;
	color:#9d9d9d;
	padding-top:130px
}
.subscribelist .no_data .creat, .subscribelist .no_data a {
	color:#f40d04;
	cursor:pointer
}
.subscribelist .el-button--default {
	width:98px!important
}
.subscribelist .dialog {
	line-height:20px;
	color:#888
}
.subscribelist .dialog span {
	color:#000
}
.subscribelist .dialog p {
	margin-top:20px
}
.components-column-columnupload.uploads {
	float:left;
	margin-right:20px
}
.components-column-columnupload.upload_private {
	display:inline-block;
	margin-left:10px
}
.components-column-columnupload.upload_private .hmfatupian {
	color:#888;
	font-size:20px
}
.components-column-columnupload.uploads .el-upload--picture {
	display:flex!important
}
.components-column-columnupload .upload-cover {
	background-color:#333;
	border-color:#333
}
.commentarea .btnbox {
	padding-top:11px
}
.commentarea .btnbox .cancel {
	width:40px;
	color:#888;
	font-size:14px
}
.commentarea .btnbox .cancel, .commentarea .btnbox .confirm {
	height:28px;
	line-height:28px;
	border-radius:2px;
	text-align:center;
	float:right;
	cursor:pointer
}
.commentarea .btnbox .confirm {
	width:72px;
	background:#f40d04;
	color:#fff;
	margin-left:30px
}
.components-comment-postcomment {
	width:820px;
	margin-top:20px;
	padding:30px;
	background:#fff
}
.components-comment-postcomment>.comment-top .tnum {
	line-height:30px;
	color:#333;
	font-size:18px;
	float:left
}
.components-comment-postcomment>.comment-top .paix {
	float:right;
	line-height:30px
}
.components-comment-postcomment>.comment-top .paix .but {
	display:inline-block;
	color:#888;
	cursor:pointer;
	font-size:14px
}
.components-comment-postcomment>.comment-top .paix .but.active {
	color:#333
}
.components-comment-postcomment>.comment-con {
	padding-top:10px;
	padding-bottom:30px
}
.components-comment-postcomment>.comment-con .comitem:last-child {
	border-bottom:none
}
.components-comment-postcomment>.pages {
	padding:20px 0 22px
}
.components-comment-questionanswer {
	width:820px;
	margin-top:20px;
	padding:26px 30px 30px;
	background:#fff
}
.components-comment-questionanswer>.comment-top .tnum {
	line-height:30px;
	color:#333;
	font-size:18px;
	float:left
}
.components-comment-questionanswer>.comment-top .paix {
	float:right;
	line-height:30px
}
.components-comment-questionanswer>.comment-top .paix .but {
	display:inline-block;
	color:#888;
	cursor:pointer;
	font-size:14px
}
.components-comment-questionanswer>.comment-top .paix .but.active {
	color:#333
}
.components-comment-questionanswer>.comment-con {
	padding-top:10px
}
.components-comment-questionanswer>.comment-con .comitem:last-child {
	border-bottom:none
}
.components-comment-questionanswer>.pages {
	padding:0
}
.components-comment-questionanswer>.post {
	padding-top:52px
}
.compage .el-pagination button, .compage .el-pagination span:not([class*=suffix]) {
height:28px!important;
line-height:28px!important
}
.components-comment-showrcom {
	width:100%;
	height:auto;
	padding-top:20px
}
.components-comment-showrcom .butbox {
	text-align:right
}
.components-comment-showrcom .butbox .cancel {
	color:#888;
	display:inline-block;
	cursor:pointer
}
.components-comment-showrcom .butbox .submit {
	display:inline-block;
	width:90px;
	height:34px;
	line-height:34px;
	text-align:center;
	background:#f40d04;
	color:#fff;
	font-size:14px;
	border-radius:2px;
	margin:15px 0 0 15px;
	cursor:pointer
}
.components-comment-showrcom .butbox .submit:hover {
	background:#f40d04
}
.defense .dialog {
	text-align:center;
	padding:0 40px
}
.defense .dialog .content {
	line-height:20px;
	font-size:14px;
	color:#606266
}
.defense .dialog .content a {
	color:#000
}
.defense .el-dialog__body {
	height:75px
}
.components-delete .content {
	line-height:40px;
	padding:0 40px;
	font-size:16px
}
.components-delete .dialog-footer span {
	width:80px;
	height:30px;
	display:inline-block;
	border-radius:2px;
	font-size:12px;
	line-height:30px;
	text-align:center;
	font-weight:400;
	cursor:pointer
}
.components-delete .dialog-footer span:first-child {
	background:#f40d04;
	color:#fff;
	margin-right:25px
}
.components-delete .dialog-footer span:last-child {
	background:#eee;
	color:#333
}
.components-delete .el-radio-group {
	min-width:180px
}
.components-delete .el-textarea__inner {
	height:80px;
	width:540px;
	margin-left:-20px
}
.components-delete .el-dialog__footer {
	text-align:center
}
.components-entrance {
	height:50px;
	background:#f3f3f3;
	border-radius:2px;
	margin-top:30px;
	padding:15px;
	cursor:pointer
}
.components-entrance .imgs {
	float:left
}
.components-entrance .imgs, .components-entrance .imgs .cover_img {
	width:50px;
	height:50px;
	border-radius:4px
}
.components-entrance .middle {
	float:left;
	margin-left:10px;
	margin-top:5px
}
.components-entrance .middle .tips {
	font-size:14px;
	font-weight:400;
	color:#888
}
.components-entrance .middle .tips span {
	font-weight:700;
	font-size:14px
}
.components-entrance .middle .title {
	font-size:18px;
	font-weight:400;
	color:#f40d04;
	margin-top:11px
}
.components-entrance .right {
	float:right;
	height:14px;
	font-size:14px;
	font-weight:400;
	color:#888;
	line-height:50px
}
.components-entrance .right i {
	font-size:11px
}
.event-item {
	display:block;
	width:358px;
	box-sizing:border-box
}
.event-item .event-cover {
	display:block;
	width:358px;
	margin-bottom:14px
}
.event-item .event-cover img {
	display:block;
	width:358px;
	border-radius:6px
}
.event-item .event-title {
	font-size:18px;
	color:#333;
	line-height:25px;
	margin-bottom:15px;
	min-height:50px
}
.event-item .event-title:hover {
	color:#de0005
}
.event-item .event-info {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.event-item .event-info .event-time {
	font-size:14px;
	font-weight:300;
	color:#999990;
	line-height:24px
}
.event-item .event-info .event-btn {
	width:120px;
	height:44px;
	background:linear-gradient(323deg, #f07777, #fc4f4f);
	border-radius:4px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#de0005;
	font-size:16px;
	font-weight:400;
	color:#fff
}
.event-item .event-info .event-btn:hover {
	background:linear-gradient(323deg, #fb4848, #fc4f4f)
}
.event-item .event-info .event-btn.un {
	box-sizing:border-box;
	background:#f4f4f4;
	color:#333
}
.event-item .event-info .event-btn.un:hover {
	background:#e8e6e6
}
.blessingvideo {
	overflow:auto;
	display:block;
	padding-right:15px;
	width:100%;
	margin:0 auto;
	position:fixed;
	top:0;
	background:rgba(0, 0, 0, .8);
	height:100%;
	z-index:999
}
.blessingvideo .modal-header .close {
	margin-top:-40px;
	margin-right:-25px;
	background:none;
	float:right;
	font-size:21px;
	font-weight:700;
	line-height:1;
	color:#000;
	border:none
}
.blessingvideo .modal {
	width:700px;
	position:fixed;
	top:15%;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	margin:0 auto
}
.blessingvideo .modal-content {
	width:700px;
	background:none;
	box-shadow:none;
	border:none
}
.blessingvideo .modal-header {
	border-bottom:none
}
.blessingvideo .modal-backdrop.in {
	opacity:.8
}
.blessingvideo .flex-bt {
	display:flex;
	justify-content:space-between
}
.blessingvideo .videotm {
	opacity:0
}
.blessingvideo .videotm2 {
	opacity:1
}
.blessingvideo .videobox {
	position:relative;
	width:690px;
	height:391px;
	overflow-x:hidden
}
.blessingvideo .videobox .v-src {
	position:absolute;
	top:0;
	left:0;
	z-index:9
}
.blessingvideo .videobox .anima {
	animation:danmu1 100s linear 1;
	animation-iteration-count:infinite;
	animation-fill-mode:forwards
}
@keyframes danmu1 {
0% {
transform:translateZ(0)
}
to {
	transform:translate3d(-12000px, 0, 0)
}
}
.blessingvideo .videobox .anima2 {
	animation:danmu2 15s linear 1;
	animation-iteration-count:1;
	animation-fill-mode:forwards
}
@keyframes danmu2 {
0% {
transform:translateZ(0)
}
to {
	transform:translate3d(-3000px, 0, 0)
}
}
.blessingvideo .videobox .dmlist1 {
	z-index:8;
	position:absolute;
	width:3000px;
	top:10px;
	left:790px;
	white-space:nowrap;
	display:block
}
.blessingvideo .videobox .dmlist1 li {
	display:inline-block;
	margin-right:30px;
	font-size:14px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:#fffefe;
	line-height:38px
}
.blessingvideo .videobox .dmlist2 {
	z-index:8;
	position:absolute;
	width:3000px;
	top:30px;
	left:790px;
	white-space:nowrap;
	display:block
}
.blessingvideo .videobox .dmlist2 li {
	display:inline-block;
	margin-right:30px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:#fffefe;
	line-height:38px
}
.blessingvideo .videobox .dmlistx {
	z-index:8;
	position:absolute;
	width:3000px;
	top:90px;
	left:790px;
	white-space:nowrap;
	display:block
}
.blessingvideo .videobox .dmlistx li {
	display:inline-block;
	margin-right:30px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:#fffefe;
	line-height:38px
}
.blessingvideo .videobox .dmlist3 {
	z-index:8;
	position:absolute;
	width:3000px;
	top:50px;
	left:890px;
	white-space:nowrap;
	display:block
}
.blessingvideo .videobox .dmlist3 li {
	display:inline-block;
	margin-right:30px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:#fffefe;
	line-height:38px
}
.blessingvideo .videobox .dmlist4 {
	z-index:8;
	position:absolute;
	width:3000px;
	top:70px;
	left:990px;
	white-space:nowrap;
	display:block
}
.blessingvideo .videobox .dmlist4 li {
	display:inline-block;
	margin-right:30px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:#fffefe;
	line-height:38px
}
.blessingvideo .textbox {
	width:690px;
	height:46px;
	border:1px solid #fff;
	border-radius:25px;
	margin-top:40px
}
.blessingvideo .textbox .sentbtn {
	width:107px;
	height:42px;
	background:linear-gradient(-30deg, #fff, #fff 98%);
	border-radius:21px;
	font-size:18px;
	font-family:MicrosoftYaHei;
	font-weight:700;
	color:#1c2438;
	line-height:42px;
	text-align:center;
	margin:2px 2px 0 0;
	cursor:pointer
}
.blessingvideo .textbox input {
	width:570px;
	font-size:16px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:#fee4e4;
	line-height:38px;
	padding-left:20px;
	-webkit-appearance:none;
	resize:none;
	border:none;
	background:none
}
.blessingvideo input:focus {
	-webkit-appearance:none;
	resize:none;
	border:0;
	background:none;
	outline:none
}
.blessingvideo .prism-player {
	background-color:#000;
	position:relative;
	overflow:hidden
}
.components-html-blessvideo {
	position:absolute;
	width:100%;
	height:100%;
	z-index:3;
	top:0;
	left:0
}
.floatright {
	position:fixed;
	right:0;
	bottom:200px;
	width:220px;
	height:190px;
	text-align:center;
	padding-top:25px;
	box-sizing:border-box
}
.floatright img {
	width:111px;
	border-radius:6px
}
.floatright p {
	text-align:center;
	font-size:14px;
	font-family:IntelClearHans;
	font-weight:400;
	color:#fde77f;
	line-height:37px
}
.mytrack {
	overflow:auto;
	display:block;
	padding-right:15px;
	width:100%;
	margin:0 auto;
	position:fixed;
	top:0;
	background:rgba(0, 0, 0, .8);
	height:100%;
	z-index:999
}
.mytrack .modal-header .close {
	margin-top:-40px;
	margin-right:-25px;
	background:none;
	float:right;
	font-size:21px;
	font-weight:700;
	line-height:1;
	color:#000;
	border:none
}
.mytrack .modal {
	width:700px;
	position:fixed;
	top:15%;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	margin:0 auto
}
.mytrack .modal-content {
	width:700px;
	background:none;
	box-shadow:none;
	border:none
}
.mytrack .modal-header {
	border-bottom:none
}
.mytrack .modal-backdrop.in {
	opacity:.8
}
.mytrack .wincon .wintit {
	font-size:30px;
	font-family:MicrosoftYaHei;
	font-weight:700;
	color:#fff;
	line-height:45px
}
.mytrack .wincon .wintxt {
	margin-top:50px;
	font-size:18px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:#fff;
	line-height:37px
}
.mytrack .swiper-button-next:after, .mytrack .swiper-button-prev:after, .mytrack .swiper-container-rtl .swiper-button-next:after, .mytrack .swiper-container-rtl .swiper-button-prev:after {
	content:""
}
.mytrack .flex-bt {
	display:flex;
	justify-content:space-between
}
.mytrack .botcode {
	vertical-align:bottom
}
.mytrack .botcode .codepad {
	width:130px;
	height:130px;
	padding:10px;
	background:#fff;
	border-radius:6px
}
.mytrack .botcode .codepad img {
	width:130px
}
.components-html-prise {
	overflow:auto;
	display:block;
	padding-right:15px;
	width:100%;
	margin:0 auto;
	position:fixed;
	top:0;
	background:rgba(0, 0, 0, .8);
	height:100%;
	z-index:999
}
.components-html-prise .flex-bt {
	display:flex;
	justify-content:space-between
}
.components-html-prise .modal-header .close {
	margin-top:-40px;
	margin-right:-25px;
	background:none;
	float:right;
	font-size:21px;
	font-weight:700;
	line-height:1;
	color:#000;
	border:none
}
.components-html-prise .modal {
	width:700px;
	position:fixed;
	top:15%;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	margin:0 auto
}
.components-html-prise .modal-content {
	width:700px;
	background:none;
	box-shadow:none;
	border:none
}
.components-html-prise .modal-header {
	border-bottom:none
}
.components-html-prise .modal-backdrop.in {
	opacity:.8
}
.components-html-prise .mvp .mvpcon1 {
	background:url(https://s2.51cto.com/oss/202109/06/2372701c8feb282f77c707b667398b49.png) no-repeat top;
	height:135px;
	width:695px
}
.components-html-prise .mvp .mvpcon2 {
	font-size:12px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:#f5e5fe;
	line-height:38px;
	padding-left:100px
}
.components-html-prise .mvp .mvptit {
	width:96px;
	height:123px;
	font-size:18px;
	font-family:MicrosoftYaHei;
	font-weight:700;
	color:#f5d958;
	line-height:21px;
	text-align:center;
	padding-top:40px
}
.components-html-prise .mvp .mvplist {
	width:518px;
	padding:20px 40px 0;
	position:relative
}
.components-html-prise .swiper-slide p {
	font-size:14px;
	font-family:MicrosoftYaHei;
	font-weight:400;
	color:#010000;
	line-height:27px;
	text-align:center
}
.components-html-priselist.v_hidden {
	visibility:hidden
}
.components-html-priselist.v_block {
	visibility:block
}
.components-html-priselist .gallery-top {
	position:relative;
	height:108px
}
.components-html-priselist .swiper-slide {
	text-align:center;
	height:108px;
	text-align:-webkit-center
}
.components-html-priselist .swiper-slide .imgbox {
	width:83px;
	height:83px;
	border-radius:50%;
	overflow:hidden;
	border:1px solid #e4e3d7;
	cursor:pointer
}
.components-html-priselist .swiper-slide .imgbox img {
	width:100%
}
.components-html-priselist .swiper-slide .txt {
	font-size:14px;
	font-weight:700;
	color:#010000;
	line-height:27px;
	text-align:center
}
.components-html-priselist .swibtn:after {
	content:" "
}
.components-html-priselist .swiper-button-next {
	width:25px;
	height:41px;
	right:5px;
	transform:rotate(180deg)
}
.components-html-priselist .swiper-button-prev {
	width:25px;
	height:41px;
	left:5px
}
#J_prismPlayer .prism-big-play-btn {
	position:absolute;
	width:102px;
	height:102px;
	background:rgba(0, 0, 0, .8) url(https://s2.51cto.com/media/ost/static/playbtn_bg.png) no-repeat;
	border-radius:50%;
	z-index:98
}
#J_prismPlayer .prism-big-play-btn .outter {
	display:none
}
#J_prismPlayer .prism-cover {
	max-width:100%!important;
	max-height:100%!important;
	background-size:contain!important;
	background-repeat:no-repeat
}
#J_prismPlayer .prism-controlbar {
	z-index:12!important
}
#J_prismPlayer .prism-thumbnail span {
	z-index:13!important
}
.index-articles {
	margin-top:50px;
	margin-bottom:100px
}
.index-articles .top_set_box {
	width:850px;
	height:66px;
	line-height:66px;
	margin-bottom:7px
}
.index-articles .top_set {
	width:850px;
	display:flex;
	height:66px;
	line-height:66px
}
.index-articles .top_set.postion {
	position:fixed;
	top:102px;
	height:66px;
	background:#fff;
	z-index:3
}
.index-articles .top_set h3 {
	cursor:pointer;
	font-size:20px
}
.index-articles .top_set .active {
	color:#f40d04
}
.index-articles .hm-morebox .morebtn {
	width:100%;
	height:40px;
	line-height:40px;
	background:#fff5f5;
	border-radius:4px;
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	text-align:center;
	margin:25px auto 36px;
	cursor:pointer
}
.index-articles .hm-morebox .loading, .index-articles .hm-morebox .theend {
	height:40px;
	line-height:40px;
	text-align:center;
	color:#aaa;
	font-size:14px;
	font-weight:400;
	margin:75px auto 36px
}
.index-columnlist {
	margin-top:80px
}
.index-columnlist .content_column {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.index-columnlist .content_column .item_column {
	cursor:pointer;
	margin-top:32px;
	display:flex
}
.index-columnlist .content_column .item_column img {
	width:140px;
	height:140px;
	border-radius:4px
}
.index-columnlist .right_detail {
	position:relative;
	width:230px;
	margin-left:20px;
	font-size:14px;
	color:#888
}
.index-columnlist .right_detail h4 {
	font-size:16px;
	font-weight:400;
	line-height:20px;
	color:#333;
	margin-top:-3px;
	word-wrap:break-word;
	word-break:break-all
}
.index-columnlist .right_detail p {
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.index-columnlist .right_detail .subscribe, .index-columnlist .right_detail p {
	height:20px;
	line-height:20px;
	margin-top:8px
}
.index-columnlist .right_detail .subscribe_span {
	position:absolute;
	bottom:0;
	left:0;
	display:inline-block;
	padding:8px 24px;
	border-radius:23px;
	border:1px solid #f64242;
	font-size:16px;
	color:#ee3434;
	margin-top:30px
}
.index-communityheadline {
	margin-top:38px
}
.index-communityheadline .top_head {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.index-communityheadline .top_head h3 {
	font-size:20px;
	color:#333
}
.index-communityheadline .top_head .hmmore {
	width:24px;
	height:24px
}
.post_title a em {
	color:#e63027
}
.hot_answer {
	margin-top:50px
}
.hot_answer .detail_answer {
	box-sizing:border-box;
	width:100%;
	margin-top:28px;
	padding:0 16px 28px;
	background:linear-gradient(134deg, #fff9fa, #fffefe)
}
.hot_answer .detail_answer h4 {
	color:#333;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	word-break:break-all;
	word-wrap:break-word
}
.hot_answer .detail_answer span {
	display:inline-block;
	margin-left:10px;
	font-size:14px
}
.hot_answer .detail_answer .title_h4 {
	word-break:break-all;
	word-wrap:break-word;
	cursor:pointer
}
.hot_answer .detail_answer img {
	width:20px;
	height:20px;
	border-radius:50%
}
.hot_answer .detail_answer .first_answer {
	display:block;
	box-sizing:border-box;
	width:100%;
	background-repeat:no-repeat;
	background-size:102px 72px;
	background-position:100% 0;
	border-radius:4px;
	padding:22px 4px 26px;
	border-bottom:1px solid #ffecec
}
.hot_answer .detail_answer .first_answer p {
	font-size:14px;
	color:#888;
	line-height:20px;
	max-height:40px;
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all;
	word-wrap:break-word
}
.hot_answer .detail_answer .next_answer {
	box-sizing:border-box;
	width:100%;
	margin-top:26px;
	padding:0 4px
}
.hot_answer .detail_answer .next_answer .next_bottom {
	display:flex;
	align-items:center;
	margin-top:16px;
	color:#acacac
}
.hot_answer .detail_answer .next_answer .next_bottom a {
	color:#686868
}
.hot_answer .detail_answer .next_answer .next_bottom span {
	margin-left:28px;
	white-space:nowrap
}
.hot_answer .detail_answer .next_answer .next_bottom .nickname {
	max-width:70px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-left:10px;
	line-height:1.3
}
.hot_answer .detail_answer .next_answer .next_bottom .nickname a {
	max-width:70px
}
.hot_answer .detail_answer .total_qa {
	margin-top:32px;
	color:#333;
	font-size:14px;
	white-space:nowrap
}
.hot_answer .detail_answer .total_qa span {
	color:#ff3e3e;
	margin-left:0
}
.hot_answer .bottom_info {
	display:flex;
	align-items:center;
	margin-top:20px;
	justify-content:space-between
}
.hot_answer .bottom_info .left_information {
	display:flex;
	align-items:center;
	flex:1 1 70%
}
.hot_answer .bottom_info .imf_set img {
	margin-left:-10px
}
.hot_answer .bottom_info .imf_set img:first-child {
	margin-left:0
}
.hot_answer .bottom_info .answer_view {
	margin-left:12px
}
.hot_answer .bottom_info .answer_view span {
	color:#333;
	font-size:14px
}
.hot_answer .bottom_info .go_answer {
	width:70px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#fff;
	border-radius:4px;
	color:#e31717;
	font-size:14px;
	margin-left:0!important
}
.hot_contentbox {
	width:306px
}
.hot_contentbox .grade_user {
	display:inline-block;
	margin-right:15px;
	font-size:18px;
	color:#121212;
	padding-top:4px
}
.hot_contentbox .every_item:nth-child(-n+3) .grade_user {
color:#e71d1d
}
.hot_contentbox .up_img {
	padding-top:10px;
	font-size:14px;
	color:#fb5d5d
}
.hot_contentbox .new_img {
	padding-top:10px;
	font-size:14px;
	color:#3590f9
}
.hot_contentbox .hot_content {
	width:306px;
	margin-top:40px
}
.hot_contentbox .hot_content.topposition {
	position:fixed;
	top:157px
}
.hot_contentbox .hot_content .right_more {
	position:relative
}
.hot_contentbox .hot_content .right_more p {
	cursor:pointer
}
.hot_contentbox .hot_content .list_rules {
	box-sizing:border-box;
	position:absolute;
	right:0;
	background-color:#fff;
	padding:20px 20px 30px;
	width:306px;
	margin-top:20px;
	z-index:9;
	box-shadow:0 0 10px rgba(73, 72, 72, .05)
}
.hot_contentbox .hot_content .list_rules h4 {
	font-size:18px;
	color:#333
}
.hot_contentbox .hot_content .list_rules p {
	color:#999990;
	margin-top:20px;
	font-size:14px;
	line-height:22px
}
.hot_contentbox .hot_content .list_details {
	margin-top:32px
}
.hot_contentbox .hot_content .list_details .every_item {
	display:flex;
	font-size:14px;
	margin-top:20px
}
.hot_contentbox .hot_content .list_details .every_item a {
	width:235px;
	word-break:break-all;
	word-wrap:break-word;
	color:#333;
	display:block;
	margin:0 12px 0 16px;
	line-height:24px
}
.hot_download {
	margin-top:80px
}
.hot_download .download_details {
	margin-top:32px
}
.hot_download .download_details p {
	margin-top:20px;
	line-height:22px;
	color:#333;
	font-size:14px;
	word-break:break-all;
	word-wrap:break-word
}
.carouselAd {
	margin-top:50px
}
.carouselAd .banner-box, .carouselAd .banner-box .banner-content {
	width:306px;
	height:120px;
	position:relative
}
.carouselAd .banner-box .banner-content {
	z-index:1
}
.carouselAd .banner-box .item_details {
	width:306px;
	height:120px;
	position:absolute;
	opacity:0;
	overflow:hidden;
transition:opacity .5s ease-in-out
}
.carouselAd .banner-box .item_details a {
	display:block;
	width:100%;
	height:100%
}
.carouselAd .banner-box .item_details img {
	width:306px;
	height:120px;
	border-radius:4px
}
.carouselAd .banner-box .item_details.show {
	opacity:1;
	z-index:10
}
.carouselAd .banner-box .banner-dot {
	position:absolute;
	margin:0;
	padding:0;
	z-index:2;
	top:105px;
	left:50%;
	transform:translateX(-50%);
	font-size:0
}
.carouselAd .banner-box .banner-dot .dot-item {
	box-sizing:border-box;
	display:inline-block;
	width:6px;
	height:6px;
	border:1px solid #fff;
	background-color:#fff;
	margin:0 3px;
	cursor:pointer;
	border-radius:1px
}
.carouselAd .banner-box .banner-dot .dot-item.active {
	background:#ff4242;
	border:1px solid #ff4242
}
.index-indexbanner {
	margin-top:80px
}
.index-indexbanner.postionshow {
	position:fixed;
	top:127px
}
.index-indexbanner .banner-box {
	width:306px;
	position:relative
}
.index-indexbanner .banner-box .banner-content {
	width:306px;
	height:auto;
	position:relative;
	z-index:1
}
.index-indexbanner .banner-box .item_details {
	width:306px;
	height:auto;
	position:absolute;
	opacity:0;
	overflow:hidden;
transition:opacity .5s ease-in-out
}
.index-indexbanner .banner-box .item_details a {
	display:block;
	width:100%;
	height:auto
}
.index-indexbanner .banner-box .item_details img {
	width:306px;
	height:240px;
	border-radius:4px
}
.index-indexbanner .banner-box .item_details.show {
	opacity:1;
	z-index:10
}
.index-indexbanner .banner-box .item_details h4 {
	color:#333;
	margin-top:16px;
	font-size:16px;
	line-height:22px;
	word-wrap:break-word;
	word-break:break-all
}
.index-indexbanner .banner-box .item_details p {
	font-size:14px;
	color:#999;
	line-height:20px;
	margin-top:10px;
	word-wrap:break-word;
	word-break:break-all
}
.index-indexbanner .banner-box:hover .banner-button-box {
	overflow:visible
}
.index-indexbanner .banner-box:hover .banner-button-box .banner-button.left, .index-indexbanner .banner-box:hover .banner-button-box .banner-button.right {
	display:block
}
.index-indexbanner .banner-box .banner-button-box {
	position:relative;
	overflow:hidden
}
.index-indexbanner .banner-box .banner-button-box .banner-button {
	position:absolute;
	top:120px;
	background-color:#000;
	border-radius:0;
	width:20px;
	height:32px;
	line-height:32px;
	opacity:.5;
	transform:translateY(-50%);
	color:#fff;
	text-align:center;
	cursor:pointer;
	z-index:99
}
.index-indexbanner .banner-box .banner-button-box .banner-button.left {
	left:0
}
.index-indexbanner .banner-box .banner-button-box .banner-button.right {
	right:0
}
.index-indexbanner .banner-box .banner-dot {
	position:absolute;
	margin:0;
	z-index:2;
	top:204px;
	left:50%;
	transform:translateX(-50%);
	padding:12px 0
}
.index-indexbanner .banner-box .banner-dot .dot-item {
	box-sizing:border-box;
	display:inline-block;
	width:6px;
	height:6px;
	border:1px solid #fff;
	border-radius:1px;
	background-color:#fff;
	margin:0 3px;
	cursor:pointer
}
.index-indexbanner .banner-box .banner-dot .dot-item.active {
	background:#f40d04;
	border:1px solid #f40d04
}
.secondNav {
	box-sizing:border-box;
	width:850px;
	height:100px;
	display:flex;
	align-items:center;
	padding:20px 0 20px 20px;
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:50%;
	justify-content:space-between
}
.secondNav .left_nav {
	flex:0 0 600px
}
.secondNav .middle_line {
	width:1px;
	height:16px;
	background:#e4e4e4;
	border-radius:1px;
	margin-left:6px;
	margin-right:35px
}
.secondNav .nav_ul {
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%
}
.secondNav .nav_ul li {
	text-align:center;
	cursor:pointer
}
.secondNav .nav_ul li a {
	display:block
}
.secondNav .nav_ul li img {
	width:18px;
	height:18px
}
.secondNav .nav_ul li p {
	color:#333;
	font-size:14px;
	font-weight:600;
	margin-top:8px
}
.secondNav .nav_ul .icon {
	display:inline-block;
	width:18px;
	height:18px;
	line-height:18px;
	font-size:18px
}
.secondNav .right_nav {
	flex:0 0 200px;
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
.secondNav .right_nav .item_nav {
	box-sizing:border-box;
	display:flex;
	align-items:center;
	width:50%
}
.secondNav .right_nav .title_nav {
	height:30px;
	line-height:30px;
	position:relative
}
.secondNav .right_nav .title_nav .title_a {
	display:inline-block;
	height:30px;
	line-height:30px;
	overflow:hidden;
	color:#333;
	font-size:14px;
	font-weight:600;
	cursor:pointer
}
.secondNav .right_nav .title_nav .more_title {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	min-width:332px;
	position:absolute;
	background-color:#fff;
	left:-30px;
	top:30px;
	padding:0 30px 30px;
	z-index:9;
	box-sizing:border-box;
	border-radius:4px;
	box-shadow:0 0 10px rgba(73, 72, 72, .05)
}
.secondNav .right_nav .title_nav .more_title a {
	display:inline-block;
	width:112px;
	overflow:hidden;
	height:20px;
	line-height:20px;
	margin-top:24px;
	color:#333;
	font-size:14px;
	flex:0 1 112px;
	text-align:center
}
.secondNav .right_nav .line_red {
	width:2px;
	height:12px;
	background:#f12e2e;
	border-radius:1px;
	display:inline-block;
	margin:0 5px
}
.secondNav .right_nav .right_post {
	height:30px;
	line-height:30px
}
.secondNav .right_nav .right_post a {
	display:inline-block;
	width:66px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	color:#686868;
	font-size:14px;
	cursor:pointer
}
.secondNav .right_nav .right_post a:nth-child(2) {
margin-left:15px
}
.technical_team {
	margin-top:80px
}
.technical_team .total_list {
	display:flex;
	width:100%;
	margin-top:32px;
	justify-content:space-between
}
.technical_team .total_list .item_team {
	box-sizing:border-box;
	display:block;
	width:196px;
	height:250px;
	cursor:pointer;
	background:#f7f7f7;
	border-radius:4px;
	text-align:center;
	padding:24px 10px 0
}
.technical_team .total_list .item_team img {
	width:60px;
	height:60px;
	border-radius:50%
}
.technical_team .care {
	width:86px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-size:16px;
	color:#ee3434;
	background:#fff;
	border-radius:17px;
	margin:30px auto 0;
	border:1px solid #fa8888
}
.technical_team .imgs {
	float:none;
	margin-top:0
}
.technical_team .info_right {
	padding-top:0;
	margin-top:16px
}
.technical_team .info_right .fline {
	display:flex;
	align-items:center;
	justify-content:center;
	line-height:30px;
	margin-top:-6px;
	color:#333
}
.technical_team .info_right .fline .name {
	font-size:18px
}
.technical_team .info_right .fline .nick-name {
	max-width:140px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.technical_team .info_right .sline {
	display:flex;
	margin-top:8px;
	font-size:14px;
	color:#888;
	justify-content:center
}
.videoActivity {
	margin-top:80px
}
.videoActivity .main_activity {
	width:850px;
	justify-content:space-between;
	display:flex;
	margin-top:32px
}
.videoActivity .main_activity .big_activity {
	width:567px;
	height:320px;
	position:relative
}
.videoActivity .main_activity .big_activity .live_left {
	width:567px;
	height:320px
}
.videoActivity .main_activity .big_activity .live_left img {
	width:567px;
	height:320px;
	display:block;
	border-radius:4px
}
.videoActivity .main_activity .right_activity {
	width:265px
}
.videoActivity .main_activity .right_activity .live_left {
	width:265px;
	height:150px
}
.videoActivity .main_activity .right_activity .live_left:last-child {
	margin-top:20px
}
.videoActivity .main_activity .right_activity .live_left img {
	width:265px;
	height:150px;
	display:block;
	border-radius:4px
}
.videoActivity .left_title {
	height:22px;
	line-height:22px
}
.videoActivity .left_title .activity_code {
	color:#f40d04
}
.videoActivity .endStatus {
	background:#0ae!important
}
.videoActivity .live_left {
	position:relative;
	border-radius:4px
}
.videoActivity .live_left .ctoicon {
	font-size:12px
}
.videoActivity .live_left .vlog {
	position:absolute;
	height:24px;
	top:13px;
	left:11px;
	font-size:0;
	border-radius:13px;
	overflow:hidden
}
.videoActivity .live_left .vlog span {
	box-sizing:border-box
}
.videoActivity .live_left .vlog.ing .status {
	background:linear-gradient(323deg, #ff4f18, #f20000)
}
.videoActivity .live_left .vlog.begin .status {
	background:linear-gradient(323deg, #329232, #41af41)
}
.videoActivity .live_left .vlog .status {
	padding-right:8px;
	padding-left:10px;
	line-height:24px;
	border-radius:13px 0 0 13px
}
.videoActivity .live_left .vlog .status, .videoActivity .live_left .vlog .time {
	display:inline-block;
	height:24px;
	font-size:12px;
	color:#fff;
	vertical-align:middle
}
.videoActivity .live_left .vlog .time {
	padding-left:7px;
	padding-right:10px;
	line-height:26px;
	background:rgba(0, 0, 0, .6978);
	border-radius:0 13px 13px 0
}
.videoActivity .live_left .vlog .time i {
	display:inline-block;
	margin-right:5px;
	font-size:14px
}
.videoActivity .live_left .mark {
	position:absolute;
	top:13px;
	right:10px;
	width:64px;
	height:24px;
	line-height:24px;
	font-size:12px;
	background:rgba(0, 0, 0, .6978);
	border-radius:13px;
	text-align:center;
	color:#fff
}
.videoActivity .countdown {
	position:absolute;
	left:0;
	bottom:0;
	font-size:14px;
	margin-top:20px;
	width:567px;
	height:55px;
	line-height:55px;
	background:hsla(0, 0%, 100%, .74)
}
.videoActivity .countdown .span_style {
	text-align:center;
	color:#333;
	font-weight:600;
	font-size:18px
}
.videoActivity .countdown .span_style span {
	display:inline-block;
	width:27px;
	height:25px;
	line-height:25px;
	text-align:center;
	background-color:#f40d04;
	color:#fff;
	border-radius:2px;
	margin:0 5px
}
.videoActivity .activity_img {
	width:18px;
	height:18px;
	margin-left:8px
}
.video_lesson {
	margin-top:80px
}
.video_lesson .title {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.video_lesson .school_lesson {
	margin-top:32px;
	width:100%;
	display:flex;
	justify-content:space-between
}
.video_lesson .school_lesson .lesson {
	display:inline-block;
	width:266px;
	position:relative
}
.video_lesson .school_lesson .lesson .les-pic {
	position:relative;
	width:266px;
	height:160px;
	overflow:hidden;
	border-radius:4px
}
.video_lesson .school_lesson .lesson .les-pic img {
	width:100%;
	height:100%
}
.video_lesson .school_lesson .lesson .les-pic .les-tag {
	position:absolute;
	background:#000;
	border-radius:13px;
	opacity:.6978;
	color:#fff;
	font-size:12px;
	line-height:24px;
	top:10px;
	right:15px;
	padding:0 10px
}
.video_lesson .school_lesson .lesson .les-tit {
	color:#333;
	margin-top:10px;
	font-size:16px;
	line-height:22px;
	word-wrap:break-word;
	word-break:break-word
}
.video_lesson .school_lesson .lesson a:hover .iconbox .ctoicon {
	color:#fff
}
.video_lesson .school_lesson .lesson .iconbox {
	position:absolute;
	width:56px;
	height:56px;
	line-height:56px;
	background:rgba(0, 0, 0, .4);
	border-radius:50%;
	top:45px;
	left:50%;
	margin-left:-30px;
	text-align:center;
	display:none
}
.video_lesson .school_lesson .lesson .iconbox .ctoicon {
	font-size:24px;
	color:hsla(0, 0%, 100%, .8)
}
.my_detail .infinite-list {
	margin-top:-6px
}
.my_detail .infinite-list .infinite-list-item {
	padding:20px 0;
	border-top:1px solid #eee
}
.my_detail .infinite-list .infinite-list-item:first-child {
	border-top:none
}
.my_detail .infinite-list .infinite-list-item .post_title {
	color:#212121;
	font-size:18px;
	font-weight:400;
	margin-bottom:14px;
	line-height:18px;
	height:24px;
	overflow:hidden;
	text-align:justify
}
.my_detail .infinite-list .infinite-list-item .post_title a {
	color:#212121;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	line-height:18px
}
.my_detail .infinite-list .infinite-list-item .post_title a:hover {
	color:#f40d04
}
.my_detail .infinite-list .infinite-list-item .post_title .time {
	line-height:18px;
	font-weight:400;
	color:#9e9e9e;
	font-size:12px;
	float:right
}
.my_detail .infinite-list .infinite-list-item .post_title .jing {
	font-size:18px;
	color:#ff9406;
	margin-right:5px
}
.my_detail .infinite-list .infinite-list-item .post_title .wen {
	font-size:18px;
	color:#ff718b;
	margin-right:5px
}
.my_detail .infinite-list .infinite-list-item .post_title .fuj {
	font-size:18px;
	color:#1bcf9d;
	margin-right:5px
}
.my_detail .infinite-list .infinite-list-item .introduction {
	height:32px;
	line-height:30px;
	margin-bottom:15px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:100%
}
.my_detail .infinite-list .infinite-list-item .introduction span {
	color:#888;
	font-size:12px;
	padding:6px 10px;
	border-radius:2px;
	margin-right:10px;
	border:1px solid #ededed
}
.my_detail .infinite-list .infinite-list-item .introduction span a {
	color:#888
}
.my_detail .infinite-list .infinite-list-item .detail .fline {
	height:32px;
	line-height:32px;
	position:relative;
	font-size:12px;
	color:#888
}
.my_detail .infinite-list .infinite-list-item .detail .fline .imgbox {
	width:30px;
	height:30px;
	border-radius:50%;
	float:left
}
.my_detail .infinite-list .infinite-list-item .detail .fline .imgbox img {
	width:30px;
	height:30px;
	border-radius:50%
}
.my_detail .infinite-list .infinite-list-item .detail .fline .dot:before {
	content:".";
	display:inline-block;
	vertical-align:middle;
	margin-right:3px;
	margin-left:2px;
	position:relative;
	bottom:5px;
	font-weight:700;
	font-size:15px
}
.my_detail .infinite-list .infinite-list-item .detail .fline .name {
	margin-left:10px;
	font-weight:700
}
.my_detail .infinite-list .infinite-list-item .detail .fline .name a {
	color:#888
}
.my_detail .infinite-list .infinite-list-item .detail .fline .name a:hover {
	color:#f40d04
}
.my_detail .infinite-list .infinite-list-item .detail .fline .responder span {
	font-weight:700
}
.my_detail .infinite-list .infinite-list-item .detail .fline .responder a {
	font-weight:700;
	color:#888
}
.my_detail .infinite-list .infinite-list-item .detail .fline .responder a:hover {
	color:#f40d04
}
.my_detail .infinite-list .infinite-list-item .detail .fline .pageviews {
	float:right
}
.my_detail .more {
	height:100px;
	line-height:100px;
	text-align:center;
	color:#63a981;
	font-size:14px;
	font-weight:400
}
.my_detail .title-content {
	height:26px;
	line-height:26px;
	display:inline-block;
	max-width:750px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.my_detail .list-content .list-left {
	float:left;
	width:100%;
	font-size:0
}
.my_detail .list-content .list-right {
	display:none
}
.my_detail .list-content.video .list-left {
	float:left;
	width:760px
}
.my_detail .list-content.video .list-right {
	display:block;
	float:right;
	width:133px;
	height:75px;
	border-radius:2px;
	overflow:hidden
}
.my_detail .list-content.video .list-right .imgbox {
	width:133px;
	height:75px;
	border-radius:4px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color:#000
}
.my_detail .list-content.video .list-right .imgbox img {
	max-width:100%;
	height:100%
}
.my_detail .list-content.video .list-right .imgbox .bofang {
	width:30px;
	height:30px;
	background:rgba(0, 0, 0, .8);
	box-shadow:3px 4px 6px 0 rgba(0, 0, 0, .16);
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-15px;
	margin-top:-15px;
	text-align:center;
	line-height:30px;
	font-size:0
}
.my_detail .list-content.video .list-right .imgbox .bofang i {
	line-height:30px;
	font-size:15px;
	color:#fff;
	padding-left:4px
}
.my_detail .label_user {
	color:#888;
	font-weight:700
}
.editdesc .dialog-footer {
	text-align:left
}
.editdesc .mybut {
	width:90px;
	height:32px;
	line-height:32px;
	text-align:center;
	padding:0;
	margin-left:5px;
	color:#fff;
	background-color:#f40d04;
	border-color:#f40d04;
	border-radius:2px;
	cursor:pointer
}
.editdesc .text_strlength {
	position:absolute;
	bottom:9px;
	right:32px;
	color:#909399;
	font-size:12px
}
.editdesc .el-dialog__body {
	position:relative
}
.myfocus {
	width:100%;
	height:auto;
	padding-bottom:30px
}
.myfocus>.title {
	font-size:16px;
	line-height:1;
	color:#333
}
.myfocus>.title span {
	float:right;
	font-size:12px;
	color:#888;
	cursor:pointer
}
.myfocus>.con {
	padding-top:20px
}
.myfocus>.con .label {
	float:left;
	position:relative
}
.myfocus>.con .label .close {
	width:14px;
	height:14px;
	line-height:14px;
	text-align:center;
	position:absolute;
	border-radius:50%;
	top:-7px;
	right:-7px
}
.myfocus>.con .label .close .hmicon {
	font-size:14px;
	color:#e8b5b3
}
.myfocus .bottom .rest {
	font-size:12px;
	color:#f40d04;
	display:inline-block;
	cursor:pointer
}
.myfocus .none {
	font-size:12px;
	color:#757474;
	padding-top:20px
}
.myfocus .none a {
	color:#f40d04
}
.mine-label .el-dialog__header {
	padding-top:33px
}
.mine-label .dialog-footer {
	padding-bottom:10px
}
.mine-label .dialog-footer .jump {
	display:inline-block;
	color:#888;
	padding:0 20px;
	cursor:pointer
}
.mine-label .bgtitle {
	line-height:1
}
.mine-label .mine-label-title {
	font-size:20px;
	font-weight:700;
	color:#333
}
.mine-label .mine-label-title .desc {
	font-size:14px;
	color:#757474;
	line-height:30px;
	font-weight:400
}
.mine-label .mine-label-title .bei {
	font-size:14px;
	line-height:30px;
	padding-top:10px;
	color:#e63027;
	font-weight:400
}
.mine-label .labelbox .title {
	font-size:16px;
	line-height:36px;
	color:#333
}
.mine-label .labelbox .con {
	padding:0 0 20px
}
.mine-label .labelbox .con .bq {
	display:inline-block;
	padding:8px 20px;
	margin-right:22px;
	margin-bottom:16px;
	background:#f2f2f2;
	border-radius:4px;
	color:#333;
	font-size:14px;
	cursor:pointer;
	line-height:20px
}
.mine-label .labelbox .con .bq.active, .mine-label .labelbox .con .bq:active, .mine-label .labelbox .con .bq:focus, .mine-label .labelbox .con .bq:hover {
	background-color:#ffe3e1;
	color:#f13232
}
.mine-label .labelbox .el-scrollbar__wrap {
	overflow-x:hidden
}
.mine-label .label-item {
	display:flex;
	align-items:flex-start
}
.mine-label .label-item .title {
	font-weight:600;
	width:140px;
	padding-right:32px;
	text-align:right;
	min-width:0
}
.mine-label .label-item .con {
	flex:1
}
.mine-label .labelscroll {
	height:422px
}
.mine-label .el-button.mybut {
	width:140px;
	height:42px;
	line-height:42px;
	padding:0;
	font-size:16px;
	font-weight:400;
	background:#333;
	color:#fff;
	border:none
}
.mine-newregistration {
	border-bottom:1px solid #eee;
	padding:20px 0
}
.mine-newregistration>.left {
	float:left;
	position:relative
}
.mine-newregistration>.left img {
	display:inline-block;
	width:260px;
	height:146px;
	border-radius:2px;
	background-color:#eee;
	cursor:pointer
}
.mine-newregistration>.right {
	float:left;
	width:646px;
	height:146px;
	padding-left:15px;
	box-sizing:border-box;
	position:relative
}
.mine-newregistration>.right .title {
	font-size:18px;
	color:#333
}
.mine-newregistration>.right .title a {
	color:#333;
	display:inline-block;
	width:630px;
	max-height:40px;
	height:23px;
	overflow:hidden;
	text-overflow:ellipsis
}
.mine-newregistration>.right .time {
	font-size:14px;
	color:#888;
	padding-top:13px
}
.mine-newregistration>.right .type {
	font-size:14px;
	position:absolute;
	bottom:0;
	width:631px
}
.mine-newregistration>.right .type .type_left {
	float:left;
	color:#888
}
.mine-newregistration>.right .type .live {
	color:#f40d04
}
.mine-newregistration>.right .type .type_right {
	float:right;
	color:#888;
	cursor:pointer
}
.mine-newregistration .is_open {
	width:70px;
	height:32px;
	text-align:center;
	line-height:32px;
	background:#f40d04;
	color:#fff;
	position:absolute;
	left:0;
	top:0
}
.ques_one_list {
	padding:20px 0;
	border-bottom:1px solid #eee
}
.ques_one_list .ques_one_list_left {
	width:106px;
	text-align:center;
	float:left
}
.ques_one_list .ques_one_list_left .number {
	color:#333;
	font-size:18px;
	padding-bottom:10px
}
.ques_one_list .ques_one_list_left .text {
	font-size:12px;
	color:#888
}
.ques_one_list .ques_one_list_left .top {
	padding-bottom:16px
}
.ques_one_list .ques_one_list_right {
	float:left;
	width:798px
}
.ques_one_list .ques_one_list_right .title {
	width:100%;
	color:#333;
	font-size:18px;
	line-height:22px;
	word-break:break-all
}
.ques_one_list .ques_one_list_right .title a {
	color:#333
}
.ques_one_list .ques_one_list_right .title a:hover {
	color:#f40d04
}
.ques_one_list .ques_one_list_right .content {
	color:#555;
	font-size:14px;
	padding-top:14px;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	word-break:break-all
}
.ques_one_list .ques_one_list_right .introduction {
	margin-top:20px;
	height:28px;
	line-height:30px;
	margin-bottom:13px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
	font-size:12px;
	color:#888
}
.ques_one_list .ques_one_list_right .introduction span {
	color:#888;
	font-size:12px;
	line-height:12px;
	padding:6px 10px;
	border-radius:2px;
	margin-right:10px;
	border:1px solid #ededed;
	cursor:pointer;
	display:inline-block
}
.ques_one_list .ques_one_list_right .introduction span:hover {
	background-color:#fef2f2;
	border:1px solid #fef2f2;
	color:#f40d04
}
.ques_one_list .ques_one_list_right .introduction span:hover a {
	color:#f40d04
}
.ques_one_list .ques_one_list_right .introduction span a {
	color:#888
}
.ques_one_list .ques_one_list_right .no_replay {
	font-size:14px;
	color:#888;
	height:32px;
	line-height:32px
}
.ques_one_list .ques_one_list_right .replay .left {
	float:left
}
.ques_one_list .ques_one_list_right .replay .left .user {
	position:relative;
	height:32px;
	float:left;
	margin-right:10px
}
.ques_one_list .ques_one_list_right .replay .left .user img {
	display:inline-block;
	width:32px;
	height:32px;
	font-size:0;
	border-radius:50%
}
.ques_one_list .ques_one_list_right .replay .left .user img:not(:first-child) {
margin-left:-16px
}
.ques_one_list .ques_one_list_right .replay .left .detail {
	color:#888;
	font-size:14px;
	display:inline-block;
	height:32px;
	line-height:32px
}
.ques_one_list .ques_one_list_right .replay .right {
	float:right;
	font-size:14px;
	color:#e63027;
	height:32px;
	line-height:32px
}
.ques_one_list .ques_one_list_right .replay .resolved {
	color:#f40d04
}
.card-item {
	position:relative;
	width:906px;
	border-bottom:1px solid #eee;
	padding:20px 0 28px;
	word-break:break-all
}
.card-item .title {
	font-size:18px;
	color:#333;
	line-height:24px;
	margin-bottom:12px
}
.card-item .title a {
	color:#333
}
.card-item .title.jin {
	width:850px
}
.card-item .content {
	font-size:14px;
	color:#555;
	line-height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3
}
.card-item .record {
	position:absolute;
	top:16px;
	right:0;
	color:#cca46c
}
.card-item .record .hmyicaina {
	color:#f40d04
}
.card-item .bottom {
	overflow:hidden;
	font-size:14px;
	margin-top:20px
}
.card-item .bottom .time {
	float:left;
	color:#888
}
.card-item .bottom .status {
	float:right;
	color:#f40d04
}
.mine-registration {
	border-bottom:1px solid #eee;
	padding:20px 0
}
.mine-registration .left {
	float:left;
	position:relative
}
.mine-registration .left img {
	display:inline-block;
	width:260px;
	height:146px;
	border-radius:2px;
	background-color:#eee;
	cursor:pointer
}
.mine-registration .right {
	float:left;
	width:646px;
	height:146px;
	padding-left:15px;
	box-sizing:border-box;
	position:relative
}
.mine-registration .right .title {
	font-size:18px;
	color:#333
}
.mine-registration .right .title a {
	color:#333;
	display:inline-block;
	width:630px;
	max-height:40px;
	height:23px;
	overflow:hidden;
	text-overflow:ellipsis
}
.mine-registration .right .time {
	font-size:14px;
	color:#888;
	padding-top:13px
}
.mine-registration .right .type {
	font-size:14px;
	position:absolute;
	bottom:0;
	width:631px
}
.mine-registration .right .type .type_left {
	float:left;
	color:#888
}
.mine-registration .right .type .live {
	color:#f40d04
}
.mine-registration .right .type .type_right {
	float:right;
	color:#888;
	cursor:pointer
}
.mine-registration .is_open {
	width:70px;
	height:32px;
	text-align:center;
	line-height:32px;
	background:#f40d04;
	color:#fff;
	position:absolute;
	left:0;
	top:0
}
.components-mine-top {
	width:100%;
	background:linear-gradient(33deg, #f4f6f7, #f8fafa);
	padding-bottom:25px
}
.components-mine-top .content {
	width:1200px;
	margin:0 auto;
	padding-top:44px
}
.components-mine-top .content .imgbox {
	float:left;
	width:120px;
	height:120px;
	margin-right:20px;
	border-radius:50%;
	overflow:hidden
}
.components-mine-top .content .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.components-mine-top .content .center {
	width:720px;
	float:left
}
.components-mine-top .content .center .fline {
	display:flex;
	align-items:center;
	width:100%;
	position:relative
}
.components-mine-top .content .center .fline .tips_nickname {
	width:250px
}
.components-mine-top .content .center .fline .tips_img {
	width:230px
}
.components-mine-top .content .center .fline .level {
	padding:0 14px;
	height:24px;
	background:linear-gradient(-30deg, #1b1f23, #494d51);
	border-radius:12px;
	font-size:14px;
	font-family:Arial;
	font-weight:600;
	font-style:italic;
	color:#fff;
	line-height:25px;
	text-align:center;
	margin-left:10px
}
.components-mine-top .content .center .fline .yearstar {
	margin-left:10px
}
.components-mine-top .content .center .fline .yearstar img {
	display:block;
	height:24px
}
.components-mine-top .content .center .fline .tips_img, .components-mine-top .content .center .fline .tips_nickname {
	height:40px;
	background:hsla(0, 0%, 100%, .96);
	border:1px solid #eee;
	box-shadow:0 4px 6px 0 hsla(0, 0%, 53.3%, .2);
	position:absolute;
	left:100%;
	top:-18px;
	margin-left:10px;
	line-height:21px;
	font-weight:400;
	font-size:14px;
	padding:10px 5px 10px 12px;
	border-radius:4px!important
}
.components-mine-top .content .center .fline .tips_img .title, .components-mine-top .content .center .fline .tips_nickname .title {
	color:#555
}
.components-mine-top .content .center .fline .tips_img .edit, .components-mine-top .content .center .fline .tips_nickname .edit {
	cursor:pointer;
	color:#f40d04
}
.components-mine-top .content .center .fline .tips_img .edit a, .components-mine-top .content .center .fline .tips_nickname .edit a {
	color:#f40d04
}
.components-mine-top .content .center .fline .tips_img .i_hm, .components-mine-top .content .center .fline .tips_nickname .i_hm {
	position:absolute;
	right:10px;
	top:10px;
	color:#888;
	cursor:pointer;
	font-size:10px
}
.components-mine-top .content .center .fline .tips_img .san, .components-mine-top .content .center .fline .tips_nickname .san {
	width:8px;
	height:8px;
	border-color:#fff #fff #eee #eee;
	border-style:solid;
	border-width:1px;
	position:absolute;
	left:-5px;
	top:26px;
	background:hsla(0, 0%, 100%, .9);
	transform:rotate(45deg)
}
.components-mine-top .content .center .fline .tips_img {
	left:-15px;
	top:-2px
}
.components-mine-top .content .center .name {
	font-size:26px;
	line-height:35px;
	font-weight:600;
	position:relative
}
.components-mine-top .content .center .name a {
	color:#232323
}
.components-mine-top .content .center .start_community {
	width:94px;
	display:flex;
	align-items:center;
	height:24px;
	border-radius:12px;
	margin-left:10px;
	background-color:#ffe7e7
}
.components-mine-top .content .center .start_community img {
	width:24px
}
.components-mine-top .content .center .start_community span {
	font-size:14px;
	color:#ee553c
}
.components-mine-top .content .center .team_tech {
	display:flex;
	align-items:center;
	justify-content:center;
	width:128px;
	height:24px;
	border-radius:12px;
	margin-left:10px;
	cursor:pointer;
	background:linear-gradient(90deg, #5c8dfc, #3971f1)
}
.components-mine-top .content .center .team_tech i {
	font-size:16px;
	color:#fff
}
.components-mine-top .content .center .team_tech span {
	display:inline-block;
	margin-left:5px;
	color:#fff;
	font-size:14px
}
.components-mine-top .content .center .sline {
	width:100%;
	padding-top:20px
}
.components-mine-top .content .center .sline .dec {
	font-size:16px;
	color:#919191
}
.components-mine-top .content .center .sline .dec span {
	padding-right:10px
}
.components-mine-top .content .center .sline .dec .hmicon {
	font-size:12px;
	cursor:pointer
}
.components-mine-top .content .center .tline {
	width:100%;
	height:30px;
	line-height:30px;
	padding-top:25px
}
.components-mine-top .content .center .tline .tbhd {
	float:left;
	line-height:30px;
	color:#3e4044;
	font-size:16px;
	margin-right:30px;
	position:relative
}
.components-mine-top .content .center .tline .tbhd .linkto, .components-mine-top .content .center .tline .tbhd a {
	color:#232323;
	text-decoration:none;
	cursor:pointer
}
.components-mine-top .content .center .tline .tbhd .linkto:hover, .components-mine-top .content .center .tline .tbhd .linkto:hover .hmicon, .components-mine-top .content .center .tline .tbhd a:hover, .components-mine-top .content .center .tline .tbhd a:hover .hmicon {
	color:#f40d04
}
.components-mine-top .content .center .tline .tbhd .iconbox {
	display:inline-block;
	padding:0 0 0 2px;
	transform:scale(.7);
	top:1px;
	position:relative
}
.components-mine-top .content .center .tline .tbhd .hmicon {
	font-size:10px;
	color:#888;
	transform:scale(.6)
}
.components-mine-top .content .center .is_head {
	width:100%;
	display:flex;
	margin-top:25px
}
.components-mine-top .content .center .is_head a {
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 24px;
	font-size:16px;
	border-radius:30px;
	background:#f7efe9;
	color:#e3713a;
	margin-right:10px;
	margin-bottom:20px
}
.components-mine-top .content .center .identity {
	width:52px;
	height:24px;
	line-height:24px;
	border-radius:14px;
	color:#fff;
	font-size:14px;
	text-align:center;
	letter-spacing:1px;
	display:inline-block;
	margin-left:10px
}
.components-mine-top .content .center .official {
	background-image:linear-gradient(90deg, #93b4ff, #5c8dfc)
}
.components-mine-top .content .center .simply {
	background-image:linear-gradient(90deg, #65d27d, #40bd46)
}
.components-mine-top .content .center .vest {
	background-image:linear-gradient(90deg, #fbdfac, #e6bc72)
}
.components-mine-top .content .right {
	width:320px;
	float:right
}
.components-mine-top .content .right .txt {
	color:#888;
	font-size:14px;
	line-height:30px;
	text-align:right
}
.components-mine-recommended {
	width:300px;
	margin-bottom:20px
}
.components-mine-recommended .aboutlist {
	width:266px;
	background:#fff;
	margin-bottom:20px
}
.components-mine-recommended .aboutlist.topposition {
	position:fixed;
	top:231px
}
.components-mine-recommended .aboutlist .title {
	font-size:16px;
	font-weight:700
}
.components-mine-recommended .aboutlist .aboutcon {
	padding-top:20px
}
.components-mine-recommended .aboutlist .aboutcon .list {
	line-height:22px;
	font-size:14px;
	color:#212121;
	padding-bottom:15px;
	word-break:break-all
}
.components-mine-recommended .aboutlist .aboutcon .list a {
	color:#212121;
	padding-right:8px
}
.components-mine-recommended .aboutlist .aboutcon .list a:hover {
	color:#f40d04
}
.components-mine-recommended .aboutlist .aboutcon .list div, .components-mine-recommended .aboutlist .aboutcon .list span {
	color:#9e9e9e;
	font-size:12px;
	display:inline-block
}
.components-mine-recommended .aboutlist .aboutcon .list div span {
	cursor:pointer
}
.components-mine-recommended .aboutlist .aboutcon .list div span:hover {
	color:#f40d04
}
.components-nodata {
	width:100%
}
.components-nodata .imgbox {
	width:104px;
	margin:120px auto;
	text-align:center
}
.components-nodata .imgbox img {
	width:100%
}
.components-nodata .imgbox span {
	font-size:14px;
	font-weight:400;
	color:#878787;
	line-height:35px
}
.components-page-home {
	box-sizing:border-box;
	width:1200px;
	margin:0 auto 120px
}
.components-page-home .menubox {
	float:left;
	width:200px;
	position:fixed;
	max-height:calc(100vh - 140px);
	overflow-y:auto
}
.components-page-home .menubox.hide {
	display:none
}
.components-page-home .menubox::-webkit-scrollbar {
width:6px
}
.components-page-home .menubox::-webkit-scrollbar-thumb {
background-color:rgba(144, 147, 153, .3)
}
.components-page-home .right_list {
	float:right;
	width:958px
}
.components-page-home .right_list .top_set {
	display:flex;
	justify-content:space-between;
	margin-bottom:38px
}
.components-page-home .left_operate {
	display:flex
}
.components-page-home .left_operate .common_pink {
	cursor:pointer;
	box-sizing:border-box;
	background:snow;
	border-radius:4px;
	height:42px;
	line-height:42px;
	padding:0 30px;
	margin-left:20px;
	color:#333;
	font-size:14px
}
.components-page-home .left_operate .common_pink:first-child {
	margin-left:0
}
.components-page-home .left_operate .activeSelect {
	color:#f13232
}
.components-page-home .left_operate .radio {
	display:flex;
	align-items:center;
	margin-left:30px
}
.components-page-home .left_operate .radio i {
	box-sizing:border-box;
	cursor:pointer;
	display:block;
	width:14px;
	height:14px;
	border-radius:2px;
	border:1px solid #979797
}
.components-page-home .left_operate .radio span {
	display:inline;
	color:#333;
	font-size:14px;
	margin-left:6px
}
.components-page-home .left_operate .radio .active {
	background:#f13232;
	position:relative;
	border-color:#f13232
}
.components-page-home .left_operate .radio .active:after {
	content:"";
	position:absolute;
	left:4px;
	top:0;
	width:3px;
	height:8px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(45deg)
}
.components-page-home .right_tags {
	display:flex;
	align-items:center
}
.components-page-home .right_tags p {
	color:#333;
	font-size:14px;
	margin-right:22px
}
.components-page-home .right_tags a {
	box-sizing:border-box;
	max-width:122px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	background:snow;
	border-radius:2px;
	height:24px;
	line-height:24px;
	padding:0 12px;
	color:#f13232;
	font-size:12px;
	margin-left:8px;
	cursor:pointer
}
.components-page-home .right_tags a:hover {
	background:#fff5f5;
	color:#f13232
}
.components-page-home .price_change {
	position:relative;
	top:1px;
	vertical-align:middle;
	display:inline-block;
	width:15px;
	height:28px
}
.components-page-home .price_change .hmjtt {
	position:absolute;
	top:0;
	left:0
}
.components-page-home .price_change .hmjtd2 {
	top:8px
}
.components-page-home .price_change .price_icon {
	font-size:16px;
	line-height:1;
	display:inline-block;
	transform:scale(.5);
	color:#d8d8d8;
	vertical-align:middle;
	cursor:pointer;
	left:0;
	position:absolute
}
.components-page-home .price_change .priceCur {
	color:#f40d04
}
.components-page-home .isPosition {
	position:static!important;
	max-height:none!important
}
.components-page-home .pagination_set {
	margin-top:90px!important
}
.components-page-follow {
	box-sizing:border-box;
	width:1200px;
	margin:0 auto 120px
}
.components-page-follow .menubox {
	float:left;
	width:200px;
	position:fixed;
	max-height:calc(100vh - 140px);
	overflow-y:auto
}
.components-page-follow .menubox.hide {
	display:none
}
.components-page-follow .menubox::-webkit-scrollbar {
width:6px
}
.components-page-follow .menubox::-webkit-scrollbar-thumb {
background-color:rgba(144, 147, 153, .3)
}
.components-page-follow .right_list {
	float:right;
	width:958px
}
.components-page-follow .right_list .top_set {
	display:flex;
	justify-content:space-between;
	margin-bottom:38px
}
.components-page-follow .left_operate {
	display:flex
}
.components-page-follow .left_operate .common_pink {
	cursor:pointer;
	box-sizing:border-box;
	background:snow;
	border-radius:4px;
	height:42px;
	line-height:42px;
	padding:0 30px;
	margin-left:20px;
	color:#333;
	font-size:14px
}
.components-page-follow .left_operate .common_pink:first-child {
	margin-left:0
}
.components-page-follow .left_operate .activeSelect {
	color:#f13232
}
.components-page-follow .left_operate .radio {
	display:flex;
	align-items:center;
	margin-left:30px
}
.components-page-follow .left_operate .radio i {
	box-sizing:border-box;
	cursor:pointer;
	display:block;
	width:14px;
	height:14px;
	border-radius:2px;
	border:1px solid #979797
}
.components-page-follow .left_operate .radio span {
	display:inline;
	color:#333;
	font-size:14px;
	margin-left:6px
}
.components-page-follow .left_operate .radio .active {
	background:#f13232;
	position:relative;
	border-color:#f13232
}
.components-page-follow .left_operate .radio .active:after {
	content:"";
	position:absolute;
	left:4px;
	top:0;
	width:3px;
	height:8px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:rotate(45deg)
}
.components-page-follow .right_tags {
	display:flex;
	align-items:center
}
.components-page-follow .right_tags p {
	color:#333;
	font-size:14px;
	margin-right:22px
}
.components-page-follow .right_tags a {
	box-sizing:border-box;
	max-width:122px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:inline-block;
	background:snow;
	border-radius:2px;
	height:24px;
	line-height:24px;
	padding:0 12px;
	color:#f13232;
	font-size:12px;
	margin-left:8px;
	cursor:pointer
}
.components-page-follow .right_tags a:hover {
	background:#fff5f5;
	color:#f13232
}
.components-page-follow .price_change {
	position:relative;
	top:1px;
	vertical-align:middle;
	display:inline-block;
	width:15px;
	height:28px
}
.components-page-follow .price_change .hmjtt {
	position:absolute;
	top:0;
	left:0
}
.components-page-follow .price_change .hmjtd2 {
	top:8px
}
.components-page-follow .price_change .price_icon {
	font-size:16px;
	line-height:1;
	display:inline-block;
	transform:scale(.5);
	color:#d8d8d8;
	vertical-align:middle;
	cursor:pointer;
	left:0;
	position:absolute
}
.components-page-follow .price_change .priceCur {
	color:#f40d04
}
.components-page-follow .isPosition {
	position:static!important;
	max-height:none!important
}
.components-page-follow .pagination_set {
	margin-top:90px!important
}
.annexbox {
	width:100%;
	background:#f3f3f3;
	margin-top:30px
}
.annexbox .annex-left {
	width:40px;
	padding:20px 0;
	text-align:center;
	float:left
}
.annexbox .annex-left .hmicon {
	color:#888
}
.annexbox .annex {
	padding-top:20px;
	padding-left:40px
}
.annexbox .item {
	color:#333;
	line-height:20px;
	font-size:0;
	margin-bottom:20px;
	height:20px
}
.annexbox .item span {
	color:#888;
	padding-left:20px;
	font-size:14px
}
.annexbox .item span.name {
	color:#333;
	padding-left:0;
	cursor:pointer;
	max-width:60%;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:20px;
	float:left
}
.annexbox .item span.name:hover {
	color:#f40d04
}
.annexbox .item .download {
	width:34px;
	height:18px;
	line-height:18px;
	color:#fff;
	display:inline-block;
	background:#f40d04;
	text-align:center;
	border-radius:2px;
	border:1px solid #f40d04;
	font-size:10px;
	margin-left:20px;
	padding:0;
	cursor:pointer
}
.annexbox .item .download img {
	line-height:18px;
	height:12px;
	vertical-align:middle
}
.annexbox .item .download .hmicon {
	font-size:10px
}
.annexbox .item .download:hover {
	color:#fff
}
.components-posts-comitem {
	padding-bottom:20px;
	border-bottom:1px solid #eee;
	margin-top:20px
}
.components-posts-comitem .comitem-left {
	float:left;
	width:50px
}
.components-posts-comitem .comitem-left .imgbox {
	width:40px;
	height:40px;
	overflow:hidden;
	border-radius:50%
}
.components-posts-comitem .comitem-left .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.components-posts-comitem .comitem-right {
	float:right;
	width:770px
}
.components-posts-comitem .comitem-right .right .butbox .submit {
	width:72px;
	height:27px;
	line-height:27px
}
.components-posts-comitem .comitem-right .right .butbox .cancel {
	height:27px;
	line-height:27px;
	padding-right:30px;
	color:#888;
	font-size:14px
}
.components-posts-comitem .comitem-right .updatetime {
	font-size:12px;
	color:#888;
	padding-top:20px
}
.components-posts-comitem .reply {
	height:40px;
	line-height:40px;
	color:#333;
	font-size:14px;
	position:relative
}
.components-posts-comitem .reply .link-span {
	color:#333;
	cursor:pointer
}
.components-posts-comitem .reply .link-span:hover {
	color:#f40d04
}
.components-posts-comitem .reply span {
	padding-right:10px
}
.components-posts-comitem .reply .good {
	width:50px;
	height:50px;
	line-height:50px;
	padding:0;
	position:absolute;
	top:0;
	right:0;
	text-align:center
}
.components-posts-comitem .reply .good img {
	width:100%;
	height:100%;
	display:block
}
.components-posts-comitem .prantcon {
	width:740px;
	background:#f3f3f3;
	border-radius:2px;
	padding:10px 15px;
	color:#878787;
	font-size:12px;
	line-height:20px;
	margin-bottom:10px;
	word-break:break-word
}
.components-posts-comitem .prantcon .editbox {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative
}
.components-posts-comitem .prantcon .editbox.delete {
	color:#aaa
}
.components-posts-comitem .prantcon .editbox:before {
	content:"\301D"
}
.components-posts-comitem .prantcon .editbox:after {
	content:"\301E"
}
.components-posts-comitem .con {
	font-size:14px;
	line-height:22px;
	color:#333;
	word-break:break-all
}
.components-posts-comitem .con .editbox {
	word-break:break-word
}
.components-posts-comitem .con .deletebox, .components-posts-comitem .con .editbox.delete {
	color:#aaa
}
.components-posts-comitem .con .deletebox a {
	margin-left:10px;
	color:#aaa
}
.components-posts-comitem .con .deletebox a:hover {
	color:#f40d04
}
.components-posts-comitem .recom {
	padding-top:20px
}
.components-posts-comitem .butbox {
	padding-top:20px;
	font-size:0
}
.components-posts-comitem .butbox .time {
	float:right;
	padding-right:0;
	color:#888;
	font-size:12px;
	line-height:14px
}
.components-posts-comitem .butbox .jubao {
	margin-left:15px
}
.components-posts-comitem .butbox .butitem {
	font-size:14px;
	color:#333;
	margin-right:20px;
	cursor:pointer;
	float:left
}
.components-posts-comitem .butbox .butitem .hmicon {
	padding-right:5px;
	font-size:14px
}
.components-posts-comitem .butbox .delete {
	font-size:14px;
	color:#888;
	cursor:pointer;
	margin-left:0;
	margin-right:0
}
.components-posts-comitem .butbox .edit {
	font-size:14px;
	color:#333;
	cursor:pointer;
	margin-left:0;
	margin-right:10px
}
.components-posts-comitem .butbox .report {
	font-size:14px;
	color:#888;
	cursor:pointer
}
.components-posts-comitem .butbox .ad {
	font-size:14px;
	color:#f40d04;
	float:right;
	margin-left:10px
}
.components-posts-comitem .butbox .ad a {
	color:#f40d04
}
.components-posts-comitem .butbox.disable .butitem {
	display:inline-block;
	font-size:14px;
	color:#aaa;
	margin-right:24px;
	cursor:pointer
}
.components-posts-comitem .butbox.disable .butitem .hmicon {
	padding-right:5px
}
.components-posts-comitem .butbox.disable .delete, .components-posts-comitem .butbox.disable .edit, .components-posts-comitem .butbox.disable .report {
	float:right;
	font-size:14px;
	color:#aaa;
	margin-left:10px;
	cursor:pointer
}
.components-posts-comitem .editbox {
	word-break:break-word
}
.components-posts-comitem .editbox img {
	max-width:100%;
	margin:18px auto 30px;
	height:auto;
	display:block
}
.components-posts-comitem .editboxs img {
	cursor:pointer
}
.components-posts-postscon {
	background:#fff
}
.components-posts-postscon .bottom_hot a {
	display:block
}
.components-posts-postscon .nofound {
	width:820px;
	height:600px;
	padding:30px
}
.components-posts-postscon .posts-con {
	width:820px;
	height:auto;
	padding:30px;
	position:relative
}
.components-posts-postscon .posts-con>.title {
	color:#333;
	font-size:28px;
	line-height:42px;
	text-align:justify
}
.components-posts-postscon .posts-con>.title h1 {
	line-height:42px;
	word-break:break-all
}
.components-posts-postscon .posts-con>.title .original {
	color:#fff;
	display:inline-block;
	width:72px;
	height:42px;
	line-height:28px;
	text-align:center;
	vertical-align:bottom;
	cursor:pointer
}
.components-posts-postscon .posts-con>.title .original span {
	display:inline-block;
	width:60px;
	height:28px;
	text-align:center;
	line-height:28px;
	font-size:16px;
	color:#fff;
	margin-top:7px;
	font-weight:600;
	border-radius:8px 2px 8px 2px
}
.components-posts-postscon .posts-con>.title .original .jingconent {
	background:linear-gradient(146deg, #fdaa85, #e67646)
}
.components-posts-postscon .posts-con>.title .original .original_yuan {
	margin-left:2px;
	background:linear-gradient(90deg, #ff7979, #e62b2b)
}
.components-posts-postscon .posts-con>.title .vote {
	padding:0 6px;
	height:42px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:bottom
}
.components-posts-postscon .posts-con>.title .vote img {
	width:28px;
	height:28px
}
.components-posts-postscon .posts-con>.title .status {
	color:#f40d04;
	font-size:12px;
	line-height:1;
	padding:4px 10px;
	border-radius:2px;
	background:#d0e8dc;
	margin-left:8px;
	vertical-align:middle;
	display:inline-block
}
.components-posts-postscon .posts-con>.title .status.success {
	background:#fef2f2;
	color:#f40d04
}
.components-posts-postscon .posts-con>.title .status.fail {
	background:#e9d1d1;
	color:#d90000
}
.components-posts-postscon .posts-con>.title .status.caogao, .components-posts-postscon .posts-con>.title .status.wait {
	background:#fef2f2;
	color:#f40d04
}
.components-posts-postscon .posts-con>.info {
	line-height:30px;
	font-size:14px;
	border-bottom:1px solid #eee;
	color:#888;
	padding-top:15px;
	padding-bottom:10px
}
.components-posts-postscon .posts-con>.info .name {
	float:left;
	color:#333;
	margin-right:12px;
	font-size:14px;
	font-weight:400;
	cursor:pointer
}
.components-posts-postscon .posts-con>.info .name span {
	color:#333
}
.components-posts-postscon .posts-con>.info .time {
	float:left;
	color:#888
}
.components-posts-postscon .posts-con>.info .num, .components-posts-postscon .posts-con>.info .read {
	float:right;
	margin-left:12px;
	color:#888
}
.components-posts-postscon .posts-content {
	padding:20px 0;
	color:#333;
	font-size:14px;
	line-height:26px;
	word-break:break-all;
	text-align:left;
	position:relative
}
.components-posts-postscon .posts-content img {
	max-width:100%;
	margin:18px auto 30px;
	display:block
}
.components-posts-postscon .labelbox {
	display:flex;
	align-items:baseline
}
.components-posts-postscon .labelbox span {
	color:#888;
	font-size:14px
}
.components-posts-postscon .labelbox .label {
	margin-left:10px;
	padding:8px 10px
}
.components-posts-postscon .tgging {
	font-size:14px;
	font-weight:400;
	color:#999;
	margin:14px 0 48px
}
.components-posts-postscon .status {
	color:#888;
	font-size:14px;
	line-height:1;
	padding-top:35px
}
.components-posts-postscon .butbox {
	padding-top:25px
}
.components-posts-postscon .butbox .but {
	display:inline-block;
	color:#333;
	font-size:16px;
	border:1px solid #333;
	border-radius:2px;
	cursor:pointer;
	margin-right:20px;
	width:90px;
	height:30px;
	line-height:30px;
	text-align:center
}
.components-posts-postscon .butbox .shares {
	display:inline-block;
	height:22px;
	margin-right:20px
}
.components-posts-postscon .butbox .zhan {
	display:inline-block;
	color:#333;
	font-size:16px;
	border:1px solid #333;
	border-radius:2px
}
.components-posts-postscon .butbox .jubao {
	display:inline-block;
	color:#888;
	font-size:14px;
	cursor:pointer
}
.components-posts-postscon .butbox .delete, .components-posts-postscon .butbox .edit {
	float:right;
	font-size:14px;
	color:#333;
	cursor:pointer;
	line-height:30px;
	padding:0 10px
}
.components-posts-postscon .butbox .edit a {
	color:#333
}
.components-posts-postscon .butbox .edit a:hover {
	color:#f40d04
}
.posts_report {
	cursor:default
}
.posts_report textarea {
	min-height:80px!important
}
.posts_report .report-title {
	height:40px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-size:14px
}
.posts_report .el-select {
	width:444px
}
.posts_report .el-dialog--center .el-dialog__body {
	padding-left:48px!important;
	padding-right:58px!important
}
.posts_report .el-icon-close {
	color:#898989
}
.posts_report .cto_dialog .el-dialog__headerbtn {
	top:10px;
	right:10px
}
.posts_report .dialog_btn {
	width:140px;
	height:40px;
	font-size:14px
}
.posts_report .dialog-footer {
	font-size:0;
	position:relative;
	bottom:20px
}
.posts_report .dialog_btn.light_btn {
	margin-right:25px
}
.posts_report .cto_dialog .el-dialog__close {
	font-size:16px
}
.rightteam {
	width:240px;
	height:20px;
	line-height:20px;
	background:#fff;
	border-radius:2px;
	margin-bottom:20px;
	padding:15px 30px;
	color:#333
}
.rightteam.userteam {
	width:264px;
	height:50px;
	background:#fff;
	border:1px solid #eee;
	border-radius:2px;
	margin-bottom:30px;
	padding:15px 0 15px 20px;
	box-sizing:border-box
}
.rightteam .team-txt {
	float:left;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:130px;
	word-break:keep-all;
	font-size:16px
}
.rightteam .team-txt a {
	color:#333
}
.rightteam .team-txt a:hover {
	color:#f40d04
}
.rightteam .team-desc {
	float:left;
	font-size:14px;
	color:#555;
	padding-left:20px
}
.public-blacktip {
	position:relative
}
.public-blacktip .dask {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#000;
	opacity:.3;
	z-index:2000
}
.public-blacktip .black_list {
	width:610px;
	height:auto;
	background-color:#fff;
	position:fixed;
	top:30%;
	left:0;
	right:0;
	text-align:center;
	z-index:2005;
	margin:auto;
	padding:40px 60px;
	box-sizing:border-box
}
.public-blacktip .black_list .close_icon {
	position:absolute;
	color:#898989;
	right:9px;
	top:9px;
	cursor:pointer
}
.public-blacktip .black_list .close_icon .hmgb {
	font-size:12px
}
.public-blacktip .black_list .content .title {
	color:#333;
	font-size:16px;
	line-height:28px
}
.public-blacktip .black_list .content .bottom, .public-blacktip .black_list .content .unblocking_time {
	color:#888;
	font-size:14px;
	line-height:24px
}
.public-blacktip .black_list .content .know_btn {
	border:1px solid #f40d04;
	width:140px;
	height:40px;
	background-color:#fff;
	margin-top:30px;
	cursor:pointer;
	color:#f40d04;
	font-size:14px;
	outline:none;
	border-radius:2px
}
.public-bulletframe {
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, .6);
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:1000
}
.public-bulletframe .upgrade {
	position:relative;
	width:298px;
	height:229px;
	background:#fff;
	box-shadow:0 5px 24px 0 rgba(0, 0, 0, .08);
	border-radius:2px;
	margin:300px auto;
	padding:0 61px
}
.public-bulletframe .upgrade .hmclose {
	font-size:12px;
	position:absolute;
	right:9px;
	top:9px;
	color:#898989;
	cursor:pointer
}
.public-bulletframe .upgrade .content {
	padding-top:52px;
	text-align:center
}
.public-bulletframe .upgrade .content .title {
	font-size:26px;
	font-family:Source Han Sans CN;
	font-weight:700;
	color:#f40d04;
	line-height:33px
}
.public-bulletframe .upgrade .content .title i {
	font-size:31px
}
.public-bulletframe .upgrade .content .desc {
	font-size:20px;
	font-weight:400;
	color:#f40d04;
	line-height:33px
}
.public-bulletframe .upgrade .footer {
	position:absolute;
	bottom:36px
}
.public-bulletframe .upgrade .footer span {
	text-align:center;
	width:140px;
	height:40px;
	border-radius:2px;
	font-size:14px;
	font-weight:400;
	line-height:40px;
	display:inline-block;
	cursor:pointer
}
.public-bulletframe .upgrade .footer .level {
	color:#fff;
	background:#f40d04
}
.public-bulletframe .upgrade .footer .reset {
	color:#888;
	border:1px solid #ccc;
	margin-left:5px
}
.public-confirm {
	position:relative
}
.public-confirm .dask {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#000;
	opacity:.3;
	z-index:2000
}
.public-confirm .black_list {
	width:420px;
	height:auto;
	background-color:#fff;
	position:fixed;
	top:30%;
	left:0;
	right:0;
	text-align:center;
	z-index:2005;
	margin:auto;
	padding:40px 30px;
	box-sizing:border-box
}
.public-confirm .black_list .close_icon {
	position:absolute;
	color:#898989;
	right:9px;
	top:9px;
	cursor:pointer
}
.public-confirm .black_list .close_icon .hmgb {
	font-size:12px
}
.public-confirm .black_list .content .title {
	color:#333;
	font-size:16px;
	line-height:28px
}
.public-confirm .black_list .content .messagebox .dec {
	padding-top:8px;
	color:#878787;
	font-size:14px
}
.public-confirm .black_list .content .bottom, .public-confirm .black_list .content .unblocking_time {
	color:#888;
	font-size:14px;
	line-height:24px
}
.public-confirm .black_list .content .btnbox {
	font-size:0
}
.public-confirm .black_list .content .know_btn {
	background-color:#fff;
	color:#f40d04;
	margin:30px 10px 0 0
}
.public-confirm .black_list .content .confirm, .public-confirm .black_list .content .know_btn {
	border:1px solid #f40d04;
	width:140px;
	height:40px;
	cursor:pointer;
	font-size:14px;
	outline:none;
	border-radius:2px
}
.public-confirm .black_list .content .confirm {
	color:#fff;
	background:#f40d04;
	margin:30px 0 0 10px
}
.public-dialogtip {
	position:relative
}
.public-dialogtip .dask {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#000;
	opacity:.3;
	z-index:2000
}
.public-dialogtip .black_list {
	width:610px;
	height:auto;
	background-color:#fff;
	position:fixed;
	top:30%;
	left:0;
	right:0;
	text-align:center;
	z-index:2005;
	margin:auto;
	padding:40px 60px;
	box-sizing:border-box
}
.public-dialogtip .black_list .close_icon {
	position:absolute;
	color:#898989;
	right:9px;
	top:9px;
	cursor:pointer
}
.public-dialogtip .black_list .content .title {
	color:#333;
	font-size:16px;
	line-height:28px
}
.public-dialogtip .black_list .content .bottom, .public-dialogtip .black_list .content .unblocking_time {
	color:#888;
	font-size:14px;
	line-height:24px
}
.public-dialogtip .black_list .content .know_btn {
	border:1px solid #f40d04;
	width:140px;
	height:40px;
	background-color:#fff;
	margin-top:30px;
	cursor:pointer;
	color:#f40d04;
	font-size:14px;
	outline:none;
	border-radius:2px
}
.public-golink {
	position:relative
}
.public-golink .dask {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#000;
	opacity:.3;
	z-index:2000
}
.public-golink .black_list {
	width:420px;
	height:auto;
	background-color:#fff;
	position:fixed;
	top:30%;
	left:0;
	right:0;
	text-align:center;
	z-index:2005;
	margin:auto;
	padding:40px 30px;
	box-sizing:border-box
}
.public-golink .black_list .close_icon {
	position:absolute;
	color:#898989;
	right:9px;
	top:9px;
	cursor:pointer
}
.public-golink .black_list .content .title {
	color:#333;
	font-size:16px;
	line-height:28px
}
.public-golink .black_list .content .messagebox {
	padding-bottom:40px
}
.public-golink .black_list .content .messagebox .dec {
	padding-top:8px;
	color:#878787;
	font-size:14px;
	line-height:1.6;
	text-align:center;
	max-height:200px;
	overflow:hidden
}
.public-golink .black_list .content .messagebox .dec a {
	color:#f40d04
}
.public-golink .black_list .content .bottom, .public-golink .black_list .content .unblocking_time {
	color:#888;
	font-size:14px;
	line-height:24px
}
.public-golink .black_list .content .know_btn {
	background-color:#fff;
	color:#f40d04;
	margin:0 10px
}
.public-golink .black_list .content .confirm, .public-golink .black_list .content .know_btn {
	border:1px solid #f40d04;
	width:140px;
	height:40px;
	cursor:pointer;
	font-size:14px;
	outline:none;
	border-radius:2px
}
.public-golink .black_list .content .confirm {
	color:#fff;
	background:#f40d04;
	margin-top:30px
}
.hmmessage {
	background:rgba(0, 0, 0, .7);
	border:none;
	top:100px;
	border-radius:2px;
	min-width:260px;
	padding:16px;
	text-align:center;
	box-sizing:border-box;
	position:fixed;
	left:50%;
	transform:translateX(-50%);
transition:opacity .3s, transform .4s, top .4s;
	overflow:hidden;
	display:flex;
	align-items:center
}
.hmmessage .messagecontent {
	color:#fff;
	font-size:14px
}
.hmmessage .messagecontent a {
	color:#f40d04
}
.hmmessage.hmmessage-active {
	-webkit-transform:translate(-50%, -100%);
	opacity:0;
	transform:translate(-50%, -100%)
}
.hmmessage.hmmessage-leave {
	opacity:1;
	transform:translateX(-50%)
}
.taskmsgbox {
	position:fixed;
	top:111px;
	left:30%;
	padding:22px 45px;
	height:16px;
	line-height:16px;
	background:#fff;
	box-shadow:0 4px 8px 0 rgba(46, 48, 47, .3);
	border-radius:4px;
	font-size:16px;
	font-weight:400;
	color:#333;
	z-index:10
}
.taskmsgbox i {
	color:#f40d04;
	cursor:pointer
}
.public-word {
	position:relative
}
.public-word .dask {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#000;
	opacity:.3;
	z-index:2000
}
.public-word .black_list {
	width:610px;
	height:auto;
	background-color:#fff;
	position:fixed;
	top:30%;
	left:0;
	right:0;
	text-align:center;
	z-index:2005;
	margin:auto;
	padding:40px 30px;
	box-sizing:border-box
}
.public-word .black_list .close_icon {
	position:absolute;
	color:#898989;
	right:9px;
	top:9px;
	cursor:pointer
}
.public-word .black_list .content .title {
	color:#333;
	font-size:16px;
	line-height:28px
}
.public-word .black_list .content .messagebox {
	padding-bottom:40px
}
.public-word .black_list .content .messagebox .dec {
	padding-top:8px;
	color:#878787;
	font-size:14px;
	line-height:1.6;
	text-align:center;
	max-height:200px;
	overflow:hidden
}
.public-word .black_list .content .bottom, .public-word .black_list .content .unblocking_time {
	color:#888;
	font-size:14px;
	line-height:24px
}
.public-word .black_list .content .know_btn {
	background-color:#fff;
	color:#f40d04;
	margin:0 10px
}
.public-word .black_list .content .confirm, .public-word .black_list .content .know_btn {
	border:1px solid #f40d04;
	width:140px;
	height:40px;
	cursor:pointer;
	font-size:14px;
	outline:none;
	border-radius:2px
}
.public-word .black_list .content .confirm {
	color:#fff;
	background:#f40d04;
	margin-top:30px
}
.public-ads {
	margin-bottom:20px
}
.public-ads img {
	width:100%;
	height:100%
}
.public-articleslist .infinite-list {
	margin-top:-6px
}
.public-articleslist .infinite-list .infinite-list-item {
	padding:20px 0;
	border-top:1px solid #eee
}
.public-articleslist .infinite-list .infinite-list-item:first-child {
	border-top:none
}
.public-articleslist .infinite-list .infinite-list-item .post_title {
	color:#212121;
	font-size:18px;
	font-weight:400;
	margin-bottom:10px;
	line-height:18px;
	height:24px;
	overflow:hidden;
	text-align:justify
}
.public-articleslist .infinite-list .infinite-list-item .post_title a {
	color:#212121;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	line-height:18px
}
.public-articleslist .infinite-list .infinite-list-item .post_title a:hover {
	color:#f40d04
}
.public-articleslist .infinite-list .infinite-list-item .post_title .time {
	line-height:18px;
	font-weight:400;
	color:#9e9e9e;
	font-size:12px;
	float:right
}
.public-articleslist .infinite-list .infinite-list-item .post_title .jing {
	font-size:18px;
	color:#ff9406;
	margin-right:5px
}
.public-articleslist .infinite-list .infinite-list-item .post_title .wen {
	font-size:18px;
	color:#ff718b;
	margin-right:5px
}
.public-articleslist .infinite-list .infinite-list-item .post_title .fuj {
	font-size:18px;
	color:#1bcf9d;
	margin-right:5px
}
.public-articleslist .infinite-list .infinite-list-item .introduction {
	height:32px;
	line-height:30px;
	margin-bottom:15px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:100%;
	font-size:12px;
	color:#888
}
.public-articleslist .infinite-list .infinite-list-item .introduction span {
	color:#888;
	font-size:12px;
	line-height:12px;
	padding:6px 10px;
	border-radius:2px;
	margin-left:10px;
	border:1px solid #ededed;
	cursor:pointer;
	display:inline-block
}
.public-articleslist .infinite-list .infinite-list-item .introduction span:hover {
	background-color:#fef2f2;
	color:#f40d04
}
.public-articleslist .infinite-list .infinite-list-item .introduction span a {
	color:#888
}
.public-articleslist .infinite-list .infinite-list-item .introduction span a:hover {
	color:#f40d04
}
.public-articleslist .infinite-list .infinite-list-item .introduction span:first-child {
	margin-left:0
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline {
	height:32px;
	line-height:32px;
	position:relative;
	font-size:0;
	color:#888
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .imgbox {
	width:32px;
	height:32px;
	border-radius:50%;
	float:left
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .imgbox img {
	width:32px;
	height:32px;
	border-radius:50%
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .dot {
	font-size:12px;
	display:inline-block
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .name {
	margin-left:10px;
	font-weight:700;
	font-size:12px
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .name a {
	color:#888
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .name a:hover {
	color:#f40d04
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .responder {
	font-size:12px
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .responder span {
	font-weight:700
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .responder a {
	font-weight:700;
	color:#888
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .responder a:hover {
	color:#f40d04
}
.public-articleslist .infinite-list .infinite-list-item .detail .fline .pageviews {
	font-size:12px;
	float:right
}
.public-articleslist .more {
	height:100px;
	line-height:100px;
	text-align:center;
	color:#63a981;
	font-size:14px;
	font-weight:400
}
.public-articleslist .title-content {
	height:26px;
	line-height:26px;
	display:inline-block;
	max-width:625px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.public-articleslist .title-content .title-h3 {
	display:inline;
	font-weight:400
}
.public-articleslist .list-content .list-left {
	float:left;
	width:100%;
	font-size:0
}
.public-articleslist .list-content .list-right {
	display:none
}
.public-articleslist .list-content.video .list-left {
	float:left;
	width:580px
}
.public-articleslist .list-content.video .list-right {
	display:block;
	float:right;
	width:133px;
	height:75px;
	border-radius:2px;
	overflow:hidden
}
.public-articleslist .list-content.video .list-right .imgbox {
	width:133px;
	height:75px;
	border-radius:4px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color:#000
}
.public-articleslist .list-content.video .list-right .imgbox .cover {
	position:absolute;
	max-width:100%;
	max-height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto
}
.public-articleslist .list-content.video .list-right .imgbox .bofang {
	width:30px;
	height:30px;
	background:rgba(0, 0, 0, .8);
	box-shadow:3px 4px 6px 0 rgba(0, 0, 0, .16);
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-15px;
	margin-top:-15px;
	text-align:center;
	line-height:30px;
	font-size:0
}
.public-articleslist .list-content.video .list-right .imgbox .bofang i {
	line-height:30px;
	font-size:15px;
	color:#fff;
	padding-left:4px
}
.anwser_small_center_page {
	text-align:left;
	margin-top:10px
}
.anwser_small_center_page .small-pagination {
	display:inline-block
}
.anwser_small_center_page .small-pagination .page_z {
	color:#9e9e9e;
	font-size:12px;
	font-family:Arial;
	font-weight:400;
	cursor:pointer;
	line-height:31px
}
.anwser_small_center_page .small-pagination .first_page {
	float:left
}
.anwser_small_center_page .small-pagination .el-pagination {
	text-align:center;
	color:#9e9e9e
}
.anwser_small_center_page .small-pagination .el-pagination .btn-next, .anwser_small_center_page .small-pagination .el-pagination .btn-prev {
	color:#9e9e9e
}
.anwser_small_center_page .small-pagination .el-pager li, .anwser_small_center_page .small-pagination .el-pagination .btn-next span, .anwser_small_center_page .small-pagination .el-pagination .btn-prev span {
	font-size:12px;
	background:none
}
.anwser_small_center_page .small-pagination .el-pager li.active, .anwser_small_center_page .small-pagination .el-pager li:hover {
	color:#f40d04
}
.anwser_small_center_page .el-pagination .btn-next, .anwser_small_center_page .el-pagination .btn-prev, .anwser_small_center_page .el-pagination button:disabled {
	background:none
}
.public-authorlist {
	position:relative
}
.public-authorlist .title {
	font-size:16px;
	line-height:1;
	color:#333;
	padding-bottom:20px
}
.public-authorlist .title h2 {
	font-weight:400
}
.public-authorlist .title .desc {
	font-size:12px;
	font-weight:400;
	color:#888;
	line-height:16px;
	float:right;
	cursor:pointer;
	height:33px
}
.public-authorlist.team .con {
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	margin-bottom:30px;
	width:264px
}
.public-banner .show_swiper_img {
	width:100%;
	height:100%;
	border-radius:4px
}
.public-banner .banner-box, .public-banner .banner-box .banner-content {
	width:730px;
	height:200px;
	overflow:hidden;
	position:relative
}
.public-banner .banner-box .banner-content {
	z-index:1
}
.public-banner .banner-box .item {
	width:100%;
	position:absolute;
	opacity:0;
transition:opacity .5s ease-in-out
}
.public-banner .banner-box .item a {
	display:block
}
.public-banner .banner-box .item.show {
	opacity:1;
	z-index:10
}
.public-banner .banner-box:hover .banner-button-box .banner-button.left {
	left:0;
	transform:translateY(-50%)
}
.public-banner .banner-box:hover .banner-button-box .banner-button.right {
	right:0
}
.public-banner .banner-box .banner-button-box .banner-button {
	position:absolute;
	top:50%;
	background-color:#000;
	border-radius:0;
	width:30px;
	height:42px;
	line-height:42px;
	opacity:.5;
	transform:translateY(-50%);
	color:#fff;
	text-align:center;
	cursor:pointer;
	z-index:99
}
.public-banner .banner-box .banner-button-box .banner-button.left {
	left:-30px;
	transform:translateY(-50%);
transition:left .3s
}
.public-banner .banner-box .banner-button-box .banner-button.right {
	right:-30px;
transition:right .3s
}
.public-banner .banner-box .banner-dot {
	position:absolute;
	margin:0;
	z-index:2;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	padding:12px 0
}
.public-banner .banner-box .banner-dot .dot-item {
	display:inline-block;
	width:6px;
	height:6px;
	border:1px solid #f40d04;
	border-radius:2px;
	background-color:transparent;
	margin:0 3px;
	cursor:pointer
}
.public-banner .banner-box .banner-dot .dot-item.active {
	background:#f40d04
}
.public-banner .el-carousel__arrow {
	background-color:#000;
	border-radius:0;
	width:30px;
	height:42px;
	opacity:.5
}
.public-banner .el-carousel__arrow i {
	font-size:16px
}
.public-banner .el-carousel__indicator--horizontal>.el-carousel__button {
	width:8px;
	height:8px;
	border:1px solid #f40d04;
	border-radius:2px;
	background-color:transparent
}
.public-banner .el-carousel__indicator.is-active button {
	background-color:#f40d04!important;
	border:0
}
.public-banner .el-carousel--horizontal {
	overflow:hidden
}
.public-banner.carousel_one .el-carousel__indicators {
	display:none
}
.public-banner .el-carousel .el-carousel__container .el-carousel__arrow--left {
	left:0
}
.public-banner.carousel_one .el-carousel .el-carousel__container .el-carousel__arrow--left {
	display:none!important
}
.public-banner .el-carousel .el-carousel__container .el-carousel__arrow--right {
	right:0
}
.public-banner.carousel_one .el-carousel .el-carousel__container .el-carousel__arrow--right {
	display:none!important;
	right:0
}
.public-banner .el-carousel__item.is-animating {
transition:opacity .5s ease-in-out!important
}
.breadcrumb {
	width:100%;
	font-size:0
}
.breadcrumb li {
	display:inline-block;
	font-size:0
}
.breadcrumb li a, .breadcrumb li span {
	font-size:14px;
	color:#999
}
.breadcrumb li .active {
	color:#f40d04
}
.breadcrumb .divider {
	padding:0 10px
}
.public-categorynew {
	float:left
}
.public-categorynew .title {
	font-size:20px;
	font-weight:700;
	color:#333
}
.public-categorynew .desc {
	font-size:14px;
	color:#757474;
	line-height:30px;
	font-weight:400
}
.public-categorynew .bei {
	font-size:14px;
	line-height:30px;
	padding-top:10px;
	color:#e63027;
	font-weight:400
}
.public-categorynew .el-button.mybut {
	width:140px;
	height:42px;
	line-height:42px;
	padding:0;
	font-size:16px;
	font-weight:400;
	background:#333;
	color:#fff;
	border:none
}
.public-categorynew .jump {
	display:inline-block;
	color:#888;
	padding:0 20px;
	cursor:pointer
}
.public-categorynew .labelbox .title {
	font-size:16px;
	line-height:36px;
	color:#333
}
.public-categorynew .labelbox .con {
	padding:0 0 20px;
	font-size:0;
	line-height:1
}
.public-categorynew .labelbox .con .bq {
	display:inline-block;
	padding:8px 20px;
	margin-right:22px;
	margin-bottom:16px;
	background:#f2f2f2;
	border-radius:4px;
	color:#333;
	font-size:14px;
	cursor:pointer;
	line-height:20px
}
.public-categorynew .labelbox .con .bq.active, .public-categorynew .labelbox .con .bq:active, .public-categorynew .labelbox .con .bq:focus, .public-categorynew .labelbox .con .bq:hover {
	background-color:#ffe3e1;
	color:#f13232
}
.public-categorynew .labelscroll {
	height:300px
}
.public-categorynew .but {
	text-align:center;
	cursor:pointer;
	float:left;
	margin:8px 0 0;
	width:100px;
	height:36px;
	border-radius:4px;
	border:1px solid #7a7979;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:36px
}
.public-categorynew .showbox {
	display:inline-block;
	overflow:hidden;
	padding-right:20px
}
.public-categorynew .showbox .showlabel {
	height:32px;
	line-height:32px;
	padding:0 15px;
	border-radius:2px;
	margin-left:10px;
	margin-top:12px;
	cursor:pointer;
	position:relative;
	float:left;
	background:#eee;
	font-size:14px;
	font-weight:400;
	color:#555
}
.public-categorynew .showbox .showlabel .close {
	display:inline;
	padding-left:5px
}
.public-categorynew .showbox .showlabel .close i {
	font-size:12px;
	color:#888
}
.public-focuslabel .title {
	font-size:20px;
	font-weight:700;
	color:#333
}
.public-focuslabel .desc {
	font-size:14px;
	color:#757474;
	line-height:30px;
	font-weight:400
}
.public-focuslabel .bei {
	font-size:14px;
	line-height:30px;
	padding-top:10px;
	color:#e63027;
	font-weight:400
}
.public-focuslabel .el-button.mybut {
	width:140px;
	height:42px;
	line-height:42px;
	padding:0;
	font-size:16px;
	font-weight:400;
	background:#333;
	color:#fff;
	border:none
}
.public-focuslabel .jump {
	display:inline-block;
	color:#888;
	padding:0 20px;
	cursor:pointer
}
.public-focuslabel .labelbox .title {
	font-size:16px;
	line-height:36px;
	color:#333
}
.public-focuslabel .labelbox .con {
	padding:0 0 20px
}
.public-focuslabel .labelbox .con .bq {
	display:inline-block;
	padding:8px 20px;
	margin-right:22px;
	margin-bottom:16px;
	background:#f2f2f2;
	border-radius:4px;
	color:#333;
	font-size:14px;
	cursor:pointer;
	line-height:20px
}
.public-focuslabel .labelbox .con .bq.active, .public-focuslabel .labelbox .con .bq:active, .public-focuslabel .labelbox .con .bq:focus, .public-focuslabel .labelbox .con .bq:hover {
	background-color:#ffe3e1;
	color:#f13232
}
.public-focuslabel .labelscroll {
	height:422px
}
.labelbox .el-scrollbar__wrap {
	overflow-x:hidden
}
.labeld .bgtitle {
	line-height:1
}
.labeld .el-dialog__header {
	padding-top:33px
}
.labeld .dialog-footer {
	padding-bottom:10px
}
.label-item {
	display:flex;
	align-items:flex-start
}
.label-item .title {
	font-weight:600;
	width:140px;
	padding-right:32px;
	text-align:right;
	min-width:0
}
.label-item .con {
	flex:1
}
.public-postlist {
	background-color:#f8f9fb;
	padding-top:132px
}
.public-postlist .el-pager li {
	background:none
}
.public-commonlist {
	display:flex;
	flex-direction:column;
	grid-gap:12px;
	gap:12px
}
.public-commonlist .video {
	display:flex;
	justify-content:space-between
}
.public-commonlist .video .left_words {
	width:680px
}
.public-commonlist .video .right_video {
	display:block;
	width:147px;
	height:82px;
	border-radius:2px;
	overflow:hidden
}
.public-commonlist .video .right_video .imgbox {
	width:147px;
	height:82px;
	border-radius:4px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color:#000
}
.public-commonlist .video .right_video .imgbox .cover {
	position:absolute;
	max-width:100%;
	max-height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto
}
.public-commonlist .video .right_video .imgbox .bofang {
	width:30px;
	height:30px;
	background:rgba(0, 0, 0, .8);
	box-shadow:3px 4px 6px 0 rgba(0, 0, 0, .16);
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-15px;
	margin-top:-15px;
	text-align:center;
	line-height:30px;
	font-size:0
}
.public-commonlist .video .right_video .imgbox .bofang i {
	line-height:30px;
	font-size:15px;
	color:#fff;
	padding-left:4px
}
.public-commonlist .infinite-list-item {
	cursor:pointer;
	margin-top:42px
}
.public-commonlist .infinite-list-item:first-child {
	margin-top:0
}
.public-commonlist .infinite-list-item .post_title {
	color:#212121;
	font-size:0;
	font-weight:400;
	margin-bottom:12px;
	line-height:26px
}
.public-commonlist .infinite-list-item .post_title .title-h3 {
	display:inline;
	color:#212121;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	word-break:break-all;
	word-wrap:break-word;
	line-height:26px;
	vertical-align:top
}
.public-commonlist .infinite-list-item .post_title .title-h3:hover {
	color:#f40d04
}
.public-commonlist .infinite-list-item .post_title .time {
	line-height:18px;
	font-weight:400;
	color:#9e9e9e;
	font-size:12px;
	float:right
}
.public-commonlist .infinite-list-item .post_title .jing {
	font-size:18px;
	color:#ff9406;
	margin-right:5px
}
.public-commonlist .infinite-list-item .post_title .wen {
	font-size:18px;
	color:#ff718b;
	margin-right:5px
}
.public-commonlist .infinite-list-item .post_title .fuj {
	font-size:18px;
	color:#1bcf9d;
	margin-right:5px
}
.public-commonlist .infinite-list-item .introduction {
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
	max-width:310px;
	padding-left:5px;
	box-sizing:border-box;
	height:24px;
	line-height:24px;
	font-size:12px;
	text-align:right;
	color:#999;
	overflow:hidden
}
.public-commonlist .infinite-list-item .introduction span {
	line-height:12px;
	padding:6px 10px;
	margin-left:10px;
	background:#f5f5f5;
	border-radius:2px;
	cursor:pointer;
	display:inline-block
}
.public-commonlist .infinite-list-item .introduction span:hover {
	background:#fff5f5;
	color:#f13232
}
.public-commonlist .infinite-list-item .introduction span a {
	color:#999
}
.public-commonlist .infinite-list-item .introduction span a:hover {
	color:#f13232
}
.public-commonlist .infinite-list-item .introduction span:first-child {
	margin-left:0
}
.public-commonlist .infinite-list-item .content {
	font-size:14px;
	color:#888;
	line-height:24px;
	max-height:48px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all;
	word-wrap:break-word;
	font-weight:400
}
.public-commonlist .infinite-list-item .detail {
	display:flex;
	justify-content:space-between;
	margin-top:22px
}
.public-commonlist .infinite-list-item .detail .fline {
	display:flex;
	align-items:center;
	flex:1;
	height:32px;
	line-height:32px;
	position:relative;
	color:#acacac;
	white-space:nowrap;
	padding-right:10px;
	box-sizing:border-box;
	min-width:0
}
.public-commonlist .infinite-list-item .detail .fline span {
	display:inline-block;
	margin-left:28px;
	font-size:14px
}
.public-commonlist .infinite-list-item .detail .fline .imgbox {
	width:20px;
	height:20px;
	border-radius:50%;
	float:left
}
.public-commonlist .infinite-list-item .detail .fline .imgbox img {
	width:20px;
	height:20px;
	border-radius:50%
}
.public-commonlist .infinite-list-item .detail .fline .imgbox a {
	display:flex
}
.public-commonlist .infinite-list-item .detail .fline .name {
	margin-left:10px;
	font-size:14px
}
.public-commonlist .infinite-list-item .detail .fline .name a {
	color:#686868
}
.public-commonlist .infinite-list-item .detail .fline .name a:hover {
	color:#f40d04
}
.public-commonlist .infinite-list-item .detail .fline .name_span {
	height:32px;
	line-height:32px;
	color:#686868;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.public-commonlist .infinite-list-item .detail .fline .name_span i {
	color:#acacac
}
.public-commonlist .infinite-list-item .detail .fline .responder {
	font-size:12px
}
.public-commonlist .infinite-list-item .detail .fline .responder span {
	font-weight:700
}
.public-commonlist .infinite-list-item .detail .fline .responder a {
	font-weight:700;
	color:#888
}
.public-commonlist .infinite-list-item .detail .fline .responder a:hover {
	color:#f40d04
}
.public-commonlist .infinite-list-item .detail .fline .pageviews {
	font-size:12px
}
.public-commonlist .original {
	background:linear-gradient(149deg, #f19191, #fe3829)
}
.public-commonlist .essence {
	background:linear-gradient(146deg, #fdaa85, #e67646)
}
.public-commonlist .nodata {
	width:100%;
	padding-top:50px;
	padding-bottom:100px
}
.public-commonlist .nodata .imgbox {
	width:104px;
	margin:0 auto
}
.public-commonlist .nodata .imgbox img {
	width:100%
}
.public-commonlist .nodata .txt {
	text-align:center;
	color:#888;
	padding-top:14px
}
.public-communitycommon .time_key {
	width:120px;
	font-size:14px;
	font-weight:400;
	color:#f13232;
	text-align:center;
	line-height:20px;
	height:40px;
	line-height:40px;
	margin:28px 0 36px;
	background:snow;
	border-radius:23px
}
.public-communitycommon .video {
	display:flex;
	justify-content:space-between
}
.public-communitycommon .video .left_words {
	width:680px
}
.public-communitycommon .video .right_video {
	display:block;
	width:147px;
	height:82px;
	border-radius:2px;
	overflow:hidden
}
.public-communitycommon .video .right_video .imgbox {
	width:147px;
	height:82px;
	border-radius:4px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color:#000
}
.public-communitycommon .video .right_video .imgbox .cover {
	position:absolute;
	max-width:100%;
	max-height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto
}
.public-communitycommon .video .right_video .imgbox .bofang {
	width:30px;
	height:30px;
	background:rgba(0, 0, 0, .8);
	box-shadow:3px 4px 6px 0 rgba(0, 0, 0, .16);
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-15px;
	margin-top:-15px;
	text-align:center;
	line-height:30px;
	font-size:0
}
.public-communitycommon .video .right_video .imgbox .bofang i {
	line-height:30px;
	font-size:15px;
	color:#fff;
	padding-left:4px
}
.public-communitycommon .infinite_list_item {
	margin-top:42px
}
.public-communitycommon .infinite_list_item a {
	display:block
}
.public-communitycommon .infinite_list_item .titlebox {
	cursor:pointer;
	display:block
}
.public-communitycommon .infinite_list_item .titlebox.video {
	display:flex
}
.public-communitycommon .infinite_list_item .post_title {
	color:#212121;
	font-size:0;
	font-weight:400;
	margin-bottom:12px;
	line-height:26px
}
.public-communitycommon .infinite_list_item .post_title .title-h3 {
	display:inline;
	color:#212121;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	word-break:break-all;
	word-wrap:break-word;
	line-height:26px;
	vertical-align:top
}
.public-communitycommon .infinite_list_item .post_title .title-h3:hover {
	color:#f40d04
}
.public-communitycommon .infinite_list_item .post_title .jing {
	font-size:18px;
	color:#ff9406;
	margin-right:5px
}
.public-communitycommon .infinite_list_item .post_title .wen {
	font-size:18px;
	color:#ff718b;
	margin-right:5px
}
.public-communitycommon .infinite_list_item .post_title .fuj {
	font-size:18px;
	color:#1bcf9d;
	margin-right:5px
}
.public-communitycommon .infinite_list_item .introduction {
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
	text-align:right;
	width:340px;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#999;
	overflow:hidden
}
.public-communitycommon .infinite_list_item .introduction span {
	max-width:120px;
	line-height:12px;
	padding:6px 10px;
	margin-left:10px;
	background:#f5f5f5;
	border-radius:2px;
	cursor:pointer
}
.public-communitycommon .infinite_list_item .introduction span:hover {
	background:#fff5f5;
	color:#f13232
}
.public-communitycommon .infinite_list_item .introduction span a {
	color:#999
}
.public-communitycommon .infinite_list_item .introduction span a:hover {
	color:#f13232
}
.public-communitycommon .infinite_list_item .introduction span:first-child {
	margin-left:0
}
.public-communitycommon .infinite_list_item .content {
	font-size:14px;
	color:#888;
	line-height:24px;
	max-height:48px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all;
	word-wrap:break-word;
	font-weight:400
}
.public-communitycommon .infinite_list_item .detail {
	display:flex;
	justify-content:space-between;
	margin-top:22px
}
.public-communitycommon .infinite_list_item .detail .fline {
	display:flex;
	align-items:center;
	flex:1;
	height:32px;
	line-height:32px;
	position:relative;
	color:#acacac
}
.public-communitycommon .infinite_list_item .detail .fline span {
	display:inline-block;
	margin-left:27px;
	font-size:14px
}
.public-communitycommon .infinite_list_item .detail .fline .imgbox, .public-communitycommon .infinite_list_item .detail .fline .imgbox img {
	width:20px;
	height:20px;
	border-radius:50%
}
.public-communitycommon .infinite_list_item .detail .fline .imgbox a {
	display:flex
}
.public-communitycommon .infinite_list_item .detail .fline .name {
	margin-left:10px;
	font-size:14px
}
.public-communitycommon .infinite_list_item .detail .fline .name a {
	color:#686868
}
.public-communitycommon .infinite_list_item .detail .fline .name a:hover {
	color:#f40d04
}
.public-communitycommon .original {
	background:linear-gradient(149deg, #f19191, #fe3829);
	border-radius:4px 0 4px 0
}
.public-communitycommon .essence {
	background:linear-gradient(146deg, #fdaa85, #e67646);
	border-radius:4px 0 4px 0
}
.public-communitycommon .nodata {
	width:100%;
	padding-top:50px
}
.public-communitycommon .nodata .imgbox {
	width:104px;
	margin:0 auto
}
.public-communitycommon .nodata .imgbox img {
	width:100%
}
.public-communitycommon .nodata .txt {
	text-align:center;
	color:#888;
	padding-top:14px
}
@keyframes myscale {
0% {
transform:scale(1)
}
to {
	transform:scale(1.1)
}
}
.com_star {
	position:fixed;
	bottom:380px;
	z-index:999
}
.com_star .star_png {
	width:72px;
	cursor:pointer;
	animation-name:myscale;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-iteration-count:6;
	animation-direction:alternate;
	animation-play-state:running;
	-moz-animation-name:myscale;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:linear;
	-moz-animation-iteration-count:6;
	-moz-animation-direction:alternate;
	-moz-animation-play-state:running;
	-ms-animation-name:myscale;
	-ms-animation-duration:1s;
	-ms-animation-timing-function:linear;
	-ms-animation-iteration-count:6;
	-ms-animation-direction:alternate;
	-ms-animation-play-state:running;
	-webkit-animation-name:myscale;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:6;
	-webkit-animation-direction:alternate;
	-webkit-animation-play-state:running;
	-o-animation-name:myscale;
	-o-animation-duration:1s;
	-o-animation-timing-function:linear;
	-o-animation-iteration-count:6;
	-o-animation-direction:alternate;
	-o-animation-play-state:running
}
.public-ctodialog .dialog_btn {
	width:140px;
	height:40px;
	line-height:24px;
	cursor:pointer;
	font-size:14px;
	border:0;
	border-radius:2px;
	outline:none;
	background-color:#eee;
	color:#333;
	margin-right:10px
}
.public-ctodialog .dialog_btn.light_btn {
	background-color:#f40d04;
	color:#fff
}
.public-essence .essence {
	cursor:pointer;
	width:240px;
	height:44px;
	background:#fff;
	border-radius:2px;
	line-height:44px;
	padding:0 30px;
	margin-top:20px
}
.public-essence .essence.topposition {
	position:fixed;
	top:668px;
	transition:all 2s
}
.public-essence .essence.topposition1 {
	position:fixed;
	top:720px;
	transition:all 2s
}
.public-essence .essence.topposition1_len {
	position:fixed;
	top:630px;
	transition:all 2s
}
.public-essence .essence.topposition2 {
	position:fixed;
	top:745px;
	transition:all 2s
}
.public-essence .essence.topposition2_len {
	position:fixed;
	top:648px;
	transition:all 2s
}
.public-essence .essence.topposition3 {
	position:fixed;
	top:720px;
	transition:all 2s
}
.public-essence .essence.topposition3_len {
	position:fixed;
	top:624px;
	transition:all 2s
}
.public-essence .essence .icon1 {
	float:left;
	font-size:17px;
	padding-top:1px;
	color:#fe7228
}
.public-essence .essence span {
	font-size:14px;
	font-weight:400;
	color:#333;
	margin-left:5px
}
.public-essence .essence .icon2 {
	float:right;
	color:#999;
	font-size:11px
}
.public-homestar {
	position:relative;
	margin-top:80px
}
.public-homestar .desc {
	font-size:14px;
	color:#999;
	cursor:pointer
}
.public-homestar .list_rules {
	box-sizing:border-box;
	position:absolute;
	right:0;
	background-color:#fff;
	padding:20px 20px 30px;
	width:306px;
	margin-top:20px;
	z-index:9;
	box-shadow:0 0 10px rgba(73, 72, 72, .05)
}
.public-homestar .list_rules h4 {
	font-size:18px;
	color:#333
}
.public-homestar .list_rules p {
	color:#999990;
	margin-top:20px;
	font-size:14px;
	line-height:22px
}
.public-homestar .con {
	border-bottom:none;
	margin-top:32px
}
.public-hometeam {
	position:relative
}
.public-hometeam .title {
	font-size:16px;
	line-height:1;
	color:#333;
	padding-top:30px;
	padding-bottom:20px;
	border-top:1px solid #eee
}
.public-hometeam .title h2 {
	font-weight:400
}
.public-hometeam .title .desc {
	font-size:12px;
	font-weight:400;
	color:#888;
	line-height:16px;
	float:right;
	cursor:pointer;
	height:33px
}
.public-hometeam .title .desc a {
	color:#888
}
.public-hometeam.team {
	margin-bottom:45px
}
.public-hometeam.team.topposition {
	position:fixed;
	top:357px
}
.public-hometeam.team .con {
	padding-bottom:0;
	border-bottom:none
}
.public-hot {
	width:880px;
	height:auto;
	padding:38px 30px;
	box-sizing:border-box;
	background:#fff;
	margin-bottom:20px;
	margin-top:20px
}
.public-hot.topposition {
	position:fixed;
	top:127px;
	transition:all 2s
}
.public-hot .hot-top {
	font-size:18px;
	color:#333;
	font-weight:600;
	height:20px
}
.public-hot .hot-con {
	margin-top:15px
}
.public-hot .hot-con li {
	padding:15px 0 0;
	border-bottom:1px solid #eee
}
.public-hot .hot-con li:last-child {
	border-bottom:none
}
.public-hot .hot-con .title {
	font-size:16px;
	line-height:1;
	word-break:break-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.public-hot .hot-con .title a {
	color:#333;
	font-weight:600;
	line-height:1.8;
	vertical-align:middle
}
.public-hot .hot-con .title a:hover {
	color:#f40d04
}
.public-hot .hotbox-vote {
	display:inline-flex;
	align-items:center;
	vertical-align:middle
}
.public-hot .hotbox-vote img {
	width:18px;
	height:18px
}
.public-hot .userinfo {
	display:flex;
	align-items:center;
	padding:17px 0 20px
}
.public-hot .userinfo .imgbox {
	width:20px;
	height:20px;
	border-radius:50%;
	overflow:hidden
}
.public-hot .userinfo .imgbox img {
	width:100%;
	height:100%
}
.public-hot .userinfo .info {
	width:300px;
	margin-left:10px
}
.public-hot .userinfo .info .fline {
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#888
}
.public-hot .userinfo .info .fline span {
	font-size:14px
}
.public-hot .userinfo .info .fline .name {
	font-size:14px;
	color:#888
}
.public-hot .userinfo .info .fline .name a {
	color:#888
}
.public-hot .userinfo .info .fline .name a:hover {
	color:#f40d04
}
.public-hot .userinfo .info .fline .desc, .public-hot .userinfo .info .fline .desc a {
	color:#888;
	font-size:14px
}
.public-hot .userinfo .info .fline .desc.dot {
	display:inline-block
}
.public-hot .userinfo .info .fline .pageviews {
	font-size:12px
}
.public-hot .userinfo .info .sline {
	color:#9e9e9e;
	font-size:12px;
	padding-top:3px
}
.public-hot .userinfo .info .sline .desc {
	width:100%;
	height:16px;
	line-height:14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.public-hot .userinfo .info .sline .desc a {
	color:#9e9e9e;
	font-size:12px
}
.public-hot .dot:before {
	content:".";
	display:inline-block;
	vertical-align:middle;
	margin-right:3px;
	margin-left:2px;
	position:relative;
	bottom:5px;
	font-weight:700;
	font-size:15px
}
.public-hot .em_title em {
	color:#f40d04!important
}
.public-infinitor .video {
	display:flex;
	justify-content:space-between
}
.public-infinitor .video .left_words {
	width:680px
}
.public-infinitor .video .right_video {
	display:block;
	width:147px;
	height:82px;
	border-radius:2px;
	overflow:hidden
}
.public-infinitor .video .right_video .imgbox {
	width:147px;
	height:82px;
	border-radius:4px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color:#000
}
.public-infinitor .video .right_video .imgbox .cover {
	position:absolute;
	max-width:100%;
	max-height:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto
}
.public-infinitor .video .right_video .imgbox .bofang {
	width:30px;
	height:30px;
	background:rgba(0, 0, 0, .8);
	box-shadow:3px 4px 6px 0 rgba(0, 0, 0, .16);
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-15px;
	margin-top:-15px;
	text-align:center;
	line-height:30px;
	font-size:0
}
.public-infinitor .video .right_video .imgbox .bofang i {
	line-height:30px;
	font-size:15px;
	color:#fff;
	padding-left:4px
}
.public-infinitor .infinite_list_item {
	padding:20px 0;
	border-top:1px solid #eee
}
.public-infinitor .infinite_list_item:first-child {
	border-top:none
}
.public-infinitor .infinite_list_item a {
	display:block
}
.public-infinitor .infinite_list_item .titlebox {
	cursor:pointer;
	display:block
}
.public-infinitor .infinite_list_item .titlebox.video {
	display:flex
}
.public-infinitor .infinite_list_item .post_title {
	color:#212121;
	font-size:0;
	font-weight:400;
	margin-bottom:12px;
	line-height:26px
}
.public-infinitor .infinite_list_item .post_title .title-h3 {
	display:inline;
	color:#212121;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	word-break:break-all;
	word-wrap:break-word;
	line-height:26px;
	vertical-align:top
}
.public-infinitor .infinite_list_item .post_title .title-h3:hover {
	color:#f40d04
}
.public-infinitor .infinite_list_item .introduction {
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
	text-align:right;
	width:360px;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#999;
	overflow:hidden
}
.public-infinitor .infinite_list_item .introduction span {
	max-width:120px;
	line-height:12px;
	padding:6px 10px;
	margin-left:10px;
	background:#f5f5f5;
	border-radius:2px;
	cursor:pointer
}
.public-infinitor .infinite_list_item .introduction span:hover {
	background:#fff5f5;
	color:#f13232
}
.public-infinitor .infinite_list_item .introduction span a {
	color:#999
}
.public-infinitor .infinite_list_item .introduction span a:hover {
	color:#f13232
}
.public-infinitor .infinite_list_item .introduction span:first-child {
	margin-left:0
}
.public-infinitor .infinite_list_item .content {
	font-size:14px;
	color:#888;
	line-height:24px;
	max-height:48px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all;
	word-wrap:break-word;
	font-weight:400
}
.public-infinitor .infinite_list_item .detail {
	display:flex;
	justify-content:space-between;
	margin-top:22px
}
.public-infinitor .infinite_list_item .detail .fline {
	display:flex;
	align-items:center;
	flex:1;
	height:32px;
	line-height:32px;
	position:relative;
	color:#acacac
}
.public-infinitor .infinite_list_item .detail .fline span {
	display:inline-block;
	margin-left:28px;
	font-size:14px
}
.public-infinitor .infinite_list_item .detail .fline .imgbox {
	width:20px;
	height:20px;
	border-radius:50%
}
.public-infinitor .infinite_list_item .detail .fline .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.public-infinitor .infinite_list_item .detail .fline .imgbox a {
	display:flex
}
.public-infinitor .infinite_list_item .detail .fline .name {
	margin-left:10px;
	font-size:14px
}
.public-infinitor .infinite_list_item .detail .fline .name a {
	color:#686868
}
.public-infinitor .infinite_list_item .detail .fline .name a:hover {
	color:#f40d04
}
.public-infinitor .original {
	background:linear-gradient(149deg, #f19191, #fe3829);
	border-radius:4px 0 4px 0
}
.public-infinitor .essence {
	background:linear-gradient(146deg, #fdaa85, #e67646);
	border-radius:4px 0 4px 0
}
.search_infinitor_detail h1 {
	display:inline-block
}
.public-labelinput {
	width:100%;
	height:42px;
	line-height:42px;
	border:1px solid #eee;
	font-size:0;
	box-sizing:border-box;
	white-space:nowrap;
	overflow:hidden
}
.public-labelinput .show_select_tab {
	float:left;
	padding-left:6px
}
.public-labelinput .show_select_tab .label_list {
	display:inline-block;
	height:20px;
	line-height:20px;
	opacity:.9;
	border-radius:2px;
	background-color:#f6f6f6;
	color:#666;
	font-size:12px;
	margin:0 3px;
	padding:0 6px;
	vertical-align:middle
}
.public-labelinput .show_select_tab .label_list .input_value {
	position:relative;
	top:-1px
}
.public-labelinput .show_select_tab .label_list .hmgb {
	opacity:.4;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer;
	display:inline-block
}
.public-labelinput .show_label {
	max-width:600px;
	display:inline-block
}
.label_input .el-input__inner {
	border:none;
	height:36px;
	line-height:normal
}
.public-menu {
	font-size:14px;
	margin-bottom:0;
	padding:10px 17px;
	min-width:140px;
	box-sizing:border-box
}
.public-menu .menuli {
	cursor:pointer;
	color:#666;
	padding:20px 0;
	font-size:0
}
.public-menu .menuli:first-child {
	padding-top:0
}
.public-menu .menuli h2 {
	display:inline;
	font-weight:400;
	font-size:14px
}
.public-menu .menuli a {
	text-decoration:none;
	color:#666;
	font-size:14px
}
.public-menu .menuli:hover i, .public-menu .menuli:hover span {
	color:#f40d04!important
}
.public-menu .menuli i {
	font-size:14px
}
.public-menu .menuli i.left {
	margin-right:10px;
	color:#8d8d8d;
	display:inline-block;
	width:14px
}
.public-menu .menuli i.right {
	margin-left:10px;
	float:right;
	font-size:10px;
	color:#8a7c7c;
transition:all .5s
}
.public-menu .menuli i.right.down {
	transform:rotate(-90deg)
}
.public-menu .menuli .hmkaifa, .public-menu .menuli .hmyingjian {
	font-size:12px
}
.public-menu .active, .public-menu .active i, .public-menu .active span {
	color:#f40d04!important
}
.public-menu .child {
	max-height:0;
	overflow:hidden;
transition:max-height .5s
}
.public-menu .child.open {
	max-height:600px;
	overflow:hidden;
	transition:max-height 1s
}
.public-menu .child li {
	padding-left:30px
}
.public-menu .child li i {
	color:#8d8d8d
}
.public-menu .child li span {
	color:#666
}
.public-menu .child li:hover {
	color:#f40d04!important
}
.public-menu .active .childmenu {
	display:block
}
.public-menu .childmenu {
	width:100%;
	padding-top:27px;
	padding-bottom:10px;
	display:none
}
.public-menu .childmenu .childmenu-item {
	display:block;
	font-size:14px;
	font-weight:400;
	color:#666;
	line-height:20px;
	margin-bottom:28px;
	padding-left:24px;
	box-sizing:border-box
}
.public-menu .childmenu .childmenu-item:last-child {
	margin-bottom:0
}
.public-menu .childmenu .activeChildren.childmenu-item {
	color:#f40d04!important
}
.public-mine-fan {
	width:100%;
	height:85px;
	border-bottom:1px solid #eee
}
.public-mine-fan .imgbox {
	width:42px;
	height:42px;
	border-radius:50%;
	overflow:hidden;
	margin:20px 10px 0 0;
	float:left
}
.public-mine-fan .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.public-mine-fan .info {
	float:left;
	padding-top:25px
}
.public-mine-fan .info .fline .name {
	font-size:14px;
	line-height:1
}
.public-mine-fan .info .fline .name a {
	color:#232323
}
.public-mine-fan .info .sline {
	padding-top:10px;
	line-height:12px;
	font-size:12px;
	color:#999
}
.public-mine-fan .info .bq {
	display:inline-block;
	font-size:12px;
	color:#999
}
.public-mine-fan .right {
	float:right;
	padding-top:30px
}
.public-mine-fan .right .focus {
	width:58px;
	height:24px;
	text-align:center;
	line-height:24px;
	font-size:12px;
	background:#f40d04;
	border-radius:2px;
	cursor:pointer;
	color:#fff;
	display:inline-block
}
.public-mine-fan .right .focus:hover {
	background:#0c6137
}
.public-mine-fan .right .focus.active {
	background:rgba(244, 13, 4, .20392);
	color:#f40d04;
	border:1px solid rgba(244, 13, 4, .20392)
}
.public-mine-fan .right .focus.active:hover {
	background:rgba(244, 13, 4, .4)
}
.public-mine-fan .right .focus.success {
	background:rgba(244, 13, 4, .20392);
	color:#f40d04;
	border:1px solid rgba(244, 13, 4, .20392)
}
.public-mine-fan .right .focus.success:hover {
	background:rgba(244, 13, 4, .4)
}
.public-mine-fan .right .focus.cancel {
	background:#f40d04;
	color:#fff
}
.public-mine-fan .right .focus.cancel:hover {
	background:#0c6137
}
.honorbox {
	width:100%;
	height:auto;
	padding-bottom:30px;
	padding-top:18px;
	border-bottom:1px solid #eee;
	margin-bottom:30px
}
.honorbox .title {
	display:inline-block;
	font-size:16px;
	line-height:1;
	color:#333
}
.honorbox .go {
	font-size:12px;
	font-weight:400;
	color:#888;
	float:right;
	line-height:16px;
	cursor:pointer
}
.honorbox .desc {
	text-align:center;
	font-size:14px;
	line-height:24px;
	color:#757474;
	padding:10px 0 0
}
.honorbox .desc span {
	font-size:16px;
	color:#333
}
.honorbox .progressbox {
	padding-top:10px;
	position:relative;
	height:65px
}
.honorbox .progressbox .tip {
	width:56px;
	height:23px;
	text-align:center;
	line-height:23px;
	font-size:12px;
	color:#fff;
	position:absolute;
	right:0;
	background:linear-gradient(-30deg, #fef2f2, #f40d04);
	border-radius:2px
}
.honorbox .progressbox .tip:after {
	content:" ";
	width:0;
	height:0;
	border-color:rgba(243, 213, 213, .9098) transparent transparent;
	border-style:solid;
	border-width:4px 4px 0 6px;
	position:absolute;
	bottom:-4px;
	right:6px
}
.honorbox .progressbox .txt {
	height:30px;
	line-height:30px;
	font-size:12px;
	text-align:center;
	color:#9e9e9e
}
.honorbox .progressbox .txt span {
	float:right
}
.honorbox .progress {
	width:100%;
	height:8px;
	background:#eee;
	border-radius:2px;
	margin-top:30px
}
.honorbox .progress .progress-inner {
	height:4px;
	line-height:4px;
	background:#f40d04
}
.honorbox .progress .progress-essence {
	height:4px;
	line-height:4px;
	background:#f8b551
}
.mtabs-item {
	width:100%;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
	position:relative
}
.mtabs-item .iconjh {
	font-size:50px;
	color:#eab616;
	position:absolute;
	top:20px;
	right:0
}
.mtabs-item:hover .hover_show {
	color:#acacac;
	cursor:pointer
}
.mtabs-item:hover .hover_show a {
	color:#acacac
}
.mtabs-item .hover_show {
	color:#fff;
	cursor:default
}
.mtabs-item .hover_show a {
	color:#fff
}
.mtabs-item .hmjh {
	font-size:49.8px;
	color:#eab616;
	position:absolute;
	right:0;
	top:15px
}
.mtabs-item .fline {
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex:1;
	height:32px;
	line-height:32px;
	position:relative;
	color:#acacac;
	margin-top:12px
}
.mtabs-item .fline span {
	display:inline-block;
	margin-left:28px;
	font-size:14px
}
.mtabs-item .fline .operate {
	font-size:14px
}
.mtabs-item .fline .operate .delete {
	display:inline-block
}
.mtabs-item .fline .operate .edit, .mtabs-item .fline .operate .status {
	display:inline-block;
	margin-left:15px
}
.mtabs-item .fline .operate .status {
	color:#e63027
}
.mtabs-item .sline {
	color:#acacac;
	font-size:14px;
	line-height:20px;
	padding-top:10px;
	max-height:40px
}
.mtabs-item .tline {
	padding-top:15px
}
.mtabs-item .tline .label {
	font-size:12px;
	background:#fff;
	border:1px solid #ededed;
	border-radius:2px;
	color:#acacac;
	margin:0 10px 0 0
}
.mtabs-item .tline .label:hover {
	background-color:#fef2f2;
	border:1px solid #fef2f2;
	color:#f40d04
}
.mtabs-item .cline {
	margin-top:15px;
	color:#acacac;
	height:14px;
	font-size:14px;
	line-height:1
}
.mtabs-item .cline a {
	color:#f40d04
}
.mtabs-item .original {
	background:linear-gradient(149deg, #f19191, #fe3829)
}
.mtabs-item .essence {
	background:linear-gradient(146deg, #fdaa85, #e67646)
}
.mtabs-item .post_title {
	color:#212121;
	font-size:0;
	font-weight:400;
	margin-bottom:12px;
	margin-top:20px;
	line-height:26px;
	display:flex;
	align-items:center
}
.mtabs-item .post_title .title-h3 {
	display:inline;
	color:#212121;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	word-break:break-all;
	word-wrap:break-word;
	line-height:26px;
	vertical-align:top
}
.mtabs-item .post_title .title-h3:hover {
	color:#f40d04
}
.mtabs-item .seticon {
	width:47px;
	height:18px;
	background-size:47px 18px;
	margin-left:6px;
	display:inline-block
}
.mtabs-item-box {
	display:flex;
	justify-content:space-between;
	width:100%;
	padding-bottom:20px;
	border-bottom:1px solid #eee
}
.mtabs-item-box .mtabs-item {
	width:auto;
	padding-bottom:0;
	border-bottom:none
}
.mtabs-item-box .pic {
	margin-left:60px;
	margin-top:36px
}
.mtabs-item-box .pic img {
	width:190px;
	height:108px
}
.public-navtop {
	top:0;
	height:102px;
	z-index:998
}
.public-navtop, .public-navtop .nav_top {
	position:fixed;
	width:100%;
	right:0;
	left:0
}
.public-navtop .nav_top {
	height:72px;
	z-index:99;
	background:hsla(0, 0%, 100%, .6);
	-webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(20px);
	border-bottom:1px solid rgba(0, 0, 0, .04)
}
.public-navtop .nav_top .w {
	height:100%
}
.public-navtop .nav_top .w .logo {
	float:left
}
.public-navtop .nav_top .w .logo .logo_tit {
	font-size:0
}
.public-navtop .nav_top .w .logo .logo_tit a {
	width:100%;
	height:72px;
	display:table-cell;
	vertical-align:middle
}
.public-navtop .nav_top .w .logo .logo_tit img {
	height:40px
}
.public-navtop .nav_top .w .top_menu {
	float:left;
	font-weight:400;
	height:72px;
	line-height:72px;
	margin-left:20px
}
.public-navtop .nav_top .w .top_menu .new {
	position:absolute;
	bottom:9px;
	margin-left:-2px
}
.public-navtop .nav_top .w .top_menu .new .iconbg {
	width:20px;
	height:12px;
	background:#875706;
	position:absolute;
	z-index:0;
	top:30px;
	left:5px
}
.public-navtop .nav_top .w .top_menu .new .hmicon {
	font-size:30px;
	color:#ffbf00;
	font-weight:400;
	z-index:4;
	position:relative
}
.public-navtop .nav_top .w .top_menu>li {
	cursor:pointer;
	float:left;
	margin-left:38px;
	position:relative
}
.public-navtop .nav_top .w .top_menu>li:hover {
	color:#f40d04;
	font-weight:700
}
.public-navtop .nav_top .w .top_menu>li:hover a {
	color:#f40d04
}
.public-navtop .nav_top .w .top_menu>li a.active, .public-navtop .nav_top .w .top_menu>li a:hover {
	color:#f40d04;
	font-weight:700
}
.public-navtop .nav_top .w .top_menu .findbtn>div {
	display:flex;
	align-items:center
}
.public-navtop .nav_top .w .top_menu .findbtn>div.active {
	color:#f40d04;
	font-weight:700
}
.public-navtop .nav_top .w .top_menu .findbtn>div i {
	font-size:12px;
	margin-left:8px;
	color:#333;
	font-weight:400;
	transform:scale(.8);
	transform-origin:center center
}
.public-navtop .nav_top .w>.top_right {
	float:right
}
.public-navtop .nav_top .w>.top_right>ul {
	height:72px;
	line-height:72px
}
.public-navtop .nav_top .w>.top_right>ul>li {
	float:left
}
.public-navtop .nav_top .w>.top_right>.no_login {
	font-size:14px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_1 .hmicon {
	font-size:14px!important
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_1 .search_content {
	position:relative;
	width:80px;
	height:24px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_1 .search_content>div {
	display:inline-block;
	position:absolute;
	right:10px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_2 {
	margin-left:19px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_2:hover {
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_3 {
	margin-left:30px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_3:hover {
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 {
	cursor:pointer;
	position:relative;
	text-align:right;
	width:45px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .h5_icon {
	height:100%
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .message_drop_more {
	padding:15px;
	width:194px!important;
	line-height:26px;
	position:absolute;
	right:0;
	top:72px;
	background-color:#fff;
	color:#000;
	border-radius:4px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .message_drop_more>i {
	font-size:14px;
	position:absolute;
	top:-10px;
	left:38px;
	color:#fff
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .message_drop_more .more_li {
	width:100%;
	font-size:14px;
	display:flex;
	margin-top:20px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .message_drop_more .more_li .more_yuan {
	margin-top:5px;
	width:36px;
	height:36px;
	background:#fff5f5;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .message_drop_more .more_li .more_yuan>img {
	width:21px;
	height:21px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .message_drop_more .more_li .more_con {
	margin-left:19px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .message_drop_more .more_li .more_con h3 {
	color:#333;
	text-align:left!important;
	font-weight:400
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .message_drop_more .more_li .more_con h3:hover {
	cursor:pointer;
	color:#f40d04
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .message_drop_more .more_li .more_con p {
	font-weight:400;
	color:#888;
	font-size:12px;
	margin-top:-7px
}
.public-navtop .nav_top .w>.top_right>.no_login>.li_5 .message_drop_more .more_li:first-child {
	margin-top:0
}
.public-navtop .nav_top .w>.top_right>.logined {
	font-size:14px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_1 .hmicon {
	font-size:14px!important
}
.public-navtop .nav_top .w>.top_right>.logined>.li_1 .search_content {
	position:relative;
	width:80px;
	height:24px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_1 .search_content>div {
	display:inline-block;
	position:absolute;
	right:10px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_2 {
	margin-left:20px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_2 a {
	color:#fff
}
.public-navtop .nav_top .w>.top_right>.logined>.li_2:hover {
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3 {
	margin-left:30px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3>.message {
	position:relative
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3>.message>.message_drop {
	position:absolute;
	left:-30px;
	background-color:#fff;
	box-shadow:0 0 12px rgba(24, 23, 23, .12);
	border-radius:4px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3>.message>.message_drop>i {
	font-size:14px;
	position:absolute;
	top:-10px;
	left:52px;
	color:#fff
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3>.message>.message_drop>ul {
	color:#333!important;
	padding:10px 21px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3>.message>.message_drop>ul li {
	height:33px;
	line-height:33px;
	font-size:0;
	position:relative
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3>.message>.message_drop>ul li a {
	color:#333!important;
	display:flex
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3>.message>.message_drop>ul li a:hover {
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3>.message>.message_drop>ul li:hover {
	color:#f40d04;
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3>.message>.message_drop>ul li span {
	font-size:14px;
	display:inline-block;
	white-space:nowrap
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3>.message>.message_drop>ul li .icont_number {
	background-color:#f40d04;
	border-radius:10px;
	color:#fff;
	display:inline-block;
	font-size:12px;
	height:16px;
	line-height:16px;
	padding:0 4px;
	margin-left:6px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_3:hover {
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 {
	margin-left:20.5px;
	position:relative
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .persion_img {
	position:relative;
	width:22px;
	height:22px;
	border-radius:50%;
	display:inline-block;
	vertical-align:middle
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .persion_img img {
	display:inline-block;
	width:100%;
	height:100%;
	border-radius:50%;
	position:absolute;
	top:0
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4:hover {
	color:#f40d04;
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .message_drop {
	position:absolute;
	left:-250px;
	background-color:#fff;
	text-align:center;
	width:281px;
	height:218px;
	padding:0 30px 10px;
	box-shadow:0 0 12px rgba(24, 23, 23, .12);
	cursor:auto;
	border-radius:4px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .message_drop .drop_out {
	font-size:14px;
	font-weight:400;
	color:#aaa;
	float:right;
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .message_drop .tops {
	font-size:14px;
	font-weight:400;
	color:#333;
	border-bottom:1px solid #eee;
	display:flex;
	justify-content:space-between;
	height:68px;
	margin-top:-4px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .message_drop .tops .level {
	width:58px;
	height:24px;
	background:linear-gradient(-30deg, #1b1f23, #494d51);
	border-radius:13px;
	font-size:12px;
	font-family:Arial;
	font-weight:700;
	font-style:italic;
	color:#fff;
	line-height:24px;
	margin-right:30px;
	margin-left:-7px;
	display:inline-block;
	text-align:center;
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .message_drop .tops .nums {
	font-size:18px;
	font-weight:700;
	color:#333;
	font-family:Arial;
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .message_drop .con {
	line-height:30px;
	width:200px;
	padding-top:15px;
	margin-left:-5px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .message_drop .con a:nth-child(odd) {
margin-right:73px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .message_drop .con a:nth-child(5) {
float:left;
margin-left:5px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .message_drop .lines {
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	line-height:50px;
	float:left;
	cursor:pointer
}
.public-navtop .nav_top .w>.top_right>.logined>.li_4 .message_drop .lines i {
	font-size:12px;
	margin-left:5px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 {
	cursor:pointer;
	position:relative;
	text-align:right;
	width:45px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .Fontsize {
	font-size:15px!important
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .message_drop_more {
	padding:15px;
	width:194px!important;
	line-height:26px;
	position:absolute;
	right:0;
	top:72px;
	background-color:#fff;
	color:#000;
	border-radius:4px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .message_drop_more>i {
	font-size:14px;
	position:absolute;
	top:-10px;
	left:38px;
	color:#fff
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .message_drop_more .more_li {
	width:100%;
	font-size:14px;
	display:flex;
	margin-top:20px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .message_drop_more .more_li .more_yuan {
	margin-top:5px;
	width:36px;
	height:36px;
	background:#fff5f5;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .message_drop_more .more_li .more_yuan>img {
	width:21px;
	height:21px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .message_drop_more .more_li .more_con {
	margin-left:19px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .message_drop_more .more_li .more_con h3 {
	text-align:left!important;
	color:#333;
	font-weight:400
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .message_drop_more .more_li .more_con h3:hover {
	cursor:pointer;
	color:#f40d04
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .message_drop_more .more_li .more_con p {
	font-weight:400;
	color:#888;
	font-size:12px;
	margin-top:-7px
}
.public-navtop .nav_top .w>.top_right>.logined>.li_5 .message_drop_more .more_li:first-child {
	margin-top:0
}
.public-navtop .nav_top .btnlist {
	position:absolute;
	box-sizing:border-box;
	top:72px;
	background-color:#fff;
	width:160px;
	height:220px;
	background:#fff;
	box-shadow:0 2px 20px 0 rgba(165, 143, 140, .1);
	border-radius:8px;
	margin-left:-38px;
	padding:28px 30px
}
.public-navtop .nav_top .btnlist .list-item {
	display:flex;
	margin-top:30px;
	align-items:center;
	line-height:1
}
.public-navtop .nav_top .btnlist .list-item:first-child {
	margin-top:0
}
.public-navtop .nav_top .btnlist .list-item img {
	display:inline-block;
	width:18px;
	height:18px;
	margin-right:16px
}
.public-navtop .nav_top .word_set {
	width:50px;
	height:25px;
	margin-top:24px
}
.public-navtop .nav_top .slidebox {
	height:60px;
	position:relative;
	top:-3px;
	width:100%
}
.public-navtop .nav_top .nav_find {
	height:52px;
	line-height:52px;
	background:#fff;
	font-size:14px;
	font-weight:400;
	width:100%;
	box-shadow:0 0 10px rgba(24, 23, 23, .1);
	box-sizing:border-box
}
.public-navtop .nav_top .nav_find a.active, .public-navtop .nav_top .nav_find a:hover {
	color:#f40d04
}
.public-navtop .nav_top .nav_find a:not(:last-child) {
margin-right:29px
}
.public-navtop .nav_top .nav_find .w {
	position:relative
}
.public-navtop .nav_top .nav_find .nav_con {
	position:absolute;
	left:310px
}
.public-navtop .nav_top .nav_find .nav_con.nav_con_ost {
	left:293px
}
.public-navtop .nav_top .sildeU_h {
	height:0!important;
	overflow:hidden;
transition:height .5s
}
.public-navtop .nav_top .sildeD_h {
	height:60px!important;
	overflow:hidden;
transition:height .5s
}
.public-navtop .nav_top .nuxt-link-exact-active {
	color:#f40d04!important
}
.public-navtop .nav_top .drop_down {
	display:inline-block;
	width:6.9px;
	height:6.9px;
	background-repeat:no-repeat;
	background-size:cover;
	vertical-align:middle;
	display:none
}
.public-navtop .nav_top .el-popup-parent--hidden .nav_top {
	right:17px;
	left:0
}
.public-navtop .nav_top .hmfenlei {
	font-size:14px
}
.public-navtop .nav_top a {
	color:#333
}
.public-navtop .nav_top a:hover {
	color:#f40d04;
	cursor:pointer
}
.public-navtop .nav_top .search {
	display:inline-block;
	background-repeat:no-repeat;
	background-size:cover;
	vertical-align:middle;
	cursor:pointer;
	font-size:18px
}
.public-navtop .nav_top .show_message {
	position:relative
}
.public-navtop .nav_top .show_message .new_message .message_number_all {
	position:absolute;
	left:29px;
	top:12px;
	line-height:1
}
.public-navtop .nav_top .show_message .new_message .message_number_all .top_number_png {
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-size:cover;
	vertical-align:middle
}
.public-navtop .nav_top .show_message .new_message .message_number_all .message_number {
	position:relative;
	background-color:#f40d04;
	border-radius:10px;
	color:#fff;
	display:inline-block;
	font-size:12px;
	height:16px;
	line-height:16px;
	padding:0 4px
}
.public-navtop .nav_top .sjx {
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #fff;
	position:absolute;
	top:-6px;
	left:36px
}
.public-navtop .nav_top .message_sjx {
	left:52px
}
.public-navtop .nav_top .login-shence {
	position:relative
}
.public-navtop .nav_top .login-shence .new-img {
	position:absolute;
	top:3px;
	right:-25px;
	width:24px;
	height:9px
}
.public-navtop .nav_top .top_menu li a {
	position:relative
}
.public-navtop .nav_top .top_menu li a .new-img {
	position:absolute;
	top:-2px;
	right:-25px;
	width:24px;
	height:9px
}
.public-navmessagebottom {
	width:100%;
	margin:0 auto;
	padding:50px 0 0;
	background-color:#f8f8f8;
	box-sizing:border-box;
	line-height:1
}
.public-navmessagebottom.nmat {
	margin-top:0;
	padding-top:78px
}
.public-navmessagebottom.anniversary {
	margin-top:0;
	padding-top:0
}
.public-navmessagebottom .copyright-top {
	display:flex;
	justify-content:space-between
}
.public-navmessagebottom .copyright-top .content-left {
	width:950px;
	display:flex;
	justify-content:space-between
}
.public-navmessagebottom .copyright-top .content-left .copyright-item {
	width:220px
}
.public-navmessagebottom .copyright-top .content-right {
	width:190px;
	padding-left:30px
}
.public-navmessagebottom .copyright-top .title {
	height:24px;
	font-size:16px;
	font-weight:700;
	color:#333;
	line-height:24px
}
.public-navmessagebottom .copyright-top .ulbox {
	margin-bottom:25px
}
.public-navmessagebottom .copyright-top .ulbox li {
	width:100%;
	height:23px;
	line-height:23px;
	font-size:14px;
	color:#888;
	margin-top:25px
}
.public-navmessagebottom .copyright-top .ulbox li a {
	color:#888
}
.public-navmessagebottom .copyright-top .ulbox li a:hover {
	color:#333
}
.public-navmessagebottom .copyright-bottom {
	width:640px;
	height:42px;
	margin:0 auto;
	line-height:42px;
	text-align:center;
	font-size:12px;
	font-weight:400;
	color:#999;
	border-top:1px solid #f0f0f0
}
.public-navmessagebottom .about_us {
	display:flex;
	margin-top:30px
}
.public-navmessagebottom .about_us .item_contact {
	cursor:pointer;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	border-radius:50%;
	position:relative;
	margin-left:30px;
	background:hsla(0, 0%, 92.5%, .96078)
}
.public-navmessagebottom .about_us .item_contact .hmicon {
	font-size:20px
}
.public-navmessagebottom .about_us .item_contact:first-child {
	margin-left:0
}
.public-navmessagebottom .about_us .item_contact .detail_qrcode {
	display:flex;
	position:absolute;
	top:65px;
	left:30px;
	background-color:#fff;
	padding:15px;
	border-radius:4px;
	transform:translateX(-50%);
	box-shadow:0 0 15px rgba(24, 23, 23, .2)
}
.public-navmessagebottom .about_us .item_contact .detail_qrcode .every_item {
	text-align:center;
	line-height:14px
}
.public-navmessagebottom .about_us .item_contact .detail_qrcode .every_item img {
	width:100px;
	height:100px
}
.public-navmessagebottom .about_us .item_contact .detail_qrcode .every_item span {
	display:inline-block;
	color:#888;
	font-size:12px
}
.pagelink {
	width:240px;
	height:auto;
	background:#fff;
	padding:20px 30px;
	color:#888;
	font-size:14px;
	line-height:24px
}
.pagelink.topposition {
	position:fixed;
	top:127px;
	transition:all 2s
}
.pagelink.topposition_4 {
	position:fixed;
	top:550px;
	transition:all 2s
}
.pagelink a {
	color:#888
}
.pagelink a:hover {
	color:#f40d04
}
.pagelink .next, .pagelink .prev {
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.pagelink .next {
	padding-top:0
}
.pagelink .next.hasprev {
	padding-top:10px
}
.public-nodata {
	text-align:center;
	font-size:14px;
	color:#9d9d9d;
	padding-top:110px
}
.public-nodata.no_data_showcomment {
	padding-top:30px
}
.public-nodata .no_data_private {
	padding-top:410px
}
.public-pagination-link {
	margin-top:52px;
	text-align:center;
	position:relative
}
.public-pagination-link a {
	color:#303133;
	display:block
}
.public-pagination-link .active a, .public-pagination-link a:hover {
	color:#f40d04
}
.public-pagination-link .last_page {
	font-weight:400;
	color:#333;
	font-size:14px
}
.public-pagination-link .last_page .total_page {
	margin-left:14px;
	margin-right:16px
}
.public-pagination-link .last_page .total_page span {
	font-weight:700;
	min-width:auto!important
}
.public-pagination-link .page-next, .public-pagination-link .page-prev {
	background:50% no-repeat;
	background-size:16px;
	background-color:#fff;
	cursor:pointer;
	margin:0;
	color:#303133;
	display:inline-block;
	font-size:13px;
	min-width:35.5px;
	height:28px;
	line-height:28px;
	vertical-align:top;
	box-sizing:border-box
}
.public-pagination {
	margin-top:52px;
	text-align:center;
	position:relative
}
.public-pagination .last_page {
	font-weight:400;
	color:#333;
	font-size:14px
}
.public-pagination .last_page .total_page {
	margin-left:14px;
	margin-right:16px
}
.public-pagination .last_page .total_page span {
	font-weight:700;
	min-width:auto!important
}
.public-picad {
	margin:0 0 20px
}
.public-picad img {
	width:100%;
	height:100%
}
.prestige-top {
	width:100%;
	height:140px;
	background:#eee
}
.prestige-top .content {
	width:906px;
	margin:0 auto;
	padding-top:40px
}
.prestige-top .content .imgbox {
	float:left;
	width:60px;
	height:60px;
	margin-right:20px;
	border-radius:50%;
	overflow:hidden;
	cursor:pointer
}
.prestige-top .content .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.prestige-top .content .center {
	width:600px;
	float:left;
	padding-top:15px
}
.prestige-top .content .center .fline {
	width:100%;
	height:28px
}
.prestige-top .content .center .name {
	float:left;
	font-size:16px;
	line-height:28px;
	color:#232323;
	cursor:pointer
}
.prestige-top .content .center .level {
	width:68px;
	height:28px;
	background:linear-gradient(-30deg, #1b1f23, #494d51);
	border-radius:13px;
	font-size:14px;
	font-family:Arial;
	font-weight:700;
	font-style:italic;
	color:#fff;
	line-height:28px;
	text-align:center;
	float:left;
	margin-left:10px;
	cursor:pointer
}
.prestige-top .content .center .is_star {
	float:left;
	margin-left:10px
}
.prestige-top .content .center .is_star .cursorp {
	cursor:pointer
}
.prestige-top .content .center .start_community {
	width:94px;
	display:flex;
	align-items:center;
	height:24px;
	border-radius:12px;
	margin-left:10px;
	background-color:#ffe7e7
}
.prestige-top .content .center .start_community img {
	width:24px
}
.prestige-top .content .center .start_community span {
	font-size:14px;
	color:#ee553c
}
.prestige-top .content .center .team_tech {
	display:flex;
	align-items:center;
	justify-content:center;
	width:128px;
	height:24px;
	border-radius:12px;
	margin-left:10px;
	cursor:pointer;
	background:linear-gradient(90deg, #5c8dfc, #3971f1)
}
.prestige-top .content .center .team_tech i {
	font-size:16px;
	color:#fff
}
.prestige-top .content .center .team_tech span {
	display:inline-block;
	margin-left:5px;
	color:#fff;
	font-size:14px
}
.prestige-top .content .right {
	width:220px;
	float:right;
	padding-top:10px
}
.prestige-top .content .right .txt {
	color:#888;
	font-size:14px;
	line-height:40px;
	text-align:right
}
.prestige-top .content .right .txt span {
	font-size:24px;
	line-height:40px;
	color:#333;
	padding:0 10px;
	vertical-align:bottom
}
.ques_list .ques_list_top {
	width:100%;
	height:60px;
	line-height:60px;
	background-color:#f8f8f8;
	border-radius:2px;
	margin:20px 0 10px
}
.ques_list .ques_list_top .tw_list {
	width:240px
}
.ques_list .ques_list_top .tw_list .line {
	float:right;
	color:#ccc
}
.ques_list .ques_list_top .other_list {
	width:220px
}
.ques_list .ques_list_top .list {
	float:left;
	text-align:center;
	font-size:14px;
	color:#888
}
.ques_list .ques_list_top .list .number {
	color:#333;
	font-weight:700;
	font-size:18px;
	padding-left:10px;
	line-height:1px;
	position:relative;
	top:1px
}
.ques_list .ques_list_top .list i {
	margin-left:10px;
	cursor:pointer
}
.ques_list .list_li {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #eee
}
.ques_list .ans_css, .ques_list .ans_css_cai {
	position:relative
}
.ques_list .dark {
	background:#666;
	color:#fff;
	height:35px;
	line-height:35px;
	padding:0 30px;
	border-radius:2px;
	white-space:nowrap;
	position:absolute;
	top:-23px;
	left:-28px
}
.ques_list .san {
	display:inline-block;
	width:0;
	height:0;
	border:6px solid transparent;
	border-top-color:#666;
	position:absolute;
	bottom:-12px;
	left:50%;
	margin-left:-3px
}
.ques_list .con {
	font-size:14px
}
.ques_list .dark_cai {
	background:#666;
	color:#fff;
	height:35px;
	line-height:35px;
	padding:0 30px;
	border-radius:2px;
	white-space:nowrap;
	position:absolute;
	top:-23px;
	left:-83px
}
.ques_list .san_cai {
	display:inline-block;
	width:0;
	height:0;
	border:6px solid transparent;
	border-top-color:#666;
	position:absolute;
	bottom:-12px;
	left:50%;
	margin-left:-3px
}
.ques_list .con_cai {
	font-size:14px
}
.ques_list .dark_css {
	display:none
}
.ques_list .dark_css_active {
	display:block
}
.replay-component .header {
	width:906px;
	height:60px;
	margin-top:20px;
	background-color:#f8f8f8
}
.replay-component .header .item {
	box-sizing:border-box;
	float:left;
	width:220px;
	line-height:60px;
	font-size:14px;
	color:#888;
	text-align:center
}
.replay-component .header .item .num {
	display:inline-block;
	font-size:18px;
	color:#333;
	font-weight:700;
	position:relative;
	top:2px;
	margin-left:10px
}
.replay-component .header .item.line {
	position:relative;
	width:242px
}
.replay-component .header .item.line:after {
	position:absolute;
	right:0;
	top:23px;
	display:block;
	content:" ";
	width:1px;
	height:14px;
	background-color:#ccc
}
.rightewmbox, .rightewmbox .rightewm {
	width:265px;
	height:80px
}
.rightewmbox .rightewm {
	position:relative
}
.rightewmbox .rightewm.topposition {
	position:fixed;
	top:385px
}
.rightewmbox .rightewm .imgbox {
	float:left;
	width:82px;
	height:82px;
	margin-right:2px
}
.rightewmbox .rightewm .imgbox:hover {
	transform:scale(2);
transition:all .3s
}
.rightewmbox .rightewm .imgbox img {
	width:100%;
	height:100%
}
.rightewmbox .rightewm .rightewm-right {
	float:right;
	width:88px
}
.rightewmbox .rightewm .rightewm-right .title {
	padding-top:10px;
	font-size:16px;
	font-weight:700;
	color:#333;
	line-height:18px
}
.rightewmbox .rightewm .rightewm-right .title-img {
	padding-top:13px
}
.rightewmbox .rightewm .rightewm-right .title-img img {
	width:100%
}
.rightewmbox .rightewm .rightewm-right .desc {
	padding-top:9px;
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:18px
}
.fshare {
	position:fixed;
	top:152px;
	left:-80px;
	width:80px;
	z-index:999
}
.fshare .fitem {
	position:relative;
	width:50px;
	height:50px;
	border-radius:6px;
	background:#fff;
	text-align:center;
	line-height:50px;
	margin-bottom:10px;
	cursor:pointer;
	color:#fff
}
.fshare .fitem .iconbox {
	width:50px;
	height:50px;
	z-index:2;
	position:absolute;
	color:#fff
}
.fshare .fitem .iconbox img {
	width:22px;
	height:22px
}
.fshare .fitem .hmicon {
	font-size:20px;
	color:#666
}
.fshare .fitem.active, .fshare .fitem:hover {
	color:#666
}
.fshare .fitem.active .iconbox, .fshare .fitem:hover .iconbox {
	z-index:9999
}
.fshare .fitem.active span, .fshare .fitem:hover span {
	display:block;
	width:40px;
	line-height:42px;
	padding:0;
	font-size:14px;
	float:right;
	text-align:left
}
.fshare .fitem.active .hmicon, .fshare .fitem:hover .hmicon {
	color:#666
}
.fshare .fitem.active .sharebox, .fshare .fitem:hover .sharebox {
	display:block;
	z-index:2
}
.fshare .nums_sup {
	top:0
}
.fshare .nums_con, .fshare .nums_sup {
	text-align:center;
	color:#333;
	font-size:14px;
	position:absolute;
	right:8px;
	z-index:1;
	width:60px
}
.fshare .nums_con {
	top:59px
}
.fshare .nums_coll {
	position:absolute;
	right:8px;
	top:120px;
	z-index:1;
	width:60px
}
.fshare .nums_coll, .fshare .sharebox {
	text-align:center;
	color:#333;
	font-size:14px
}
.fshare .sharebox {
	position:relative;
	display:none;
	padding-top:8px;
	z-index:2;
	left:-2px;
	top:51px;
	box-sizing:border-box;
	line-height:30px;
	width:54px;
	background:#fff;
	box-shadow:0 2px 20px 0 rgba(165, 143, 140, .1);
	border-radius:6px
}
.fshare .sharebox .shareitem {
	width:100%;
	height:47px;
	line-height:47px;
	text-align:center
}
.fshare .sharebox .shareitem .icon_share {
	display:inline-block;
	width:22px;
	height:22px;
	line-height:22px;
	border-radius:50%;
	color:#ccc;
	position:relative
}
.fshare .sharebox .shareitem .icon_share .hmicon {
	font-size:16px;
	color:#909090
}
.fshare .sharebox .another-height {
	height:50px;
	line-height:50px
}
.fshare .ewm {
	display:none;
	box-sizing:border-box;
	position:absolute;
	left:64px;
	bottom:-9px;
	padding:10px;
	width:120px;
	height:150px;
	background:#fff;
	box-shadow:0 2px 20px 0 rgba(165, 143, 140, .1);
	border-radius:6px;
	margin:10px auto
}
.fshare .ewm img {
	width:100px;
	height:100px
}
.fshare .ewm p {
	font-size:14px;
	color:#999
}
.fshare .js_qrcode:hover .ewm {
	display:block
}
.public-shareactiveicon {
	float:right;
	margin-left:20px
}
.public-shareactiveicon .shareicon {
	display:inline-block;
	padding:0 5px;
	color:#888
}
.public-shareactiveicon .shareiconbox {
	display:inline-block
}
.public-shareactiveicon .shareiconbox .iconbox {
	display:inline-block;
	width:22px;
	height:22px;
	line-height:20px;
	text-align:center;
	border-radius:50%;
	background:#000;
	color:#fff;
	cursor:pointer;
	margin:0 0 0 5px
}
.public-shareactiveicon .shareiconbox .iconbox .hmicon {
	font-size:14px
}
.public-shareactiveicon .shareiconbox .weixin {
	position:relative
}
.public-shareactiveicon .shareiconbox .weixin.active .ewm, .public-shareactiveicon .shareiconbox .weixin:hover .ewm {
	display:block
}
.public-shareactiveicon .shareiconbox .weixin .ewm {
	display:none;
	position:absolute;
	border:1px solid #f40d04;
	width:60px;
	height:60px;
	padding:10px;
	background:#fff;
	top:28px;
	left:-30px;
	z-index:999!important
}
.public-shareactiveicon .shareiconbox .weixin .ewm img {
	width:100%;
	height:100%
}
.public-shareactiveicon .shareiconbox .weixin .ewm:before {
	content:" ";
	border:6px solid transparent;
	border-bottom:5px solid #f40d04;
	top:-11px;
	left:34px;
	position:absolute
}
.public-shareactiveicon .shareiconbox .weixin .ewm:after {
	content:" ";
	border:4px solid transparent;
	border-bottom-color:#fff;
	top:-8px;
	left:36px;
	position:absolute
}
.public-showvideo {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3
}
.public-showvideo .close {
	color:#fff;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	z-index:5
}
.public-showvideo .masked {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.3;
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	z-index:1
}
.public-showvideo .video {
	position:absolute;
	background:#000;
	top:20%;
	left:50%;
	margin-left:-566px;
	z-index:2
}
.public-showvideo .video, .public-showvideo .video video {
	width:1132px;
	height:532px
}
.small_center_page {
	text-align:center;
	margin-top:52px
}
.small_center_page .small-pagination {
	display:inline-block
}
.small_center_page .small-pagination .page_z {
	color:#9e9e9e;
	font-size:12px;
	font-family:Arial;
	font-weight:400;
	cursor:pointer
}
.small_center_page .small-pagination .first_page {
	float:left
}
.small_center_page .small-pagination .el-pagination {
	text-align:center;
	color:#9e9e9e
}
.small_center_page .small-pagination .el-pagination .btn-next, .small_center_page .small-pagination .el-pagination .btn-prev {
	color:#9e9e9e
}
.small_center_page .small-pagination .el-pager li, .small_center_page .small-pagination .el-pagination .btn-next span, .small_center_page .small-pagination .el-pagination .btn-prev span {
	font-size:12px
}
.small_center_page .small-pagination .el-pager li.active, .small_center_page .small-pagination .el-pager li:hover {
	color:#000
}
.numberbox {
	width:100%;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
	margin-bottom:30px
}
.numberbox.nobp {
	margin-bottom:0;
	border-bottom:none
}
.numberbox .title {
	width:100%;
	height:26px;
	font-size:16px;
	font-weight:400;
	color:#333;
	line-height:16px
}
.numberbox .num-item {
	width:100%;
	height:32px;
	line-height:32px;
	overflow:hidden
}
.numberbox .num-item .iconbox {
	width:30px;
	float:left
}
.numberbox .num-item .iconbox .hmicon {
	color:#f40d04
}
.numberbox .num-item .numbers {
	width:235px;
	font-size:14px;
	font-weight:400;
	color:#555;
	line-height:32px;
	float:left
}
.numberbox .num-item .numbers span {
	color:#f40d04;
	font-size:16px
}
.team-popup {
	z-index:99999;
	background:rgba(0, 0, 0, .6)
}
.team-popup, .team-popup .popup {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0
}
.team-popup .popup {
	width:690px;
	height:402px;
	background:#fff;
	box-shadow:0 5px 24px 0 rgba(0, 0, 0, .08);
	border-radius:2px;
	margin:auto
}
.team-popup .popup .close {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer
}
.team-popup .popup .close .hmicon {
	font-size:14px;
	color:#898989
}
.team-popup .popup .title-box {
	text-align:center
}
.team-popup .popup .title-box .title {
	width:100%;
	height:38px;
	font-size:28px;
	font-weight:700;
	color:#f40d04;
	line-height:38px;
	padding-top:42px
}
.team-popup .popup .title-box .desc {
	width:100%;
	height:38px;
	font-size:18px;
	font-weight:400;
	color:#f40d04;
	line-height:38px
}
.team-popup .popup .content {
	padding:40px 38px 0;
	display:flex;
	justify-content:space-around
}
.team-popup .item {
	text-align:center
}
.team-popup .item .iconbox {
	width:70px;
	height:70px;
	text-align:center;
	line-height:70px;
	border:1px solid #f40d04;
	border-radius:50%;
	margin:0 auto
}
.team-popup .item .iconbox .hmicon {
	font-size:30px;
	color:#f40d04
}
.team-popup .item .title {
	width:100%;
	padding-top:10px;
	height:28px;
	font-size:18px;
	font-weight:400;
	color:#f40d04;
	line-height:28px
}
.team-popup .item .desc {
	width:100%;
	height:26px;
	font-size:16px;
	font-weight:400;
	color:#888;
	line-height:26px
}
.team-popup .footer {
	padding-top:30px;
	width:100%;
	height:34px;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	line-height:34px
}
.team-popup .footer .hmicon {
	font-size:14px;
	margin-left:6px
}
.team-popup .footer a {
	color:#f40d04;
	font-size:14px
}
.con_imgs .el-image__preview {
	border-radius:6px
}
.image-slot-error .el-icon-picture-outline, .image-slot-place .hmicon {
	font-size:32px;
	margin-top:5px;
	color:#888
}
.public-tipsitem {
	width:268px;
	height:40px;
	background:#fff;
	border:1px solid #ddd;
	box-shadow:0 4px 6px 0 hsla(0, 0%, 53.3%, .2);
	position:absolute;
	left:95px;
	top:-18px;
	padding:10px 5px;
	line-height:21px;
	font-weight:400;
	font-size:14px
}
.public-tipsitem .title {
	color:#555
}
.public-tipsitem .edit {
	cursor:pointer;
	color:#f40d04
}
.public-tipsitem .edit a {
	color:#f40d04
}
.public-tipsitem .i_hm {
	position:absolute;
	right:10px;
	top:6px;
	color:#888;
	cursor:pointer
}
.public-tipsitem .san {
	width:0;
	height:0;
	border-right:8px solid #fff;
	border-bottom:8px solid transparent;
	border-top:8px solid transparent;
	position:absolute;
	left:-8.3px;
	top:23px
}
.public-upload {
	float:left
}
.public-upload .upload_form {
	padding-bottom:11px
}
.public-upload .upload_description {
	color:#a6a6a6;
	font-size:14px;
	margin-left:13px
}
.public-upload .upload_description .rule {
	margin-left:22px
}
.public-upload .upload_description .rule a {
	color:#a6a6a6
}
.public-upload .upload_description .rule a:hover {
	color:#f40d04
}
.public-upload .upload_list {
	font-size:14px
}
.public-upload .upload_list li {
	margin-top:19px
}
.public-upload .upload_list .file_name {
	color:#333
}
.public-upload .upload_list .edit {
	color:#333;
	margin-left:30px
}
.public-upload .upload_list .delete {
	color:#a6a6a6;
	margin-left:20px
}
.public-upload .upload_btn {
	width:90px;
	height:30px;
	line-height:30px;
	font-size:14px;
	padding:0
}
.public-user {
	height:auto;
	margin-bottom:34px;
	position:relative
}
.public-user.useritem {
	width:100%;
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none
}
.public-user.useritem .info {
	height:70px
}
.public-user.useritem .info-right {
	width:900px;
	padding-top:0;
	padding-left:20px
}
.public-user.useritem .info-right .fline {
	line-height:30px;
	margin-top:-6px
}
.public-user.useritem .info-right .fline .name {
	font-size:18px
}
.public-user.useritem .info-right .sline {
	padding-top:14px
}
.public-user.useritem .info-right .sline .name {
	font-size:14px
}
.public-user.useritem .info-right .sline .focus {
	float:left;
	font-size:14px
}
.public-user.useritem .info-right .sline .focus.pdl {
	padding-left:30px
}
.public-user.useritem .followbox {
	width:100px
}
.public-user.useritem .desc {
	line-height:14px;
	padding-top:0;
	height:14px;
	font-size:14px;
	font-family:Source Han Sans CN;
	font-weight:400;
	color:#888;
	padding-left:0
}
.public-user.userright {
	margin-bottom:5px
}
.public-user.userright .imgbox {
	width:46px;
	height:46px;
	border-radius:50%
}
.public-user.userright .info-right {
	padding-top:10px;
	width:153px
}
.public-user.lastchild {
	border:none
}
.public-user .info {
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	height:52px
}
.public-user .up_img {
	position:absolute;
	right:-24px;
	top:20px;
	font-size:14px;
	color:#fb5d5d
}
.public-user .left_info {
	display:flex;
	align-items:center
}
.public-user .left_info img {
	width:10px;
	height:16px;
	margin-right:50px
}
.public-user .right_set {
	display:flex;
	align-items:center
}
.public-user .imgbox {
	width:50px;
	height:50px;
	border-radius:50%;
	overflow:hidden
}
.public-user .imgbox img {
	display:inline-block;
	width:100%;
	height:100%;
	border-radius:50%;
	margin:0;
	cursor:pointer
}
.public-user .info-right {
	padding-left:10px
}
.public-user .info-right .fline {
	line-height:30px;
	margin-top:-6px
}
.public-user .info-right .fline .name {
	float:left;
	font-size:16px;
	color:#232323;
	cursor:pointer;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding-left:2px
}
.public-user .info-right .fline .name:hover {
	color:#f40d04
}
.public-user .info-right .fline .name a {
	color:#232323;
	text-decoration:none
}
.public-user .info-right .fline .name a:hover {
	color:#f40d04
}
.public-user .info-right .fline .name_activity, .public-user .info-right .fline .name_lang, .public-user .info-right .fline .name_mind, .public-user .info-right .fline .name_small {
	max-width:103px
}
.public-user .info-right .fline .name_activitys {
	width:103px;
	width:95px
}
.public-user .info-right .sline {
	color:#888;
	height:18px;
	line-height:18px;
	font-size:12px;
	overflow:hidden;
	padding-left:2px
}
.public-user .info-right .sline .name {
	float:left;
	font-size:14px
}
.public-user .info-right .sline .focus {
	display:inline-block;
	vertical-align:text-bottom;
	margin-left:15px;
	font-size:14px
}
.public-user .desc {
	width:100%;
	line-height:20px;
	max-height:40px;
	font-size:14px;
	color:#757474;
	padding-top:12px;
	word-break:break-all
}
.public-userinfo .user {
	padding:20px 30px;
	background:#fff;
	margin-bottom:20px;
	position:relative
}
.public-userinfo .user .userinfo .imgbox {
	width:60px;
	height:60px;
	border-radius:50%;
	overflow:hidden;
	margin:0 auto
}
.public-userinfo .user .userinfo .imgbox img {
	width:100%;
	height:100%
}
.public-userinfo .user .userinfo .info {
	width:100%
}
.public-userinfo .tips_follow {
	width:240px;
	height:41px;
	background:#666;
	border-radius:2px;
	position:absolute;
	left:92px;
	top:270px;
	line-height:41px;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#fff
}
.public-userinfo .tips_follow i {
	width:0;
	height:0;
	border:5px solid transparent;
	border-bottom-color:#666;
	position:absolute;
	left:50%;
	top:-10px
}
.public-userinfo .fline {
	padding:10px 30px 0;
	display:flex
}
.public-userinfo .fline .names {
	text-align:center;
	width:100%;
	white-space:nowrap;
	font-size:0;
	display:flex;
	justify-content:center
}
.public-userinfo .fline .name {
	line-height:20px;
	font-size:14px;
	color:#232323;
	max-width:70%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:inline-block
}
.public-userinfo .fline .name:hover {
	color:#f40d04
}
.public-userinfo .fline .focus {
	background:rgba(244, 13, 4, .19216);
	color:#f40d04;
	font-size:12px;
	padding:3px 7px;
	border-radius:2px;
	cursor:pointer;
	display:inline-block;
	margin-left:10px
}
.public-userinfo .fline .follows {
	float:left;
	margin-left:10px
}
.public-userinfo .sline {
	color:#999;
	font-size:12px;
	padding-top:10px
}
.public-userinfo .sline .desc {
	text-align:center;
	width:80%;
	margin:0 auto;
	line-height:14px;
	height:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.public-userinfo .level {
	padding:0 10px;
	height:20px;
	background:linear-gradient(-30deg, #1b1f23, #494d51);
	border-radius:13px;
	text-align:center;
	line-height:20px;
	font-size:12px;
	font-family:Arial;
	font-weight:700;
	font-style:italic;
	color:#fff;
	display:inline-block;
	margin-left:10px;
	vertical-align:bottom
}
.public-userinfo .numinfo {
	width:240px;
	height:40px;
	margin-top:20px;
	text-align:center
}
.public-userinfo .numinfo .num {
	font-size:18px;
	color:#333
}
.public-userinfo .numinfo .txt {
	font-size:12px;
	color:#999;
	padding-top:10px
}
.public-userinfo .numinfo .num1 {
	width:55px;
	float:left;
	cursor:pointer;
	border-right:1px solid #eee
}
.public-userinfo .numinfo .num2 {
	width:72px;
	float:left;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	cursor:pointer
}
.public-userinfo .numinfo .num3, .public-userinfo .numinfo .num4 {
	width:55px;
	float:left;
	cursor:pointer
}
.public-userinfo .numinfo .num1_post {
	width:55px;
	float:left;
	cursor:pointer;
	border-right:1px solid #eee
}
.public-userinfo .numinfo .num2_post {
	width:72px;
	float:left;
	cursor:pointer
}
.public-userinfo .numinfo .num3_post {
	width:55px;
	float:left;
	cursor:pointer;
	border-left:1px solid #eee;
	border-right:1px solid #eee
}
.public-userinfo .numinfo .num4_post {
	width:55px;
	float:left;
	cursor:pointer
}
.public-userinfo .Followed {
	display:flex;
	margin-top:25px;
	padding:0 10px;
	justify-content:space-between
}
.public-userinfo .hot {
	width:100%;
	height:auto;
	margin-top:20px
}
.public-userinfo .hot .hot-top {
	font-size:14px;
	line-height:14px;
	padding-bottom:4px;
	color:#757474
}
.public-userinfo .hot .hot-con a {
	color:#212121;
	font-size:14px;
	width:100%;
	height:18px;
	line-height:18px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
	margin-bottom:12px;
	margin-top:16px
}
.public-userinfo .hot .hot-con a:hover {
	color:#f40d04
}
.public-userinfo .hot .hot-con .time {
	font-size:12px;
	color:#9e9e9e
}
.my_videos li {
	padding:20px 0;
	border-bottom:1px solid #eee
}
.my_videos li:hover .caozuo>.hover_show {
	display:inline-block
}
.my_videos .left {
	float:left;
	position:relative;
	width:258px!important;
	height:146px;
	text-align:center;
	background-color:#000;
	border-radius:2px;
	overflow:hidden
}
.my_videos .left .cover {
	position:absolute;
	max-width:100%;
	max-height:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto
}
.my_videos .left .imgs, .my_videos .left .play-btn {
	cursor:pointer
}
.my_videos .left .play-btn, .my_videos .left .play-btn_cours {
	position:absolute;
	width:48px;
	height:48px;
	background-color:#000;
	border-radius:50%;
	opacity:.8;
	left:50%;
	margin-left:-24px;
	text-align:center;
	line-height:48px;
	top:57px
}
.my_videos .left .play-btn_cours .iconbofang {
	color:#fff;
	font-size:20px;
	padding-left:4px
}
.my_videos .right {
	float:left!important;
	width:630px!important;
	height:146px;
	padding:0 0 0 15px;
	position:relative
}
.my_videos .right .title {
	font-size:18px;
	cursor:pointer;
	color:#333;
	font-weight:400
}
.my_videos .right .title a {
	color:#333
}
.my_videos .right .title_cours {
	font-size:16px;
	color:#333;
	font-weight:400
}
.my_videos .right .title_cours a {
	color:#333
}
.my_videos .right .time {
	color:#888;
	font-size:14px;
	margin-top:15px
}
.my_videos .dline {
	font-size:12px;
	color:#888;
	margin-top:59px;
	line-height:1;
	position:absolute;
	bottom:0;
	width:100%
}
.my_videos .dline .bq {
	display:inline-block;
	font-size:12px;
	line-height:1;
	color:#888
}
.my_videos .dline .caozuo {
	float:right
}
.my_videos .dline .caozuo .delete {
	display:inline-block
}
.my_videos .dline .caozuo .edit {
	display:inline-block;
	margin-left:10px
}
.my_videos .dline .caozuo .edit a {
	color:#888
}
.my_videos .dline .caozuo .status {
	display:inline-block;
	color:#e63027;
	margin-left:10px
}
.my_videos .dline .caozuo .hover_show {
	display:none;
	cursor:pointer
}
.my_videos .hmbofang {
	color:#fff;
	font-size:20px;
	padding-left:4px
}
.view_big_picture {
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .5);
	position:fixed;
	left:0;
	top:0;
	z-index:2000
}
.view_big_picture .mask {
	width:100%;
	height:100%;
	z-index:1
}
.view_big_picture .view_wrap {
	width:80vw;
	height:75vh;
	z-index:2
}
.view_big_picture .view_wrap, .view_big_picture .view_wrap img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.view_big_picture .view_wrap img {
	-o-object-fit:contain;
	object-fit:contain;
	width:100%;
	height:100%;
	cursor:auto
}
.view_big_picture .close {
	width:50px;
	height:50px;
	font-size:30px;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	color:#fff;
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	user-select:none
}
.view_big_picture .btns {
	width:300px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	left:50%;
	margin-left:-150px;
	bottom:20px;
	z-index:2
}
.view_big_picture .btns div {
	display:inline-block;
	min-width:36px;
	height:36px;
	font-size:24px;
	text-align:center;
	line-height:36px;
	color:#fff;
	cursor:pointer;
	border:1px solid #fff;
	margin:0 5px;
	background:rgba(0, 0, 0, .3);
	-webkit-user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	user-select:none
}
.zanbox {
	border:1px solid #ccc;
	width:86px;
	height:30px;
	border-radius:16px
}
.zanbox.give_green {
	border:1px solid #f40d04
}
.zan-components {
	display:inline-block;
	font-size:14px;
	color:#333;
	cursor:pointer
}
.zan-components .hmicon {
	font-size:14px
}
.special-banner {
	padding-bottom:30px
}
.special-banner .banner-box {
	width:900px;
	height:220px;
	overflow:hidden;
	position:relative
}
.special-banner .banner-box .banner-content {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	z-index:1
}
.special-banner .banner-box .banner-item {
	width:100%;
	position:absolute;
	opacity:0;
transition:opacity .5s ease-in-out;
	overflow:hidden;
	border-radius:6px
}
.special-banner .banner-box .banner-item img {
	width:100%;
	height:100%;
	border-radius:4px
}
.special-banner .banner-box .banner-item a {
	display:block
}
.special-banner .banner-box .banner-item.banner-item-active {
	opacity:1;
	z-index:10
}
.special-banner .banner-box:hover .banner-button-box .banner-button.left {
	left:0;
	transform:translateY(-50%)
}
.special-banner .banner-box:hover .banner-button-box .banner-button.right {
	right:0
}
.special-banner .banner-box .banner-button-box .banner-button {
	position:absolute;
	top:50%;
	background-color:#000;
	border-radius:0;
	width:30px;
	height:42px;
	line-height:42px;
	opacity:.5;
	transform:translateY(-50%);
	color:#fff;
	text-align:center;
	cursor:pointer;
	z-index:99
}
.special-banner .banner-box .banner-button-box .banner-button.left {
	left:-30px;
	transform:translateY(-50%);
transition:left .3s
}
.special-banner .banner-box .banner-button-box .banner-button.right {
	right:-30px;
transition:right .3s
}
.special-banner .banner-box .banner-dot {
	position:absolute;
	margin:0;
	z-index:2;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	padding:12px 0
}
.special-banner .banner-box .banner-dot .dot-item {
	display:inline-block;
	width:6px;
	height:6px;
	border:1px solid #f40d04;
	border-radius:2px;
	background-color:transparent;
	margin:0 3px;
	cursor:pointer
}
.special-banner .banner-box .banner-dot .dot-item.active {
	background:#f40d04
}
.persion_detail .right .special-banner .banner-box {
	width:265px;
	height:190px
}
.resources-labelinput {
	width:100%;
	line-height:42px;
	padding-left:12px;
	white-space:normal;
	overflow:hidden;
	border:1px solid #eee;
	border-radius:4px;
	font-size:0;
	box-sizing:border-box
}
.resources-labelinput .label_list {
	display:inline-block;
	height:20px;
	line-height:20px;
	opacity:.9;
	border-radius:2px;
	background-color:#f6f6f6;
	color:#666;
	font-size:12px;
	margin:0 3px;
	padding:0 6px;
	vertical-align:middle
}
.resources-labelinput .label_list .input_value {
	position:relative;
	top:-1px
}
.resources-labelinput .label_list .hmgb {
	opacity:.4;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	cursor:pointer;
	display:inline-block
}
.resources-labelinput .show_label {
	width:350px;
	height:42px;
	display:inline-block;
	vertical-align:middle
}
.resources-labelinput .el-input__inner {
	padding:0 5px
}
.ellipsis {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.resourceAbout {
	width:100%;
	padding:38px 30px;
	margin-top:20px;
	font-size:14px;
	color:#888;
	border-bottom:1px solid #eee;
	cursor:pointer;
	box-sizing:border-box;
	background-color:#fff
}
.resourceAbout h3 {
	font-size:18px;
	height:20px;
	color:#333;
	margin-bottom:34px
}
.resourceAbout .img-wrap {
	float:left
}
.resourceAbout .img-wrap .img {
	font-size:60px;
	color:#f5706c;
	margin-left:-5px
}
.resourceAbout .resourceMessage {
	width:100%;
	margin-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #f5f5f5
}
.resourceAbout .resourceMessage:last-child {
	border-bottom:0
}
.resourceAbout .resourceMessage .name {
	font-size:16px;
	font-weight:600;
	line-height:18px;
	color:#333
}
.resourceAbout .resourceMessage .name:hover {
	color:#f40d04
}
.resourceAbout .resourceMessage .name em {
	color:#f40d04!important
}
.resourceAbout .resourceMessage .detail {
	margin-top:18px
}
.resourceAbout .resourceMessage .detail span {
	margin-right:20px
}
.resourceAbout .resourceMessage .detail .nickname:hover {
	color:#f40d04
}
.resource-resourcecomment {
	width:100%;
	height:auto;
	padding-bottom:30px
}
.resource-resourcecomment .com-left {
	float:left
}
.resource-resourcecomment .com-left .imgbox {
	width:46px;
	height:46px;
	overflow:hidden;
	border-radius:50%
}
.resource-resourcecomment .com-left .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.resource-resourcecomment .com-right {
	padding-left:66px
}
.resource-resourcecomment .com-right .down-tips {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	cursor:pointer;
	height:96px;
	background:#fff;
	border:1px solid #eee;
	border-radius:2px;
	font-size:14px;
	color:#f40d04
}
.resource-resourcecomment .com-right .butbox {
	text-align:right
}
.resource-resourcecomment .com-right .butbox .cancel {
	color:#888;
	display:inline-block;
	cursor:pointer
}
.resource-resourcecomment .com-right .butbox .submit.disabled {
	opacity:.5
}
.resource-resourcecomment .com-right .butbox .submit {
	display:inline-block;
	width:90px;
	height:34px;
	line-height:34px;
	text-align:center;
	background:#f40d04;
	color:#fff;
	font-size:14px;
	border-radius:2px;
	margin:15px 0 0 15px;
	cursor:pointer
}
.resource-resourcecomment .com-right .butbox .submit:hover {
	background:#f40d04
}
.resource-resourcecomment .com-right .score {
	margin-bottom:20px
}
.resource-resourcecommentcard {
	padding-bottom:20px;
	border-bottom:1px solid #eee;
	margin-top:20px
}
.resource-resourcecommentcard .but-reply {
	margin-bottom:10px
}
.resource-resourcecommentcard .reply-content {
	display:inline-block;
	vertical-align:top
}
.resource-resourcecommentcard .comitem-left {
	float:left;
	width:50px
}
.resource-resourcecommentcard .comitem-left .imgbox {
	width:40px;
	height:40px;
	overflow:hidden;
	border-radius:50%
}
.resource-resourcecommentcard .comitem-left .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.resource-resourcecommentcard .comitem-right {
	float:right;
	width:770px
}
.resource-resourcecommentcard .comitem-right .comment {
	border-bottom:none
}
.resource-resourcecommentcard .comitem-right .reply {
	height:40px;
	line-height:40px;
	color:#333;
	font-size:14px;
	position:relative
}
.resource-resourcecommentcard .comitem-right .reply a {
	color:#333
}
.resource-resourcecommentcard .comitem-right .reply a:hover {
	color:#f40d04
}
.resource-resourcecommentcard .comitem-right .reply .score {
	display:inline-block;
	margin-left:15px;
	vertical-align:middle
}
.resource-resourcecommentcard .comitem-right .reply .sp_btn {
	float:right;
	text-align:center;
	font-weight:400;
	line-height:30px;
	font-size:14px;
	color:#888;
	margin-top:4px
}
.resource-resourcecommentcard .comitem-right .reply .sp_btn .hmicon, .resource-resourcecommentcard .comitem-right .reply .sp_btn span {
	color:#888
}
.resource-resourcecommentcard .comitem-right .reply .sp_btn.active {
	border:1px solid #f40d04;
	color:#f40d04
}
.resource-resourcecommentcard .comitem-right .reply .sp_btn>.give_green .hmicon, .resource-resourcecommentcard .comitem-right .reply .sp_btn>.give_green span {
	color:#f40d04
}
.resource-resourcecommentcard .comitem-right .reply .hmjh {
	font-size:50px;
	color:#cca46c;
	position:absolute;
	right:160px;
	height:50px;
	line-height:50px;
	top:4px
}
.resource-resourcecommentcard .comitem-right>.butbox {
	padding-top:20px;
	padding-right:115px;
	font-size:0
}
.resource-resourcecommentcard .con {
	font-size:14px;
	line-height:22px;
	color:#333;
	padding-right:100px
}
.resource-resourcecommentcard .word-wrap {
	word-break:break-all;
	white-space:pre-wrap
}
.resource-resourcecommentcard .butbox .butitem {
	display:inline-block;
	font-size:14px;
	color:#333;
	margin-right:20px;
	cursor:pointer
}
.resource-resourcecommentcard .butbox .butitem .hmicon {
	padding-right:5px
}
.resource-resourcecommentcard .butbox .time {
	color:#888
}
.resource-resourcecommentcard .butbox .delete {
	float:right;
	font-size:14px;
	color:#888;
	margin-left:0;
	cursor:pointer
}
.resource-resourcecommentcard .butbox .edit {
	float:right;
	font-size:14px;
	color:#888;
	cursor:pointer;
	margin-left:10px
}
.resource-resourcecommentcard .butbox .ad {
	font-size:14px;
	color:#f40d04;
	float:right;
	margin-left:10px
}
.resource-resourcecommentcard .butbox .ad a {
	color:#f40d04
}
.resource-resourcecommentcard .replylist {
	width:100%
}
.resource-resourcecommentcard .replylist .useritem {
	width:100%;
	padding-top:20px;
	margin-bottom:20px;
	border-top:1px solid #eee
}
.resource-resourcecommentcard .replylist .useritem:first-child {
	border-top:none
}
.resource-resourcecommentcard .replylist .useritem .imgbox {
	width:40px;
	height:40px;
	overflow:hidden;
	border-radius:50%;
	float:left
}
.resource-resourcecommentcard .replylist .useritem .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.resource-resourcecommentcard .replylist .useritem .rightcon {
	width:720px;
	float:right
}
.resource-resourcecommentcard .replylist .useritem .rightcon .comcon {
	padding-right:100px;
	padding-top:10px;
	line-height:22px;
	color:#333;
	font-size:14px
}
.resource-resourcecommentcard .replylist .useritem .rightcon .comcon a {
	color:#333
}
.resource-resourcecommentcard .replylist .useritem .rightcon .comcon a:hover {
	color:#f40d04
}
.resource-resourcecommentcard .replylist .useritem .rightcon .comcon span {
	padding-right:10px
}
.resource-resourcecommentcard .replylist .useritem .rightcon .delete {
	float:none;
	display:inline-block
}
.resource-resourcecommentcard .replylist .total {
	font-size:14px;
	color:#888
}
.resource-resourcecommentcard .replylist .total a {
	color:#f40d04;
	padding:0 0 0 5px
}
.resource-resourcecomments {
	padding:0 30px 30px;
	background:#fff
}
.resource-resourcecomments .comment-con {
	padding-top:10px
}
.resource-resourcecomments .comment-con .comitem:last-child {
	border-bottom:none
}
.resource-resourceitem {
	display:flex;
	align-items:center;
	width:100%;
	height:120px;
	padding:30px 0;
	font-size:14px;
	color:#888;
	border-bottom:1px solid #eee;
	cursor:pointer;
	box-sizing:border-box;
	list-style:none
}
.resource-resourceitem .img-wrap {
	float:left
}
.resource-resourceitem .img-wrap .img {
	font-size:60px;
	color:#f5706c;
	margin-left:-5px
}
.resource-resourceitem .resource-msg {
	float:left;
	width:calc(70% - 65px);
	padding-left:5px
}
.resource-resourceitem .resource-msg .name {
	height:32px;
	font-size:18px;
	color:#333
}
.resource-resourceitem .resource-msg .detail .nickname:hover, .resource-resourceitem .resource-msg .name.active {
	color:#f40d04
}
.resource-resourceitem .resource-rate {
	position:relative;
	width:30%;
	min-width:310px;
	text-align:right;
	display:flex;
	align-items:center
}
.resource-resourceitem .resource-rate .operate {
	display:flex;
	align-items:center;
	width:335px;
	text-align:left;
	box-sizing:border-box
}
.resource-resourceitem .resource-rate .operate .comment {
	padding-right:38px
}
.resource-resourceitem .resource-rate .hmziyuanxiazailist.active {
	color:#f40d04
}
.resource-resourceitem .resource-rate .right-wrap {
	position:absolute;
	top:1px;
	right:0
}
.resource-resourceitem .resource-rate .score {
	display:inline-block;
	text-align:left
}
.resource-resourceitem .resource-rate .btn-comment {
	display:inline-block;
	width:80px;
	height:32px;
	border:1px solid #f40d04;
	border-radius:17px;
	color:#f40d04;
	text-align:center;
	line-height:32px
}
.resource-resourceitem .m-r-20 {
	margin-right:20px
}
.resource-resourceitem:last-child {
	height:85px;
	border-bottom:0
}
.resources-resourcesmsg {
	padding:30px 30px 0;
	background:#fff;
	position:relative
}
.resources-resourcesmsg .tops {
	padding-bottom:40px
}
.resources-resourcesmsg .tops .kuai {
	width:80px;
	height:26px;
	background:#f40d04;
	border-radius:0 2px 2px 0;
	font-size:14px;
	color:#fff;
	line-height:26px;
	text-align:center;
	position:absolute;
	left:0;
	top:10px
}
.resources-resourcesmsg .tops .tops-con {
	display:flex;
	padding-top:30px
}
.resources-resourcesmsg .tops .tops-con .lefts {
	width:92px;
	vertical-align:top
}
.resources-resourcesmsg .tops .tops-con .lefts .img {
	display:inline-block;
	font-size:72px;
	color:#f40d04
}
.resources-resourcesmsg .tops .tops-con .rights {
	display:flex;
	flex-direction:column;
	width:728px
}
.resources-resourcesmsg .tops .tops-con .rights .title {
	font-size:24px;
	color:#333;
	line-height:24px;
	white-space:normal;
	word-break:break-all;
	padding-bottom:20px
}
.resources-resourcesmsg .tops .tops-con .rights .comment-wrap {
	display:flex;
	align-items:center;
	padding-top:7px
}
.resources-resourcesmsg .tops .tops-con .rights .comment-wrap .comment-num {
	padding-left:15px;
	font-size:14px;
	color:#999;
	line-height:35px;
	cursor:pointer
}
.resources-resourcesmsg .tops .tops-con .rights .comment-wrap .comment-num:hover {
	color:#f40d04
}
.resources-resourcesmsg .tops .tops-con .rights .span-more {
	font-size:16px;
	color:#aaa;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:34px
}
.resources-resourcesmsg .tops .tops-con .rights .span-more span {
	max-width:600px;
	color:#333;
	margin-left:18px
}
.resources-resourcesmsg .tops .tops-con .rights .span-more.gree {
	cursor:pointer;
	color:#f40d04
}
.resources-resourcesmsg .tops .tops-con .rights .tags {
	padding-top:38px;
	color:#888;
	white-space:normal;
	word-break:break-all
}
.resources-resourcesmsg .tops .tops-con .rights .tags span {
	display:inline-block;
	padding:8px 10px;
	margin-right:10px;
	margin-bottom:10px;
	background:#f3f3f3;
	border-radius:2px;
	font-size:12px;
	cursor:pointer
}
.resources-resourcesmsg .tops .tops-con .rights .tags span:hover {
	background-color:#fef2f2;
	color:#f40d04
}
.resources-resourcesmsg .tops .tops-con .rights .footer-btn {
	padding-top:50px;
	width:728px;
	height:46px
}
.resources-resourcesmsg .tops .tops-con .rights .footer-btn .download {
	float:left;
	width:100px;
	height:40px;
	background:#f40d04;
	border-radius:23px;
	font-size:16px;
	color:#fff;
	line-height:40px;
	text-align:center;
	cursor:pointer
}
.resources-resourcesmsg .tops .tops-con .rights .footer-btn .download .hmicon {
	font-size:18px;
	margin-right:5px
}
.resources-resourcesmsg .tops .tops-con .rights .footer-btn .share {
	float:right;
	padding-top:12px
}
.resources-resourcesmsg .tops .tops-con .rights .footer-btn .share .report {
	float:left
}
.resources-resourcesmsg .posts-content {
	padding:40px 0 30px;
	color:#333;
	font-size:14px;
	line-height:26px;
	word-break:break-all;
	border-top:1px solid #eee
}
.resources-resourcesmsg .posts-content .title {
	font-size:18px;
	line-height:18px;
	color:#333
}
.resources-resourcesmsg .posts-content .toggle-wrap {
	color:#999;
	text-align:center
}
.resources-resourcesmsg .posts-content .toggle-wrap span {
	cursor:pointer
}
.resources-resourcesmsg .posts-content .contentbox {
	margin-top:18px;
	white-space:pre-line;
	padding-bottom:12px;
	max-height:120px;
	overflow:hidden
}
.resources-resourcesmsg .posts-content .contentbox a {
	color:#f40d04
}
.resources-resourcesmsg .posts-content .contentbox a:hover {
	color:#559d69
}
.resources-resourcesmsg .posts-content p {
	padding-bottom:12px
}
.resources-resourcesmsg .posts-content img {
	max-width:100%;
	margin:18px auto 30px;
	display:block
}
.resource-resourcewrap .resource_tab {
	display:flex;
	align-items:center;
	justify-content:space-between
}
.resource-resourcewrap .resource_tab .tabs {
	padding:20px 0 10px;
	font-size:0;
	color:#888
}
.resource-resourcewrap .resource_tab .tabs .hmicon {
	font-size:12px;
	display:inline-block;
	margin-left:3px;
	vertical-align:bottom;
	line-height:14px;
	padding-top:2px
}
.resource-resourcewrap .resource_tab .tabs li {
	font-size:16px;
	display:inline-block;
	margin-right:30px;
	cursor:pointer
}
.resource-resourcewrap .resource_tab .tabs .active {
	color:#f40d04
}
.resource-resourcewrap .nodata {
	display:flex;
	color:#aaa;
	justify-content:center;
	align-items:center;
	height:100px
}
.resources-search {
	width:266px;
	height:38px;
	line-height:38px;
	border-bottom:1px solid #eee
}
.resources-search .iconbox {
	width:26px;
	height:30px;
	line-height:30px;
	font-size:14px;
	float:left;
	margin-top:5px
}
.resources-search .iconbox .hmicon {
	color:#aaa;
	font-size:14px;
	float:left
}
.resources-search .inputbox {
	float:left;
	width:200px
}
.resources-search .inputbox input {
	width:100%;
	border:none;
	background:none;
	outline:none;
	font-size:14px;
	color:#333;
	vertical-align:middle
}
.resources-search .inputbox input::-moz-placeholder {
color:#aaa
}
.resources-search .inputbox input:-ms-input-placeholder {
color:#aaa
}
.resources-search .inputbox input::placeholder {
color:#aaa
}
.resources-search .inputbox input.focus-visible, .resources-search .inputbox input:focus, .resources-search .inputbox input:focus-visible {
border:none;
outline:none
}
.resources-search .search-but {
	float:right;
	width:38px;
	height:38px;
	line-height:38px;
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	cursor:pointer
}
.search-activity ul.search-activity-result li {
	padding:30px 0;
	border-bottom:1px solid #eee
}
.search-activity ul.search-activity-result li:first-child {
	padding-top:22px
}
.search-activity ul.search-activity-result li .course_img {
	float:left;
	position:relative
}
.search-activity ul.search-activity-result li .course_img img {
	width:218px;
	height:130px
}
.search-activity ul.search-activity-result li .course_img .open_class {
	display:inline-block;
	width:70px;
	height:32px;
	line-height:32px;
	text-align:center;
	position:absolute;
	top:0;
	left:10px;
	color:#fff;
	background-color:#f40d04
}
.search-activity ul.search-activity-result li .course_detail {
	float:left;
	padding-left:20px;
	height:132px;
	box-sizing:border-box;
	position:relative
}
.search-activity ul.search-activity-result li .course_detail .title {
	font-size:18px;
	font-weight:700;
	width:668px;
	line-height:25px
}
.search-activity ul.search-activity-result li .course_detail .title a {
	color:#212121
}
.search-activity ul.search-activity-result li .course_detail .title a:hover {
	color:#f40d04
}
.search-activity ul.search-activity-result li .course_detail .title a:hover em {
	color:#f40d04!important
}
.search-activity ul.search-activity-result li .course_detail .introduction {
	margin:8px 0 15px;
	font-size:14px;
	width:668px;
	max-height:36px;
	line-height:18px;
	word-break:break-all;
	overflow:hidden;
	text-overflow:ellipsis
}
.search-activity ul.search-activity-result li .course_detail .introduction a {
	color:#212121
}
.search-activity ul.search-activity-result li .course_detail .detail {
	font-size:12px;
	color:#888
}
.search-activity ul.search-activity-result li .course_detail .detail .teacher {
	font-weight:700
}
.search-activity ul.search-activity-result li .course_detail .price {
	color:#212121;
	font-size:14px;
	position:absolute;
	bottom:0;
	left:20px
}
.search-activity ul.search-activity-result li .course_detail .button_status {
	cursor:pointer
}
.search-activity .status_search {
	float:right;
	padding-top:40px;
	color:#888;
	font-size:14px
}
.search-activity .status_searchl {
	float:right;
	padding-top:40px;
	color:#f40d04;
	font-size:14px;
	position:absolute;
	bottom:0;
	right:20px
}
.search-answeritem .infinite_list_item {
	padding:20px 0;
	border-top:1px solid #eee
}
.search-answeritem .infinite_list_item:first-child {
	border-top:none
}
.search-answeritem .infinite_list_item a {
	display:block
}
.search-answeritem .infinite_list_item .titlebox {
	cursor:pointer;
	display:block
}
.search-answeritem .infinite_list_item .titlebox.video {
	display:flex
}
.search-answeritem .infinite_list_item .post_title {
	color:#212121;
	font-size:18px;
	font-weight:400;
	margin-bottom:12px
}
.search-answeritem .infinite_list_item .post_title .title-h3 {
	flex:0 1 auto;
	font-weight:500;
	display:inline;
	color:#212121;
	font-size:18px;
	font-weight:400;
	text-decoration:none;
	word-break:break-all;
	word-wrap:break-word;
	line-height:26px;
	vertical-align:middle
}
.search-answeritem .infinite_list_item .post_title .title-h3:hover {
	color:#f40d04
}
.search-answeritem .infinite_list_item .post_title .vote {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle
}
.search-answeritem .infinite_list_item .post_title .vote img {
	display:block;
	width:18px;
	height:18px
}
.search-answeritem .infinite_list_item .introduction {
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
	text-align:right;
	width:360px;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#999;
	overflow:hidden
}
.search-answeritem .infinite_list_item .introduction span {
	max-width:120px;
	line-height:12px;
	padding:6px 10px;
	margin-left:10px;
	background:#f5f5f5;
	border-radius:2px;
	cursor:pointer
}
.search-answeritem .infinite_list_item .introduction span:hover {
	background:#fff5f5;
	color:#f13232
}
.search-answeritem .infinite_list_item .introduction span a {
	color:#999
}
.search-answeritem .infinite_list_item .introduction span a:hover {
	color:#f13232
}
.search-answeritem .infinite_list_item .introduction span:first-child {
	margin-left:0
}
.search-answeritem .infinite_list_item .content {
	font-size:14px;
	color:#888;
	line-height:24px;
	max-height:48px;
	text-overflow:-o-ellipsis-lastline;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	word-break:break-all;
	word-wrap:break-word;
	font-weight:400
}
.search-answeritem .infinite_list_item .detail {
	display:flex;
	justify-content:space-between;
	margin-top:22px
}
.search-answeritem .infinite_list_item .detail .fline {
	display:flex;
	align-items:center;
	flex:1;
	height:32px;
	line-height:32px;
	position:relative;
	color:#acacac
}
.search-answeritem .infinite_list_item .detail .fline span {
	display:inline-block;
	margin-left:28px;
	font-size:14px
}
.search-answeritem .infinite_list_item .detail .fline .imgbox {
	width:20px;
	height:20px;
	border-radius:50%
}
.search-answeritem .infinite_list_item .detail .fline .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.search-answeritem .infinite_list_item .detail .fline .imgbox a {
	display:flex
}
.search-answeritem .infinite_list_item .detail .fline .name {
	margin-left:10px;
	font-size:14px;
	color:#686868
}
.search-answeritem .infinite_list_item .detail .fline .name:hover {
	color:#f40d04
}
.search-course .resource_content_result ul.search-course-result li {
	padding:30px 0;
	border-bottom:1px solid #eee
}
.search-course .resource_content_result ul.search-course-result li:first-child {
	padding-top:22px
}
.search-course .resource_content_result ul.search-course-result li .course_img {
	float:left
}
.search-course .resource_content_result ul.search-course-result li .course_img .img {
	display:inline-block;
	width:218px;
	height:130px;
	background-size:cover;
	background-repeat:no-repeat
}
.search-course .resource_content_result ul.search-course-result li .course_detail {
	float:left;
	padding-left:20px;
	height:132px;
	box-sizing:border-box;
	position:relative
}
.search-course .resource_content_result ul.search-course-result li .course_detail .title {
	font-size:18px;
	font-weight:700;
	width:668px;
	line-height:25px;
	height:25px
}
.search-course .resource_content_result ul.search-course-result li .course_detail .title a {
	color:#212121
}
.search-course .resource_content_result ul.search-course-result li .course_detail .title a:hover {
	color:#f40d04
}
.search-course .resource_content_result ul.search-course-result li .course_detail .title a:hover em {
	color:#f40d04!important
}
.search-course .resource_content_result ul.search-course-result li .course_detail .introduction {
	font-size:14px;
	color:#212121;
	width:668px;
	padding:8px 0 15px
}
.search-course .resource_content_result ul.search-course-result li .course_detail .detail {
	font-size:12px;
	color:#888
}
.search-course .resource_content_result ul.search-course-result li .course_detail .detail .teacher {
	font-weight:700;
	cursor:pointer
}
.search-course .resource_content_result ul.search-course-result li .course_detail .detail .teacher:hover {
	color:#f40d04
}
.search-course .resource_content_result ul.search-course-result li .course_detail .detail .teacher span {
	font-weight:700
}
.search-course .resource_content_result ul.search-course-result li .course_detail .charge {
	position:absolute;
	bottom:0;
	left:20px;
	font-size:20px
}
.search-course .resource_content_result ul.search-course-result li .course_detail .charge .free {
	color:#333
}
.search-course .resource_content_result ul.search-course-result li .course_detail .charge .price {
	color:#e22228
}
.search-course .resource_content_result ul.search-course-result li .course_detail .charge .hymf {
	color:#212121
}
.search-course .resource_content_result ul.search-course-result li .course_detail .charge .original {
	color:#888;
	text-decoration:line-through
}
.hot_search .hot_title {
	padding:30px 0 10px;
	color:#333;
	font-size:16px
}
.hot_search .hot_search_value {
	width:50%;
	float:left
}
.hot_search .hot_search_value:first-child li:nth-child(2) {
opacity:.8
}
.hot_search .hot_search_value:first-child li:nth-child(3) {
opacity:.6
}
.hot_search .hot_search_value li {
	font-size:0;
	padding:10px 0;
	cursor:pointer;
	max-width:80%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing:border-box
}
.hot_search .hot_search_value li .hot {
	display:inline-block;
	width:12px;
	height:14px
}
.hot_search .hot_search_value li .hot_high {
	background-size:cover;
	background-repeat:no-repeat
}
.hot_search .hot_search_value li .content {
	font-size:14px;
	color:#666;
	padding-left:13px
}
.hot_search .hot_search_value li .hot_content {
	color:#e63027
}
.clear {
	clear:both
}
.no_result .no_result_content .no_result_tip {
	height:35px;
	line-height:20px;
	text-align:center;
	color:#9e9e9e;
	font-size:14px;
	margin:0 auto;
	padding:60px 30px
}
.no_result .no_result_content .recommended {
	color:#333;
	font-size:16px
}
.no_result .no_result_content .recommended .title {
	padding-bottom:19px
}
.no_result .no_result_content .adverty {
	width:906px;
	height:90px
}
.no_result .introduction span {
	cursor:pointer
}
.relate_latest {
	padding:30px 0 0
}
.relate_latest .tabs {
	float:left;
	font-size:0;
	color:#555
}
.relate_latest .tabs li {
	font-size:14px;
	display:inline-block;
	margin-right:30px;
	cursor:pointer
}
.relate_latest .tabs .active {
	color:#f40d04
}
.relate_latest .result_number {
	float:right;
	font-size:12px;
	color:#555
}
.relate_latest .result_number .number {
	color:#f40d04
}
.relate_latest .clear {
	clear:both
}
.relate_latest .el-select .el-input__inner {
	border:none;
	width:120px;
	text-align:center
}
.relate_latest .el-select {
	margin-left:-10px
}
.relate_latest .el-select-dropdown {
	position:absolute;
	top:338px!important;
	left:869px
}
.search_bar {
	width:906px
}
.search_bar .search_bar_input {
	color:#555;
	font-size:15px;
	font-style:normal
}
.search_bar .search_bar_input:-ms-clear {
display:none
}
.search_bar .search_bar_input .search_input {
	height:46px;
	position:relative
}
.search_bar .search_bar_input .search_input .tip {
	color:#c8c8c8;
	font-size:14px;
	position:absolute;
	top:50%;
	margin-top:-7px;
	padding-left:7px
}
.search_bar .search_bar_input .search_input input {
	float:left;
	width:732px;
	height:100%;
	background:#fff;
	border:0;
	vertical-align:middle;
	padding:0 0 0 6px;
	box-sizing:border-box;
	outline:none;
	border-radius:2px
}
.search_bar .search_bar_input .search_input .submit_btn {
	float:right;
	width:174px;
	height:46px;
	background-color:#f40d04;
	border-radius:0 2px 2px 0;
	border:0;
	font-size:18px;
	color:#fff;
	font-weight:400;
	padding:0;
	outline:none;
	cursor:pointer
}
.search_bar .search_bar_input .search_input .key_words {
	position:relative;
	background-color:#fff;
	clear:both;
	width:732px;
	z-index:2;
	box-shadow:0 1px 9px 0 hsla(0, 0%, 93.3%, .65);
	border-radius:2px 0 2px 2px;
	font-size:14px;
	color:#666;
	padding-left:15px;
	box-sizing:border-box;
	line-height:36px;
	cursor:pointer
}
.search_bar .search_bar_input .search_input .key_words li em {
	color:#e63027
}
.search_bar .classification {
	padding:18px 0 20px
}
.search_bar .classification li {
	float:left;
	font-size:16px;
	color:#333;
	margin-right:30px;
	cursor:pointer
}
.search_bar .classification .active {
	color:#f40d04;
	font-weight:700
}
.story .title h2 {
	color:#333;
	font-size:16px;
	padding:47px 0 12px;
	display:inline-block
}
.story .title .clear_all {
	padding-top:47px;
	float:right;
	color:#c8c8c8;
	font-size:14px;
	cursor:pointer
}
.story .detail li {
	color:#666;
	font-size:14px
}
.story .detail li .detail_label {
	display:inline-block;
	padding:10px 0;
	box-sizing:border-box;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	cursor:pointer
}
.user_content ul.user_content-result li {
	padding:30px 0;
	border-bottom:1px solid #eee
}
.user_content ul.user_content-result li:first-child {
	padding-top:22px
}
.user_content ul.user_content-result li .course_img {
	float:left
}
.user_content ul.user_content-result li .course_img .img {
	display:inline-block;
	width:46px;
	height:46px;
	border-radius:50%;
	background-size:cover;
	background-repeat:no-repeat
}
.user_content ul.user_content-result li .course_detail {
	float:left;
	width:760px;
	padding-left:20px;
	box-sizing:border-box;
	position:relative
}
.user_content ul.user_content-result li .course_detail .title {
	font-size:14px;
	width:668px;
	height:25px;
	line-height:25px
}
.user_content ul.user_content-result li .course_detail .title .title-name {
	float:left
}
.user_content ul.user_content-result li .course_detail .title a {
	color:#333
}
.user_content ul.user_content-result li .course_detail .title a:hover {
	color:#f40d04
}
.user_content ul.user_content-result li .course_detail .title a:hover /deep/em {
color:#f40d04!important
}
.user_content ul.user_content-result li .course_detail .detail {
	font-size:12px;
	color:#999;
	padding:8px 0 15px
}
.user_content ul.user_content-result li .course_detail .detail .detail_left {
	width:610px;
	display:inline-block
}
.user_content ul.user_content-result li .course_detail .detail .detail_right {
	float:right;
	position:relative;
	top:-4px
}
.user_content ul.user_content-result li .course_detail .introduction {
	height:20px;
	line-height:20px
}
.user_content ul.user_content-result li .course_detail .introduction p {
	color:#212121;
	font-size:14px;
	width:610px;
	display:inline-block
}
.user_content ul.user_content-result li .course_detail .follows {
	display:inline
}
.user_content ul.user_content-result li .rightbox {
	width:100px;
	padding-top:13px;
	float:right
}
.search-show ul.search-show-result li {
	padding:30px 0;
	border-bottom:1px solid #eee
}
.search-show ul.search-show-result li:first-child {
	padding-top:22px
}
.search-show ul.search-show-result li .course_img {
	float:left;
	width:218px;
	height:123px;
	position:relative;
	text-align:center;
	background-color:#000
}
.search-show ul.search-show-result li .course_img .pic {
	max-width:218px;
	height:123px
}
.search-show ul.search-show-result li .course_img .time {
	position:absolute;
	right:7px;
	bottom:14px;
	font-size:14px;
	color:#fff
}
.search-show ul.search-show-result li .course_img .open_btn {
	width:42px;
	height:42px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:#000;
	border-radius:50%
}
.search-show ul.search-show-result li .course_img .open_btn .hmicon {
	font-size:21px;
	color:#fff;
	display:inline-block;
	width:42px;
	height:42px;
	line-height:42px;
	text-align:center;
	padding-left:2px
}
.search-show ul.search-show-result li .course_detail {
	float:left;
	padding-left:20px;
	height:123px;
	box-sizing:border-box;
	position:relative
}
.search-show ul.search-show-result li .course_detail .title {
	font-size:18px;
	font-weight:700;
	width:668px;
	height:25px;
	line-height:25px
}
.search-show ul.search-show-result li .course_detail .title a {
	color:#212121
}
.search-show ul.search-show-result li .course_detail .title a:hover {
	color:#f40d04
}
.search-show ul.search-show-result li .course_detail .title a:hover /deep/em {
color:#f40d04!important
}
.search-show ul.search-show-result li .course_detail .introduction {
	font-size:14px;
	color:#212121;
	width:668px;
	padding:8px 0 15px
}
.search-show ul.search-show-result li .course_detail .detail {
	font-size:14px;
	color:#888
}
.search-show ul.search-show-result li .course_detail .detail span:first-child, .search-show ul.search-show-result li .course_detail .detail span:nth-child(2) {
position:relative;
top:1px
}
.search-show ul.search-show-result li .course_detail .detail .hmbfl {
	font-size:19px;
	padding-right:6px;
	position:relative;
	top:2px
}
.search-show ul.search-show-result li .course_detail .detail .hmdz {
	font-size:14px;
	padding:0 6px;
	position:relative
}
.search-show ul.search-show-result li .course_detail .price {
	font-size:14px;
	position:absolute;
	bottom:0;
	left:20px
}
.search-show ul.search-show-result li .course_detail .price a {
	color:#333
}
.search-show ul.search-show-result li .course_detail .price a:hover {
	color:#f40d04
}
.show-commentcard {
	padding-bottom:20px;
	border-bottom:1px solid #eee;
	margin-top:20px
}
.show-commentcard .but-reply {
	margin-bottom:10px
}
.show-commentcard .reply-content {
	display:inline-block
}
.show-commentcard .comitem-left {
	float:left;
	width:50px
}
.show-commentcard .comitem-left .imgbox {
	width:46px;
	height:46px;
	overflow:hidden;
	border-radius:50%
}
.show-commentcard .comitem-left .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.show-commentcard .comitem-right {
	float:right;
	width:750px
}
.show-commentcard .comitem-right .comment {
	border-bottom:none
}
.show-commentcard .reply {
	height:40px;
	line-height:40px;
	color:#333;
	font-size:14px
}
.show-commentcard .reply a {
	color:#333
}
.show-commentcard .reply a:hover {
	color:#f40d04
}
.show-commentcard .reply span {
	padding-right:10px
}
.show-commentcard .con {
	font-size:14px;
	line-height:22px;
	color:#333
}
.show-commentcard .word-wrap {
	word-break:break-all
}
.show-commentcard .butbox {
	padding-top:20px
}
.show-commentcard .butbox .butitem {
	display:inline-block;
	font-size:14px;
	color:#333;
	margin-right:20px;
	cursor:pointer
}
.show-commentcard .butbox .butitem .hmicon {
	padding-right:5px
}
.show-commentcard .butbox .time {
	color:#888
}
.show-commentcard .butbox .delete, .show-commentcard .butbox .edit {
	float:right;
	font-size:14px;
	color:#888;
	margin-left:10px;
	cursor:pointer
}
.show-commentcard .butbox .ad {
	font-size:14px;
	color:#f40d04;
	float:right;
	margin-left:10px
}
.show-commentcard .butbox .ad a {
	color:#f40d04
}
.show-commentcard .replylist {
	width:100%
}
.show-commentcard .replylist .useritem {
	width:100%;
	padding-top:20px;
	margin-bottom:20px;
	border-top:1px solid #eee
}
.show-commentcard .replylist .useritem:first-child {
	border-top:none
}
.show-commentcard .replylist .useritem .imgbox {
	width:40px;
	height:40px;
	overflow:hidden;
	border-radius:50%;
	float:left
}
.show-commentcard .replylist .useritem .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.show-commentcard .replylist .useritem .rightcon {
	width:690px;
	float:right
}
.show-commentcard .replylist .useritem .rightcon .comcon {
	padding-top:10px;
	line-height:22px;
	color:#333;
	font-size:14px
}
.show-commentcard .replylist .useritem .rightcon .comcon a {
	color:#333
}
.show-commentcard .replylist .useritem .rightcon .comcon a:hover {
	color:#f40d04
}
.show-commentcard .replylist .useritem .rightcon .comcon span {
	padding-right:10px
}
.show-commentcard .replylist .useritem .rightcon .delete {
	float:none;
	display:inline-block
}
.show-commentcard .replylist .total {
	font-size:14px;
	color:#888
}
.show-commentcard .replylist .total a {
	color:#f40d04;
	padding:0 0 0 5px
}
.hot_tags {
	box-sizing:border-box;
	width:300px;
	padding:18px 24px 39px 16px;
	margin-top:20px;
	background:#fff
}
.hot_tags h3 {
	font-size:16px;
	color:#333;
	padding-left:12px
}
.hot_tags .detail_tags span {
	display:inline-block;
	padding:5px 12px;
	background:#f6f6f6;
	border-radius:4px;
	font-size:14px;
	margin-left:12px;
	color:#888;
	margin-top:16px;
	cursor:pointer
}
.hotvideo {
	width:100%;
	height:auto;
	padding:38px 30px;
	box-sizing:border-box;
	background:#fff;
	margin-bottom:20px;
	margin-top:20px
}
.hotvideo .hot-top {
	margin-bottom:16px
}
.hotvideo .hot-top .h3 {
	color:#333;
	font-size:18px;
	height:18px
}
.hotvideo .hot-con .hvlist {
	width:100%;
	height:auto;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #eee
}
.hotvideo .hot-con .hvlist:last-child {
	border-bottom:none;
	padding-bottom:0
}
.hotvideo .hot-con .hvlist .imgbox {
	position:relative;
	width:136px;
	height:76px;
	overflow:hidden;
	border-radius:2px;
	float:left
}
.hotvideo .hot-con .hvlist .imgbox .cover-link {
	display:inline-block;
	width:136px;
	height:76px;
	background-color:#000
}
.hotvideo .hot-con .hvlist .imgbox .cover {
	display:inline-block;
	max-width:100%;
	max-height:100%
}
.hotvideo .hot-con .hvlist .imgbox .play-icon {
	width:32px;
	height:32px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-50px;
	margin-top:-31px
}
.hotvideo .hot-con .hvlist .total_video {
	position:relative;
	width:674px;
	height:76px;
	float:left;
	margin-left:10px
}
.hotvideo .hot-con .hvlist .total_video .txt {
	width:100%;
	font-size:16px
}
.hotvideo .hot-con .hvlist .total_video .txt a {
	overflow:hidden;
	text-overflow:ellipsis;
	color:#333;
	font-weight:600
}
.hotvideo .hot-con .hvlist .total_video .txt a:hover {
	color:#f40d04
}
.hotvideo .hot-con .hvlist .total_video .sline {
	position:absolute;
	bottom:0
}
.hotvideo .hot-con .hvlist .name {
	float:left;
	color:#888;
	font-size:14px
}
.hotvideo .hot-con .hvlist .name a {
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#888;
	padding:0 0 2px 2px
}
.hotvideo .hot-con .hvlist .name a:hover {
	color:#f40d04
}
.hotvideo .hot-con .hvlist .num {
	float:left;
	color:#888;
	font-size:14px;
	margin-left:10px
}
.hotvideo .hot-con .hvlist .num .hmicon {
	margin-right:5px
}
.show-showcom {
	padding:0 30px 30px;
	background:#fff
}
.show-showcom .comment-top .tnum {
	line-height:30px;
	color:#333;
	font-size:18px;
	float:left
}
.show-showcom .comment-top .paix {
	float:right;
	line-height:30px
}
.show-showcom .comment-top .paix .but {
	display:inline-block;
	color:#888;
	cursor:pointer
}
.show-showcom .comment-top .paix .but.active {
	color:#333
}
.show-showcom .comment-con {
	padding-top:10px
}
.show-showcom .comment-con .comitem:last-child {
	border-bottom:none
}
.show-showcomment {
	width:100%;
	height:auto;
	padding-bottom:30px;
	border-bottom:1px solid #eee
}
.show-showcomment .com-left {
	float:left
}
.show-showcomment .com-left .imgbox {
	width:46px;
	height:46px;
	overflow:hidden;
	border-radius:50%
}
.show-showcomment .com-left .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.show-showcomment .com-right {
	padding-left:50px
}
.show-showcomment .com-right .butbox {
	text-align:right
}
.show-showcomment .com-right .butbox .cancel {
	color:#888;
	font-size:14px;
	display:inline-block;
	cursor:pointer
}
.show-showcomment .com-right .butbox .submit {
	display:inline-block;
	width:90px;
	height:34px;
	line-height:34px;
	text-align:center;
	background:#f40d04;
	color:#fff;
	font-size:14px;
	border-radius:2px;
	margin:15px 0 0 15px;
	cursor:pointer
}
.show-showcomment .com-right .butbox .submit:hover {
	background:#f40d04
}
.show-showcon {
	padding:30px;
	background:#fff
}
.show-showcon .bottom_hot a {
	display:block
}
.show-showcon>.title {
	color:#333;
	font-size:28px;
	line-height:42px;
	text-align:justify
}
.show-showcon>.title h1 {
	line-height:42px;
	display:inline-block
}
.show-showcon>.title .status {
	font-size:12px;
	line-height:1;
	padding:4px 10px;
	border-radius:2px;
	margin-left:8px;
	vertical-align:middle;
	display:inline-block
}
.show-showcon>.title .status, .show-showcon>.title .status.success {
	color:#f40d04;
	background:#d0e8dc
}
.show-showcon>.title .status.fail {
	background:#e63027;
	color:#fff
}
.show-showcon .original {
	vertical-align:text-bottom;
	display:inline-block
}
.show-showcon .original .original_yuan {
	display:inline-block;
	width:60px;
	height:28px;
	background:linear-gradient(90deg, #ff7979, #e62b2b);
	border-radius:8px 2px 8px 2px;
	text-align:center;
	line-height:28px;
	font-size:16px;
	color:#fff;
	margin-left:2px;
	margin-top:7px;
	font-weight:600
}
.show-showcon>.info {
	line-height:30px;
	font-size:14px;
	border-bottom:1px solid #eee;
	color:#888;
	padding-top:15px;
	padding-bottom:10px
}
.show-showcon>.info .bofang {
	float:left;
	margin-right:12px
}
.show-showcon>.info .bofang i {
	margin-right:5px
}
.show-showcon>.info .name {
	float:left;
	color:#f40d04;
	margin-right:12px
}
.show-showcon>.info .name a {
	color:#333
}
.show-showcon>.info .time {
	float:left;
	color:#888
}
.show-showcon>.info .num {
	float:right;
	margin-left:12px;
	color:#888;
	cursor:pointer
}
.show-showcon>.info .num i {
	padding:0 5px
}
.show-showcon>.info .jubao, .show-showcon>.info .read {
	float:left;
	margin-right:12px;
	color:#888
}
.show-showcon>.info .jubao {
	cursor:pointer;
	padding:0
}
.show-showcon>.info .jubao .del {
	margin-left:15px
}
.show-showcon .create_time {
	float:left;
	padding-top:8px!important;
	margin-right:20px
}
.show-showcon .posts-content {
	padding:20px 0;
	color:#333;
	font-size:14px;
	line-height:26px;
	word-break:break-all
}
.show-showcon .posts-content .contentbox {
	white-space:pre-line;
	padding-bottom:12px
}
.show-showcon .posts-content .contentbox /deep/a {
color:#f40d04
}
.show-showcon .posts-content .contentbox /deep/a:hover {
color:#559d69
}
.show-showcon .posts-content p {
	padding-bottom:12px
}
.show-showcon .posts-content img {
	max-width:100%;
	margin:18px auto 30px;
	display:block
}
.show-showcon .labelbox .label {
	padding:8px 10px
}
.show-showcon .tgging {
	font-size:14px;
	font-weight:400;
	color:#999;
	margin:14px 0 48px
}
.show-showcon .status {
	color:#888;
	font-size:14px;
	line-height:1;
	padding-top:35px
}
.show-showcon .updatetime {
	color:#888;
	font-size:14px;
	line-height:1;
	padding-top:15px
}
.show-showcon .butbox {
	padding-top:15px
}
.show-showcon .butbox .but {
	cursor:pointer;
	margin-right:20px
}
.show-showcon .butbox .but, .show-showcon .butbox .zhan {
	display:inline-block;
	padding:7px 24px;
	color:#f40d04;
	font-size:16px;
	border:1px solid #f40d04;
	border-radius:2px
}
.show-showcon .butbox .jubao {
	display:inline-block;
	color:#888;
	font-size:14px
}
.show-showcon .butbox .delete, .show-showcon .butbox .edit {
	float:right;
	font-size:14px;
	color:#333;
	cursor:pointer;
	line-height:30px;
	padding:0 10px
}
.show-showcon .topshare {
	float:right;
	margin-left:20px
}
.show-showcon .topshare .shareicon {
	display:inline-block;
	padding:0 5px
}
.show-showcon .topshare .shareiconbox {
	display:inline-block
}
.show-showcon .topshare .shareiconbox .iconbox {
	display:inline-block;
	width:22px;
	height:22px;
	line-height:22px;
	text-align:center;
	border-radius:50%;
	background:#000;
	color:#fff;
	cursor:pointer;
	margin:0 0 0 5px
}
.show-showcon .topshare .shareiconbox .weixin {
	position:relative
}
.show-showcon .topshare .shareiconbox .weixin.active .ewm, .show-showcon .topshare .shareiconbox .weixin:hover .ewm {
	display:block
}
.show-showcon .topshare .shareiconbox .weixin .ewm {
	display:none;
	position:absolute;
	border:1px solid #f40d04;
	width:60px;
	height:60px;
	padding:10px;
	background:#fff;
	top:28px;
	left:-30px;
	z-index:999!important
}
.show-showcon .topshare .shareiconbox .weixin .ewm img {
	width:100%;
	height:100%
}
.show-showcon .topshare .shareiconbox .weixin .ewm:before {
	content:" ";
	border:6px solid transparent;
	border-bottom:5px solid #f40d04;
	top:-11px;
	left:34px;
	position:absolute
}
.show-showcon .topshare .shareiconbox .weixin .ewm:after {
	content:" ";
	border:4px solid transparent;
	border-bottom-color:#fff;
	top:-8px;
	left:36px;
	position:absolute
}
.show-showcon .videobox {
	width:820px;
	height:420px;
	margin-top:40px
}
.showInform .el-dialog__body {
	padding-left:58px!important;
	padding-right:58px!important;
	padding-top:0!important
}
.showInform .el-form-item__label {
	font-size:16px;
	font-weight:500
}
.showInform .el-select {
	width:100%
}
.showInform .btn-group {
	text-align:center
}
.showInform .btn-group .el-button {
	padding:0;
	width:80px;
	height:30px;
	text-align:center;
	line-height:30px
}
.show-showitem {
	position:relative;
	width:285px;
	border:1px solid #eee;
	box-shadow:1px 1px 5px 0 rgba(0, 0, 0, .05);
	margin-bottom:20px;
	display:inline-block;
	box-sizing:border-box;
	overflow:hidden
}
.show-showitem:not(:nth-child(4n)) {
margin-right:20px
}
.show-showitem .cover-img-box {
	width:285px;
	height:161px;
	background-color:rgba(0, 0, 0, .9);
	text-align:center
}
.show-showitem .cover-img-box .show_img {
	display:inline-block;
	max-width:285px;
	height:161px;
	border-radius:2px 2px 0 0
}
.show-showitem .detail {
	padding:15px 20px 15px 14px;
	box-sizing:border-box
}
.show-showitem .detail .title {
	color:#333;
	font-size:16px;
	height:41px;
	line-height:20px;
	overflow:hidden;
	word-break:break-all
}
.show-showitem .detail .title a {
	color:#333
}
.show-showitem .detail .title a:hover {
	color:#f40d04
}
.show-showitem .detail .introduction {
	margin-top:17px;
	height:24px;
	line-height:24px
}
.show-showitem .detail .introduction .avatar {
	width:24px;
	height:24px;
	border-radius:50%;
	background-color:#ddd;
	vertical-align:middle;
	float:left
}
.show-showitem .detail .introduction .username {
	color:#333;
	font-size:14px;
	width:96px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:middle;
	margin-left:10px;
	float:left
}
.show-showitem .detail .introduction .username:hover {
	color:#f40d04
}
.show-showitem .detail .introduction .like, .show-showitem .detail .introduction .number {
	font-size:14px;
	color:#888
}
.show-showitem .detail .introduction .data-num {
	margin-left:2px
}
.show-showitem .detail .introduction .number {
	float:right;
	margin-right:9px;
	position:relative;
	top:1px
}
.show-showitem .detail .introduction .hmbfl {
	color:#888;
	font-size:16px
}
.show-showitem .detail .introduction .hmydz {
	font-size:14px;
	float:right;
	margin-right:6px
}
.show-showitem .detail .introduction .like {
	float:right
}
.show-showitem .play-btn {
	position:absolute;
	width:48px;
	height:48px;
	background-color:rgba(0, 0, 0, .8);
	border-radius:50%;
	left:50%;
	margin-left:-24px;
	text-align:center;
	line-height:48px;
	top:57px;
	cursor:pointer
}
.show-showitem .play-btn .hmbofang {
	display:inline-block;
	color:#fff;
	font-size:26px;
	margin-left:3px
}
.show-showitem .duration {
	position:absolute;
	color:#fff;
	font-size:14px;
	right:5px;
	top:140px
}
.pages-periodical .artical {
	border-bottom:1px solid #f6f7f8
}
.special-specialact {
	border-top:1px solid #f6f7f8
}
.special-specialact .actlist li .actTit {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
	word-break:break-all
}
.special-specialact {
	padding:28px 0
}
.special-specialact .act_tit {
	font-size:24px;
	font-weight:400;
	line-height:1;
	margin-bottom:30px
}
.special-specialact .act_tit span {
	display:inline-block;
	font-size:16px;
	color:#555;
	margin-left:4px;
	transform:translateY(2px)
}
.special-specialact .actlist li {
	float:left;
	width:300px;
	margin-bottom:28px
}
.special-specialact .actlist li:nth-child(2n) {
margin-left:39px
}
.special-specialact .actlist li .actImg {
	width:300px;
	height:170px;
	border-radius:5px;
	margin-bottom:15px
}
.special-specialact .actlist li .actTit {
	font-size:18px;
	line-height:24px;
	height:48px;
	color:#555
}
.special-specialact a:hover {
	color:#f40d04
}
.special-specialchoice {
	padding:28px 0
}
.special-specialchoice .choice_tit {
	font-size:24px;
	font-weight:400;
	line-height:1;
	margin-bottom:30px
}
.special-specialchoice .choice_tit span {
	display:inline-block;
	font-size:16px;
	color:#555;
	margin-left:4px;
	transform:translateY(2px)
}
.special-specialchoice .choicelist li {
	margin-bottom:28px;
	line-height:1.6;
	cursor:pointer
}
.special-specialchoice .choicelist li:last-of-type {
	margin-bottom:0
}
.special-specialchoice .choicelist li a {
	color:#555;
	word-break:break-all
}
.special-specialchoice .choicelist li a:hover {
	color:#f40d04
}
.special-specialchoice .hmicon {
	font-size:14px
}
.v_hidden {
	visibility:hidden
}
.v_block {
	visibility:block
}
.special-specialswi .gallery-top {
	position:relative;
	height:170px
}
.special-specialswi .gallery-top img {
	width:100%;
	height:170px;
	border-radius:5px
}
.special-specialswi .swiper-slide {
	background-size:cover;
	background-position:50%;
	text-align:center;
	height:170px
}
.special-specialswi .swiper-button-next:after, .special-specialswi .swiper-button-prev:after {
	display:none
}
.special-specialswi .swibtn {
	width:36px;
	height:36px;
	text-align:center;
	line-height:36px;
	border-radius:50%;
	background-color:rgba(0, 0, 0, .5)
}
.special-specialswi .swibtn i {
	font-size:16px;
	color:#fff
}
.special-specialswi .swiper-button-next {
	right:5px
}
.special-specialswi .swiper-button-prev {
	left:5px
}
.special-specialswi .my-button-disabled {
	opacity:.2
}
.free_class {
	background-color:#f8f8f8;
	padding-bottom:30px
}
.free_class .w .free_class_title {
	color:#333;
	font-size:16px;
	padding:29px 0 30px
}
.free_class .w .class_content {
	background-color:#fff;
	padding:29px 8px 29px 29px;
	box-sizing:border-box;
	box-shadow:0 1px 8px 0 #eee
}
.free_class .w .class_content .open_couse {
	float:left;
	width:468px;
	height:265px;
	background:#1b1f23;
	position:relative;
	text-align:center
}
.free_class .w .class_content .open_couse .left_img {
	max-width:468px;
	height:265px
}
.free_class .w .class_content .open_couse .mantle {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#000;
	opacity:.6
}
.free_class .w .class_content .open_couse .span_style {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-140px;
	margin-top:-13px;
	color:#fff
}
.free_class .w .class_content .open_couse .span_style .djs span {
	display:inline-block;
	width:25px;
	height:25px;
	line-height:25px;
	text-align:center;
	background-color:#f40d04;
	color:#fff;
	border-radius:2px;
	margin:0 5px;
	z-index:100
}
.free_class .w .class_content .sign_up_list {
	width:680px;
	height:265px;
	float:right
}
.free_class .w .class_content .sign_up_list .list_course {
	border-left:1px solid #e7e7e7;
	margin-left:10px
}
.free_class .w .class_content .sign_up_list .list_course li {
	position:relative;
	margin-bottom:5px;
	cursor:pointer
}
.free_class .w .class_content .sign_up_list .list_course li a {
	cursor:pointer
}
.free_class .w .class_content .sign_up_list .list_course li .light {
	display:inline-block;
	width:7px;
	height:7px;
	background-color:#f40d04;
	border-radius:50%;
	position:absolute;
	top:18px;
	left:-4px
}
.free_class .w .class_content .sign_up_list .big_light {
	display:inline-block;
	width:12px;
	height:12px;
	background-color:#f40d04;
	border-radius:50%;
	position:absolute;
	top:16px;
	left:-6px;
	box-shadow:0 0 0 3px #fef2f2
}
.free_class .w .class_content .sign_up_list .one_open_class {
	height:100%;
	border-left:1px solid #e7e7e7;
	position:relative;
	cursor:pointer
}
.free_class .w .class_content .sign_up_list .one_open_class .light {
	display:inline-block;
	width:12px;
	height:12px;
	background-color:#f40d04;
	border-radius:50%;
	position:absolute;
	top:16px;
	left:-10px;
	box-shadow:0 0 0 3px #ddf0e9
}
.free_class .w .class_content .sign_up_list .one_open_class .detail_all {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%)
}
.free_class .w .class_content .sign_up_list .detail_all {
	width:670px;
	margin:0 auto;
	padding:15px;
	box-sizing:border-box
}
.free_class .w .class_content .sign_up_list .detail_all .corse_detail {
	font-size:14px;
	width:457px;
	float:left
}
.free_class .w .class_content .sign_up_list .detail_all .corse_detail .time {
	color:#9e9e9e
}
.free_class .w .class_content .sign_up_list .detail_all .corse_detail .title {
	color:#212121;
	font-weight:700;
	padding:14px 0;
	font-size:16px
}
.free_class .w .class_content .sign_up_list .detail_all .corse_detail .title a {
	color:#212121
}
.free_class .w .class_content .sign_up_list .detail_all .corse_detail .introduction {
	color:#9e9e9e;
	line-height:18px
}
.free_class .w .class_content .sign_up_list .detail_all .corse_detail .countStyle {
	white-space:nowrap;
	float:right;
	margin-right:120px;
	margin-top:-15px;
	color:#9e9e9e
}
.free_class .w .class_content .sign_up_list .detail_all .corse_detail .countStyle span {
	color:#f40d04!important
}
.free_class .w .class_content .sign_up_list .detail_all .registe_btn {
	display:inline-block;
	width:96px;
	height:34px;
	font-size:16px;
	line-height:34px;
	text-align:center;
	background-color:#fff;
	border-radius:2px;
	color:#f40d04;
	border:1px solid #f40d04;
	margin-top:20px;
	margin-left:67px;
	cursor:pointer
}
.free_class .w .class_content .sign_up_list .end_open_class {
	background-color:#e7e9eb!important;
	color:#212121!important;
	border:1px solid #e7e9eb!important
}
.free_class .w .class_content .sign_up_list .registered {
	background-color:#f40d04!important;
	color:#fff!important
}
.free_class .status_attend {
	position:absolute;
	left:50%;
	top:50%;
	display:flex;
	margin-left:-75px;
	margin-top:-25px
}
.free_class .status_attend .btn {
	width:150px;
	height:46px;
	background:#f40d04;
	border-radius:2px;
	text-align:center;
	line-height:46px;
	color:#fff;
	cursor:pointer
}
.free_class .status_attend i {
	font-size:18px;
	display:inline-block
}
.free_class .mask {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:#000;
	filter:Alpha(Opacity=60);
	opacity:.6
}
.free_class .el-scrollbar__wrap {
	overflow-x:hidden
}
.free_class .is-horizontal .el-scrollbar__thumb {
	display:none
}
.study-listitem .listItem {
	display:inline-block;
	padding:20px 0;
	width:100%
}
.study-listitem .listItem:not(:last-child) {
border-bottom:1px solid #f5f5f5
}
.study-listitem .listItem img {
	border-radius:4px;
	width:180px;
	height:110px;
	float:left
}
.study-listitem .listItem .content {
	float:left;
	margin-left:20px;
	max-width:700px
}
.study-listitem .listItem a {
	cursor:pointer
}
.study-listitem .listItem a h3 {
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:25px;
	max-width:96%;
	height:28px;
	overflow:hidden
}
.study-listitem .listItem a p {
	font-size:14px;
	font-weight:400;
	color:#888;
	margin-top:7px;
	line-height:20px
}
.study-listitem .listItem a .kuai {
	font-size:14px;
	font-weight:400;
	color:#888;
	margin-top:11px
}
.study-listitem .listItem a .price {
	font-size:16px;
	font-weight:600;
	color:#333;
	margin-top:15px
}
.study-sort .sort-header {
	width:100%;
	overflow:hidden
}
.study-sort .search {
	float:right;
	width:256px;
	height:38px;
	line-height:38px;
	border-bottom:1px solid #eee;
	margin-top:18px
}
.study-sort .search .iconbox {
	width:26px;
	height:30px;
	line-height:30px;
	font-size:14px;
	float:left;
	margin-top:5px
}
.study-sort .search .iconbox .hmicon {
	color:#aaa;
	font-size:14px;
	float:left
}
.study-sort .search .inputbox {
	float:left;
	width:200px
}
.study-sort .search .inputbox input {
	width:100%;
	border:none;
	background:none;
	outline:none;
	font-size:14px;
	color:#333;
	vertical-align:middle
}
.study-sort .search .inputbox input::-moz-placeholder {
color:#aaa
}
.study-sort .search .inputbox input:-ms-input-placeholder {
color:#aaa
}
.study-sort .search .inputbox input::placeholder {
color:#aaa
}
.study-sort .search .inputbox input.focus-visible, .study-sort .search .inputbox input:focus, .study-sort .search .inputbox input:focus-visible {
border:none;
outline:none
}
.study-sort .search .search-but {
	float:right;
	width:28px;
	height:38px;
	line-height:38px;
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	cursor:pointer
}
.study-sort .free_class_title {
	width:70px;
	color:#333;
	font-size:16px;
	padding:29px 0 0;
	float:left
}
.study-sort .tab_style {
	width:1095px;
	float:right
}
.study-sort .tab_style .tab-header {
	float:left;
	padding-top:28px
}
.study-sort .tab_style .tab-header span {
	font-size:14px;
	font-weight:400;
	color:#888;
	cursor:pointer
}
.study-sort .tab_style .tab-header span:not(:first-child) {
margin-left:35px
}
.study-sort .tab_style .tab-header .span_current {
	color:#333
}
.study-sort header {
	padding:20px 0 30px
}
.study-sort .line {
	color:#212432;
	display:inline-block;
	width:1px;
	height:12px;
	background:#ced9dd;
	position:relative;
	left:20px;
	top:2px
}
.study-sort .sort_head {
	height:35px;
	line-height:35px;
	background-color:#f8f8f8;
	border-radius:18px;
	font-size:12px
}
.study-sort .sort_head .left {
	float:left
}
.study-sort .sort_head .left li {
	display:inline-block;
	padding:0 20px;
	position:relative;
	cursor:pointer
}
.study-sort .sort_head .left li.zhpx {
	color:#f40d04
}
.study-sort .sort_head .left .left_litwo a {
	color:#212432
}
.study-sort .sort_head .left .left_litwo a:not(:first-child) {
margin-left:30px
}
.study-sort .sort_head .left .left_litwo a:first-child {
	margin-left:20px
}
.study-sort .sort_head .rigth {
	float:right
}
.study-sort .sort_head .rigth li {
	display:inline-block;
	margin-left:20px
}
.study-sort .sort_head .rigth li .name {
	margin-left:5px
}
.study-sort .sort_head .rigth li .hykc, .study-sort .sort_head .rigth li .zk {
	color:#f43c3d
}
.study-sort .sort_head .rigth li.page {
	margin-left:32px;
	margin-right:15px;
	vertical-align:middle
}
.study-sort .sort_head .rigth li.page .hmicon {
	color:#d8dede;
	cursor:pointer
}
.study-sort .sort_head .rigth li.page .number {
	margin:0 11px;
	position:relative;
	top:-2px
}
.study-sort footer {
	padding:26px 0 46px
}
.study-sort .hmjtd {
	font-size:12px;
	display:inline-block;
	transform:scale(.5);
	color:#202433;
	vertical-align:middle
}
.study-sort .activeHot {
	color:#f40d04
}
.study-sort .hmjtd1 {
	font-size:12px;
	display:inline-block;
	transform:scale(.5);
	color:#202433;
	vertical-align:middle
}
.study-sort .price_change {
	position:relative;
	top:1px;
	vertical-align:middle;
	display:inline-block;
	width:15px;
	height:28px
}
.study-sort .price_icon {
	font-size:12px;
	line-height:1;
	display:inline-block;
	transform:scale(.5);
	color:#202433;
	vertical-align:middle;
	cursor:pointer;
	top:10px;
	left:0;
	position:absolute
}
.study-sort .priceCur {
	color:#f40d04
}
.study-sort .hmjtt {
	position:absolute;
	top:4px;
	left:0
}
.study-sort .nd:hover .condition_price {
	display:block
}
.study-sort .condition_price {
	display:none;
	width:77px;
	position:absolute;
	background:#fff;
	padding:10px;
	box-shadow:0 0 6px #bbb;
	border-radius:4px
}
.study-sort .condition_price .triangle {
	width:0;
	height:0;
	border-color:transparent transparent #fff;
	border-style:solid;
	border-width:0 8px 8px;
	position:absolute;
	top:-7px;
	left:41px
}
.study-sort .condition_price a {
	display:block;
	text-align:center;
	width:100%;
	height:30px;
	line-height:30px;
	color:#212432;
	cursor:pointer
}
.study-sort .condition_price a:hover {
	color:#f40d04
}
.study-sort .condition_price .cur {
	border:0!important;
	background:#e0e7e9!important;
	color:#f40d04!important;
	height:30px!important
}
.study-sortdetail .class_list .list_item {
	width:225px;
	height:340px;
	box-shadow:0 0 3px 0 rgba(0, 0, 0, .2);
	border-radius:8px;
	display:inline-block;
	margin-bottom:18px
}
.study-sortdetail .class_list .list_item:not(:nth-child(5n)) {
margin-right:18px
}
.study-sortdetail .class_list .list_item img {
	display:inline-block;
	width:225px;
	height:135px;
	border-radius:8px
}
.study-sortdetail .class_list .list_item .detail {
	padding:25px 21px 0
}
.study-sortdetail .class_list .list_item .detail .title {
	font-size:16px;
	color:#212432;
	height:38px;
	overflow:hidden;
	line-height:19px
}
.study-sortdetail .class_list .list_item .detail .corse_time {
	font-size:12px;
	color:#777986;
	margin-top:12px
}
.study-sortdetail .class_list .list_item .detail .corse_time .user {
	margin-left:11px
}
.study-sortdetail .class_list .list_item .detail .corse_time .score {
	float:right
}
.study-sortdetail .class_list .list_item .detail .description {
	font-size:12px;
	color:#777986;
	margin-top:12px;
	height:34px;
	line-height:17px;
	overflow:hidden
}
.study-sortdetail .class_list .list_item .detail .money {
	margin-top:20px
}
.study-sortdetail .class_list .list_item .detail .money .corse_money .price {
	font-size:14px;
	color:#212432
}
.study-sortdetail .class_list .list_item .detail .money .corse_money .old_price {
	font-size:12px;
	color:#777986
}
.study-sortdetail .class_list .list_item .detail .money .hy_free {
	font-size:14px;
	color:#212432;
	display:none
}
.study-sortdetail .class_list .list_item .detail .money .store {
	font-size:12px;
	color:#212432;
	margin-left:28px
}
.study-sortdetail .class_list .list_item .detail .discount {
	font-size:12px;
	color:#ff4800;
	padding:0 5px;
	background-color:#fedaca;
	border-radius:3px;
	margin-top:4px;
	line-height:14px
}
.components-answereditor .components-answereditor-left {
	float:left;
	width:50px
}
.components-answereditor .components-answereditor-left .imgbox {
	width:40px;
	height:40px;
	border-radius:50%;
	overflow:hidden
}
.components-answereditor .components-answereditor-left .imgbox img {
	width:100%;
	height:100%
}
.components-answereditor .components-answereditor-right {
	float:right;
	width:770px
}
.components-answereditor .components-answereditor-right .questionEditor {
	width:100%
}
.components-answereditor .components-answereditor-right .butbox {
	width:100%;
	padding:15px 0 30px
}
.components-answereditor .components-answereditor-right .butbox .upload_list {
	margin-left:0!important
}
.components-answereditor .components-answereditor-right .butbox .textchain {
	display:contents;
	line-height:35px
}
.components-answereditor .components-answereditor-right .butbox .textchain a {
	font-size:14px;
	color:#f40d04
}
.components-answereditor .components-answereditor-right .butbox .submit {
	width:90px;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#fff;
	background:#f40d04;
	border-radius:2px;
	font-size:14px;
	float:right;
	cursor:pointer
}
.components-answereditor .components-answereditor-right .butbox .cancel {
	float:right;
	line-height:34px;
	padding-right:20px;
	cursor:pointer
}
.components-answereditor .components-answereditor-right .butbox .update {
	float:left;
	width:78px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#fff;
	background:#118b4d;
	border-radius:2px;
	font-size:12px;
	cursor:pointer
}
.components-answereditor .editorbox {
	border:1px solid rgba(0, 0, 0, .05);
	border-top:0
}
.components-answereditor .editorbox .post-comment-toolbar .editor-toolbar-content {
	padding:10px 20px 8px;
	box-sizing:border-box;
	justify-content:space-around
}
.components-answereditor .editorbox .rich_text {
	min-height:360px;
	box-sizing:border-box;
	padding:20px 30px
}
.components-answereditor .tisi {
	color:#999;
	font-size:12px;
	line-height:26px;
	float:left;
	margin-left:10px
}
.components-answereditor .tisi span {
	padding-left:20px;
	cursor:pointer
}
.components-answereditor .tox .tox-tbtn {
	width:31px
}
.components-answereditor .tox .tox-tbtn--select {
	width:auto
}
.components-answereditor .tox .tox-toolbar, .components-answereditor .tox .tox-toolbar__overflow, .components-answereditor .tox .tox-toolbar__primary {
	background:#f9f9f9
}
.mavonEditor .v-note-wrapper {
	min-height:700px
}
.mavonEditor .v-note-wrapper.fullscreen {
	z-index:1504
}
.mavonEditor .v-note-wrapper.sticky {
	padding-top:42px
}
.mavonEditor .v-note-wrapper.sticky .v-note-op {
	position:fixed;
	top:0
}
.mavonEditor .add-image-link-wrapper .title {
	color:#333
}
.components-postcom .components-postcom-left {
	float:left;
	width:50px
}
.components-postcom .components-postcom-left .imgbox {
	width:40px;
	height:40px;
	border-radius:50%;
	overflow:hidden
}
.components-postcom .components-postcom-left .imgbox img {
	width:100%;
	height:100%
}
.components-postcom .components-postcom-right {
	float:right;
	width:770px
}
.components-postcom .components-postcom-right .postEditor {
	width:100%
}
.components-postcom .components-postcom-right .butbox {
	width:100%;
	padding:30px 0
}
.components-postcom .components-postcom-right .butbox .upload_list {
	margin-left:0!important
}
.components-postcom .components-postcom-right .butbox .submit {
	width:90px;
	height:34px;
	line-height:34px;
	text-align:center;
	color:#fff;
	background:#f40d04;
	border-radius:2px;
	font-size:14px;
	float:right;
	cursor:pointer
}
.components-postcom .components-postcom-right .butbox .cancel {
	float:right;
	line-height:34px;
	padding-right:20px;
	cursor:pointer;
	font-size:14px
}
.components-postcom .components-postcom-right .butbox .update {
	float:left;
	width:78px;
	height:26px;
	line-height:26px;
	text-align:center;
	color:#f40d04;
	border:1px solid #f40d04;
	border-radius:2px;
	font-size:12px;
	cursor:pointer
}
.components-postcom .components-postcom-right .butbox .update.diabledUpload {
	background-color:#f40d04;
	opacity:.5;
	color:#fff
}
.components-postcom .editorbox {
	border:1px solid rgba(0, 0, 0, .05);
	border-top:0
}
.components-postcom .editorbox .post-comment-toolbar .editor-toolbar-content {
	padding:10px 20px 8px;
	box-sizing:border-box;
	justify-content:space-around
}
.components-postcom .editorbox .rich_text {
	min-height:360px;
	box-sizing:border-box;
	padding:20px 30px
}
.components-postcom .font_size {
	color:#999;
	font-size:12px;
	line-height:26px;
	float:left;
	margin-left:10px
}
.components-postcom .font_size span {
	font-size:14px;
	font-weight:400;
	color:#f40d04;
	cursor:pointer;
	margin-left:9px
}
.close-tip {
	position:relative
}
.close-tip .hmweifasong {
	color:#e66625
}
.close-tip .hide-notice {
	width:200px;
	padding:15px;
	color:#585858;
	font-size:14px;
	line-height:1.75;
	right:0;
	top:50px;
	background:#fff;
	border:1px solid #fff;
	border-radius:1px;
	box-shadow:0 2px 9px -1px;
	position:absolute;
	display:none
}
.close-tip .hide-notice.show {
	display:block
}
.close-tip .hide-notice .line1 {
	color:#333;
	font-weight:700
}
.close-tip .hide-notice .line2 {
	padding:5px 0
}
.close-tip .hide-notice .line3 {
	padding:10px;
	background:#f2f2f2;
	border-radius:5px;
	line-height:1.5;
	font-weight:400!important;
	text-align:justify
}
.tip-dialog .el-dialog {
	width:400px
}
.tip-dialog .el-dialog .hmweifasong {
	color:#e66625;
	margin-right:5px
}
.tip-dialog .el-dialog__body {
	line-height:1.7;
	text-align:justify
}
.tip-dialog .el-dialog__body .line2 {
	font-weight:700;
	padding-bottom:10px
}
.components-updateimage .font_size {
	color:#888;
	font-size:14px;
	margin-left:24px;
	line-height:34px;
	float:left
}
.components-updateimage .upload-demo {
	float:left
}
.components-updateimage .err-msg {
	color:tomato
}
.components-updateimage .upload-cover {
	background:#333;
	border-color:#333
}
.components-updatepackage .upload-demo {
	float:left
}
.components-updatepackage .upload-btn {
	display:inline-block;
	width:90px;
	height:30px;
	background:#333;
	color:#fff;
	font-size:14px;
	line-height:30px;
	text-align:center
}
.components-updatepackage .upload-btn.disabled {
	cursor:not-allowed
}
.components-updatevideo .iconbox {
	width:320px;
	padding-top:60px
}
.components-updatevideo .iconbox .hmicon {
	font-size:40px
}
.components-updatevideo .iconbox .fline {
	width:100%;
	text-align:center;
	font-size:30px;
	color:#999
}
.components-updatevideo .iconbox .sline {
	width:100%;
	color:#555;
	text-align:center;
	margin-top:10px
}
.components-updatevideo .iconbox .sline i {
	color:#555;
	vertical-align:middle;
	padding-right:5px
}
.components-updatevideo .iconbox.disabled .el-icon-plus, .components-updatevideo .iconbox.disabled .sline {
	color:#ccc!important
}
.upload-attach-dialog .el-dialog__title {
	font-weight:700;
	color:#333
}
.upload-attach-dialog .el-input__inner {
	line-height:normal
}
.upload-attach-dialog .rich-wrap {
	min-height:200px;
	width:550px
}
.upload-attach-dialog .rich-wrap .tox .tox-toolbar__group {
	width:450px
}
.upload-attach-dialog .el-dialog {
	margin-top:6vh!important
}
.upload-attach-dialog .upload-rule {
	margin-left:20px;
	color:#c4c4c4;
	cursor:pointer
}
.upload-attach-dialog .upload_list {
	font-size:14px;
	margin-left:90px
}
.upload-attach-dialog .upload_list li {
	margin-top:19px;
	line-height:24px
}
.upload-attach-dialog .upload_list .file_name {
	color:#333;
	word-break:break-all
}
.upload-attach-dialog .upload_list .edit {
	color:#333;
	margin-left:30px
}
.upload-attach-dialog .upload_list .delete {
	color:#a6a6a6;
	margin-left:20px
}
.upload-attach-dialog .cancle, .upload-attach-dialog .confirm {
	display:inline-block;
	text-align:center;
	padding:0!important;
	width:120px;
	height:40px;
	line-height:40px;
	padding:0;
	font-size:16px;
	font-weight:400
}
.upload-attach-dialog .cancle.el-button--default:focus, .upload-attach-dialog .cancle.el-button--default:hover {
	color:#333;
	border-color:#333;
	background:none
}
.upload-attach-dialog .confirm.el-button--primary {
	background:#333;
	border-color:#333
}
.upload-attach-dialog .file-item>span {
	display:inline-block
}
.upload-attach-dialog .file-item .filename {
	width:300px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	vertical-align:middle
}
.upload-attach-dialog .delspan {
	cursor:pointer
}
.upload-attach-dialog .upload-wrap {
	max-height:calc(80vh - 150px);
	min-height:400px;
	overflow-y:hidden
}
.upload-attach-dialog .upload-wrap:hover {
	overflow-y:scroll
}
.upload-attach-dialog .related-dialog .pagination {
	margin-top:15px
}
.upload-attach-dialog .related-dialog .related-wrap {
	max-height:calc(80vh - 200px);
	min-height:400px;
	overflow-y:hidden;
	padding:0 40px;
	color:#222;
	margin-right:0
}
.upload-attach-dialog .related-dialog .related-wrap:hover {
	overflow-y:auto;
	margin-right:-10px
}
.upload-attach-dialog .related-dialog .related-wrap .resource-item {
	display:flex;
	justify-content:space-between;
	font-size:16px;
	padding:20px 0;
	border-bottom:1px solid #eee;
	cursor:pointer;
	width:670px
}
.upload-attach-dialog .related-dialog .related-wrap .resource-item .icon-gou {
	display:flex;
	justify-content:center;
	align-items:center;
	width:16px;
	height:16px;
	font-size:12px;
	border-radius:50%;
	color:#888;
	border:1px solid #888
}
.upload-attach-dialog .related-dialog .related-wrap .resource-item .icon-gou .img {
	font-size:12px
}
.upload-attach-dialog .related-dialog .related-wrap .resource-item:hover {
	color:#f40d04
}
.upload-attach-dialog .related-dialog .related-wrap .resource-item.disabled {
	color:#888
}
.upload-attach-dialog .related-dialog .related-wrap .resource-item.disabled .icon-gou {
	visibility:hidden
}
.upload-attach-dialog .related-dialog .related-wrap .resource-item.active {
	color:#f40d04
}
.upload-attach-dialog .related-dialog .related-wrap .resource-item.active .icon-gou {
	visibility:visible;
	color:#f40d04;
	border-color:#f40d04
}
.upload-attach-dialog .rich-wrap .el-form-item__content {
	line-height:1;
	border:1px solid rgba(0, 0, 0, .05)
}
.upload-attach-dialog .upload-toolbar .editor-toolbar-content {
	padding:10px 5px 8px;
	box-sizing:border-box;
	justify-content:space-around
}
.upload-attach-dialog .rich_text {
	min-height:200px;
	box-sizing:border-box;
	padding:10px 15px
}
.upload-attach-dialog .am-engine.am-engine-placeholder:before {
	font-size:14px!important
}
.components-usertop {
	width:100%;
	background:linear-gradient(33deg, #f4f6f7, #f8fafa);
	padding-bottom:25px
}
.components-usertop .content {
	width:1200px;
	margin:0 auto;
	padding-top:44px
}
.components-usertop .content .imgbox {
	float:left;
	width:120px;
	height:120px;
	margin-right:20px;
	border-radius:50%;
	overflow:hidden
}
.components-usertop .content .imgbox img {
	width:100%;
	height:100%;
	border-radius:50%
}
.components-usertop .content .center {
	width:720px;
	float:left
}
.components-usertop .content .center .fline {
	display:flex;
	width:100%;
	align-items:center
}
.components-usertop .content .center .name {
	font-size:26px;
	line-height:35px;
	font-weight:600
}
.components-usertop .content .center .name div {
	color:#000
}
.components-usertop .content .center .level {
	padding:0 14px;
	height:24px;
	background:linear-gradient(-30deg, #1b1f23, #494d51);
	border-radius:12px;
	font-size:14px;
	font-family:Arial;
	font-weight:600;
	font-style:italic;
	color:#fff;
	line-height:25px;
	text-align:center;
	margin-left:10px;
	cursor:auto
}
.components-usertop .content .center .yearstar {
	margin-left:10px
}
.components-usertop .content .center .yearstar img {
	display:block;
	height:24px
}
.components-usertop .content .center .start_community {
	width:94px;
	display:flex;
	align-items:center;
	height:24px;
	border-radius:12px;
	margin-left:10px;
	background-color:#ffe7e7
}
.components-usertop .content .center .start_community img {
	width:24px
}
.components-usertop .content .center .start_community span {
	font-size:14px;
	color:#ee553c
}
.components-usertop .content .center .team_tech {
	display:flex;
	align-items:center;
	justify-content:center;
	width:128px;
	height:24px;
	border-radius:12px;
	margin-left:10px;
	cursor:pointer;
	background:linear-gradient(90deg, #5c8dfc, #3971f1)
}
.components-usertop .content .center .team_tech i {
	font-size:16px;
	color:#fff
}
.components-usertop .content .center .team_tech span {
	display:inline-block;
	margin-left:5px;
	color:#fff;
	font-size:14px
}
.components-usertop .content .center .sline {
	width:100%;
	padding-top:20px
}
.components-usertop .content .center .sline .dec {
	font-size:16px;
	color:#919191
}
.components-usertop .content .center .sline .dec span {
	padding-right:10px
}
.components-usertop .content .center .sline .dec .hmicon {
	font-size:14px;
	cursor:pointer
}
.components-usertop .content .center .tline {
	width:100%;
	height:30px;
	line-height:30px;
	padding-top:25px
}
.components-usertop .content .center .tline .tbhd {
	float:left;
	line-height:30px;
	color:#3e4044;
	font-size:16px;
	margin-right:30px;
	position:relative
}
.components-usertop .content .center .tline .tbhd .linkto, .components-usertop .content .center .tline .tbhd a {
	color:#232323;
	text-decoration:none;
	cursor:pointer
}
.components-usertop .content .center .tline .tbhd .linkto:hover, .components-usertop .content .center .tline .tbhd .linkto:hover .hmicon, .components-usertop .content .center .tline .tbhd a:hover, .components-usertop .content .center .tline .tbhd a:hover .hmicon {
	color:#f40d04
}
.components-usertop .content .center .tline .tbhd .iconbox {
	display:inline-block;
	padding:0 0 0 2px;
	transform:scale(.7);
	top:1px;
	position:relative
}
.components-usertop .content .center .tline .tbhd .iconbox-redu {
	display:inline-block;
	padding:0 0 0 2px;
	position:relative
}
.components-usertop .content .center .tline .tbhd .iconbox-redu .redu {
	width:18px;
	height:18px;
	background:url(https://s2.51cto.com/media/ost/sp/redu@2x.png) no-repeat;
	background-size:100%;
	display:inline-block;
	top:3px;
	position:relative
}
.components-usertop .content .center .tline .tbhd .hmicon {
	font-size:10px;
	color:#888;
	transform:scale(.6)
}
.components-usertop .content .center .is_head {
	width:100%;
	display:flex;
	margin-top:25px;
	flex-wrap:wrap
}
.components-usertop .content .center .is_head a {
	display:inline-block;
	height:30px;
	line-height:30px;
	padding:0 24px;
	font-size:16px;
	border-radius:30px;
	background:#f7efe9;
	color:#e3713a;
	margin-right:10px;
	margin-bottom:20px
}
.components-usertop .content .center .identity {
	width:52px;
	height:24px;
	line-height:24px;
	border-radius:14px;
	color:#fff;
	font-size:14px;
	text-align:center;
	letter-spacing:1px;
	display:inline-block;
	margin-left:10px
}
.components-usertop .content .center .official {
	background-image:linear-gradient(90deg, #93b4ff, #5c8dfc)
}
.components-usertop .content .center .simply {
	background-image:linear-gradient(90deg, #65d27d, #40bd46)
}
.components-usertop .content .center .vest {
	background-image:linear-gradient(90deg, #fbdfac, #e6bc72)
}
.components-usertop .content .right {
	width:320px;
	float:right;
	margin-top:55px
}
.components-usertop .content .right .txt {
	color:#888;
	font-size:14px;
	line-height:30px;
	text-align:right
}
.components-usertop .content .right .private {
	width:108px;
	height:40px;
	border:1px solid #f40d04;
	border-radius:6px;
	font-size:18px;
	font-weight:400;
	color:#f40d04;
	line-height:40px;
	text-align:center;
	position:absolute;
	margin-left:78px;
	cursor:pointer
}
.components-usertop .content .right .focus_user {
	border-radius:6px
}
.components-usertop .focus {
	width:110px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#f40d04;
	color:#fff;
	font-size:18px;
	border-radius:2px;
	border:1px solid #f40d04;
	cursor:pointer;
	float:right;
	border-radius:6px
}
.components-usertop .focus:hover {
	background:#0c6137
}
.components-usertop .focus.active {
	background:rgba(244, 13, 4, .20392);
	color:#f40d04;
	border:1px solid rgba(244, 13, 4, .20392)
}
.components-usertop .focus.active:hover {
	background:rgba(244, 13, 4, .4)
}
.components-usertop .focus.success {
	background:rgba(244, 13, 4, .20392);
	color:#f40d04;
	border:1px solid rgba(244, 13, 4, .20392)
}
.components-usertop .focus.success:hover {
	background:rgba(244, 13, 4, .4)
}
.components-usertop .focus.cancel {
	background:#f40d04;
	color:#fff
}
.components-usertop .focus.cancel:hover {
	background:#0c6137
}
.components-usertop .no_self {
	cursor:default!important
}
.components-usertop .no_self:hover {
	color:#232323!important
}
.editor-catalogue {
	background-color:#fff;
	box-sizing:border-box;
	padding:26px 33px
}
.editor-catalogue .catalogue-title {
	font-size:16px;
	font-weight:600;
	color:#333;
	line-height:22px
}
.editor-catalogue .catalogue-data {
	padding:57px 0 80px;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#b7b7b7;
	line-height:20px
}
.editor-catalogue .catalogue-list {
	display:block;
	margin-top:18px
}
.editor-catalogue .catalogue-list .catalogue-h {
	color:#333;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:20px;
	margin-bottom:10px;
	cursor:pointer
}
.editor-catalogue .catalogue-list .catalogue-h:hover {
	color:#367ed2
}
.editor-catalogue .catalogue-list .catalogue-h2, .editor-catalogue .catalogue-list .catalogue-H2 {
	text-indent:0
}
.editor-catalogue .catalogue-list .catalogue-h3, .editor-catalogue .catalogue-list .catalogue-H3 {
	text-indent:10px
}
.editor-catalogue .catalogue-list .catalogue-h4, .editor-catalogue .catalogue-list .catalogue-H4 {
	text-indent:20px
}
.editor-catalogue .catalogue-list .catalogue-h5, .editor-catalogue .catalogue-list .catalogue-H5 {
	text-indent:30px
}
.editor-catalogue .catalogue-list .catalogue-h6, .editor-catalogue .catalogue-list .catalogue-H6 {
	text-indent:40px
}
.wukong-content em, .wukong-content em * {
	font-style:italic
}
.wukong-content sup {
	font-size:smaller;
	vertical-align:super
}
.wukong-content sub {
	font-size:smaller;
	vertical-align:sub
}
.wukong-content a {
	color:#f40d04
}
.wukong-content h2, .wukong-content h3, .wukong-content h4, .wukong-content h5, .wukong-content h6 {
	font:revert;
	padding:0;
	margin:revert
}
#voteDialog {
	height:100%
}
#voteDialog .vote-dialog {
	border-radius:5px;
	width:740px;
	top:50%;
	left:50%;
	margin:0;
	right:auto;
	transform:translate(-50%, -50%)
}
#voteDialog .vote-dialog .dialog-top {
	padding-top:30px
}
#voteDialog .vote-dialog .dialog-top p {
	font-size:14px;
	color:#919191;
	margin-top:10px;
	text-align:center;
	line-height:1
}
#voteDialog .vote-dialog .dialog-top .vote-title {
	text-align:center;
	font-weight:700;
	font-size:18px;
	color:#333;
	margin-top:0
}
#voteDialog .vote-dialog .dialog-content {
	max-height:450px
}
#voteDialog .vote-dialog .dialog-content .vote-editor {
	padding-left:65px;
	padding-right:65px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .operate {
	transform:translate(-30px)
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .operate .more {
	font-size:14px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .left-span {
	font-size:14px;
	width:70px;
	color:#333
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .left-span:before {
	content:"*";
	color:#fd5454;
	margin-right:3px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .right-box {
	font-size:14px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .image-box .left-upload {
	margin-right:5px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .select-type-arr, #voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .vote-style-arr, #voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .vote-type-arr {
	display:flex;
	align-items:center
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .select-type-arr label, #voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .vote-style-arr label, #voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .vote-type-arr label {
	width:105px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item input.right-box {
	width:450px;
	height:37px;
	background-color:#fff;
	border:1px solid #ececec;
	border-radius:4px;
	padding-left:8px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .select-day, #voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item .select-time {
	width:100px;
	min-width:100px;
	height:37px;
	background-color:#fff;
	border:1px solid #ececec;
	border-radius:4px;
	padding-left:8px;
	margin-right:4px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item input[type=radio] {
	position:relative;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:1px solid #c3c2c9;
	box-sizing:border-box
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item input[type=radio]:checked {
	border:none;
	background:none
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item input[type=radio]:checked:before {
	content:"";
	width:14px;
	height:14px;
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	top:0;
	left:0;
	border:1px solid #fd5454;
	border-radius:50%;
	box-sizing:border-box
}
#voteDialog .vote-dialog .dialog-content .vote-editor .flex-vote-item input[type=radio]:checked:after {
	content:"";
	width:8px;
	height:8px;
	text-align:center;
	background:#fd5454;
	border-radius:50%;
	display:block;
	position:absolute;
	top:3px;
	left:3px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .vote-options-box {
	margin-top:15px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .vote-options-box .vote-option-item .left-span {
	font-size:0
}
#voteDialog .vote-dialog .dialog-content .vote-editor .vote-options-box .vote-option-item .left-span:before {
	content:""
}
#voteDialog .vote-dialog .dialog-content .vote-editor .vote-options-box .option-item-title {
	background-color:#fff;
	border:1px solid #ececec;
	border-radius:4px;
	padding-left:8px;
	height:37px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .vote-options-box .options-btn-box .options-btn {
	margin:0 0 0 85px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .options-rank .options-btn-box .options-btn {
	margin:0 0 0 10px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .options-rank .item-rank {
	margin:0 10px 10px 0
}
#voteDialog .vote-dialog .dialog-content .vote-editor .options-rank .item-rank .top-module {
	background:#fff;
	padding-bottom:10px
}
#voteDialog .vote-dialog .dialog-content .vote-editor .options-rank .item-rank .top-module .top-upload {
	background:rgba(240, 240, 236, .74902)
}
#voteDialog .vote-dialog .dialog-content .vote-editor .options-rank .item-rank .top-module .top-upload .upload-text {
	font-size:12px;
	color:#9e9e9e
}
#voteDialog .vote-dialog .dialog-content .vote-editor .options-rank .item-rank .top-module .rank-name {
	font-size:16px;
	padding:0 2px;
	text-align:center
}
#voteDialog .vote-dialog .dialog-content .vote-editor .options-rank .item-rank .link-input {
	font-size:14px;
	padding:0 2px;
	text-align:center
}
#voteDialog .vote-dialog .dialog-content .vote-editor .tip {
	margin-left:95px;
	color:#f56c6c;
	font-size:12px
}
#voteDialog .vote-dialog .dialog-content .vote-editor input[type=text] {
	line-height:normal
}
#voteDialog .vote-dialog .dialog-foot {
	display:flex;
	align-items:center;
	justify-content:center;
	padding-bottom:60px
}
#voteDialog .vote-dialog .dialog-foot .btn {
	margin:0 10px;
	width:120px;
	height:36px;
	line-height:34px;
	box-sizing:border-box;
	padding:0
}
#voteDialog .vote-dialog .dialog-foot .primary {
	background:#333;
	border-color:#333
}
#voteDialog .vote-dialog .dialog-foot .cancle {
	color:#333;
	background:#fff;
	border:1px solid #ececec
}
#voteDialog .vote-dialog input[type=text]::-moz-placeholder {
color:#a6a6a6
}
#voteDialog .vote-dialog input[type=text]:-ms-input-placeholder {
color:#a6a6a6
}
#voteDialog .vote-dialog input[type=text]::placeholder {
color:#a6a6a6
}
.wukong-content+div .data-link-op .wukong-tooltip {
	font-size:14px
}
.toupiao {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIEAYAAAD9yHLdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAABHFJREFUeNrt3aFvU2sAxuHvnE40ATGBwDGSYab4D+BPqIBZHCjITLcEsyChAgJqM4BbqJlEETDo+SG6ZAKBgGSiIWPniuWqK9b7jvBReB73meY9OU1+yUl6WgoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC/rab2AP4Mo/uj+6P7a2snz0+enzxfXKy950zbZbts7+1t3Nu4t3Fvd7f2HJhHC7UH8Gfo9rv9bn9trRk1o2Z05UrtPWdpdpqdZuf169OTgECirT0AgPkkIABEBASAiIAAEBEQACICAkBEQACICAgAEQEBICIgAEQEBICIgAAQERAAIgICQERAAIgICAARAQEgIiAARAQEgIiAABAREAAiAgJAREAAiAgIABEBASAiIABEBASAiIAAEFmoPQDm2eOtx1uPtwaDcrfcLXevX6+95yztg/ZB++Dr1+GL4Yvhi2fPau9hvgkInEO71W61W4NB96371n27c6f2nrN0+91+t39wcHoSEM7HIywAIgICQERAAIgICAARAQEgIiAARAQEgIiAABAREAAiAgJAREAAiAgIABEBASAiIABEBASAiIAAEBEQACICAkDEX9r+JE+7p93TbnHxe/levpe1tdp7ZtWMm3Ez3t1dX11fXV/d26u9B5gfAvKTTMu0TMviYm/UG/VGm5u198xsqSyVpcnk9CAgwOw8wgIgIiAARAQEgIiAABAREAAiAgJAREAAiAgIABEBASAiIABEBASAiIAAEBEQACICAkBEQACICAgAEQEBICIgAEQEBICIgAAQERAAIgICQGSh9gBg/mx2m91md/Fiv/RLv1y6VHvPrKZlWqbl8PBR86h51Bwf194z7wQE+N8ujC+ML4xv3SqTMimTly9r75lVf9gf9odXr56eJpPae+adR1gARAQEgIiAABAREAAiAgJAREAAiAgIABEBASAiIABEBASAiIAAEBEQACICAkBEQACICAgAEQEBICIgAEQEBICIgAAQERAAIgICQERAAIgICACRhdoD/hTttfZae+34uCyX5bJ8cFB7z6y6T92n7tPR0bk/aKWslJXDw/KuvCvval/VDNf9sfvYffzypfRLv/R/wucMyqAM5uC+/3uf3pa35e05rvth97B7eHTULDfLzRx939vtdrvdPj6uvQMAAAAAAAAAAAAAAAAA4LfX1B5Qy5M3T948eXP58o/bP27/uN0/x2+Rgb9Vb9wb98bT6frq+ur66ufPtff8an/5q0x2dnqj3qg3unGj9hJgDi2VpbL04cPp4ebN2nN+NS9TBCAiIABEBASAiIAAEBEQACICAkBEQACICAgAEQEBICIgAEQEBICIgAAQERAAIgICQOQvf537q1fdsBt2w/fvay8B5k8zbsbNeDKpvQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD+4x8INsAO41S9bwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wOC0wM1QxOTozMTo1NSswODowMLFz6YgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDgtMDNUMTk6MzE6NTUrMDg6MDDALlE0AAAAUXRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy9ob21lL2FkbWluL2ljb24tZm9udC90bXAvaWNvbl82Y2JnajA5Y2poOC93ZW5qdWFudG91cGlhby5zdmd+rPFFAAAAAElFTkSuQmCC);
	display:inline-block;
	background-size:100%;
	width:21px;
	height:21px
}
.editor-toolbar .toolbar-button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto;
	min-width:26px;
	margin:0;
	text-align:center;
	padding:0 7px;
	background-color:transparent;
	border:1px solid transparent;
	border-radius:3px 3px;
	font-size:16px;
	cursor:pointer;
	color:#595959;
	outline:none
}
.editor-toolbar .toolbar-button span {
	font-size:12px
}
.editor-toolbar.editor-toolbar-popup .toolbar-button {
	min-width:24px;
	line-height:24px;
	border-radius:4px
}
.editor-toolbar:not(.editor-toolbar-mobile) .toolbar-button {
padding:0 4px;
margin:0 1px
}
.editor-toolbar:not(.editor-toolbar-mobile) .toolbar-button:hover {
border:1px solid transparent;
background-color:#f5f5f5
}
.wk-toolbar-collapseself {
	width:auto;
	min-width:0!important
}
.wk-toolbar-collapseself .toolbar-button {
	background-color:transparent;
	border:1px solid transparent;
	border-radius:3px 3px;
	font-size:16px;
	cursor:pointer;
	color:#595959;
	outline:none
}
.wk-toolbar-collapseself .data-toolbar-table-selector .data-toolbar-table-selector-tr {
	display:flex;
	flex-wrap:nowrap
}
.wk-toolbar-collapseself .data-toolbar-table-selector .data-toolbar-table-selector-tr .data-toolbar-table-selector-td {
	width:20px;
	height:16px;
	border:1px solid #d9d9d9;
	margin-right:-1px;
	margin-bottom:-1px;
	cursor:pointer
}
.wk-toolbar-collapseself .data-toolbar-table-selector .data-toolbar-table-selector-tr .data-toolbar-table-selector-td.actived {
	background:#ddefff
}
.wk-toolbar-collapseself .data-toolbar-table-selector .data-toolbar-table-selector-info {
	text-align:center
}
.wk-toolbar-collapseself .editor-toolbar .toolbar-button-active, .wk-toolbar-collapseself .editor-toolbar:not(.editor-toolbar-mobile) .toolbar-button-active:hover, .wk-toolbar-collapseself .editor-toolbar:not(.editor-toolbar-mobile) .toolbar-button:active {
background-color:#e8e8e8;
border:1px solid transparent
}
.wk-toolbar-collapseself .editor-toolbar .toolbar-button-disabled, .wk-toolbar-collapseself .editor-toolbar:not(.editor-toolbar-mobile) .toolbar-button-disabled:hover {
background-color:transparent;
border:1px solid transparent;
box-shadow:none;
color:#000;
opacity:.25;
cursor:not-allowed
}
.toolbar-button {
	background-color:transparent;
	border:1px solid transparent;
	border-radius:3px 3px;
	font-size:14px;
	cursor:pointer;
	color:#595959;
	outline:none;
	padding:0!important;
	margin:0!important
}
.editor-toolbar .colorpicker-button .colorpicker-button-group {
	padding:0 2px
}
.colorpicker-button-group .toolbar-button {
	padding:0
}
.colorpicker-button-text {
	margin-right:0;
	min-width:26px;
	border-radius:3px 0 0 3px;
	display:block;
	height:23px
}
.editor-toolbar.editor-toolbar-popup .colorpicker-button-group .colorpicker-button-text {
	margin:0;
	border-radius:3px 0 0 3px
}
.colorpicker-button-group .colorpicker-button-text:active {
	background-color:#e8e8e8
}
.colorpicker-button-group .colorpicker-button-dropdown {
	margin-left:-1px;
	min-width:17px!important;
	text-align:center;
	padding:0;
	border-radius:0 3px 3px 0;
	display:block;
	font-size:0;
	height:23px
}
.editor-toolbar.editor-toolbar-popup .colorpicker-button-group .colorpicker-button-dropdown {
	line-height:24px;
	min-width:17px;
	padding:0 4px;
	margin:0 0 0 -1px;
	border-radius:0 3px 3px 0
}
.colorpicker-button-group .colorpicker-button-dropdown:active, .colorpicker-button-group .colorpicker-button-dropdown:hover {
	background-color:#e8e8e8
}
.colorpicker-button-group .colorpicker-button-dropdown .colorpicker-button-dropdown-empty {
	display:inline-block
}
.colorpicker-button-group-active .toolbar-button, .colorpicker-button-group-active:hover .toolbar-button, .colorpicker-button-group:hover .toolbar-button {
	border:1px solid #e8e8e8
}
.data-icon {
	font-family:data-icon!important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	display:inline-block
}
.toolbar-dropdown .toolbar-dropdown-trigger-arrow .data-icon-arrow {
	margin-top:2px;
	width:8px;
	height:8px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjQ1Ij48cGF0aCBkPSJNMC0yaDh2OEgweiIvPjxwYXRoIGQ9Ik0uNTk2LjU1N2wzLjE1IDMuODIxYS4zMzIuMzMyIDAgMDAuNDk1IDBMNy40MDUuNTU3YS4zMzIuMzMyIDAgMDAtLjI0Ny0uNTUzSC44NDVhLjMzMi4zMzIgMCAwMC0uMjQ5LjU1M3oiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=);
	background-repeat:no-repeat;
transition:all .25s cubic-bezier(.3, 1.2, .2, 1)
}
.toolbar-dropdown .toolbar-dropdown-list {
	box-shadow:0 2px 10px #000
}
.toolbar-dropdown .toolbar-dropdown-trigger {
	align-items:center
}
.colorpicker-button-group .colorpicker-button-text {
	margin-right:0;
	min-width:26px;
	border-radius:3px 0 0 3px;
	display:block
}
.colorpicker-default {
	display:flex;
	align-items:center;
	padding:4px 8px;
	margin:4px 0 8px;
	border-radius:2px;
	cursor:pointer
}
.colorpicker-default:hover {
	background-color:#f5f5f5
}
.colorpicker-default-text {
	margin-left:8px
}
.colorpicker-group {
	display:flex;
	width:100%;
	height:auto;
	position:relative;
	padding:0 8px;
	box-sizing:border-box
}
.colorpicker-group:nth-child(2) {
margin-bottom:6px
}
.colorpicker-group:last-child {
	margin-bottom:0
}
.colorpicker-group-item {
	width:24px;
	height:24px;
	padding:2px;
	display:inline-block;
	border-radius:3px 3px;
	border:1px solid transparent;
	flex:0 0 auto;
	box-sizing:border-box;
	cursor:pointer;
	background-color:#fff
}
.colorpicker-group-item>span {
	position:relative;
	width:18px;
	height:18px;
	display:block;
	padding:0;
	box-sizing:border-box;
	border-radius:2px 2px;
	border:1px solid transparent
}
.colorpicker-group-item>span svg {
	position:absolute;
	top:-1px;
	left:1px;
	width:12px;
	height:12px
}
.colorpicker-group-item-border>span {
	border:1px solid #e8e8e8
}
.colorpicker-group-item-special {
	position:relative
}
.colorpicker-group-item-special:after {
	content:"";
	display:block;
	position:absolute;
	top:10px;
	left:0;
	width:22px;
	height:0;
	border-bottom:2px solid #ff5151;
	transform:rotate(45deg)
}
.colorpicker-group-item:hover {
	border:1px solid #d9d9d9;
	box-shadow:0 1px 2px rgba(0, 0, 0, .12)
}
.editor-toolbar .toolbar-button-active, .editor-toolbar:not(.editor-toolbar-mobile) .toolbar-button-active:hover, .editor-toolbar:not(.editor-toolbar-mobile) .toolbar-button:active {
background-color:#e8e8e8;
border:1px solid transparent
}
.editor-toolbar .toolbar-button-disabled, .editor-toolbar:not(.editor-toolbar-mobile) .toolbar-button-disabled:hover {
background-color:transparent;
border:1px solid transparent;
box-shadow:none;
color:#000;
opacity:.25;
cursor:not-allowed
}
.toolbar-dropdown {
	position:relative
}
.colorpicker-button-text {
	min-width:28px
}
.toolbar-dropdown .toolbar-dropdown-trigger {
	display:flex;
	align-items:stretch;
	height:100%
}
.editor-toolbar .toolbar-dropdown .toolbar-button .toolbar-dropdown-button-text {
	font-weight:700
}
.toolbar-dropdown .toolbar-dropdown-trigger .toolbar-button {
	margin:0;
	height:23px;
	display:flex;
	align-items:center;
	justify-content:space-between
}
.toolbar-dropdown .toolbar-dropdown-button-text {
	font-size:12px;
	width:32px
}
.toolbar-dropdown .toolbar-dropdown-trigger-arrow .toolbar-button {
	padding-right:20px;
	margin:0
}
.data-icon-arrow {
	margin-top:2px;
	width:8px;
	height:8px;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjQ1Ij48cGF0aCBkPSJNMC0yaDh2OEgweiIvPjxwYXRoIGQ9Ik0uNTk2LjU1N2wzLjE1IDMuODIxYS4zMzIuMzMyIDAgMDAuNDk1IDBMNy40MDUuNTU3YS4zMzIuMzMyIDAgMDAtLjI0Ny0uNTUzSC44NDVhLjMzMi4zMzIgMCAwMC0uMjQ5LjU1M3oiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=);
	background-repeat:no-repeat;
transition:all .25s cubic-bezier(.3, 1.2, .2, 1)
}
.toolbar-dropdown .toolbar-dropdown-list {
	position:absolute;
	top:32px;
	font-size:12px;
	background:#fff;
	border:1px solid #e8e8e8;
	border-radius:3px 3px;
	box-shadow:0 2px 10px rgba(0, 0, 0, .12);
	padding:5px 0;
	height:auto;
transition:all .25s cubic-bezier(.3, 1.2, .2, 1);
	z-index:78;
	max-height:80vh;
	overflow:auto
}
.toolbar-dropdown.toolbar-dropdown-right:not(.toolbar-dropdown-right) .toolbar-dropdown-list {
left:0
}
.editor-toolbar-mobile .toolbar-dropdown .toolbar-dropdown-list, .editor-toolbar-popup .toolbar-dropdown .toolbar-dropdown-list:not(.toolbar-dropdown-placement-bottom) {
bottom:32px;
top:auto;
overflow:auto
}
.editor-toolbar-mobile .toolbar-dropdown .toolbar-dropdown-list {
	max-height:30vh
}
.editor-toolbar-mobile .toolbar-dropdown.toolbar-dropdown-right .toolbar-dropdown-list, .editor-toolbar-popup .toolbar-dropdown.toolbar-dropdown-right .toolbar-dropdown-list {
	right:0
}
.toolbar-dropdown .toolbar-dropdown-list .toolbar-dropdown-list-item {
	padding:2px 10px 2px 16px;
	line-height:30px;
	color:#595959;
	text-align:left;
	position:relative;
	display:flex;
	white-space:nowrap;
	cursor:pointer;
	background:transparent;
	border:none
}
.toolbar-dropdown .toolbar-dropdown-list .toolbar-dropdown-list-item-disabled {
	color:rgba(17, 31, 44, .24);
	cursor:not-allowed;
	background:transparent;
	border:none
}
.toolbar-dropdown .toolbar-dropdown-list .toolbar-dropdown-list-item:not(.toolbar-dropdown-list-item-disabled):hover {
color:#262626;
background-color:#f5f5f5;
border:none
}
.toolbar-dropdown .toolbar-dropdown-list .toolbar-dropdown-list-item .data-icon {
	margin-right:8px
}
.toolbar-dropdown .toolbar-dropdown-list.toolbar-dropdown-horizontal .toolbar-dropdown-list-item {
	background:transparent;
	border:none
}
.toolbar-dropdown .toolbar-dropdown-list.toolbar-dropdown-dot .toolbar-dropdown-list-item {
	padding-left:30px;
	padding-right:16px;
	white-space:nowrap;
	cursor:pointer;
	background:transparent;
	border:none;
	width:100%
}
.toolbar-dropdown .toolbar-dropdown-list .toolbar-dropdown-list-item .data-icon-dot {
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-7px;
	width:14px;
	height:14px;
	display:block;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjQ2OSAyLjU5OGgtLjk1NmEuNDM1LjQzNSAwIDAwLS4zNDMuMTY2TDUuNTMzIDkuOTA1IDIuODMgNi40OGEuNDM3LjQzNyAwIDAwLS4zNDMtLjE2NkgxLjUzYS4xMS4xMSAwIDAwLS4wODYuMTc2bDMuNzQ1IDQuNzQ0YS40MzkuNDM5IDAgMDAuNjg4IDBsNi42NzctOC40NjFhLjEwOC4xMDggMCAwMC0uMDg2LS4xNzV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii40NSIvPjwvc3ZnPg==);
	background-repeat:no-repeat
}
.ec-edit-helper-content {
	width:346px;
	height:100%;
	background:#fff;
	box-shadow:-10px 0 25px 0 rgba(147, 153, 166, .1);
	border-radius:2px 0 0 2px;
	position:fixed;
	right:0;
	top:0;
	z-index:9999;
	box-sizing:border-box;
	line-height:1.5
}
.ec-edit-helper-content .helper-header {
	border-bottom:1px solid #f2f2f2;
	line-height:56px;
	padding:0 28px
}
.ec-edit-helper-content .helper-header .help-icon {
	margin-right:6px;
	width:22px;
	vertical-align:middle
}
.ec-edit-helper-content .helper-header span {
	font-size:16px;
	font-weight:600;
	color:#17233f;
	vertical-align:middle
}
.ec-edit-helper-content .helper-header .helper-close {
	font-size:21px;
	color:#313d54;
	float:right;
	cursor:pointer;
	margin-right:-5px
}
.ec-edit-helper-content .c-edit-helper-content-list {
	height:calc(100% - 50px);
	padding-left:28px;
	overflow-y:auto
}
.ec-edit-helper-content .c-edit-helper-content-list .shortcut—key {
	margin-bottom:10px
}
.ec-edit-helper-content .c-edit-helper-content-list .shortcut—key:first-child {
	margin-top:8px
}
.ec-edit-helper-content .c-edit-helper-content-list .shortcut—key .shortcut—key-title {
	font-size:14px;
	font-weight:500;
	color:#17233f;
	line-height:38px;
	font-weight:700;
	cursor:default;
	margin-bottom:6px
}
.ec-edit-helper-content .c-edit-helper-content-list .shortcut—key .shortcut—key-item {
	display:flex;
	margin-bottom:11px;
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text
}
.ec-edit-helper-content .c-edit-helper-content-list .shortcut—key .shortcut—key-item .shortcut—key-item-icon {
	color:#6b7484;
	position:relative;
	top:-4px
}
.ec-edit-helper-content .c-edit-helper-content-list .shortcut—key .shortcut—key-item .shortcut—key-item-name {
	font-size:14px;
	font-weight:400;
	color:#313d54;
	margin-left:22px;
	margin-right:22px;
	display:inline-block;
	width:63px
}
.ec-edit-helper-content .c-edit-helper-content-list .shortcut—key .shortcut—key-item .shortcut—key-item-key {
	font-size:14px;
	font-weight:400;
	line-height:20px;
	color:#697182
}
.ec-edit-helper-content .c-edit-helper-content-list .shortcut—key .shortcut—key-item .shortcut—key-item-key span {
	display:inline-block;
	background:#ecedf0;
	border-radius:3px;
	font-size:14px;
	padding:0 6px;
	color:#697182
}
.editor-toolbar {
	position:relative;
	width:100%;
	padding:0;
	z-index:80;
	border-top:1px solid rgba(0, 0, 0, .05);
	border-bottom:1px solid rgba(0, 0, 0, .05);
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.editor-toolbar .editor-toolbar-content {
	position:relative;
	flex-direction:row;
	background:transparent;
	text-align:center;
	padding:16px 0;
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap
}
.editor-toolbar .editor-toolbar-content .hot-key {
	font-size:14px;
	font-weight:400;
	color:#686868;
	line-height:20px;
	margin-left:30px;
	cursor:pointer
}
.word-loading .el-loading-spinner .path {
	stroke:#eee
}
.word-loading .el-loading-spinner .el-loading-text {
	color:#ccc
}
.zhibo-dialog-form .mybut {
	width:140px;
	height:46px;
	background:linear-gradient(323deg, #f07777, #fc4f4f);
	box-shadow:0 2px 3px 0 rgba(240, 37, 15, .1);
	border-radius:4px;
	line-height:46px;
	text-align:center;
	padding:0;
	margin:0 auto;
	color:#fff;
	cursor:pointer
}
.zhibo-dialog-form .phone_reserved_box {
	text-align:center
}
.zhibo-dialog-form .phone_reserved_btn {
	width:180px;
	height:48px;
	background:linear-gradient(319deg, #ff4f18, #f20000);
	box-shadow:0 4px 5px 0 rgba(240, 37, 15, .1);
	border-radius:9px;
	margin:0 auto 30px;
	color:#fff;
	font-size:16px;
	font-weight:600
}
.zhibo-dialog-form .el-button:hover {
	color:#efefef
}
.zhibo-dialog-form .reserved_form {
	display:flex;
	align-items:center;
	margin:44px 0 49px
}
.zhibo-dialog-form .reserved_form p {
	font-size:14px;
	font-weight:400;
	color:#333;
	margin-left:140px
}
.zhibo-dialog-form .reserved_form .el-form-item {
	margin:0
}
.zhibo-dialog-form .reserved_form .el-form-item .el-form-item__content {
	margin-left:48px
}
.zhibo-dialog-form .reserved_form .el-form-item .el-input__inner {
	border:none;
	padding:0
}
.zhibo-dialog-form .apply-form-title {
	height:25px;
	font-size:18px;
	font-weight:600;
	color:#111118;
	line-height:25px;
	text-align:center;
	margin-bottom:20px;
	margin-top:0
}
.zhibo-dialog-form .livetime {
	text-align:center;
	margin-top:-30px
}
.zhibo-dialog-form .code_sign {
	padding-top:20px
}
.zhibo-dialog-form .code_sign .custom-container {
	padding-bottom:50px;
	margin:0 auto;
	text-align:center;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:400;
	line-height:22px;
	color:#333
}
.zhibo-dialog-form .code_sign .custom-container .living-tit {
	font-size:24px;
	font-weight:600;
	line-height:33px
}
.zhibo-dialog-form .code_sign .custom-container .living-code {
	width:260px;
	height:260px;
	background:#d8d8d8
}
.zhibo-dialog-form .code_sign .custom-container .special-detail_btn {
	width:180px;
	height:48px;
	background:linear-gradient(323deg, #f07777, #fc4f4f);
	color:#fff;
	line-height:22px;
	font-weight:600
}
.zhibo-dialog-form .code_sign .custom-container .living-tit2 {
	font-size:24px;
	font-weight:600;
	line-height:33px
}
.zhibo-dialog-form .code_sign .custom-container .living-desc {
	font-size:22px;
	line-height:30px
}
.zhibo-dialog-form .code_sign .split-top-s {
	margin-top:4px
}
.zhibo-dialog-form .code_sign .split-top-m {
	margin-top:12px
}
.zhibo-dialog-form .code_sign .split-top-l {
	margin-top:20px
}
.zhibo-dialog-form .code_sign .split-top-xl {
	margin-top:40px
}
.zhibo-dialog-form .split-top-m {
	margin-top:12px
}
.zhibo-dialog-form .el-dialog__headerbtn {
	z-index:999999
}
.zhibo-dialog-form .el-dialog {
	border-radius:12px;
	margin-bottom:0;
	max-height:80vh
}
.zhibo-dialog-form .el-dialog .el-dialog__body {
	padding-top:0;
	padding-bottom:40px
}
.zhibo-dialog-form .el-dialog--center {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	margin:0!important
}
.zhibo-dialog-form .need-ai .el-form-item__label {
	line-height:20px
}
.zhibo-dialog-form .formStyle {
	max-height:50vh;
	overflow:auto;
	overflow-y:auto;
	margin:10px 0;
	padding-right:10px
}
.zhibo-dialog-form .agreement-item {
	margin-bottom:60px
}
.zhibo-dialog-form .agreement {
	line-height:20px;
	display:flex
}
.zhibo-dialog-form .agreement-box {
	width:790px;
	float:right;
	font-size:13px;
	color:#666;
	line-height:20px;
	padding-left:15px
}
.zhibo-dialog-form .agreement-box a {
	color:#f56c6c;
	line-height:20px
}
.zhibo-dialog-form .agreement-tip {
	color:#f56c6c;
	font-size:13px;
	margin-bottom:20px
}
.zhibo-dialog-form .el-dialog__body {
	position:relative
}
.zhibo-dialog-form .common-width .el-input__inner {
	width:300px
}
.zhibo-live-custombutton .el-button--danger {
	font-size:16px
}
.zhibo-live-custombutton.btn-size-list_special .el-button--danger {
	width:150px;
	height:50px
}
.zhibo-live-custombutton.btn-size-list_video .el-button--danger {
	width:120px;
	height:44px
}
.zhibo-live-custombutton.btn-size-live_detail .el-button--danger {
	width:180px;
	height:54px
}
.zhibo-live-custombutton.btn-bg_1 .el-button--danger {
	background:linear-gradient(323deg, #f07777, #fc4f4f);
	border:none
}
.zhibo-live-custombutton.btn-bg_1:hover .el-button--danger {
	background:linear-gradient(323deg, #fb4848, #fc4f4f);
	border:none
}
.zhibo-live-custombutton.btn-bg_2 .el-button--danger {
	background:#fdeeee;
	border-radius:4px;
	color:#f13232;
	border:none
}
.zhibo-live-custombutton.btn-bg_2:hover .el-button--danger {
	background:#fce0e0;
	border:none
}
.zhibo-live-custombutton.btn-bg_3 .el-button--danger {
	background:#f4f4f4;
	border-radius:4px;
	color:#333;
	border:none;
	font-weight:400
}
.zhibo-live-custombutton.btn-bg_3:hover .el-button--danger {
	background:#e8e6e6
}
.pendant {
	word-break:break-word;
	display:flex;
	height:26px;
	line-height:26px;
	font-size:14px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#fff
}
.pendant .pendant_l {
	padding:0 13px;
	text-align:center;
	border-radius:13px 0 0 13px;
	background:linear-gradient(323deg, #329232, #41af41)
}
.pendant .pendant_r {
	padding:0 13px;
	background:rgba(0, 0, 0, .7);
	border-radius:0 13px 13px 0
}
.pendant .pendant_r_more {
	border-radius:13px
}
.pendant .bg-color_blue {
	background:#0ae;
	box-shadow:0 3px 4px 0 rgba(240, 37, 15, .1)
}
.pendant .pendant_icon {
	font-size:14px
}
.pendant .no-padding {
	padding:0
}
.pendant .radius-right {
	border-radius:13px 13px 13px 13px
}
.pending-item {
	word-break:break-word;
	display:flex
}
.pending-item .pending-item_img {
	position:relative;
	min-width:358px;
	max-width:358px;
	height:202px;
	background:#c7e4e2;
	border-radius:4px;
	cursor:pointer
}
.pending-item .pending-item_img img {
	width:100%;
	height:100%;
	border-radius:4px
}
.pending-item .pending-item_img .pending-item_pendant {
	position:absolute;
	top:6px;
	left:7px
}
.pending-item .pending-item_mes {
	position:relative;
	flex:1;
	font-size:14px;
	font-family:PingFangSC-Light, PingFang SC;
	font-weight:400;
	color:#999990;
	line-height:20px
}
.pending-item .pending-item_mes .pending-item_tit {
	position:relative;
	top:-3.5px;
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:25px;
	cursor:pointer
}
.pending-item .pending-item_mes .pending-item_des {
	cursor:pointer;
	padding-right:15px;
	box-sizing:border-box;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	word-break:break-all
}
.pending-item .pending-item_mes .pending-item_tit:hover {
	color:#de0005
}
.pending-item .pending-item_mes .pending-item_people {
	display:flex;
	word-break:keep-all;
	flex-wrap:wrap;
	height:21px;
	overflow-y:hidden
}
.pending-item .pending-item_mes .pending-item_people .pending-item_nickname {
	cursor:pointer
}
.pending-item .pending-item_mes .pending-item_people img {
	width:20px;
	height:20px;
	border-radius:50%;
	vertical-align:middle
}
.pending-item .pending-item_mes .pending-item_people .pending-item_nickname:hover {
	color:#333
}
.pending-item .pending-item_mes .pending-item_btn {
	cursor:pointer;
	position:absolute;
	bottom:0;
	left:0
}
.pending-item .split-left-m {
	margin-left:20px
}
.pending-item .split-top-s {
	margin-top:8px
}
.pending-item .split-top-m {
	margin-top:20px
}
.pending-item .custom-color {
	color:#333
}
.lineup-root {
	display:flex
}
.lineup-root img {
	width:64px;
	height:64px;
	border-radius:50%;
	cursor:pointer
}
.lineup-root .lineup-right {
	margin-left:15px;
	word-break:break-all
}
.lineup-root .lineup-right .linup-name {
	display:inline-block;
	max-width:193px;
	font-size:16px;
	font-weight:600;
	color:#333;
	line-height:22px;
	cursor:pointer
}
.lineup-root .lineup-right .linup-name:hover {
	color:#de0005
}
.lineup-root .lineup-right .linup-desc {
	max-width:193px;
	font-size:14px;
	font-weight:300;
	color:#686868;
	line-height:20px;
	cursor:pointer
}
.personal-label {
	word-break:break-word;
	display:flex
}
.personal-label .personal-label_img {
	cursor:pointer;
	width:48px;
	height:48px;
	border-radius:50%
}
.personal-label .personal-label_img img {
	width:100%;
	height:100%;
	border-radius:50%
}
.personal-label .personal-label_desc {
	margin-left:16px;
	font-size:16px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#fff;
	line-height:22px
}
.personal-label .personal-label_desc .personal-label_desc_t {
	margin-top:7px;
	display:flex
}
.personal-label .personal-label_desc .personal-label_desc_t p {
	margin-right:15px;
	cursor:pointer;
	color:#a7a7a7;
	font-size:14px;
	font-weight:400;
	line-height:20px
}
.personal-label .personal-label_desc .personal-label_desc_t .personal-label_desc_btn {
	padding:0 10px;
	height:22px;
	line-height:22px;
	cursor:pointer;
	font-size:14px;
	background:linear-gradient(323deg, #ff4f18, #f20000);
	border-radius:12px;
	text-align:center;
	color:#fff
}
.personal-label .personal-label_desc .personal-label_desc_t .personal-label_desc_btn .pendant_icon_add {
	font-size:14px
}
.personal-label .personal-label_desc .personal-label_desc_t .personal-label_desc_btn.un {
	background:#f4f4f4;
	color:#999990
}
.personal-label .personal-label_desc .personal-label_desc_b {
	width:500px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.swipe-root {
	word-break:break-word;
	display:flex;
	height:100px;
	line-height:100px
}
.swipe-root .arrow_common {
	width:16px;
	height:64px;
	margin-top:18px
}
.swipe-root .dot_common {
	width:10px;
	height:2px;
	margin:49px 10px
}
.swipe-root .swipe-items {
	position:relative;
	width:500px;
	overflow:hidden
}
.swipe-root .swipe-items .swipe-items_content {
	position:absolute;
	top:0;
	left:0;
	display:flex;
	flex-wrap:nowrap;
	width:100%
}
.swipe-root .swipe-items .swipe-items_content .swipe-item {
	width:164px;
	flex-shrink:0;
	height:100px;
	border-radius:6px;
	padding:10px;
	box-sizing:border-box
}
.swipe-root .swipe-items .swipe-items_content .swipe-item img {
	width:100%;
	height:100%;
	border-radius:4px;
	cursor:pointer
}
.swipe-root .swipe-items .swipe-items_content .active-border {
	border:2px solid #ff9494
}
.swipe-root .opacity-s {
	display:none
}
.swipe-root .opacity-h {
	display:block
}
.zhibo-videow {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3
}
.zhibo-videow .close {
	color:#fff;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	z-index:5
}
.zhibo-videow .masked {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.3;
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	z-index:1
}
.zhibo-videow .video {
	position:absolute;
	background:#000;
	top:20%;
	left:50%;
	margin-left:-566px;
	z-index:2
}
.zhibo-videow .video, .zhibo-videow .video video {
	width:1132px;
	height:532px
}
.live-detail-content .live-detail-content_r .replay-item {
	width:360px;
	word-break:break-word;
	font-family:PingFangSC-Regular, PingFang SC
}
.live-detail-content .live-detail-content_r .replay-item.replay-item_small {
	width:275px
}
.live-detail-content .live-detail-content_r .replay-item .replay-item-img {
	cursor:pointer;
	position:relative;
	width:100%;
	height:202px;
	border-radius:4px
}
.live-detail-content .live-detail-content_r .replay-item .replay-item-img img {
	width:100%;
	height:100%;
	border-radius:4px
}
.live-detail-content .live-detail-content_r .replay-item .replay-item-img .replay-item_pendant {
	position:absolute;
	top:6px;
	left:7px
}
.live-detail-content .live-detail-content_r .replay-item .replay-item-img_small {
	height:155px
}
.live-detail-content .live-detail-content_r .replay-item .replay-item_tit {
	margin-top:14px;
	font-size:18px;
	font-weight:400;
	color:#333;
	line-height:25px;
	cursor:pointer;
	height:50px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.live-detail-content .live-detail-content_r .replay-item .replay-item_tit:hover {
	color:#de0005
}
.live-detail-content .live-detail-content_r .replay-item .replay-item_tit_small {
	font-size:14px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#333;
	height:24px;
	line-height:24px
}
.live-detail-content .live-detail-content_r .replay-item .replay-item_desc {
	font-size:14px;
	font-weight:400;
	color:#999990;
	line-height:24px;
	margin-top:9px;
	word-break:break-all
}
.live-detail-content .live-detail-content_r .replay-item .replay-item_foot {
	display:flex;
	justify-content:space-between;
	font-size:14px;
	font-weight:400;
	color:#999990;
	line-height:44px
}
.live-detail-content .live-detail-content_r .replay-item .replay-item_foot .replay-item_nickname:hover {
	cursor:pointer;
	color:#333
}
.live-detail-content .live-detail-content_r .replay-item .replay-item_foot img {
	width:20px;
	height:20px;
	border-radius:50%;
	vertical-align:middle
}
.live-detail-content .live-detail-content_r .replay-item .replay-item_foot_small {
	line-height:24px
}
.live-detail-content .live-detail-content_r .replay-item .split-left-m {
	margin-left:20px
}
.live-detail-content .live-detail-content_r .replay-item .split-top-s {
	margin-top:6px
}
.big-shot-item {
	width:190px;
	text-align:center;
	font-size:16px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#333;
	line-height:22px
}
.big-shot-item .big-shot-img {
	width:70px;
	height:70px;
	border-radius:50%
}
.big-shot-item .big-shot-img:hover {
	cursor:pointer
}
.big-shot-item .big-shot-name {
	margin-top:11px;
	font-weight:400
}
.big-shot-item .big-shot-name:hover {
	cursor:pointer
}
.big-shot-item .big-shot-description {
	font-size:14px;
	font-weight:400;
	color:#686868;
	line-height:20px;
	margin-top:8px
}
.big-shot-item:hover .big-shot-name {
	font-weight:700
}
.zhibo-livepage .live-detail {
	width:100%;
	background:#25252b;
	word-break:break-all
}
.zhibo-livepage .live-detail .live-detail_top {
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl {
	width:800px;
	padding-bottom:34px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_personal {
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:20px;
	box-sizing:border-box
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_personal .live-detail_top_share {
	display:flex;
	color:#fff;
	line-height:28px;
	padding-top:10px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_personal .live-detail_top_share .live-detail_text {
	color:#a7a7a7;
	font-size:13px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_personal .live-detail_top_share .share-icon-container {
	height:28px;
	width:28px;
	border-radius:50%;
	text-align:center;
	margin-left:15px;
	background:#4f4f4f;
	cursor:pointer
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_personal .live-detail_top_share .share-icon-container .share-icon {
	font-size:16px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_personal .live-detail_top_share .weixin-share-box {
	position:relative
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_personal .live-detail_top_share .weixin-share-box .ewm {
	display:none;
	box-sizing:border-box;
	position:absolute;
	right:0;
	bottom:-173px;
	padding:10px;
	width:120px;
	height:150px;
	background:#fff;
	box-shadow:0 2px 20px 0 rgba(165, 143, 140, .1);
	border-radius:6px;
	margin:10px auto;
	z-index:999
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_personal .live-detail_top_share .weixin-share-box .ewm img {
	width:100px;
	height:100px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_personal .live-detail_top_share .weixin-share-box .ewm p {
	font-size:14px;
	color:#999
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_personal .live-detail_top_share .weixin-share-box:hover .ewm {
	display:block
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_img {
	width:100%;
	height:453px;
	border-radius:4px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_tip {
	font-size:14px;
	font-family:PingFangSC-Light, PingFang SC;
	font-weight:400;
	color:#fff;
	line-height:20px;
	margin-top:23px;
	display:flex;
	justify-content:space-between
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_tip .live-detail_top_adver {
	display:inline-block;
	font-size:14px;
	font-family:PingFangSC-Light, PingFang SC;
	font-weight:400;
	color:#fff;
	line-height:20px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_tip .el-badge__content.is-fixed {
	right:4px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_tip .el-badge__content {
	background:transparent;
	border:none
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_tip .el-badge {
	margin-right:40px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_tip .thumbs-up-icon {
	cursor:pointer;
	font-size:16px;
	background-image:-webkit-linear-gradient(149deg, #fcfcfc, #dfdfdf 45%, #c7c7c7);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topl .live-detail_top_tip .thumbs-up-icon_active {
	cursor:pointer;
	font-size:16px;
	background-image:-webkit-linear-gradient(155deg, #ffc65e, #fcb138 36%, #fca315 67%, #ff9113);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topr {
	width:378px;
	height:451px;
	background:#1f1f1f;
	border-radius:4px;
	text-align:center;
	line-height:533px;
	margin-top:91px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topr .live-detail_start_time {
	display:inline-block;
	color:#fff;
	font-size:20px;
	font-weight:400;
	line-height:28px
}
.zhibo-livepage .live-detail .live-detail_top .live-detail_topr .live-detail_start_time .live-detail_start_btn {
	margin-top:12px
}
.zhibo-livepage .live-detail-content {
	width:1200px;
	margin:45px auto 0;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#333;
	line-height:22px;
	font-size:16px;
	display:flex;
	justify-content:space-between
}
.zhibo-livepage .live-detail-content .live-detail-content_l {
	width:820px
}
.zhibo-livepage .live-detail-content .live-detail-content_l .zhibo-swipe-box {
	margin-top:10px;
	display:flex;
	justify-content:space-between;
	margin-bottom:60px
}
.zhibo-livepage .live-detail-content .live-detail-content_l .zhibo-swipe-box .swipe-topic-content {
	margin-top:10px;
	width:208px;
	height:80px;
	background:#f2f2f2;
	border-radius:4px;
	padding:8px 14px;
	font-family:PingFangSC-Regular, PingFang SC;
	box-sizing:border-box;
	cursor:pointer
}
.zhibo-livepage .live-detail-content .live-detail-content_l .zhibo-swipe-box .swipe-topic-content .swipe-topic-content_icon {
	width:44px;
	height:20px;
	background:linear-gradient(323deg, #f07777, #fc4f4f);
	border-radius:2px;
	font-size:14px;
	text-align:center;
	font-weight:400;
	color:#fff;
	line-height:20px
}
.zhibo-livepage .live-detail-content .live-detail-content_l .zhibo-swipe-box .swipe-topic-content .swipe-topic-content_tit {
	margin-top:2px;
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction {
	word-break:break-all;
	font-size:1rem;
	color:#333;
	font-weight:400;
	font-style:normal;
	line-height:normal;
	padding-right:20px
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction h1 {
	font-size:32px!important
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction h2 {
	font-size:24px!important
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction h3 {
	font-size:18.72px!important
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction h4 {
	font-size:16px!important
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction h5 {
	font-size:13.28px!important
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction p {
	font-size:16px!important
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction a {
	display:block;
	width:100%
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction img {
	max-width:100%;
	height:auto
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction .eleImg {
	cursor:pointer;
	display:inline-block;
	font-size:18px;
	padding:0 3px
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction * {
	padding:0;
	margin:0;
	box-sizing:border-box
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction hr {
	cursor:pointer;
	display:block;
	height:0;
	border:0;
	border-top:3px solid #ccc;
	margin:20px 0
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction h1, .zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction h2, .zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction h3, .zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction h4, .zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction h5, .zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction p, .zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction pre, .zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction table {
	margin:10px 0;
	line-height:1.5
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction ol, .zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction ul {
	margin:10px 0 10px 20px
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction blockquote {
	display:block;
	border-left:8px solid #d0e5f2;
	padding:5px 10px;
	margin:10px 0;
	line-height:1.4;
	font-size:100%;
	background-color:#f1f1f1
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction code {
	display:inline-block;
	background-color:#f1f1f1;
	border-radius:3px;
	padding:3px 5px;
	margin:0 3px
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction pre code {
	display:block
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction table {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction table td, .zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction table th {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:3px 5px;
	min-height:30px;
	height:30px
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction table th {
	border-bottom:2px solid #ccc;
	text-align:center;
	background-color:#f1f1f1
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction i {
	font-style:italic
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction table {
	margin:10px 0;
	border:1px solid #888;
	border-collapse:collapse;
	text-align:center
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction tr {
	height:30px;
	border-collapse:collapse;
	max-height:-moz-max-content;
	max-height:max-content;
	line-height:30px
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction th {
	height:40px;
	max-height:-moz-max-content;
	max-height:max-content;
	line-height:40px;
	border:1px solid #888;
	border-collapse:collapse;
	font-weight:600
}
.zhibo-livepage .live-detail-content .live-detail-content_l .live-detail-content_introduction td {
	border:1px solid #888;
	border-collapse:collapse;
	min-width:20px
}
.zhibo-livepage .live-detail-content .live-detail-content_r .live-detail-moretit {
	font-size:20px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#333
}
.zhibo-livepage .live-detail-content .live-detail-content_r .previous-review {
	font-size:16px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#333;
	line-height:22px;
	margin-top:30px;
	width:275px
}
.zhibo-livepage .live-detail-content .live-detail-content_r .previous-review .previous-review_tit:hover {
	cursor:pointer;
	color:#de0005
}
.zhibo-livepage .live-detail-content .live-detail-content_r .previous-review .previous-review_time {
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:20px;
	margin-top:13px
}
.zhibo-livepage .live-detail-content .split-top-m {
	margin-top:26px
}
.zhibo-livepage .live-detail-content .split-top-s {
	margin-top:20px
}
.zhibo-livepage .live-detail-content .split-top-l {
	margin-top:28px
}
.zhibo-livepage .live-detail-content .split-top_26 {
	margin-top:26px
}
.zhibo-livepage .live-detail-content .split-top_30 {
	margin-top:30px
}
.zhibo-livepage .live-detail-content .split-top-64 {
	margin-top:64px
}
.zhibo-livepage .live-detail-content .split-top-xl, .zhibo-livepage .live-detail-content .split-top-xxl {
	margin-top:60px
}
.zhibo-livepage .live-detail-content .split-top-xxxl {
	margin-top:110px
}
.zhibo-livepage .live-detail-conten_title {
	font-size:20px;
	font-weight:700;
	color:#333
}
.special-detail {
	word-break:break-all
}
.special-detail .special-detail_top {
	padding:50px 115px 101px;
	background:linear-gradient(134deg, #f1f0fe, #fff);
	box-sizing:content-box;
	margin:0 auto;
	width:1200px;
	font-size:14px;
	font-family:PingFangSC-Regular, PingFang SC;
	font-weight:400;
	color:#686868;
	line-height:24px;
	position:relative
}
.special-detail .special-detail_top .special-detail_bg {
	width:700px;
	height:150px;
	position:absolute;
	bottom:0;
	right:0
}
.special-detail .special-detail_top .special-detail_top_tit {
	font-size:24px;
	font-weight:600;
	color:#333;
	line-height:33px
}
.special-detail .special-detail_top .special-detail_top_desc {
	display:flex
}
.special-detail .special-detail_top .special-detail_top_desc .el-button {
	padding:9px 20px
}
.special-detail .special-detail_top .special-detail_top_desc .special-detail_top_descl {
	width:927px
}
.special-detail .special-detail_top .special-detail_highlight_only {
	display:flex;
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:20px;
	margin-top:20px;
	width:927px
}
.special-detail .special-detail_top .special-detail_highlight_only span {
	margin-right:10px;
	min-width:50px;
	max-width:50px
}
.special-detail .special-detail_top .special-detail_highlight {
	display:flex
}
.special-detail .special-detail_top .special-detail_highlight .special-detail_highlight_item {
	padding:37px 30px;
	width:380px;
	min-height:158px;
	background:#fcfcfe;
	border-radius:10px;
	box-sizing:border-box;
	font-size:14px;
	font-weight:400;
	color:#999;
	line-height:20px
}
.special-detail .special-detail_top .special-detail_highlight .special-detail_highlight_item .special-detail_highlight_tit {
	font-size:16px;
	color:#333;
	line-height:22px
}
.special-detail .special-detail_btn {
	margin-left:81px;
	width:192px;
	height:58px;
	background:linear-gradient(323deg, #f07777, #fc4f4f);
	color:#fff;
	line-height:22px;
	font-weight:600
}
.special-detail .special-detail_custom_top {
	width:100%;
	max-width:1500px;
	margin:0 auto;
	position:relative
}
.special-detail .special-detail_custom_top img {
	width:100%;
	height:100%
}
.special-detail .special-detail_custom_top .special-top_custom_btn {
	position:absolute;
	top:45%;
	right:10%;
	border:none
}
.special-detail .special-items {
	margin:0 auto;
	width:1200px
}
.special-detail .special-items .special-items_tit_people {
	margin-top:50px;
	font-size:24px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#333;
	line-height:33px;
	display:inline-block;
	position:relative
}
.special-detail .special-items .special-items_tits {
	display:flex
}
.special-detail .special-items .special-items_tits .special-items_tit {
	font-size:24px;
	font-family:PingFangSC-Semibold, PingFang SC;
	font-weight:600;
	color:#333;
	line-height:33px;
	display:inline-block;
	position:relative
}
.special-detail .special-items .special-items_tits .special-items_tit span {
	position:absolute;
	display:inline-block;
	width:100%;
	height:8px;
	background:linear-gradient(323deg, #ff4f18, #f20000);
	box-shadow:0 3px 4px 0 rgba(240, 37, 15, .1);
	border-radius:6px;
	left:0;
	bottom:1px;
	z-index:-2
}
.special-detail .special-items .special-items_tits .special-items_tit:hover {
	cursor:pointer
}
.special-detail .special-items .special-people-items {
	display:flex;
	flex-wrap:wrap
}
.special-detail .special-font-style {
	font-weight:700;
	font-size:16px
}
.special-detail .font-size-l {
	font-size:16px
}
.special-detail .font-size-m {
	font-size:12px
}
.special-detail .font-weight-m {
	font-weight:400
}
.special-detail .line-height-m {
	line-height:17px
}
.special-detail .split-top_xl {
	margin-top:69px
}
.special-detail .split-top_l {
	margin-top:40px
}
.special-detail .split-top_m {
	margin-top:30px
}
.special-detail .split-top_xs {
	margin-top:20px
}
.special-detail .split-left-sm {
	margin-left:5px
}
.special-detail .special-item_liver {
	color:#de0005;
	cursor:pointer
}
.special-detail .split-top_s {
	margin-top:10px
}
.special-detail .split-left_m {
	margin-left:50px
}
.special-detail .split-left_l {
	margin-left:62px
}
.special-detail .split-left_xl {
	margin-left:30px
}
.ad-bottom, .ad-bottom-box {
	width:100%;
	height:100px
}
.ad-bottom {
	position:fixed;
	bottom:0;
	text-align:center;
	background:#d9e5fd;
	z-index:9999
}
.ad-bottom .ad-bottom-content {
	width:1200px;
	height:100px;
	display:inline-block;
	position:relative
}
.ad-bottom .ad-bottom-content img {
	height:100px
}
.ad-bottom .ad-bottom-content .close {
	width:22px;
	height:22px;
	line-height:22px;
	position:absolute;
	top:5px;
	right:0;
	font-size:11px;
	border-radius:50%;
	overflow:hidden;
	text-align:center;
	cursor:pointer
}
.ad-bottom .ad-bottom-content .close .hmgb {
	font-size:12px;
	color:#ccc
}
.cto_dialog .el-dialog__header {
	padding-top:26px
}
.cto_dialog .el-dialog__title {
	color:#333;
	font-size:20px;
	font-weight:700
}
.cto_dialog .el-dialog__close {
	font-size:14px
}
.cto_dialog .el-dialog__headerbtn {
	top:15px;
	right:15px
}
.code-toolbar .toolbar {
	margin-top:-3px
}
.copy-to-clipboard-button {
	padding:2px 8px!important;
	background-color:#fef2f2!important;
	box-shadow:unset!important;
	outline:none;
	border-radius:2px!important
}
.copy-to-clipboard-button span {
	font-size:12px!important;
	color:#f40d04!important;
	border-radius:4px!important;
	cursor:pointer!important;
	box-shadow:unset!important;
	outline:none
}