@charset "utf-8";
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizelegibility
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
article, aside, blockquote, body, button, code, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block
}
audio, canvas, video {
	display: inline-block
}
body, button, input, select, textarea {
	font: 400 14px/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset, img {
	border: 0
}
li, ul {
	list-style: none
}
.mcx-art-content li, .mcx-art-content ul {
	list-style: inherit
}
a {
	text-decoration: none
}
a:hover {
	text-decoration: none
}
small {
	font-size: .9em
}
input, textarea, button {
	outline: 0
}
h1, h2, h3, h4, h5, h6 {
	font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
	font-size: 100%;
	font-weight: 600;
	color: #000;
	line-height: 1.35
}
code, pre, pre tt {
	font-family: Courier, 'Courier New', monospace
}
pre {
	background: #mcx-f8f8f8;
	border: 1px solid #mcx-ddd;
	padding: 1em 1.5em;
	display: block;
	-webkit-overflow-scrolling: touch
}
hr {
	border: none;
	border-bottom: 1px solid #mcx-cfcfcf;
	margin-bottom: .8em;
	height: 10px
}
.mcx-textwrap, .mcx-textwrap td, .mcx-textwrap th {
	word-wrap: break-word;
	word-break: break-all
}
.mcx-textwrap-table {
	table-layout: fixed
}
.mcx-serif {
	font-family: Palatino, Optima, Georgia, serif
}
img {
	max-width: 100%
}
input, textarea, button {
	outline-style: none;
	-webkit-appearance: none;
}
html {
	color: #333;
	background: #mcx-f2f5f9
}
a {
	color: #333
}
a:hover {
	color: #21b47c
}
::selection {
	background: #21b47c;
	color: #mcx-fff
}
::-moz-selection {
background:#21b47c;
color:#mcx-fff
}
.mcx-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.mcx-clear {
	clear: both
}
.mcx-fl {
	float: left
}
.mcx-fr {
	float: right
}
.mcx-bn {
	border: none!important
}
.mcx-pd {
	padding: 1.5em
}
.mcx-mb {
	margin-bottom: 25px
}
.mcx-mb10 {
	margin-bottom: 10px
}
.mcx-mt {
	margin-top: 25px
}
.mcx-mr {
	margin-right: 25px
}
.mcx-br {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}
.mcx-sb {
	box-shadow: 1px 1px 1px #mcx-e6e6eb;
	border-bottom: 1px solid #mcx-eef1f5;
	background: #mcx-fff
}
.mcx-nav-sb {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	background: #mcx-fff
}
.mcx-container {
	max-width: 1280px;
	margin: 0 auto
}
.mcx-transition {
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s
}
.mcx-img-cover {
	object-fit: cover
}
.mcx-gradient {
	background-image: -webkit-linear-gradient(-30deg, #539FF1, #mcx-f00 30%, #002DBF 70%, #539FF1);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: text-background-animation 2s infinite linear;
}
@-webkit-keyframes text-background-animation {
0% {
background-position:20% 0
}
100% {
background-position:-120% 0
}
}
@keyframes text-background-animation {
0% {
background-position:20% 0
}
100% {
background-position:-120% 0
}
}
.mcx-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.mcx-multi-ellipsis {
	position: relative;
	line-height: 1.6em!important;
	height: 3.2em!important;
	overflow: hidden
}
.mcx-multi-ellipsis:after {
	content: "";
	font-weight: 700;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-left: 20px;
	background: -webkit-linear-gradient(left, transparent, #mcx-fff 62%);
	background: -o-linear-gradient(right, transparent, #mcx-fff 62%);
	background: -moz-linear-gradient(right, transparent, #mcx-fff 62%);
	background: linear-gradient(to right, transparent, #mcx-fff 62%)
}
.mcx-brightness:hover {
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s
}
@media screen and (max-width:1200px) {
.mcx-mb {
	margin-bottom: 10px
}
.mcx-m-multi-ellipsis {
	position: relative;
	line-height: 1.4em!important;
	height: 2.8em!important;
	overflow: hidden
}
.mcx-m-multi-ellipsis:after {
	content: "";
	font-weight: 700;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-left: 20px;
	background: -webkit-linear-gradient(left, transparent, #mcx-fff 62%);
	background: -o-linear-gradient(right, transparent, #mcx-fff 62%);
	background: -moz-linear-gradient(right, transparent, #mcx-fff 62%);
	background: linear-gradient(to right, transparent, #mcx-fff 62%)
}
}
.mcx-hidden {
	display: none
}
@media screen and (max-width:1200px) {
.mcx-hidden-sm-md-lg {
	display: none!important
}
}
@media screen and (max-width:768px) {
.mcx-hidden-sm {
	display: none!important
}
}
@media screen and (min-width:769px) and (max-width:992px) {
.mcx-hidden-md {
	display: none!important
}
}
@media screen and (min-width:993px) and (max-width:1200px) {
.mcx-hidden-lg {
	display: none!important
}
}
@media screen and (min-width:1201px) {
.mcx-hidden-xl {
	display: none!important
}
}
.mcx-flink, .mcx-full-post, .mcx-related-art, .mcx-widget, #mcx-left_1, #mcx-left_2, #mcx-left_3, #mcx-middle_1, #mcx-middle_2, #mcx-full-post, .mcx-related-item, .mcx-comment-list, .mcx-comment-submit {
	padding: 1.5em
}
.mcx-c-title {
	font-size: 18px;
	padding-bottom: .5em;
	margin-top: -.5em;
	position: relative;
	padding-left: 16px;
}
.mcx-c-title:after {
	content: "#";
	color: #21b47c;
	opacity: .7;
	left: 0;
	width: 5px;
	height: 20px;
	top: 0;
	position: absolute;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
#mcx-left_2 .mcx-thumbnail img, #mcx-aside_hot_comment .mcx-list img, #mcx-full-post .mcx-thumbnail img, .mcx-article-list img {
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
#mcx-left_2 .mcx-thumbnail:hover img, #mcx-aside_hot_comment .mcx-list:hover img, #mcx-full-post .mcx-thumbnail:hover img, .mcx-article-list:hover img {
	-webkit-transform: rotate(3deg) scale(1.2);
	-moz-transform: rotate(3deg) scale(1.2);
	-ms-transform: rotate(3deg) scale(1.2);
	-o-transform: rotate(3deg) scale(1.2);
	transform: rotate(3deg) scale(1.2);
}
.mcx-animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes slideDown {
0% {
-webkit-transform:translateY(-80px)
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes slideDown {
0% {
-moz-transform:translateY(-80px)
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes slideDown {
0% {
-o-transform:translateY(-80px)
}
100% {
-o-transform:translateY(0)
}
}
@keyframes slideDown {
0% {
transform:translateY(-80px)
}
100% {
transform:translateY(0)
}
}
.mcx-animated.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform:translateY(0)
}
100% {
-webkit-transform:translateY(-80px)
}
}
@-moz-keyframes slideUp {
0% {
-moz-transform:translateY(0)
}
100% {
-moz-transform:translateY(-80px)
}
}
@-o-keyframes slideUp {
0% {
-o-transform:translateY(0)
}
100% {
-o-transform:translateY(-80px)
}
}
@keyframes slideUp {
0% {
transform:translateY(0)
}
100% {
transform:translateY(-80px)
}
}
.mcx-animated.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}
.mcx-header-fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0;
}
.mcx-header {
	height: 80px;
	font-size: 100%;
	width: 100%;
	z-index: 9;
}
.mcx-h-wrap {
	height: 80px;
	position: relative
}
.mcx-header-top {
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	color: #mcx-eee;
	background-color: #333
}
.mcx-header-top a {
	color: #mcx-fff;
	display: inline-block;
	padding: 0 0.5em;
}
.mcx-header-top .iconfont {
}
.mcx-header-top a:hover {
	color: #mcx-fff;
	background-color: #21b47c
}
.mcx-header-top .mcx-line {
	width: 1px;
	height: 10px;
	background-color: #mcx-ccc;
	display: inline-block;
	padding: 0;
}
.mcx-header-top .mcx-collect, .mcx-header-top .mcx-text {
	margin-left: 1.5em
}
.mcx-logo-area {
	padding-top: 1px;
	padding-right: 1px
}
.mcx-logo-area .mcx-img {
	width: 80%
}
.mcx-pc-nav {
	max-width: 80%;
	height: 80px;
}
.mcx-pc-nav li {
	float: left
}
.mcx-pc-nav li a {
	height: 80px;
	line-height: 80px;
	padding: 0 20px;
	font-size: 16px;
	display: block
}
.mcx-pc-nav li a:after {
	content: "\e8a8";
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.mcx-pc-nav .mcx-sub-nav a:after {
	content: "\e8a9";
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.mcx-pc-nav .mcx-sub-nav a:hover {
	color: #21b47c
}
.mcx-pc-nav li a {
	position: relative;
}
.mcx-pc-nav li a::before, .mcx-pc-nav .active::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 20%;
	height: 2px;
	opacity: 0;
	background-color: #21b47c;
	transform: translate(-50%, 0);
	transition: all 0.3s ease-in-out;
}
.mcx-pc-nav li ul li a::before, .mcx-pc-nav li ul li a.active::before {
	height: 0;
}
.mcx-pc-nav li a:hover::before, .mcx-pc-nav .active::before {
	width: 50%;
	opacity: 1;
}
.mcx-pc-nav .mcx-dropdown-nav .active::before {
	background-color: #mcx-fff;
}
.mcx-pc-nav li a:only-child::after {
	content: ""
}
.mcx-pc-nav .mcx-li-cate {
	position: relative
}
.mcx-pc-nav .active {
	color: #21b47c;
}
.mcx-dropdown-toggle:active, .mcx-open .mcx-dropdown-toggle {
	outline: 0
}
.mcx-dropdown-nav {
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #323841;
	list-style: none
}
.mcx-dropdown-nav .active a, .mcx-dropdown-nav .active a:hover, .mcx-dropdown-nav li a:hover {
	background-color: #21b47c;
	color: #mcx-fff
}
.mcx-pc-nav {
	font-size: 14px;
	margin-right: 10px
}
.mcx-pc-nav li {
	position: relative;
	list-style: none;
	display: block;
	float: left
}
.mcx-pc-nav li a {
	text-transform: none;
	line-height: 80px;
	height: 80px;
	padding: 0 18px;
	display: block
}
.mcx-pc-nav li a i.fa {
	padding-right: 3px;
	position: relative;
	top: 0
}
.mcx-pc-nav li .mcx-sub-nav {
	text-align: left;
	position: absolute;
	top: 78px;
	left: -17px;
	display: none;
	background: #mcx-fff;
	border: 1px solid #mcx-eaeeef;
}
.mcx-pc-nav li .mcx-sub-nav li {
	float: none;
	height: 40px;
	min-height: 40px
}
.mcx-pc-nav li .mcx-sub-nav li a {
	line-height: 40px;
	height: 40px;
	padding: 0 35px;
	color: #1a1a1a;
	white-space: nowrap;
	min-width: 110px
}
.mcx-pc-nav li .mcx-sub-nav li a i.iconfont {
	padding-right: 3px
}
.mcx-pc-nav li .mcx-sub-nav li a:hover {
	background: 0 0
}
.mcx-pc-nav .active a, .mcx-pc-nav .active a:focus {
	color: #mcx-fff
}
.mcx-pc-nav li>ul>li a.current-menu-item {
	background: 0 0
}
.mcx-pc-nav li.current-menu-ancestor a, .mcx-pc-nav li.current-menu-item a, .mcx-pc-nav li.current-post-ancestor a, .mcx-pc-nav li:hover a {
	position: relative
}
.mcx-pc-nav li .mcx-icons {
	margin-right: 5px;
	font-size: 17px;
	top: 1px;
	position: relative
}
.mcx-pc-nav .mcx-nav-ul>li:hover>.mcx-sub-nav {
	display: block;
	padding: 15px 0
}
.mcx-nav-ul>li, .mcx-nav-ul>li>li {
	float: left
}
.mcx-pc-nav .mcx-nav-ul li ul li:hover>.mcx-sub-nav {
	display: block;
	padding: 15px 0
}
.mcx-pc-nav li ul li .mcx-sub-nav {
	top: -16px;
	left: 100%
}
.mcx-pc-nav li ul.sub-nav li>a.menu-th3:after {
	content: ".";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-left: 4px solid;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	position: relative;
	left: 5px;
	overflow: hidden
}
.mcx-pc-nav .mcx-has-child>a:after {
	content: ".";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position: relative;
	left: 5px;
	overflow: hidden
}
.mcx-m-nav-btn, .mcx-nav-sousuo, span.toggle-btn {
	display: none
}
#mcx-search-area {
	position: absolute;
	bottom: 23px;
	right: 0;
	z-index: 2;
	width: 22%
}
.mcx-search-button {
	cursor: pointer;
	width: 60px;
	height: 66px;
	line-height: 66px;
	margin-right: -15px;
	text-align: center
}
.mcx-search-button i.iconfont {
	font-size: 24px
}
.mcx-searchform {
	width: 100%;
	position: relative
}
.mcx-s-input {
	width: 100%;
	text-indent: 1.2em;
	border: none;
	background: #mcx-f8f8f8;
	border: 1px solid #mcx-f1f1f1;
	font-weight: 400;
	height: 34px;
	line-height: 34px;
	color: #333
}
.mcx-s-button {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 20%;
	border-radius: 100px;
	border: none;
	cursor: pointer;
	height: 34px;
	line-height: 34px;
	color: #333;
	background: none;
}
.mcx-mask-hidden {
	position: fixed;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	background: #000;
	visibility: hidden
}
.mcx-mask-show {
	visibility: visible;
	opacity: .2
}
#mcx-index-content {
	padding-top: 105px;
}
.swiper-container {
	margin-bottom: 25px!important;
	width: 100%;
	height: 240px
}
.swiper-container img {
	width: 100%;
	height: 240px;
}
.swiper-slide {
	text-align: center;
	background: #mcx-fff
}
.swiper-button-next, .swiper-button-prev {
	background-image: none!important;
	opacity: .4;
	background-color: rgba(0,0,0,.4);
	position: absolute;
	z-index: 2;
	width: 50px!important;
	height: 60px!important;
	font-size: 35px;
	font-weight: 700;
	color: #mcx-fff;
	text-align: center;
	cursor: pointer;
	transition: .3s
}
.swiper-button-prev {
	left: 0px!important;
}
.swiper-button-next {
	right: 0px!important;
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
	opacity: 1
}
.swiper-slide .mcx-link {
	display: block
}
.swiper-slide .mcx-p {
	position: absolute;
	bottom: 2em;
	color: #mcx-fff;
	font-size: 20px;
	font-weight: 300;
	z-index: 2;
	text-align: center;
	width: 100%;
	padding: 0 1em
}
.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: rgba(0,0,0,.2)!important;
	opacity: 1!important
}
.swiper-pagination-bullet-active {
	background-color: #21b47c!important;
	opacity: .8;
	width: 16px!important;
	border-radius: 30px!important;
}
.swiper-pagination {
	text-align: right
}
.swiper-pagination-bullet-active {
	width: 20px;
}
.lg-outer .lg-thumb-outer, .lg-backdrop {
	background-color: rgba(0,0,0,.7)!important;
}
.mcx-app-content .swiper-container {
	width: 100%;
	height: 100%;
}
.mcx-app-content .swiper-container a:hover {
	border: none;
}
.mcx-app-content .swiper-container img {
	width: 100%;
	height: 100%;
}
.mcx-app-content .swiper-slide {
	display: block;
	text-align: center;
	font-size: 18px;
	background: #mcx-fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.mcx-index-breadcrumb {
	height: 0;
}
.mcx-breadcrumb {
	padding: 95px 0 10px 10px;
	opacity: .8;
}
.mcx-breadcrumb i {
	padding: 0 5px;
}
#mcx-mainbox {
	width: 76%
}
#mcx-index-left {
	width: 22%;
}
#mcx-index-middle {
	width: 52%;
}
#mcx-index-right {
	width: 22%;
}
.mcx-app-list {
	width: 100%;
	padding: 1.5em;
	position: relative
}
.mcx-app-list:hover {
	background-color: #mcx-fcfcfc;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s
}
.mcx-app-list .mcx-istop {
	color: #mcx-f33;
	padding: 0 3px;
	border: 1px solid #mcx-f33;
	border-radius: 2px;
	font-size: 14px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
	font-weight: 200
}
.mcx-app-list .mcx-figure {
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin-left: 10px;
}
.mcx-app-list .mcx-thumbnail {
	display: block;
	overflow: hidden
}
.mcx-app-list .mcx-figure img {
	height: 70px;
	width: 70px;
	border-radius: 15px;
}
.mcx-app-list .mcx-content {
	margin-left: 20px;
	color: #888;
	width: 76%;
}
.mcx-app-list .mcx-content .mcx-title {
	font-size: 16px;
	font-weight: 400
}
.mcx-app-list .mcx-content i.iconfont {
	padding-right: 5px;
}
.mcx-app-list .mcx-data, .mcx-app-list .mcx-data .mcx-icon {
	font-size: 12px;
	opacity: .8;
}
.mcx-app-list .mcx-intro {
	padding: .5em 0 0 0;
	line-height: 1.2em;
}
.mcx-app-list .mcx-author, .mcx-app-list .mcx-time, .mcx-app-list .mcx-view {
	padding-right: 1em
}
.mcx-app-list .mcx-tag {
	max-width: 22em
}
.mcx-app-list .mcx-tag a {
	color: #666;
	padding-right: 8px
}
.mcx-app-list .mcx-tag a:hover {
	color: #333;
	text-decoration: underline
}
.mcx-app-list .mcx-download {
	display: block;
	margin-top: 20px;
	margin-right: 10px;
	margin-right: 2;
	padding: 0.3em 1em;
	color: #21b47c;
	background-color: #mcx-fff;
	border: 1px solid #21b47c;
	text-align: center;
}
.mcx-app-list .mcx-download:hover {
	background-color: #21b47c;
	color: #mcx-fff;
	border: 1px solid #21b47c;
}
.mcx-article-list {
	width: 100%;
	padding: 1.5em;
	position: relative
}
.mcx-article-list:hover {
	background-color: #mcx-fcfcfc;
	-webkit-transition: all ease .4s;
	-moz-transition: all ease .4s;
	-ms-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s
}
.mcx-article-list .mcx-istop {
	color: #mcx-f33;
	padding: 0 3px;
	border: 1px solid #mcx-f33;
	border-radius: 2px;
	font-size: 14px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
	font-weight: 200
}
.mcx-article-list .mcx-figure {
	width: 210px;
	height: 130px;
	overflow: hidden
}
.mcx-article-list .mcx-thumbnail {
	display: block;
	overflow: hidden
}
.mcx-article-list .mcx-figure img {
	height: 130px;
	width: 210px;
}
.mcx-article-list .mcx-content {
	margin-left: 240px;
	color: #888
}
.mcx-article-list .mcx-content .mcx-title {
	font-size: 20px;
	font-weight: 400;
}
.mcx-article-list .mcx-content i.iconfont {
	padding-right: 5px;
}
.mcx-article-list .mcx-intro {
	padding: .5em 0 .2em 0;
	line-height: 1.6em;
}
.mcx-article-list .mcx-author, .mcx-article-list .mcx-time, .mcx-article-list .mcx-view {
	padding-right: 1em
}
.mcx-article-list .mcx-tag {
	max-width: 22em
}
.mcx-article-list .mcx-tag a {
	color: #666;
	padding-right: 8px
}
.mcx-article-list .mcx-tag a:hover {
	color: #333;
	text-decoration: underline
}
#mcx-sidebar {
	width: 22%
}
.mcx-aside_qr {
	display: block;
	margin: -1em;
}
.mcx-aside_qr img {
	width: 100%;
	display: block;
}
#mcx-divCatalog li {
	width: 50%;
	display: inline-block
}
#mcx-divCatalog li:nth-of-type(even) {
	text-align: right
}
#mcx-divCatalog li a {
	width: 96%;
	display: inline-block;
	text-align: center;
	border: 1px solid #mcx-ddd;
	border-radius: 3px;
	padding: .5em 0;
	margin-top: .5em
}
#mcx-divCatalog li a:hover {
	background-color: #21b47c;
	color: #mcx-fff;
	border: 1px solid #21b47c
}
#mcx-divPrevious li {
	list-style: circle;
	list-style-position: inside;
	border-bottom: 1px dashed #mcx-ddd;
	padding: .5em 0
}
#mcx-divPrevious li:last-child {
	border: none;
	padding-bottom: 0
}
#mcx-divPrevious li:first-child {
	padding-top: 0
}
#mcx-divTags li {
	display: inline-block
}
#mcx-divTags .mcx-tag-count {
	font-size: 12px;
	font-weight: 100
}
#mcx-divTags li a {
	display: inline-block;
	text-align: center;
	padding: .2em .6em;
	margin: .5em .2em 0 0;
	border-radius: 3px;
	opacity: 1;
}
ul.divTags {
	margin-top: -.5em;
}
#mcx-divTags li:nth-child(1) a {
	background-color: #mcx-d9f2fb;
	color: #1aa9fb;
}
#mcx-divTags li:nth-child(2) a {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
#mcx-divTags li:nth-child(3) a {
	background-color: #mcx-fff3d0;
	color: #mcx-f67c23;
}
#mcx-divTags li:nth-child(4) a {
	background-color: #mcx-f8cbff;
	color: #mcx-a123db;
}
#mcx-divTags li:nth-child(5) a {
	background-color: #mcx-bbf1f2;
	color: #04839d;
}
#mcx-divTags li:nth-child(6) a {
	background-color: #mcx-ffdede;
	color: #mcx-e84f4f;
}
#mcx-divTags li:nth-child(7) a {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
#mcx-divTags li:nth-child(8) a {
	background-color: #mcx-d9f2fb;
	color: #1aa9fb;
}
#mcx-divTags li:nth-child(9) a {
	background-color: #mcx-ffdede;
	color: #mcx-e84f4f;
}
#mcx-divTags li:nth-child(10) a {
	background-color: #mcx-f8cbff;
	color: #mcx-a123db;
}
#mcx-divTags li:nth-child(11) a {
	background-color: #mcx-fff3d0;
	color: #mcx-f67c23;
}
#mcx-divTags li:nth-child(12) a {
	background-color: #mcx-bbf1f2;
	color: #04839d;
}
#mcx-divTags li:nth-child(13) a {
	background-color: #mcx-bbf1f2;
	color: #04839d;
}
#mcx-divTags li:nth-child(14) a {
	background-color: #mcx-ffdede;
	color: #mcx-e84f4f;
}
#mcx-divTags li:nth-child(15) a {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
#mcx-divTags li:nth-child(16) a {
	background-color: #mcx-d9f2fb;
	color: #1aa9fb;
}
#mcx-divTags li:nth-child(18) a {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
#mcx-divTags li:nth-child(19) a {
	background-color: #mcx-f8cbff;
	color: #mcx-a123db;
}
#mcx-divTags li:nth-child(20) a {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
#mcx-divTags li:nth-child(21) a {
	background-color: #mcx-bbf1f2;
	color: #04839d;
}
#mcx-divTags li:nth-child(22) a {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
#mcx-divTags li:nth-child(23) a {
	background-color: #mcx-f8cbff;
	color: #mcx-a123db;
}
#mcx-divTags li:nth-child(25) a {
	background-color: #mcx-ffdede;
	color: #mcx-e84f4f;
}
#mcx-divTags li:nth-child(26) a {
	background-color: #mcx-fff3d0;
	color: #mcx-f67c23;
}
#mcx-divTags li:nth-child(27) a {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
#mcx-divTags li:nth-child(28) a {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
#mcx-divTags li:nth-child(29) a {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
#mcx-divTags li:nth-child(30) a {
	background-color: #mcx-f8cbff;
	color: #mcx-a123db;
}
#mcx-divTags li a:hover {
	opacity: .8!important;
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .24s;
	-ms-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s
}
#mcx-divMisc li {
	display: inline-block;
	padding-right: 5%
}
#mcx-divAuthors li, #mcx-divFavorites li, #mcx-divLinkage li {
	display: inline-block;
	padding-right: 1em
}
#mcx-divArchives li, #mcx-divNavBar li, #mcx-divStatistics li {
	display: inline-block;
	width: 49.2%
}
#mcx-divContorPanel .mcx-cp-login a, #mcx-divContorPanel .mcx-cp-vrs a {
	width: 48.3%;
	display: inline-block;
	text-align: center;
	border: 1px solid #mcx-ddd;
	border-radius: 3px;
	padding: .5em 0;
	margin-top: .5em
}
#mcx-divContorPanel .mcx-cp-login a:hover, #mcx-divContorPanel .mcx-cp-vrs a:hover {
	background-color: #21b47c;
	color: #mcx-fff;
	border: 1px solid #21b47c
}
#mcx-tbCalendar {
	width: 100%
}
#mcx-tbCalendar a {
	width: 40px;
	height: 40px;
	color: #21b47c
}
#mcx-tbCalendar tbody a {
	display: inline-block;
	background-color: #21b47c;
	color: #mcx-fff;
	border-radius: 3px
}
#mcx-tbCalendar caption {
	height: 60px;
	line-height: 60px
}
#mcx-tbCalendar td, #mcx-tbCalendar th {
	width: 40px;
	height: 40px;
	line-height: 40px
}
#mcx-tbCalendar caption {
	font-size: 18px
}
#mcx-tbCalendar tbody {
	text-align: center
}
#mcx-divSearchPanel input[type=text] {
	width: 78%;
	border: none;
	background: 0 0;
	font-weight: 400;
	padding: .5em;
	color: #333;
	border: 1px solid #mcx-ddd;
	border-radius: 3px;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important
}
#mcx-divSearchPanel input[type=submit] {
	width: 21.9%;
	border: none;
	cursor: pointer;
	padding: .5em;
	background-color: #21b47c;
	color: #mcx-fff;
	border: 1px solid #21b47c;
	border-radius: 3px;
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
	margin-left: -6px
}
#mcx-top_recommend {
	position: relative;
	padding: 0em 1.5em;
}
#mcx-top_recommend li {
	width: 9.09%;
	margin-right: 1%;
	border-radius: 0;
}
#mcx-top_recommend li:nth-child(10n) {
	margin-right: 0;
}
#mcx-top_recommend::after {
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top: 60px solid #mcx-f65220;
	border-right: 60px solid transparent;
}
#mcx-top_recommend .mcx-tips {
	position: absolute;
	top: 8px;
	left: 5px;
	z-index: 1;
	color: #mcx-fff;
	font-size: 14px;
	font-weight: bold;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#mcx-left_1 {
	height: 240px;
	background-image: url("../images/one_bg.png");
}
#mcx-left_1 article {
	display: none;
	width: 100%;
}
#mcx-left_1 article:first-child {
	display: block;
}
#mcx-left_1 .mcx-img {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 15px
}
#mcx-left_1 .mcx-wrap {
	padding-top: 0
}
#mcx-left_1 .mcx-title {
	font-size: 18px
}
#mcx-left_1 .mcx-category {
	color: #999;
}
#mcx-left_1 .mcx-title-wrap {
	margin-left: 100px
}
#mcx-left_1 .mcx-intro {
	margin-top: 15px;
	max-height: 64px;
	overflow: hidden;
	color: #888;
}
#mcx-left_1 .mcx-download {
	padding: 0.2em 2em;
	color: #mcx-fff;
	background-color: #21b47c;
	text-align: center
}
#mcx-left_1 .mcx-div {
	margin-top: 5px
}
#mcx-left_2 .mcx-more {
	position: absolute;
	right: 0;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #888;
	font-weight: normal;
}
#mcx-left_2 .mcx-more:hover {
	color: inherit;
}
#mcx-left_2 .mcx-item .mcx-p-title {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	width: 100%;
	font-weight: 400;
	padding: 0 5px;
	color: #mcx-fff;
	position: relative;
}
#mcx-left_2 li i.iconfont {
	color: #666;
}
#mcx-left_2 .mcx-thumbnail {
	position: relative;
	color: #mcx-eee;
	display: block;
	overflow: hidden
}
#mcx-left_2 .mcx-thumbnail img {
	display: block;
	width: 100%;
	height: 130px
}
#mcx-left_2 .mcx-absolute {
	width: 100%;
	padding: 0 1em;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}
#mcx-left_2 .mcx-mask {
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: rgba(0,0,0,.8);
}
#mcx-left_2 .mcx-a {
	width: 100%;
}
#mcx-left_3 .mcx-item {
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #mcx-f5f5f7;
}
#mcx-left_3 .mcx-thumbnail {
	height: 50px;
}
#mcx-left_3 .mcx-img {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	border-radius: 10px
}
#mcx-left_3 .mcx-wrap {
	padding-top: 0
}
#mcx-left_3 .mcx-title {
	font-size: 16px;
	font-weight: normal;
}
#mcx-left_3 .mcx-title-wrap {
	margin-left: 65px
}
#mcx-left_3 .mcx-intro {
	margin-top: 5px;
	max-height: 64px;
	overflow: hidden;
	color: #888;
}
#mcx-left_3 .mcx-div {
	margin-top: 5px
}
#mcx-left_3 a.more {
	height: 42px;
	line-height: 60px;
	text-align: center;
	display: block;
	color: #888;
}
#mcx-left_3 a.more:hover {
	color: inherit;
}
#mcx-middle_2 .mcx-more {
	position: absolute;
	right: 0;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #888;
	font-weight: normal;
}
#mcx-middle_2 .mcx-more:hover {
	color: inherit;
}
#mcx-middle_2 .mcx-c-title {
	margin-bottom: 3px;
}
#mcx-middle_2 .mcx-item i.iconfont {
	color: #666
}
#mcx-middle_2 .mcx-item:nth-child(odd) {
	margin-right: 0;
	float: right;
}
#mcx-middle_2 .mcx-item {
	width: 48%;
	margin-right: 2%;
}
#mcx-middle_2 .mcx-top {
	width: 100%;
	margin-right: 0;
	margin-bottom: 11px;
}
#mcx-middle_2 .mcx-item .mcx-top-title {
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
#mcx-middle_2 .mcx-item .mcx-intro {
	opacity: .6;
}
#mcx-middle_2 .mcx-item .mcx-intro i {
	font-size: 12px;
	opacity: .4;
}
#mcx-middle_2 .mcx-item .mcx-title {
	width: 100%;
	font-weight: 400;
	padding: 4px 0;
	font-size: 14px
}
#mcx-middle_1 .mcx-more {
	position: absolute;
	right: 0;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #888;
	font-weight: normal;
}
#mcx-middle_1 .mcx-more:hover {
	color: inherit;
}
#mcx-middle_1 .mcx-item i.iconfont {
	padding-right: 5px;
	color: #666
}
#mcx-middle_1 .mcx-item:nth-child(5n+1) {
	margin-right: 0
}
#mcx-middle_1 .mcx-item {
	width: 18.4%;
	margin-right: 2%;
	position: relative;
	text-align: center;
	border-radius: 6px;
	padding: 1em 0;
	border: 1px solid #mcx-fff
}
#mcx-middle_1 .mcx-item:hover {
	background-color: #mcx-f2f5f9;
	border: 1px solid #mcx-ecebeb;
}
#mcx-middle_1 .mcx-thumbnail {
	display: block;
	overflow: hidden;
	height: 70px;
}
#mcx-middle_1 .mcx-thumbnail img {
	height: 70px;
	width: 70px;
	border-radius: 15px
}
#mcx-middle_1 .mcx-download {
	position: absolute;
	left: 2.5em;
	padding: 0 1em;
	color: #mcx-fff;
	background-color: #21b47c;
	text-align: center;
	display: none;
	left: 50%;
	bottom: 0;
	z-index: 1;
	transform: translate(-50%, -50%);
}
#mcx-middle_1 .mcx-item .mcx-title {
	width: 100%;
	font-weight: 400;
	padding: 6px;
	font-size: 14px
}
#mcx-middle_1 .mcx-item .mcx-sub {
	font-size: 12px;
	opacity: .6;
	padding-top: 5px;
	display: block;
}
#mcx-middle_1 .mcx-item:hover .mcx-download {
	display: block;
}
#mcx-middle_1 .mcx-item:hover .mcx-sub {
	opacity: 0;
}
#mcx-full-post .mcx-more {
	position: absolute;
	right: 0;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #888;
	font-weight: normal;
}
#mcx-full-post .mcx-more:hover {
	color: inherit;
}
#mcx-full-post .mcx-item {
	width: 23.48%;
	margin-right: 2%;
	margin-top: 2%;
}
#mcx-full-post .mcx-item:nth-child(4n+0) {
	margin-right: 0;
}
#mcx-full-post .mcx-item:nth-child(1), #mcx-full-post .mcx-item:nth-child(2), #mcx-full-post .mcx-item:nth-child(3), #mcx-full-post .mcx-item:nth-child(4) {
	margin-top: 0;
}
#mcx-full-post .mcx-item i.iconfont {
	color: #666
}
#mcx-full-post .mcx-thumbnail {
	position: relative;
	color: #mcx-eee;
	display: block;
	overflow: hidden
}
#mcx-full-post .mcx-thumbnail img {
	display: block;
	width: 100%;
	height: 170px
}
#mcx-full-post .mcx-absolute {
	width: 100%;
	padding: 0 1em;
	position: absolute;
	bottom: 6px;
	left: 0;
	z-index: 2
}
#mcx-full-post .mcx-mask {
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: rgba(0,0,0,.8);
}
#mcx-full-post .mcx-a {
	width: 100%;
}
.mcx-widget_top10 {
	padding: 0;
}
.mcx-table_card .mcx-tab {
	height: 51px;
	font-size: 16px;
	border-bottom: 1px #mcx-e6e6e6 solid;
	background: #mcx-fcfcfc;
}
.mcx-table_card .mcx-tab li {
	float: left;
	height: 50px;
	line-height: 50px;
	width: 33.32%;
	text-align: center;
	background: #mcx-fcfcfc;
	border-right: 1px #mcx-e6e6e6 solid;
}
.mcx-table_card .mcx-tab li:last-child {
	border-right: none;
}
.mcx-table_card .mcx-tab li:hover {
	height: 50px;
	background: #mcx-fcfcfc;
	color: #21b47c;
	cursor: pointer
}
.mcx-table_card .active {
	height: 51px !important;
	background: #mcx-fff !important;
	color: #21b47c;
}
.mcx-table_card .mcx-tabCon {
	background: #mcx-fff;
	padding: 11px 1.5em;
}
.mcx-table_card .mcx-tabCon ul {
	display: none
}
.mcx-table_card .mcx-tabCon .mcx-on {
	display: block
}
.mcx-table_card .mcx-item {
	width: 100%;
	padding: 11px 0;
}
.mcx-table_card .mcx-thumbnail {
	height: 50px;
}
.mcx-table_card .mcx-img {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	border-radius: 10px
}
.mcx-table_card .mcx-wrap {
	padding-top: 0
}
.mcx-table_card .mcx-title {
	font-size: 16px;
	font-weight: normal;
}
.mcx-table_card .mcx-title-wrap {
	margin-left: 100px
}
.mcx-table_card .mcx-intro {
	margin-top: 5px;
	max-height: 64px;
	overflow: hidden;
	color: #888;
}
.mcx-table_card .mcx-div {
	margin-top: 5px
}
.mcx-table_card .iconfont {
	position: relative;
	color: #mcx-fff;
	font-size: 28px;
	margin-right: 10px;
}
.mcx-table_card .mcx-list-1.iconfont {
	color: #mcx-f00;
}
.mcx-table_card .mcx-list-2.iconfont {
	color: #mcx-ff7100;
}
.mcx-table_card .mcx-list-3.iconfont {
	color: #mcx-f7aa00;
}
.mcx-table_card .iconfont small {
	position: absolute;
	top: 9px;
	left: 9px;
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
.mcx-table_card .mcx-list-1 small, .mcx-table_card .mcx-list-2 small, .mcx-table_card .mcx-list-3 small {
	color: #mcx-fff;
}
.mcx-table_card a.more {
	height: 42px;
	line-height: 60px;
	text-align: center;
	display: block;
	color: #888;
}
.mcx-table_card a.more:hover {
	color: inherit;
}
#mcx-aside_hot li {
	border-bottom: 1px dashed #mcx-ddd;
	padding: .5em 0
}
#mcx-aside_hot li:first-child {
	padding-top: 0
}
#mcx-aside_hot li:last-child {
	border: none;
	padding-bottom: 0
}
#mcx-aside_hot li a {
	margin-left: 15px;
	display: block
}
#mcx-aside_hot .mcx-list {
	float: left;
	color: #666;
}
#mcx-aside_hot .mcx-list-1, #mcx-aside_hot .mcx-list-2, #mcx-aside_hot .mcx-list-3 {
	color: #21b47c
}
#mcx-aside_new .mcx-list {
	padding: .6em 0
}
#mcx-aside_new li {
	list-style-type: circle;
	list-style-position: inside
}
#mcx-aside_new li:first-child {
	padding-top: 0
}
#mcx-aside_new li:last-child {
	padding-bottom: 0
}
#mcx-aside_new .mcx-time, #mcx-aside_new .mcx-view {
	color: #999
}
#mcx-aside_new .mcx-list .mcx-img-wrap {
	float: left;
	overflow: hidden;
	display: block;
	height: 70px;
	width: 100px
}
#mcx-aside_new .mcx-random-img {
	float: left;
	width: 100px;
	height: 70px
}
#mcx-aside_new .mcx-new-text {
	margin-left: 120px
}
#mcx-aside_new .mcx-title {
	line-height: 1.6em
}
#mcx-aside_hot_comment .mcx-list {
	padding: .615em 0
}
#mcx-aside_hot_comment li:first-child {
	padding-top: 0
}
#mcx-aside_hot_comment li:last-child {
	padding-bottom: 0
}
#mcx-aside_hot_comment .mcx-comment, #mcx-aside_hot_comment .mcx-time {
	color: #999;
	padding-right: 1.5em
}
#mcx-aside_hot_comment .mcx-comment i.iconfont, #mcx-aside_hot_comment .mcx-time i.iconfont {
	padding-right: 2px
}
#mcx-aside_hot_comment .mcx-list .mcx-img-wrap {
	overflow: hidden;
	display: block;
	height: 60px;
	width: 90px
}
#mcx-aside_hot_comment .mcx-random-img {
	width: 90px;
	height: 60px
}
#mcx-aside_hot_comment .mcx-new-text {
	margin-left: 100px
}
#mcx-aside_hot_comment .mcx-title {
	line-height: 1.6em
}
.mcx-divComments {
	padding-top: 5px;
}
#mcx-divComments .mcx-list {
	padding: .68em 0
}
#mcx-divComments li:first-child {
	padding-top: 0
}
#mcx-divComments li:last-child {
	padding-bottom: 0
}
#mcx-divComments .mcx-avatar {
	float: left;
	display: block
}
#mcx-divComments .mcx-avatar img {
	width: 50px;
	height: 50px;
	border-radius: 10px;
	border: 2px solid #mcx-fff;
	box-shadow: 2px 2px 3px #mcx-efefef;
	-webkit-transition: .4s;
	-webkit-transition: -webkit-transform .4s ease-out;
	transition: transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out
}
#mcx-divComments .mcx-title {
	margin-left: 65px
}
#mcx-divComments .mcx-title .mcx-a {
	display: block
}
#mcx-divComments .mcx-info i.iconfont {
	padding-right: 5px
}
#mcx-divComments .mcx-info {
	color: #999
}
#mcx-divComments .mcx-author {
	padding-left: 1em
}
#mcx-widget_aside_author .mcx-title {
	margin: -1.5em;
	background: #mcx-f8f8f8;
	padding: 1.5em;
	background-size: 100%!important
}
#mcx-widget_aside_author .mcx-img {
	border-radius: 100px;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	display: block;
	border: 5px solid rgba(255,255,255,.8)
}
#mcx-widget_aside_author .mcx-avatar {
	margin-top: 50px;
	display: block
}
#mcx-widget_aside_author .mcx-name {
	font-size: 22px;
	text-align: center
}
#mcx-widget_aside_author .mcx-level {
	font-size: 12px;
	background-color: #21b47c;
	padding: 2px 6px;
	color: #mcx-fff;
	text-align: center;
	display: inline-block;
	vertical-align: middle
}
#mcx-widget_aside_author .mcx-intro {
	color: #888;
	text-align: center
}
.mcx-flink {
	margin-bottom: 25px
}
.mcx-flink .iconfont {
	color: #333
}
.mcx-flink a.iconfont:hover {
	color: #21b47c
}
.mcx-flink .mcx-rule {
	font-size: 14px;
	font-weight: 400;
	padding-left: 2em;
	color: #999
}
.mcx-flink .mcx-f-list li {
	float: left;
	padding-right: 2em
}
.mcx-flink .mcx-f-list li a {
	font-size: 14px
}
.mcx-app-main {
	padding: 2em
}
.mcx-app-main figure {
	width: 120px;
	height: 180px;
	margin-right: 30px;
}
.mcx-app-main figure img {
	width: 120px;
	height: 120px;
	border-radius: 20px;
}
.mcx-app-main figure .mcx-download {
	width: inherit;
	display: block;
	margin-top: 10px;
	padding: 0.3em 1em;
	color: #mcx-fff;
	background-color: #21b47c;
	border: 1px solid #21b47c;
	text-align: center;
	border-radius: 100px;
	opacity: .7;
}
.mcx-app-main figure .mcx-download:hover {
	opacity: 1;
}
.mcx-app-main .mcx-main {
	margin-right: 30px;
	width: 66.6%;
}
.mcx-app-main .mcx-main h1 {
	font-size: 20px;
	font-weight: normal;
}
.mcx-app-main .mcx-main .mcx-tag {
	margin: 10px 0;
}
.mcx-app-main .mcx-main a.tags {
	font-size: 12px;
	height: 2em;
	line-height: 2em;
	padding: 0 1em;
	text-align: center;
	display: inline-block;
	margin-right: .5em;
	margin-bottom: .5em;
	opacity: 1;
}
.mcx-app-main .mcx-main a.tags:hover {
	opacity: .8!important;
}
.mcx-app-main .mcx-main a.tags:nth-child(1) {
	background-color: #mcx-d9f2fb;
	color: #1aa9fb;
}
.mcx-app-main .mcx-main a.tags:nth-child(2) {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
.mcx-app-main .mcx-main a.tags:nth-child(3) {
	background-color: #mcx-fff3d0;
	color: #mcx-f67c23;
}
.mcx-app-main .mcx-main a.tags:nth-child(4) {
	background-color: #mcx-f8cbff;
	color: #mcx-a123db;
}
.mcx-app-main .mcx-main a.tags:nth-child(5) {
	background-color: #mcx-bbf1f2;
	color: #04839d;
}
.mcx-app-main .mcx-main a.tags:nth-child(6) {
	background-color: #mcx-ffdede;
	color: #mcx-e84f4f;
}
.mcx-app-main .mcx-main a.tags:nth-child(7) {
	background-color: #mcx-d9fcda;
	color: #3ab14a;
}
.mcx-app-main .mcx-main a.tags:nth-child(8) {
	background-color: #mcx-bbf1f2;
	color: #04839d;
}
.mcx-app-main .mcx-main li {
	width: 60%;
}
.mcx-app-main .mcx-main li:nth-child(odd) {
	width: 34%;
}
.mcx-app-main .mcx-main li span {
	color: #333;
}
.mcx-app-main .mcx-head-info {
	color: #999;
	border-bottom: 1px solid #mcx-eee;
	padding-bottom: 25px;
}
.mcx-app-main .mcx-head-info .mcx-qr {
	width: 100px;
}
.mcx-app-main .mcx-head-info .mcx-qr .mcx-p {
	font-size: 12px;
}
.mcx-app-main .mcx-head-info .mcx-wrong i {
	font-size: 12px;
	padding-right: 2px;
}
.mcx-app-main .mcx-head-info .mcx-wrong {
	width: inherit;
	display: block;
	margin-top: 10px;
	height: 2.4em;
	line-height: 2.4em;
	color: #111;
	background-color: #mcx-f2f5f9;
	border: 1px solid #mcx-ccc;
	text-align: center;
	font-size: 12px;
	opacity: .6;
}
.mcx-app-main .mcx-head-info .mcx-wrong:hover {
	opacity: 1
}
.mcx-app-content .mcx-title-css {
	display: inline-block;
	background: #mcx-f2f5f9;
	border-radius: 55px;
	height: 35px;
	position: relative;
	padding-left: 35px;
	padding-right: 15px;
	line-height: 35px;
	overflow: hidden;
	font-size: 18px;
}
.mcx-app-content .mcx-title-css .mcx-i {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 8px;
	overflow: hidden;
	background-color: #21b47c;
	color: #mcx-fff;
	font-size: 14px;
}
.mcx-app-main .mcx-app-content {
	padding-top: 10px;
	position: relative;
	font-size: 16px;
	width: 100%;
	word-break: break-all
}
.mcx-app-content a {
	color: #21b47c
}
.mcx-app-content a:hover {
	border-bottom: 1px dashed #21b47c
}
.mcx-app-content h1, .mcx-app-content h2, .mcx-app-content h3, .mcx-app-content h4, .mcx-app-content h5, .mcx-app-content h6 {
	margin: 10px 0
}
.mcx-app-content h1 {
	font-size: 1.8em
}
.mcx-app-content h2 {
	font-size: 1.6em
}
.mcx-app-content h3 {
	font-size: 1.4em
}
.mcx-app-content h4 {
	font-size: 1.2em
}
.mcx-app-content h5 {
	font-size: 1em
}
.mcx-app-content h6 {
	font-size: 0.8em
}
.mcx-app-content blockquote {
	color: #666;
	font-weight: 400;
	border-left: 4px solid #21b47c;
	padding: .5em 1em;
	background-color: #mcx-f9f9f9
}
.mcx-app-content img {
}
.mcx-app-content table {
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0
}
.mcx-app-content table tr.firstRow {
	font-weight: bold;
	background-color: #mcx-f8f8f8;
	text-align: left
}
.mcx-app-content table th, .mcx-app-content table td {
	padding: .3em .5em;
	margin: 0;
	vertical-align: top;
	border: 1px solid #mcx-ddd
}
.mcx-app-content blockquote, .mcx-app-content dl, .mcx-app-content form, .mcx-app-content hr, .mcx-app-content ol, .mcx-app-content p, .mcx-app-content pre, .mcx-app-content table, .mcx-app-content ul {
	font-weight: 400;
	margin-bottom: 1rem
}
.mcx-app-content blockquote p, .mcx-app-content ul p {
	margin-bottom: 0
}
.mcx-app-content li {
	margin-left: 1.2em
}
.mcx-app-content hr {
	border: none;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	border-top: 1px solid #mcx-eee;
	height: 1px;
	background: 0 0
}
.mcx-app-content audio, .mcx-app-content img, .mcx-app-content video {
}
.mcx-app-content b, .mcx-app-content strong {
	font-weight: 700;
}
.mcx-app-content .mcx-padding {
	padding-right: .5em
}
.mcx-app-content .mcx-app-copyright, .mcx-app-content .mcx-tag-wrap {
	font-size: 14px
}
.mcx-app-content .mcx-tags {
	border: 1px solid #mcx-ddd;
	padding: .1em .5em;
	text-align: center;
	color: #333
}
.mcx-app-content .mcx-tags:hover {
	background-color: #21b47c;
	color: #mcx-fff;
	border: 1px solid #21b47c
}
.mcx-app-copyright {
	background: #mcx-f8f8f8;
	padding: 1em 1.5em
}
.mcx-app-copyright .mcx-copyright {
	font-weight: 700;
	padding-top: 10px
}
.mcx-prev-next {
	padding: 1.5em
}
.mcx-prev-next strong {
	font-weight: 400
}
.mcx-prev-next .mcx-post-next, .mcx-prev-next .mcx-post-prev {
	width: 46%;
	color: #999;
	font-size: 16px
}
.mcx-prev-next .mcx-post-next {
	text-align: right
}
.mcx-prev-next .mcx-next, .mcx-prev-next .mcx-prev {
	display: block;
	font-size: 14px
}
.mcx-quick-prev-next .mcx-next, .mcx-quick-prev-next .mcx-prev {
	position: fixed;
	z-index: 1;
	top: 45%;
	height: 50px;
	line-height: 50px;
	width: 50px;
	font-size: 50px;
	color: #888
}
.mcx-quick-prev-next .mcx-next:hover, .mcx-quick-prev-next .mcx-prev:hover {
	color: #333
}
.mcx-quick-prev-next .mcx-prev {
	left: 0
}
.mcx-quick-prev-next .mcx-next {
	right: 0
}
.mcx-art-head {
	text-align: center;
	border-bottom: 1px solid #mcx-eee;
	padding-bottom: 20px;
}
.mcx-art-main {
	padding: 3em
}
.mcx-art-main .mcx-art-title {
	font-size: 26px;
	font-weight: normal;
	color: #333;
}
.mcx-art-main .mcx-head-info {
	color: #999;
	padding-top: 5px
}
.mcx-art-main .mcx-head-info i.iconfont {
	padding-right: 2px
}
.mcx-art-main .mcx-head-info .mcx-author, .mcx-art-main .mcx-head-info .mcx-comment, .mcx-art-main .mcx-head-info .mcx-edit, .mcx-art-main .mcx-head-info .mcx-time, .mcx-art-main .mcx-head-info .mcx-view {
	padding-right: 1em
}
.mcx-art-main .mcx-art-content {
	padding-top: 10px;
	position: relative;
	font-size: 16px;
	width: 100%;
	word-break: break-all
}
.mcx-art-content a {
	color: #21b47c
}
.mcx-art-content a:hover {
	border-bottom: 1px dashed #21b47c
}
.mcx-art-content h1, .mcx-art-content h2, .mcx-art-content h3, .mcx-art-content h4, .mcx-art-content h5, .mcx-art-content h6 {
	margin: 10px 0
}
.mcx-art-content h1 {
	font-size: 1.8em
}
.mcx-art-content h2 {
	font-size: 1.6em
}
.mcx-art-content h3 {
	font-size: 1.4em
}
.mcx-art-content h4 {
	font-size: 1.2em
}
.mcx-art-content h5 {
	font-size: 1em
}
.mcx-art-content h6 {
	font-size: 0.8em
}
.mcx-art-content blockquote {
	color: #666;
	font-weight: 400;
	border-left: 4px solid #21b47c;
	padding: .5em 1em;
	background-color: #mcx-f9f9f9
}
.mcx-art-content img {
}
.mcx-art-content table {
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0
}
.mcx-art-content table tr.firstRow {
	font-weight: bold;
	background-color: #mcx-f8f8f8;
	text-align: left
}
.mcx-art-content table th, .mcx-art-content table td {
	padding: .3em .5em;
	margin: 0;
	vertical-align: top;
	border: 1px solid #mcx-ddd
}
.mcx-art-content blockquote, .mcx-art-content dl, .mcx-art-content form, .mcx-art-content hr, .mcx-art-content ol, .mcx-art-content p, .mcx-art-content pre, .mcx-art-content table, .mcx-art-content ul {
	font-weight: 400;
	margin-bottom: 1rem
}
.mcx-art-content blockquote p, .mcx-art-content ul p {
	margin-bottom: 0
}
.mcx-art-content li {
	margin-left: 1.2em
}
.mcx-art-content hr {
	border: none;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	border-top: 1px solid #mcx-eee;
	height: 1px;
	background: 0 0
}
.mcx-art-content audio, .mcx-art-content img, .mcx-art-content video {
}
.mcx-art-content b, .mcx-art-content strong {
	font-weight: 700;
}
.mcx-art-content .mcx-padding {
	padding-right: .5em
}
.mcx-art-content .mcx-art-copyright, .mcx-art-content .mcx-tag-wrap {
	font-size: 14px
}
.mcx-art-content .mcx-tags {
	border: 1px solid #mcx-ddd;
	padding: .1em .5em;
	text-align: center;
	color: #333
}
.mcx-art-content .mcx-tags:hover {
	background-color: #21b47c;
	color: #mcx-fff;
	border: 1px solid #21b47c
}
.mcx-art-copyright {
	background: #mcx-f8f8f8;
	padding: 1em 1.5em
}
.mcx-art-copyright .mcx-copyright {
	font-weight: 700;
	padding-top: 10px
}
.mcx-related-item .mcx-more {
	position: absolute;
	right: 0;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #888;
	font-weight: normal;
}
.mcx-related-item .mcx-more:hover {
	color: inherit;
}
.mcx-related-item .mcx-item {
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #mcx-f5f5f7;
}
.mcx-related-item .mcx-item i.iconfont {
	padding-right: 5px;
	color: #666
}
.mcx-related-item .mcx-item:nth-child(8n+0) {
	margin-right: 0
}
.mcx-related-item .mcx-item {
	width: 11.17%;
	margin-right: 1.5%;
	position: relative;
	text-align: center;
	border-radius: 6px;
	padding: 1em 0;
	border: 1px solid #mcx-fff
}
.mcx-related-item .mcx-item:hover {
	background-color: #mcx-f2f5f9;
	border: 1px solid #mcx-ecebeb;
}
.mcx-related-item .mcx-thumbnail {
	display: block;
	overflow: hidden;
	height: 70px;
}
.mcx-related-item .mcx-thumbnail img {
	height: 70px;
	width: 70px;
	border-radius: 15px
}
.mcx-related-item .mcx-download {
	position: absolute;
	left: 2.5em;
	padding: 0 .5em;
	color: #mcx-fff;
	background-color: #21b47c;
	text-align: center;
	display: none;
	left: 50%;
	bottom: 0;
	z-index: 1;
	transform: translate(-50%, -50%);
}
.mcx-related-item .mcx-category {
	font-size: 12px;
	color: #999;
}
.mcx-related-item .mcx-item .mcx-title {
	width: 100%;
	font-weight: 400;
	padding: 6px;
	font-size: 14px
}
.mcx-related-item .mcx-item .mcx-sub {
	font-size: 12px;
	opacity: .6;
	padding-top: 5px;
	height: 20px;
	display: block;
}
.mcx-related-item .mcx-item:hover .mcx-download {
	display: block;
}
.mcx-related-item .mcx-item:hover .mcx-sub {
	opacity: 0;
}
.mcx-related-art li {
	width: 46%;
	margin: 1px 0;
}
.mcx-related-art li:nth-child(odd) {
	margin-right: 8%;
}
.mcx-related-art li .mcx-title {
	width: 100%;
	display: block;
	font-size: 16px;
}
#mcx-divCommentPost label {
	margin-top: 5px
}
#mcx-divCommentPost img {
	margin-bottom: -0.5em
}
#mcx-divCommentPost .mcx-hook {
	float: none!important;
}
#mcx-cancel-reply {
	float: none!important;
	margin-right: 2em
}
div.reply-frm {
	background: #mcx-fff;
	box-shadow: 0 4px 14px rgba(0,0,0,.1);
	margin-top: 1em;
	padding: .3em .8em!important;
	min-width: 600px;
	border-radius: 3px;
}
#mcx-cancel-reply small {
	font-size: 16px;
	color: #mcx-ff6666;
	margin-left: 1em;
}
#mcx-divCommentPost input.text {
	border: 1px solid #mcx-d7d7d7;
	line-height: 38px;
	height: 38px;
	padding: 10px;
	width: 96%;
	border-radius: 3px;
}
.mcx-verify-wrap {
	position: relative;
}
.mcx-verify-wrap img {
	border-radius: 3px;
	position: absolute;
	right: 0;
	top: 0;
	height: 38px!important;
	width: 100px!important;
	border: 1px solid #mcx-d7d7d7;
	background: #6b7386;
}
#mcx-txaArticle {
	margin-top: 10px;
	color: #6b7386;
	padding: 10px;
	width: 100%;
	height: 130px;
	border: 1px solid #mcx-d7dae0;
	border-radius: 3px;
}
#mcx-divCommentPost input.button {
	border: 1px solid #21b47c;
	color: #mcx-fff;
	background-color: #21b47c;
	text-align: center;
	height: 42px;
	line-height: 42px;
	border-radius: 3px;
	width: 120px;
	display: block;
	margin-top: 10px;
	cursor: pointer;
	opacity: .7;
}
#mcx-divCommentPost input.button:hover {
	opacity: 1;
}
ul.msg {
	list-style: none;
	margin: 10px 0;
	position: relative;
	text-align: left;
	list-style-position: outside;
	table-layout: fixed;
	word-wrap: break-word
}
li.msgurl {
	text-align: right;
	padding: 2px 10px 2px 10px;
	margin: 0;
	font-size: 1em
}
li.msggravatar {
	display: block;
	float: left;
	margin-right: 5px
}
li.msgarticle {
	list-style-position: outside;
	padding: 5px;
	padding-right: 0;
	margin: 0;
}
ul.msg li.msgarticle {
	margin-left: 60px;
}
li.msgtime {
	padding: 5px 0 0 0;
	font-weight: 400;
	font-size: .8em
}
.mcx-msg img.avatar {
	width: 60px;
	height: 60px;
	float: left;
	padding: 2px;
	border-radius: 10px;
	border: 1px solid #mcx-fff;
	box-shadow: 2px 2px 3px #mcx-efefef;
}
ul.msg ul.msg {
	padding: 10px 0 0 0;
	border-bottom: none
}
ul.msg ul.msg li.msgarticle {
	padding-bottom: 0;
	border-bottom: 0 solid #mcx-eaeaea;
}
li.msgname .mcx-commentname {
	padding-left: 1.5%;
	padding-top: 1%;
	display: inline-block;
}
.mcx-comment-main {
	display: inline-block;
	padding: 10px 15px;
	background: #mcx-f2f5f9;
	border-radius: 5px;
	margin-left: 1.5%;
}
.mcx-comment-main .mcx-time {
	font-size: 12px;
	opacity: .6;
}
.mcx-commentname a {
	color: #21b47c;
}
.mcx-comment-main .mcx-content {
	font-size: 16px;
	line-height: 1.6;
	padding-top: 5px;
	word-break: break-all;
}
.mcx-revertcomment {
	font-size: 14px;
	padding-left: 1em;
	white-space: nowrap;
}
.mcx-revertcomment a {
	opacity: .4;
}
.mcx-input-wrap {
	margin: 10px 0;
}
.mcx-input-wrap .mcx-name, .mcx-input-wrap .mcx-mail, .mcx-input-wrap .mcx-site, .mcx-input-wrap .mcx-verify {
	width: 25%;
}
li.msgarticle .mcx-comment-main .mcx-comment-main {
	background: #mcx-fff;
	min-width: 340px;
}
.mcx-pagebar {
	text-align: center;
	background: #mcx-fff;
	padding: 1.5em;
	z-index: 1;
	position: relative;
}
.mcx-page-numbers {
	padding: 0 1em;
	line-height: 34px;
	text-align: center;
	margin: 0 0 0 5px;
	display: inline-block;
	background-color: #21b47c;
	color: #mcx-fff
}
a.page-numbers {
	background: #mcx-fff;
	color: #1a1a1a;
	border: 1px solid #mcx-eee;
}
a.page-numbers:hover {
	background-color: #21b47c;
	color: #mcx-fff
}
.mcx-ias-spinner {
	background: url(../images/loading.gif) no-repeat center;
	float: inherit;
	width: 98%;
	margin: 0 auto;
	height: 35px
}
.mcx-ias-trigger-next {
	cursor: pointer;
	float: inherit;
	text-align: center;
	padding: 1.5em 0
}
.mcx-ias-trigger-next a {
	background: #mcx-fff;
	color: #333;
	padding: .8em 2em;
	line-height: 100%;
	border-radius: 2px;
	box-shadow: 0 1px 2px 0 rgba(51,51,51,.3)
}
.mcx-ias-trigger-next a:hover {
	box-shadow: 0 3px 2px 0 rgba(51,51,51,.2)
}
.mcx-ias-trigger-next i {
	margin-right: 5px
}
.mcx-ad a {
	display: block;
	line-height: 0
}
.mcx-ad img {
	width: 100%
}
.mcx-footer {
	width: 100%;
	color: #888;
	padding: 0 1.5em;
	font-size: .9em;
}
.mcx-footer i {
	font-style: normal;
	padding: 0 5px;
	opacity: .6
}
.mcx-footer a {
	color: #888
}
.mcx-footer a:hover {
	color: #21b47c
}
.mcx-footer small .mcx-icp {
	padding-left: 1em;
}
.mcx-f-about {
	padding: 1% 0 3% 0;
}
.mcx-footer .mcx-icp, .mcx-footer .mcx-contact {
	padding-left: 8px;
}
.mcx-toolbar {
	z-index: 1;
	bottom: 80px;
	position: fixed;
	right: 0;
	margin-right: 15px;
	cursor: pointer
}
#mcx-totop {
	display: none
}
.mcx-toolbar i.iconfont {
	color: #mcx-fff;
	font-size: 24px;
	opacity: 1
}
.mcx-toolbar .mcx-btn {
	margin-bottom: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	background-color: #21b47c;
	opacity: .7;
}
.mcx-toolbar .mcx-btn:hover {
	opacity: 1;
}
@media screen and (max-width:1200px) {
.mcx-s-input, .mcx-s-button {
	height: 50px;
	line-height: 50px;
	background: #mcx-fff;
}
.mcx-h-wrap, .mcx-header {
	height: 60px
}
.mcx-logo-area {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 5px 0 0 0
}
.mcx-logo-area .mcx-img {
	width: 80pt
}
.mcx-m-nav-btn {
	display: block;
	height: 0
}
.mcx-pc-nav {
	margin-right: 0
}
.mcx-responsive-nav {
	width: 75%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #21b47c;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 9;
	display: none
}
.mcx-nav-sb {
	box-shadow: none
}
.mcx-m-nav {
	margin-top: 70px;
	width: 100%
}
.mcx-m-nav-btn i.iconfont {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 24px;
	cursor: pointer;
	width: 60px;
	height: 60px;
	line-height: 56px;
	text-align: center
}
.mcx-m-nav-btn i.active {
	color: #mcx-fff;
	z-index: 10
}
.mcx-nav-ul>li {
	line-height: 38px;
	position: relative;
	width: 100%;
	display: inherit;
	margin-right: 0;
	text-align: left
}
.mcx-nav-ul>li:first-child {
	border-top: none
}
.mcx-nav-ul>li>a {
	height: 50px;
	font-size: 16px;
	display: block;
	text-indent: 4vw;
	color: #mcx-fff;
	line-height: 50px;
	border-bottom: 1px solid rgba(255,255,255,.1)
}
.mcx-nav-ul>li>a i.fa {
	font-size: 1em;
	padding-right: 3px
}
span.toggle-btn {
	position: absolute;
	height: 50px;
	width: 50px;
	line-height: 50px;
	color: #mcx-aaa;
	text-align: center;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 100;
	border-left: 1px solid rgba(255,255,255,.2);
	display: block
}
span.toggle-btn i.iconfont {
	color: #mcx-eee;
	font-size: 18px
}
.mcx-m-nav-btn .active:before {
	content: "\e630"
}
.mcx-toggle-btn .active:before {
	content: "\e626"
}
.mcx-m-nav .mcx-sub-nav {
	background-color: #21b47c;
	text-align: left;
	position: relative;
	left: 0;
	min-width: 100%;
	z-index: 10;
	font-size: 14px;
	top: 0;
	border-radius: 0
}
.mcx-m-nav .mcx-sub-nav>li {
	position: relative;
	text-align: left;
	line-height: 50px;
	float: left;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,.1)
}
.mcx-sub-nav li:last-child {
	border-bottom: 0 solid transparent
}
.mcx-m-nav .mcx-sub-nav>li>a {
	text-indent: 1.5em;
	color: #mcx-fff;
	display: block;
	height: 50px;
	font-size: 16px;
	text-indent: 2em
}
.mcx-m-nav .mcx-sub-nav>li ul li>a {
	text-indent: 3em
}
.mcx-index-breadcrumb {
	padding-top: 70px
}
.mcx-breadcrumb, .mcx-breadcrumb2 {
	padding: 66px 0 5px 10px!important;
	color: #888
}
.mcx-search-button {
	position: absolute;
	top: 0;
	right: 14px;
	z-index: 1;
	height: 60px;
	width: 60px;
	display: block
}
.mcx-search-button i.iconfont {
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	display: block;
	font-size: 24px
}
#mcx-search-area {
	left: 0;
	width: 96%;
	bottom: -60px;
	display: none;
}
#mcx-index-content {
	padding-top: 0;
}
#mcx-index-left, #mcx-index-middle {
	width: 100%;
}
#mcx-index-left, #mcx-index-middle {
	margin-right: 0;
}
#mcx-left_2, .mcx-flink, #mcx-full-post, .mcx-post-comment, #mcx-middle_1, .mcx-recommend-b, .mcx-related-art, .mcx-widget {
	padding: 20px 15px 15px 15px
}
#mcx-mainbox {
	width: 100%
}
#mcx-left_2 .mcx-thumbnail img {
	height: 45vw;
}
.swiper-container {
	margin-bottom: 20px!important;
	width: 100%;
	height: 35vw;
	border-radius: 0!important;
}
.swiper-container img {
	height: 35vw;
}
#mcx-middle_1 .mcx-item {
	width: 23%;
	display: none;
	padding: .5em 0;
}
#mcx-middle_1 .mcx-item:nth-child(6) {
	margin-right: 2%!important;
}
#mcx-middle_1 .mcx-item:nth-child(11) {
	margin-right: 2%!important;
}
#mcx-middle_1 .mcx-item:nth-child(-n+13) {
	display: block;
}
#mcx-middle_1 .mcx-item:nth-child(4n+1) {
	margin-right: 0
}
#mcx-middle_1 .mcx-item:hover .mcx-download {
	display: none;
}
#mcx-middle_1 .mcx-item:hover .mcx-sub {
	opacity: 1;
}
#mcx-middle_1 .mcx-item .mcx-title {
	font-size: 14px
}
#mcx-middle_2 .mcx-item {
	width: 100%;
	margin-right: 0;
}
#mcx-middle_2 .mcx-item {
	display: none;
}
#mcx-middle_2 .mcx-item:nth-child(-n+6) {
	display: block;
}
#mcx-full-post .mcx-item {
	width: 100%;
	margin-top: 3%!important;
}
.mcx-app-list {
	padding: 1em
}
.mcx-app-list .mcx-figure {
	margin-left: 0;
}
.mcx-app-list .mcx-content {
	width: 50%;
	margin-left: 10px;
}
.mcx-app-list .mcx-download {
	margin-right: 0;
	padding: 0.3em .7em;
}
.mcx-app-main {
	padding: 1em
}
.mcx-app-main .mcx-head-info {
	position: relative;
}
.mcx-app-main figure {
	width: 80px;
	height: 80px;
}
.mcx-app-main figure img {
	width: 80px;
	height: 80px;
	border-radius: 10px;
}
.mcx-app-main figure .mcx-download {
	width: 100px;
	position: absolute;
	top: 15px;
	right: 0;
}
.mcx-app-main figure .mcx-size {
	width: 50%;
	position: absolute;
	top: 28px;
	left: 95px;
}
.mcx-app-main figure .mcx-num {
	width: 50%;
	position: absolute;
	top: 48px;
	left: 95px;
}
.mcx-app-main .mcx-main {
	width: 100%;
	position: relative;
}
.mcx-app-main .mcx-main h1 {
	position: absolute;
	top: -76px;
	left: 95px;
	max-width: 46%;
	font-size: 18px;
}
.mcx-app-main .mcx-main li:nth-child(2n+1) {
	width: 40%;
}
.mcx-app-main .mcx-main li {
	width: 58%;
}
.mcx-related-art li {
	width: 100%;
}
.mcx-related-item {
	width: 100%;
	margin-right: 2%
}
#mcx-top_recommend li {
	width: 23.6%;
}
#mcx-top_recommend .mcx-tips {
	font-size: 12px;
}
#mcx-top_recommend::after {
	border-top: 50px solid#f65220;
	border-right: 50px solid transparent;
}
.mcx-related-item .mcx-item {
	width: 23.6%;
	display: none;
	padding: .5em 0;
}
.mcx-related-item .mcx-item:nth-child(5) {
	margin-right: 2%!important;
}
.mcx-related-item .mcx-item:nth-child(-n+8) {
	display: block;
}
.mcx-related-item .mcx-item:nth-child(4n+0) {
	margin-right: 0
}
.mcx-related-item .mcx-item:hover .mcx-download {
	display: none;
}
.mcx-related-item .mcx-item:hover .mcx-sub {
	opacity: 1;
}
.mcx-related-item .mcx-item .mcx-title {
	font-size: 14px
}
.mcx-input-wrap .mcx-name, .mcx-input-wrap .mcx-mail, .mcx-input-wrap .mcx-site, .mcx-input-wrap .mcx-verify {
	width: 100%;
	margin-top: 10px;
}
#mcx-divCommentPost input.text {
	width: 100%;
}
ul.msg {
	margin: 5px 0
}
.mcx-msg img.avatar {
	width: 42px;
	height: 42px;
}
ul.msg li.msgarticle {
	margin-left: 42px;
	padding-top: 0
}
.mcx-footer .mcx-diy {
	display: block;
	float: none;
}
.mcx-article-list .mcx-figure {
	width: 34%;
	height: 24vw
}
.mcx-article-list .mcx-content {
	margin-left: 38%;
	padding-top: 5px
}
.mcx-article-list {
	padding: 3vw
}
.mcx-article-list .mcx-content .mcx-title {
	font-size: 16px;
	white-space: unset;
	line-height: 1.6
}
.mcx-article-list .mcx-data {
	padding-top: 1vw
}
#mcx-left_2 {
	width: 100%
}
#mcx-left_2 .mcx-ul .mcx-title {
	list-style-type: none
}
.mcx-flink {
	margin-bottom: 10px
}
.mcx-f-about {
	width: 100%
}
.mcx-f-contact {
	width: 100%;
	padding: 3% 0
}
.mcx-f-qr {
	width: 100%
}
.mcx-art-main {
	padding: 4vw
}
.mcx-art-main .mcx-art-content {
	font-size: 14px
}
.mcx-art-main .mcx-art-title {
	font-size: 22px
}
.mcx-art-main h1, .mcx-art-main h2, .mcx-art-main h3 {
	font-size: 20px
}
.mcx-quick-prev-next .mcx-next, .mcx-quick-prev-next .mcx-prev {
	background: rgba(255,255,255,.8);
	color: #333;
	font-size: 24px;
	text-align: center;
	width: 40px;
	box-shadow: 0 1px 3px rgba(26,26,26,.2)
}
.mcx-quick-prev-next .mcx-prev {
	border-radius: 0 100px 100px 0
}
.mcx-quick-prev-next .mcx-next {
	border-radius: 100px 0 0 100px
}
.mcx-related-art .mcx-ul {
	margin-bottom: 3vw
}
.mcx-page-numbers {
	margin-top: 10px
}
.mcx-compost .mcx-com-info li {
	width: 100%;
	padding-right: 0%
}
.mcx-compost .mcx-com-info li .mcx-verify {
	right: 0
}
}
div#shuoming-post {
	padding: 1.5em;
	max-width: 1280px;
	margin: 0 auto;
}
.mcx-flink.sb.br.mb {
	max-width: 1280px;
	margin: 0 auto;
}
.mcx-level {
	background: url(../images/star1.png) no-repeat left -14px;
	background-size: 73px 28px;
	width: 73px;
	height: 14px;
	font-size: 0;
	line-height: 0;
	position: relative;
	text-align: left;
	min-width: 73px !important;
}
.mcx-level span.l1, .mcx-level span.l2, .mcx-level span.l3, .mcx-level span.l4, .mcx-level span.l5 {
	background: url(../images/star1.png) no-repeat left -1px;
	background-size: 73px 28px;
	height: 12px;
	width: 73px;
	position: absolute;
	display: block;
}
.mcx-level span.l1 {
	width: 20% !important;
}
.mcx-level span.l2 {
	width: 40% !important;
}
.mcx-level span.l3 {
	width: 60% !important;
}
.mcx-level span.l4 {
	width: 80% !important;
}
.mcx-level span.l5 {
	width: 100% !important;
}