@charset "utf-8";

/*公共css样式*/
:root {
        --xm-rgnbj-zhuse: #ffffff; /*主色*/
        --xm-rgbbj-fuse: #22262b; /*副色*/
        --xm-rgbbj-ciji: #eaeaea; /*次级副色*/
        --xm-rgbbj: #e7e7e7; /*背景颜色*/
        --xm-rgbbj-qianse: #f9fafb; /*浅色*/
        --xm-rgbbj-cese: rgba(255, 255, 255, 0.7); /*悬浮按钮的透明色*/
        --xm-rgbbj-fense: #fb7299; /*透明粉色*/
        --xm-rgbbj-lanse: #00AEEC; /*透明蓝色*/
        --xm-rgbbj-chengse: #ff9212; /*透明橙色*/
        --xm-rgbbj-hongse: #d34; /*透明红色*/
        --xm-rgbbj-lvse: #16b777; /*透明绿色*/
        --xm-rgbbj-shenlanse: #1e9fff; /*透明深蓝色*/
        --xm-bolang:0, 0%, 100%;/*波浪颜色*/
        --xm-border-radius: 6px;/*圆角*/
        --xm-zhu-ys:black;/*主字体颜色*/
        --xm-zfu-ys:#4f4f4f;/*主副字体颜色*/
        --xm-fu-ys:#888;/*副字体颜色*/
        --xm-fuzhu-ys:#fff;/*副字体颜色*/
        --xm-ciji-ys:#c80000;/*次级字体颜色*/
        --svgcolor: black;/*svg颜色*/
        --xm-font-size-10: 10px; /*字体大小10px*/
        --xm-font-size-11: 11px; /*字体大小11px*/
        --xm-font-size-12: 12px; /*字体大小12px*/
        --xm-font-size-13: 13px; /*字体大小13px*/
        --xm-font-size-14: 14px; /*字体大小14px*/
        --xm-font-size-15: 15px; /*字体大小15px*/

}

::-webkit-scrollbar {
  width: 10px;  
  height: 1px;
}
::-webkit-scrollbar-thumb {
  background-color: #12b7f5;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #f6f6f6;
}
/*.iconfont:hover {
  background: var(--xm-rgnbj-zhuse);
  color: var(--xm-zhu-ys);
  transition: all .6s;
}*/
.iconcolor1 {
  background: var(--xm-rgbbj-qianse);
  color: var(--xm-fuzhu-ys);
}
.iconcolor2 {
  background: var(--xm-rgbbj-fense);
  color: var(--xm-fuzhu-ys);
}
.iconcolor3 {
  background: var(--xm-rgbbj-lanse);
  color: var(--xm-fuzhu-ys);
}
.iconcolor4 {
  background: var(--xm-rgbbj-chengse);
  color: var(--xm-fuzhu-ys);
}
.iconcolor5 {
  background: var(--xm-rgbbj-hongse);
  color: var(--xm-fuzhu-ys);
}
.iconcolor6 {
  background: var(--xm-rgbbj-lvse);
  color: var(--xm-fuzhu-ys);
}
.iconcolor7 {
  background: var(--xm-rgbbj-shenlanse);
  color: var(--xm-fuzhu-ys);
}

.iconcolor8 {
  color: var(--xm-rgbbj-fense);
}
.iconcolor9 {
  color: var(--xm-rgbbj-lanse);
}
.iconcolor10 {
  color: var(--xm-rgbbj-chengse);
}
.iconcolor11 {
  color: var(--xm-rgbbj-hongse);
}
.iconcolor12 {
  color: var(--xm-rgbbj-lvse);
}
.iconcolor13 {
  color: var(--xm-rgbbj-shenlanse);
}

.carousel {
    position: relative;
    max-width: calc(100% - 12px);
    margin: 0 6px 20px 6px;
    padding: 20px;
    overflow: hidden;
    background: var(--xm-rgnbj-zhuse);
    width: calc(100% - 12px);
    box-sizing: border-box;
    border-radius: var(--xm-border-radius)
    
}

.carousel-inner {
    display: flex;
    transition: transform 0.5s ease;
}

.carousel-item {
    min-width: calc(100% - 0px);
    width:calc(100% - 15px);
    height: calc(350px - 0px);
    justify-content: center; /* 图片水平居中 */
    align-items: center; /* 图片垂直居中 */
    font-size: 24px;
    color: white;
    box-sizing: border-box; /* 确保内边距不会影响宽度 */
    padding: 0 5px 15px 5px;
    border-radius: var(--xm-border-radius);
    
}

.carousel-item img {
    max-width: 100%;
    width: 100%;
    height: 350px;
    object-fit: cover; /* 图片占满容器 */
    border-radius: var(--xm-border-radius);
-webkit-filter: brightness(90%);
filter: brightness(90%);    
}

.carousel-control {
	display:none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px;
    cursor: pointer;
    border: none;
    z-index: 1;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
	margin-bottom: 20px;
}
.carousel-title{
	display:none !important;
}
.carousel-titles{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0.1875rem 0.3125rem #1c1f21;
	font-weight: bold;
	padding:0 25px;
	text-align: center;
	color:var(--xm-fuzhu-ys);
}
.carousel-titles a{
color:var(--xm-fuzhu-ys);
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    border: none;
}

.indicator.active {
    background: white;
}


#pjax-load{
	max-width: 1700px;
	margin: 20px auto;
}


.xm-datupian {
  background: var(--xm-rgnbj-zhuse);
  height: 320px;
  border-radius: var(--xm-border-radius);
  padding: 6px 6px 20px 6px;
  margin-bottom: 1rem;
}
.xm-datupian-da {
  border-radius: 0;
  height: 220px;
  padding: 0 0 20px 0;
  margin-bottom: 0;
  border-radius: var(--xm-border-radius);
}
#xm-tool{
  display: none;
  background: var(--xm-rgnbj-zhuse);
  border-radius: var(--xm-border-radius);
  width: 20%;

}


.xm-tool {
  position: sticky;
  z-index: 9;
  height: 100vh;
  top: 0;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  display: flex;
  padding: 20px 10px;
}

.xm-tool .db{
  max-height: calc(100% - 60px);
}
.xm-tool .ding{
  overflow-y: auto;
  overflow-x: hidden;
  overflow: -moz-scrollbars-none; /* Firefox */
  -ms-overflow-style: none; /* IE 和 Edge */
  scrollbar-width: none; /* Firefox */
  overflow-y: scroll; /* 保留滚动功能 */
}
.xm-tool .ding::-webkit-scrollbar { 
  /* Chrome, Safari, and Opera */
  display: none;
}

.xm-tool .ding ul{
  list-style: none;
  align-items: center;
  flex-direction: column;
  display: flex;
}

.xm-tool .ding ul li.xm-1\.5 {
padding: 10px;
margin-bottom: 25px;
background: var(--xm-rgbbj);
border-radius: var(--xm-border-radius);
display: flex;
align-items: center;
}



.xm-tool .ding ul li.xm-1\.5:hover {
background: var(--xm-rgbbj-fense);
}
.xm-tool .ding ul li.xm-1\.5:hover svg{
  --svgcolor: var(--xm-fuzhu-ys);
}


/*个人主页*/
.xxm-datupian-da{
  position: relative;
  height: auto;
  margin-bottom: 0px;
}
.xxm-description{
  font-size: var(--xm-font-size-12);
    color: var(--xm-fu-ys);
}
.xxm-datupian-da .xm-side-da {
  float: right !important;
  text-align: right !important;
  right: 0 !important;
  margin-right: 10px !important;
}

.xxm-header-banner {
  position: relative;
  height: 276px;
}

.xxm-datupian-da .xxm-header-banner {
  height: 170px;
}

.xxm-header-banner .xxm-header-background{
  width: calc(100% - 0px);
  height: 100%;
  background-position-x: 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--xm-border-radius) var(--xm-border-radius) 0 0;
}

.xxm-header-banner .xxm-header-brand {
position: absolute;
  right: 10px;
  bottom: -60px;
  width: calc(100% - 20px);
  left: 10px;
}

.xxm-header-subinfo {
  width: calc(100% - 20px);
  font-size: var(--xm-font-size-13);
  margin: 70px 10px 10px 10px;
  color: var(--xm-fu-ys);
}
.xxm-header-subinfo  strong{
  font-size: 16px;
}
.xxm-header-subinfo i , .xxm-header-subinfo strong {
  color: var(--xm-zhu-ys);
}
.xm-subinfo-wen , .xm-subinfo-ping{
margin-right: 10px;
}



.xxm-header-banner .xxm-header-name {
  position: absolute;
  width: calc(100% - 90px);
  height: 25px;
  margin: 25px 0 0 90px;
  text-align: left;
}
.xxm-header-banner .xxm-header-name a {
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 1px;
  text-decoration: none;
}

.xxm-header-banner .xxm-header-avatar {
  width: calc(70px - 5px);
  height: calc(70px - 5px);
  border-radius: 50%;
  background-color: var(--xm-rgnbj-zhuse);
  overflow: hidden;
  float: left;
  padding: 5px;
}
.xxm-header-banner .xxm-header-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
    -webkit-transition: .2s;
  transition: .2s;
  border-radius: 50%;
}



p.uinfo {
  line-height: 30px;
  font-size: var(--xm-font-size-13);
}
p.uinfo svg{
  vertical-align: middle;
  overflow: hidden;
  margin: 0 10px;
  width: 16px;
  height: 16px;
}
.xxm-header-name svg {
  vertical-align: middle;
  overflow: hidden;
  margin-left: 10px;
  width: 16px;
  height: 16px;
}



/*大图片*/
.bigimg {
	position:relative;
	color:#FFF;
	overflow:hidden;
}
.bigimg:hover {
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
}
.bigimg_img {
	width:100%;
	height:20rem;
}
.bigimg_img img {
	width:100%;
	height:100%;
	object-fit:cover;
  border-radius: var(--xm-border-radius);
}
.bigimg_box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:'Ma Shan Zheng',cursive;
	text-shadow:0 0.1875rem 0.3125rem #1c1f21;
}
.bigimg_box_info {
	text-align:center;
}
.bigimg_box_title {
	font-family:'Noto Serif SC',serif;
	font-size:2.5rem;
	margin:0;
}
.bigimg_box_qm {
	font-family:'Noto Serif SC',serif;
	font-size:22px;
	margin-top:1rem;
}
.bigimg_box_qm a{
color: var(--xm-fuzhu-ys);
}




.xm-header {
  background: var(--xm-rgnbj-zhuse);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  width: calc(100% - 20px);
  padding: 10px;
  border-radius: var(--xm-border-radius);
}
.xm-header:hover {
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
}

.xm-header-container {
  display: flex;
  align-items: center !important;
}

.xm-header-logo{
  margin-top: 12px;
  margin-right: 1rem;
  height: 26px;
  max-width: 100px;
  width: auto;
}


.xm-header-logo{position:relative;overflow:hidden;margin: 0px 0 0 0px;}.xm-header-logo:before{content:""; position: absolute; left: -665px; top: -460px; width: 200px; height: 15px; background-color: rgba(255,255,255,.5); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: searchLights 6s ease-in 0s infinite; -o-animation: searchLights 6s ease-in 0s infinite; animation: searchLights 6s ease-in 0s infinite;}@-moz-keyframes searchLights{50%{left: -100px; top: 0;} 65%{left: 120px; top: 100px;}}@keyframes searchLights{40%{left: -100px; top: 0;} 60%{left: 120px; top: 100px;} 80%{left: -100px; top: 0px;}}


.xm-header-logo img{
  object-fit: cover;
  -webkit-transition: .2s;
  transition: .2s;
  
}

.xm-header-title{
  width: calc(100% - 185px - 1rem);
  text-align: center;
  font-weight: bold;

}
.xm-header-title a{
  display: none;
}
.xm-side{
  float: right;
  margin-left: 1rem;
  width: 85px;
  text-align: right;
}
.xm-side-da{
  float: left;
  text-align: left;
  position: absolute;
  z-index: 1;
  margin-left: 10px;
  margin-top: 10px;
}

.xm-header-sider,.xm-footer,.xm-riqi{
  background-color: var(--xm-rgnbj-zhuse);
  padding: 20px;
  width: calc(100% - 40px);
  margin-bottom: 15px;
  border-radius: var(--xm-border-radius);
}

#xm-riqi {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    border-radius: var(--xm-border-radius);
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(200px - 20px);
  overflow: -moz-scrollbars-none; /* Firefox */
  -ms-overflow-style: none; /* IE 和 Edge */
  scrollbar-width: none; /* Firefox */
  overflow-y: scroll; /* 保留滚动功能 */
}
#xm-riqi::-webkit-scrollbar { 
  /* Chrome, Safari, and Opera */
  display: none;
}

.xm-footer{
  margin-bottom: 0px;
}
.xm-content{
  max-width: 1700px;
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}


/*分页样式*/
.page-navigator {
  list-style: none;
  text-align: center;
  padding: 15px 20px;
  background: var(--xm-rgnbj-zhuse);
  margin-top: 20px;
  border-radius: var(--xm-border-radius);
}
.page-navigator:hover{
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
}
.page-navigator li {
 display:inline-block;
 margin:5px;
}
.page-navigator a {
 display:inline-block;
 padding:0 10px;
 height:30px;
 line-height:30px;
}
.page-navigator .current a {
 background:var(--xm-rgbbj-fuse);
  border-radius:var(--xm-border-radius);
  color: var(--xm-fuzhu-ys);
}


.page-navigator a:hover {
  background:var(--xm-rgbbj-fuse);
  color: var(--xm-fuzhu-ys);
  border-radius:var(--xm-border-radius);
  box-shadow: 0 15px 15px -10px rgba(0 0 0 / 18%);
}


.xm-bj{
  background: var(--xm-rgnbj-zhuse);
  padding: 20px;
  border-radius: var(--xm-border-radius);
}
.xm-bj:hover{
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
}
.xm-view-title{
  font-weight: bold;
  width: 100%;
  margin-bottom: 1rem;
  line-height: 2;
}
.xm-view-fuji {
  width: 100%;
  margin-bottom: 1rem;
  line-height: 2;
}
.xm-view-fuji span{
  margin-right: .5rem;
}
.xm-view-body{
  width: 100%;
  margin-bottom: 1rem;
  line-height: 1.8;
}
.xm-view-bodya{
margin-bottom: 0 !important;
}
.xm-view-body .xm-py-lista{
  margin-bottom: 0px !important;
  padding: 0 !important;
  border-bottom: 0px solid var(--xm-rgbbj-ciji);
}
.xm-view-body .xm-py-list .xm-view-ts-content{
  color: var(--xm-zhu-ys) !important;
  padding: 0 !important;
}

.xm-view-body img{
max-width: 100%;
border-radius: var(--xm-border-radius);
margin: .5rem 0;
-webkit-transition: .2s;
transition: .2s;

}

.xm-view-body img:hover {
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
  transform: translateY(-5px);
}

/*文章过期*/
.xm-view-ts {
  padding:1rem;
  border-radius:var(--xm-border-radius);
  position:relative;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:opacity 0.2s;
  font-size:var(--xm-font-size-13);
  background:var(--xm-rgbbj-ciji);
  margin-bottom: 1rem;
}
.xm-view-ts-title{
  align-items:center;
  margin-bottom:1rem;
  font-size:var(--xm-font-size-13);
  font-weight:bold;
}

.xm-view-ts-text {
  padding-left:.3rem;
}

.xm-view-ts-content{
  border-radius:var(--xm-border-radius);
  color:var(--xm-fu-ys);
  background:var(--xm-rgnbj-zhuse);
  padding:.8rem;
}
.xm-view-ts-titlea{
float: right;
}

.xm-view-tag{
  margin-top: 1rem;
}
.xm-view-tag a{
  padding: 2px 4px;
  border-radius: var(--xm-border-radius);
  background-color: var(--xm-rgbbj-lanse);
  color: var(--xm-fuzhu-ys) !important;
  font-size: var(--xm-font-size-12);
  text-align: center;
}


.xm-view-tag a:hover{
  border-radius: var(--xm-border-radius);
  background-color: var(--xm-rgbbj-fense);
  color: var(--xm-fuzhu-ys);
  box-shadow: 0 15px 15px -10px rgba(0 0 0 / 18%);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}


.xm-display-flex{
  display: flex;
  width: 100%;
  margin-bottom: .5rem;
}

.xm-view-shang{
width: 50%;
text-align: left;
}
.xm-view-xia{
width: 50%;
text-align: right;
}

.xm-view-shang small,.xm-view-xia small{
  margin-bottom: 1rem;
  width: calc(100% - 20px);
  display: block;
  color: var(--xm-fu-ys);

}
.xm-view-shang small.xm-zuo{
  border-left: 4px solid var(--xm-rgbbj-lvse);
  padding-left: 10px;
}
.xm-view-xia small.xm-you{
  border-right: 4px solid var(--xm-rgbbj-lvse);
  padding-right: 10px;
}
.xm-view-x-q{
	width: 100%;
	text-align: right;
}
small.xm-view-xingqing{
	margin-bottom: 1rem;
	width: calc(100% - 20px);
	display: block;
	border-right: 4px solid var(--xm-rgbbj-lvse);
	padding-right: 10px;
}
.xm-view-x-q p{
	font-size: var(--xm-font-size-13);
	margin-top: 15px;
	color: var(--xm-fu-ys);
}


/*溢出隐藏*/
.xm-txt-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*强制文本换行避免溢出*/
.xm-text-yichu{
word-wrap: break-word;
word-break: break-all;
position: relative;
}

/*左浮动*/
.xm-float-left {
  float: left;
}

/*右浮动*/
.xm-float-right {
  float: right;
}

/*清除浮动元素*/
.xm-clear-both{
  clear:both;
}

.xm-view-hrefa {
  margin-bottom: 0 !important;
}



/*评论*/


#comments{
  width: 100%;
}

.xm-comments{
margin: 20px 0;
}

.xm-commentsa{
margin: 0 !important;
}
/*
.xm-comments .xm-commentping {
  padding-bottom: 1rem;
}
.xm-comments .xm-commentping:last-child{
  padding-bottom: 0;
}
*/
.xm-comments .xm-commentping:nth-of-type(1) {
  margin-top: 20px;
}
.xm-comments .xm-post-comment {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  margin-top: 20px;
  width: 100%;
}


ol.comment-list li.comment-body::after {
  content: "第" attr(num) "号评论";
  position: absolute;
  right: 0;
  top: 0;
  font-size: var(--xm-font-size-13);
  line-height: 1;
  padding: .5em 1em;
  background:var(--xm-rgbbj-qianse);
  color:var(--xm-rgbbj-chengse);
  border-radius: 0 var(--xm-border-radius);
}


.xm-comments .xm-post-comment-img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: .7rem;
  overflow: hidden;
}

.xm-comments .xm-post-comment-img img {
width: 40px;
height: 40px;
object-fit: cover;
  -webkit-transition: .2s;
  transition: .2s;
  
}

.xm-comments .xm-post-comment-title {
width: calc(100% - 40px - .7rem);
}

.xm-comments .xm-fu-title{

word-wrap: break-word;
word-break: break-all;
position: relative;
color: var(--xm-fu-ys);
font-size: var(--xm-font-size-13);
}

.xm-comments .xm-post-comment-title h5 {
  font-size: var(--xm-font-size-15);
  font-weight: bold;
  margin-bottom: .3rem;
/*  line-height: 20px;
  height: 20px;*/
}


.xm-comments .xm-post-comment-title p {
  font-size: var(--xm-font-size-12);
  margin-bottom: 0;
  line-height: 2;
}

.xm-comments .xm-post-comment-title .xm-re-cm {
  top: 0.35rem;
  right: -0.2rem;
  position: absolute;
  color: var(--xm-fu-ys);
}
.xm-comments .xm-post-comment-title .xm-re-cm a{
  color: var(--xm-fu-ys);
}
.xm-comments .xm-post-comment-title .xm-re-cm a:hover{
  color: var(--xm-ciji-ys);
}

.xm-comments .xm-post-comment-text {
  display: block;
  margin-top: 1rem;
  width: calc(100% - 2rem);
  margin-bottom: 0;
  line-height: 2;
  padding: 1rem;
  background: var(--xm-rgbbj-ciji);
  border-radius: var(--xm-border-radius);
  position: relative;
  font-size: var(--xm-font-size-14);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.xm-comments .xm-post-comment-text::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-bottom: 6px solid var(--xm-rgbbj-ciji);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  left: 18px;
  bottom: 100%;
}

.xm-comments .xm-post-comment-text p {
  text-align: justify;
  line-height: 23px;
  margin-bottom: 0;
  font-size: var(--xm-font-size-14);
}

.xm-comments .xm-post-comment-text img {
  max-width: 100%;
  vertical-align: text-bottom;
  max-height: 40px;
    -webkit-transition: .2s;
  transition: .2s;
  
}

.xm-comments .xm-post-comment-text img.biaoqing{
    max-width: 20px;
  display: inline-block !important;
  height: auto;
  vertical-align: bottom;
  margin: 0;
}


.xm-comments-ts{
margin-top: 1rem;
font-size: var(--xm-font-size-13);
color: var(--xm-fu-ys);
}

.xm-comments-ts-m{
margin-right: .5rem;
}

ol.comment-list li{
  margin-top: 20px;
  background: var(--xm-rgnbj-zhuse);
  padding: 20px;
  border-radius: var(--xm-border-radius);
  position: relative;
}
ol.comment-list li:hover{
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
}
.comment-children ol.comment-list li{
  margin-top: 0px;
  padding: 0;
  margin-bottom: 20px;
}

.comment-children ol.comment-list li:hover{
  box-shadow: 0 0 0 0 rgba(96, 96, 96, 0.0);
}




/* THE END */
.separator{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: var(--xm-font-size-13);
  color: var(--xm-fu-ys);
}

.separator::after, .separator::before {
  content: "";
  height: 1px;
  margin: 0 1em;
  flex: 1;
  border-bottom: 2px dashed var(--xm-rgbbj-ciji);
}





.xm-sider-title{
  position: relative;
  margin-bottom: 1.5rem;
  font-weight: bold;
}

.xm-sider-titlea{
  position: relative;
  font-weight: bold;
}





.search{
  display: flex;
  margin-bottom: 1.5rem;
}

.search input{
  background: var(--xm-rgnbj-zhuse);
  padding:10px 5px;
  width: calc(100% - 40px);display: flex;
  border: 1px solid #000;
  border-radius: var(--xm-border-radius) 0 0 var(--xm-border-radius);
  color: var(--xm-zhu-ys);
}

.search button{
  width: 40px;
  background: var(--xm-rgnbj-zhuse);
  border: 1px solid #000;
  border-radius: 0 var(--xm-border-radius) var(--xm-border-radius) 0;
}




.xm-view-href{
  margin-bottom: 1.5rem;
}
.xm-view-href a{
padding: .1rem .5rem;
line-height: 1.8;
}


.xm-view-href a:hover{
  padding: .1rem .5rem;
  border-radius: var(--xm-border-radius);
  background-color: var(--xm-rgbbj-ciji);
  box-shadow: 0 15px 15px -10px rgba(0 0 0 / 18%);
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}




/*友链样式*/
.link_body_list {
  float: left;
  width: calc(25% - 1rem - 20px);
  margin: 1rem .5rem 0 .5rem;
  display: flex;
  background: var(--xm-rgbbj-ciji);
  padding: 10px;
  border-radius: var(--xm-border-radius);
}
.link_body_name {
  margin-top: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 60px);
  margin-left: 15px;
}
.link_body_url{
  color: var(--xm-fu-ys);
  font-size: var(--xm-font-size-12);
}
.link_body_img{
height: 45px;
width: 45px;
  -webkit-transition: .2s;
  transition: .2s;
  
}
.link_body_img img {
width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  max-width: 100%;
  max-height: 100%;
    -webkit-transition: .2s;
  transition: .2s;
  
}
.link_title {
  border-radius: var(--xm-border-radius);
  font-size: 15px;
  font-weight: bold;
}
.link_margin-top {
  margin-top:20px;
}
.link_body {
  overflow:hidden;
  margin-bottom: 1rem;
}
.link_content {
  background:var(--xm-border-radius);
  padding:1rem;
  margin-right:5px;
  margin-top:1rem;
  margin-bottom:1rem;
  border-radius:var(--xm-border-radius);
}
.link_content img {
  width:100%;
    -webkit-transition: .2s;
  transition: .2s;
  
}


.xm-sidebar-shuoshuo{
  margin-bottom: 1rem;
  line-height: 1.8;
}

.xm-sidebar-shuoshuo img{
  max-width: 20px;
    -webkit-transition: .2s;
  transition: .2s;
  
}



.xm-zhiding{
  color: var(--xm-fuzhu-ys);
  background: var(--xm-rgbbj-hongse);
  padding: 2px 10px;
  font-size: var(--xm-font-size-12);
  text-align: center;
  margin-right: 10px;
  border-radius: var(--xm-border-radius);
}

.xm-shuoshuo{
  width: calc(100% - 42px);
    padding: 15px;
    background: var(--xm-rgnbj-zhuse);
    color: var(--xm-zhu-ys);
    font-size: var(--xm-font-size-13);
    border-radius: var(--xm-border-radius);
    margin: 0 6px 20px 6px;
  }
  .xm-shuoshuo:hover{
    box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
  }
  .xm-shuoshuo img{
    width: 20px;
    height: 20px;
    vertical-align: middle;
    max-width: 50%;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .xm-shuoshuo .xm-shuoshuo-time{
    color: var(--xm-fu-ys);
  }
  
  .xm-shuoshuo p{
  line-height: 2;
  }


.xm-tonggao{
width: calc(100% - 40px);
  padding: 20px;
  background: var(--xm-rgnbj-zhuse);
  color: var(--xm-zfu-ys);
  font-size: var(--xm-font-size-13);
  border-radius: var(--xm-border-radius);
  margin-bottom: 20px;
}
.xm-tonggao:hover{
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
}

.xm-tonggao .xm-tonggao-title{
  color: var(--xm-ciji-ys);
  margin-bottom: 20px;
  font-weight: bold;
  font-size: var(--xm-font-size-14);
}

.xm-tonggao p{
line-height: 2;
}

.xm-title {
  font-weight: bold;
}

.xm-line-height {
line-height: 2;
}

.xm-display-flexa{
  display: flex;
  align-items: center;
}
.xm-displayflex{
  display: flex;
}


.xm-text-align-left{
text-align: left;
width: 100%;
}

.xm-text-align-right{
text-align: right;
width: 100%;
}

.xm-text-align-center{
  text-align: center;
}


.xm-side-tj-js{
  float: right;
  background: var(--xm-rgbbj-ciji);
  padding: 3px 7px;
  border-radius: 20px;
  font-size: 13px;
}

.xm-sider-tj{
  width: 100%;
  margin-bottom: 1rem;
}


.xm-side-tj-jsa{
  float: right;
  font-size: 13px;
}

p.xm-sider-tja a{
  color: var(--xm-zhu-ys);
}
.xm-sider-tja{
  width: 100%;
  margin-bottom: 1rem;
  border-bottom: 2px dashed var(--xm-rgbbj-ciji);
  padding-bottom: 1rem;
  color: var(--xm-zhu-ys);
}


.xm-sider-tja:last-child {
    margin-bottom: 0;
  border-bottom: 0px solid #e3e3e396;
  padding-bottom: 0;
}


.xm-margin-bottom-1{
margin-bottom: 1.5rem;
}


footer{
  position: relative;
}

.xm-footer-dh{
  bottom: 0;
  text-align: center;
  background: var(--xm-rgnbj-zhuse);
  padding: 20px;
  width: calc(100% - 40px);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  line-height: 2;
  color: var(--xm-fu-ys);
  border-radius: var(--xm-border-radius);
}
.xm-footer-dh:hover{
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.7);
}
.xm-margin-right{
margin-right: 15px;
}

.xm-margin-left{
  margin-left: 15px;
  }

.xm-footer-bj{
  background: var(--xm-rgbbj-lanse);
  padding: 10px;
  border-radius: var(--xm-border-radius);
  margin-bottom: 10px;
}




.xm-footer-tj div{
  width: calc(50% - .5rem);
  float: left;
  margin-right: .5rem;
  margin-bottom: 1.5rem;
}

.xm-footer-tj div:nth-child(2n){
margin-right: 0rem;
margin-left: .5rem;
}


.comment-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--xm-rgbbj-ciji);
  z-index: 10;
  border-radius: var(--xm-border-radius);
}

.comment-overlay p{
  letter-spacing: 1px;
  color: var(--xm-fu-ys);
}

.comment-overlay-login {
  text-align: center;
  font-size: var(--xm-font-size-14);
}

/*新版搜索*/
#xm-sider-sousuo{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0 0 0 / 85%);
  max-width: 1700px;
  right: 0;
  margin: auto;
}

.xm-sider-sousuo{
background: var(--xm-rgnbj-zhuse);
  overflow-x: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 15px;
  border-radius: var(--xm-border-radius);
  width: calc(45rem - 30px);
  max-width: calc(90vw - 30px);
  max-height: calc(90vh - 30px);
  z-index: 990;
  flex-wrap: wrap;
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%,-50%) scale(1.2);
  -moz-transform: translateY(-50%,-50%) scale(1.2);
  -ms-transform: translateY(-50%,-50%) scale(1.2);
  -o-transform: translateY(-50%,-50%) scale(1.2);
  transform: translate(-50%,-50%) scale(1.2);
}










.xm-sider-sousuo-on {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%,-50%) scale(1);
  -moz-transform: translateY(-50%,-50%) scale(1);
  -ms-transform: translateY(-50%,-50%) scale(1);
  -o-transform: translateY(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);
}









#xm-sider-sousuo .xm-xx-an{
  background: var(--xm-rgbbj-lanse);
  border-radius: 50%;
  padding: 5px;
}

.xm-sider-tag-tj{
  margin-left: 5px;
  color: var(--xm-fu-ys);
  font-size: 10px;
  bottom: 1ex;
  position: relative;
}


/*新版分类*/
.xm-sider-fenlei{
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3,minmax(0,1fr));
  overflow: hidden;
  position: relative;
  align-items: center;
  text-align: center;
}
.xm-sider-fenlei img {
width: 50px;
height: 50px;
border-radius: var(--xm-border-radius);
object-fit: cover;
  -webkit-transition: .2s;
  transition: .2s;
  
}

.xm-sider-fenlei p{
 margin-top: .5rem; 
}

/*新版朋友圈*/
.xm-header-banner {
  position: relative;
  height: 276px;
}

.xm-datupian-da .xm-header-banner {
  height: 170px;
}

.xm-header-banner .xm-header-background{
  width: 100%;
  height: 100%;
  background-position-x: 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--xm-border-radius) var(--xm-border-radius) 0 0;
}

.xm-header-banner .xm-header-brand {
position: absolute;
  right: 10px;
  bottom: -12px;
  width: calc(100% - 20px);
  left: 10px;
}

.xm-header-banner .xm-header-subinfo {
position: absolute;
  z-index: 1;
  right: 10px;
  bottom: -55px;
  width: calc(100% - 20px);
  height: 22px;
  font-size: var(--xm-font-size-13);
  line-height: 22px;
  text-align: right;
  left: 10px;
  margin: 10px 0;
}
.xm-header-banner .xm-header-name {
position: absolute;
  width: calc(100% - 70px);
  height: 24px;
  margin: 10px 10px 0 0;
  text-align: right;
}
.xm-header-banner .xm-header-name a {
  color: var(--xm-fuzhu-ys);
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 1px;
  text-decoration: none;
}

.xm-header-banner .xm-header-avatar {
  width: 60px;
  height: 60px;
  border-radius: var(--xm-border-radius);
  background-color: var(--xm-rgnbj-zhuse);
  overflow: hidden;
  float: right;
}
.xm-header-banner .xm-header-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
    -webkit-transition: .2s;
  transition: .2s;
  
}

/*新版朋友圈动态*/

.xm-py-ma-top{
  margin-top: 15px;
}

.xm-list-bt{
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 2;
}
.xm-py-pubuliu{
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

.xm-py-putong {
        -moz-column-count: 1 !important;
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
        -moz-column-gap: 20px !important;
        -webkit-column-gap: 20px !important;
        column-gap: 20px !important;
}

.xm-py ol.comment-list li div.xm-py-list::after {
  content: "第" attr(num) "号评论";
  position: absolute;
  right: 0;
  top: 0;
  font-size: var(--xm-font-size-13);
  line-height: 1;
  padding: .5em 1em;
  background:var(--xm-rgbbj-qianse);
  color:var(--xm-rgbbj-chengse);
  border-radius: 0 1em;
}


.xm-py-list{
  margin-bottom: 20px;
  background: var(--xm-rgnbj-zhuse);
  padding: 20px;
  border-radius: var(--xm-border-radius);
}
.xm-py-list:hover{
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
}

.xm-py-lista{
  margin-bottom: 20px;
  padding: 0;
  border-bottom: 1px solid var(--xm-rgbbj-ciji);
  padding-bottom: 20px;
  box-shadow: 0 0 0 0 rgba(96, 96, 96, 0);
  background: rgba(255, 255, 255, 0);
}
.xm-py-lista:hover{
  box-shadow: 0 0 0 0 rgba(96, 96, 96, 0);
}

#xm-quanzi .xm-py-lista:last-of-type{
  border-bottom: 0px solid var(--xm-rgbbj-ciji);
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.xm-py-list .xm-py-avatar {
  margin-right: 15px;
  width: 45px;
  height: 45px;
}


.xm-py-list .xm-py-avatar img{
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: var(--xm-border-radius);
    -webkit-transition: .2s;
  transition: .2s;
  max-width: 45px;
  max-height: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  
}
.xm-py-list .xm-py-body{
  width: calc(100% - 60px);
}
.xm-py-list .xm-py-name{
  color: var(--xm-ciji-ys);
}

.xm-py-list .xm-py-weizhi, .xm-view-ts-content .xm-py-weizhi{

  color: var(--xm-rgbbj-lanse);
  font-size: var(--xm-font-size-13);
}

.xm-py-list .xm-py-content{
font-size: var(--xm-font-size-14);
margin-top: 10px;
color: var(--xm-zfu-ys);
}

.xm-py-list .xm-py-content img{
max-width: 50%;
  -webkit-transition: .2s;
  transition: .2s;
  
}

.xm-py-list .xm-py-content img.biaoqing{
width: 20px;
height: 20px;
vertical-align: middle;
}
.xm-py-margin-top{
  margin-top: 1rem;
}
.xm-py-list .xm-py-ciji{
  display: flex;
  margin-top: 10px;
  font-size: var(--xm-font-size-13);
  color: var(--xm-fu-ys);
  line-height: 1.5;
}
.xm-py-list .xm-py-time , .xm-py-list .xm-py-ua{
width: 50%;
}
.xm-py-list .xm-py-time{
  text-align: left;
}

.xm-py-list .xm-py-ua{
  text-align: right;
}
.xm-py-pubuliu div:last-of-type{
  margin-bottom: 0px;
}
.xm-py-list:last-of-type,.xm-py ol.comment-list li:last-of-type{
  margin-bottom: 20px;
}

.xm-py-ciji .xm-py-time ,.xm-py-ciji .xm-py-ua{
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.xm-py ol.comment-list li{
  margin-top: 0rem;
  margin-bottom: 20px;
  position: relative;
  padding: 0;
}

.xm-py-list .xm-py-fucontent{
  width: 100%;
  color: var(--xm-fu-ys);
  font-size: var(--xm-font-size-12);
  margin-top: 5px;
}


.xm-py-zuozhe{
  background: var(--xm-rgbbj-chengse);
  padding: 0 5px;
  border-radius: var(--xm-border-radius);
  color: var(--xm-fuzhu-ys);
  margin: 0 5px;
  font-size: var(--xm-font-size-12);
}


/*暂无评论样式*/
.xm-comments-zw{
	width: calc(100% - 40px);
	background: var(--xm-rgnbj-zhuse);
	border-radius: var(--xm-border-radius);
	padding: 20px;
}
.xm-comments-icon{
    text-align: center;
    margin-bottom: 15px;
}
.xm-comments-ms{
    text-align: center;
	color: var(--xm-fu-ys);
}

/*弹窗广告*/
.xm-tanchuang-title{
  background: var(--xm-rgnbj-zhuse);
  color: var(--xm-zhu-ys);
  border-radius: var(--xm-border-radius);
}

	.xm-tanchuang-title,
	.xm-tanchuang-content *,
        .xm-tanchuang-content *::before,
        .xm-tanchuang-content *::after {
          box-sizing: inherit;
    }
		
.xm-tanchuang-fux{
	background: var(--xm-rgbbj-fense);
	color: var(--xm-fuzhu-ys);
	padding: 20px;
	border-radius: var(--xm-border-radius) var(--xm-border-radius) 0 0;
}
        .xm-tanchuang-close {
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          background-color: rgba(0 0 0 / 85%);
          z-index: 999999998;
        }
        .xm-tanchuang-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          position: fixed;
          top: 50%;
          left: 50%;
          width: 100%;
          max-width: 520px;
          max-height: 80vh;
          text-align: center;
          font-size: 100%;
          color: white;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          overflow-x: hidden;
          overflow-y: auto;
          z-index: 999999999;
        }
        .xm-tanchuang-content p {
          padding: 20px;
        }
        .xm-tanchuang-content img {
          width: 100%;
          height: auto;
          max-height: calc(80vh - 5em);
          border: none;
          -webkit-transition: all .3s ease-in-out;
          -moz-transition: all .3s ease-in-out;
          -ms-transition: all .3s ease-in-out;
          -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
        margin-bottom:20px;
        border-radius: var(--xm-border-radius);
        }
        .xm-tanchuang-content img:hover {
          -webkit-transform: scale(1.02);
          -moz-transform: scale(1.02);
          -ms-transform: scale(1.02);
          -o-transform: scale(1.02);
          transform: scale(1.02);
          border-radius: var(--xm-border-radius);
        }
        .xm-tanchuang-content a {
          color: orange;
          text-decoration: none;
        }
        .xm-tanchuang-content a:hover {
          color: white;
          outline-width: 0;
        }
        @media screen and (max-width: 640px) {
          .xm-tanchuang-content {
            justify-content: flex-start;
            top: calc(50% - 50px);
            width: calc(100% - 1em);
            max-height: calc(50vh + 5em);
          }
          .xm-tanchuang-content img {
            max-width: calc(100vw - 2em);
            max-height: 50vh;
          }
        }
      


.xm-img-1 img{
  width: 100%;
  max-width: 100% !important;
  height: 150px;
  border-radius: var(--xm-border-radius);
  object-fit: cover;
  -webkit-transition: .2s;
  transition: .2s;
  
}


.xm-img-2 {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  border-radius: var(--xm-border-radius);
  overflow: hidden;
  position: relative;
}

.xm-img-3 {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border-radius: var(--xm-border-radius);
  overflow: hidden;
  position: relative;
}

.xm-list-tu {
  width: 100%;
  border-radius: var(--xm-border-radius);
  overflow: hidden;
  max-height: 120px;
  position: relative;
}

.xm-list-tu img{
  max-width: 100% !important;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--xm-border-radius);
    -webkit-transition: .2s;
  transition: .2s;
  margin: 0;
  
}



.xm-title-guanggao{
  float: right;
  background: var(--xm-rgbbj-fense);
  padding: 0 6px;
  font-size: 12px;
  color: var(--xm-fuzhu-ys);
  text-align: center;
  border-radius: 3px;
  margin-top: 2px;
  margin-left: 10px;
}

.xm-title-guanggaoa{
  float: right;
  background: var(--xm-rgbbj-lvse);
  padding: 0 6px;
  font-size: 12px;
  color: var(--xm-fuzhu-ys);
  text-align: center;
  border-radius: 3px;
  margin-top: 2px;
  margin-left: 10px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.xm-title-guanggaob{
  float: right;
  background: var(--xm-rgbbj-hongse);
  padding: 0 6px;
  font-size: 12px;
  color: var(--xm-fuzhu-ys);
  text-align: center;
  border-radius: 3px;
  margin-top: 2px;
  margin-left: 10px;
}


.media iframe,iframe.wy-yy{
max-width: 100%;
max-height: 200px;
}


.xm-05rem{
margin-bottom: 20px;
}




.iframe_video {
  position:relative;
  width:100%;
  border-radius:var(--xm-border-radius)
}
@media only screen and (max-width:767px) {
  .iframe_video {
    height:15em
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .iframe_video {
    height:20em
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .iframe_video {
    height:30em
  }
}
@media only screen and (min-width:1200px) {
  .iframe_video {
    height:40em
  }
}
.iframe_cross {
  position:relative;
  width:100%;
  height:0;
  padding-bottom:75%
}
.iframe_cross iframe {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0
}



.xm-list-tags{
float: left;
color: var(--xm-rgbbj-lanse);
margin-right: 10px;
}

.xm-list-tags a{
color: var(--xm-rgbbj-lanse);
margin: 0 5px;
}


.xm-view-body a,.xm-post-comment-text a{
color: var(--xm-rgbbj-lanse);
}

a.xm-parent{
  float: left;
  margin-right: 5px;
  color: #1c95ff;
}

.xm-comments ol.comment-list li.comment-body div.comment-children{
  margin-top: 20px;
}

.comment-children ol.comment-list li.comment-body .xm-post-comm{
padding-top: 20px;
background-color: var(--xm-rgbbj);
border-radius: var(--xm-border-radius);
padding: 15px;
}

.xm-class-lei{
  color:var(--xm-fu-ys);
  font-size: var(--xm-font-size-13);
  margin: 10px 0;
}
.xm-class-lei a{
color:var(--xm-fu-ys);
}

#xm-footera{
  display: none;
}


.xm-list-ping-ziji{
  background: var(--xm-rgbbj-ciji);
  padding: 10px;
  border-radius: var(--xm-border-radius);
}

/* 消息提示*/
.c-message {
    position: fixed;
    bottom: 50%;
    right: 15px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    min-width: 200px;
    color: #666;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    z-index: 9999;
    border-radius: var(--xm-border-radius);
}

.c-message--main {
    padding-left: 50px;
    padding-right: 20px;
}

.c-message--icon {
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 40px;
}

.c-message--success {
  border-radius: var(--xm-border-radius) 0 0 var(--xm-border-radius);
    background: #13CE66 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9zdWNjZXNzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDIxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25fc3VjY2VzcyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzEzQ0U2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy44MjU1ODE0LDE3LjE0ODQzNTcgTDE5LjAxNzQ0LDI1LjgyODEyMTMgQzE4LjkwMTE2MDksMjUuOTQyNzA4MyAxOC43NjU1MDMzLDI2IDE4LjYxMDQ2NywyNiBDMTguNDU1NDI3LDI2IDE4LjMxOTc2OTMsMjUuOTQyNzA4MyAxOC4yMDM0ODY1LDI1LjgyODEyMTMgTDE4LjAyOTA3MTYsMjUuNjU2MjUgTDEzLjE3NDQxODYsMjAuODQzNzUgQzEzLjA1ODEzOTUsMjAuNzI5MTYzIDEzLDIwLjU5NTQ4MzcgMTMsMjAuNDQyNzA0NyBDMTMsMjAuMjg5OTI5MyAxMy4wNTgxMzk1LDIwLjE1NjI1IDEzLjE3NDQxODYsMjAuMDQxNjY2NyBMMTQuMzY2Mjc3MiwxOC44NjcxODU3IEMxNC40ODI1NiwxOC43NTI2MDIzIDE0LjYxODIxNzcsMTguNjk1MzEwNyAxNC43NzMyNTc3LDE4LjY5NTMxMDcgQzE0LjkyODI5NCwxOC42OTUzMTA3IDE1LjA2Mzk1MTYsMTguNzUyNjAyMyAxNS4xODAyMzA3LDE4Ljg2NzE4NTcgTDE4LjYxMDQ2NywyMi4yNzYwMzggTDI1LjgxOTc2OTMsMTUuMTcxODcxMyBDMjUuOTM2MDQ4NCwxNS4wNTcyODggMjYuMDcxNzA2LDE1IDI2LjIyNjc0MjMsMTUgQzI2LjM4MTc4MjMsMTUgMjYuNTE3NDQsMTUuMDU3Mjg4IDI2LjYzMzcyMjgsMTUuMTcxODcxMyBMMjcuODI1NTgxNCwxNi4zNDYzNTIzIEMyNy45NDE4NjA1LDE2LjQ2MDkzNTcgMjgsMTYuNTk0NjE1IDI4LDE2Ljc0NzM5NCBDMjgsMTYuOTAwMTczIDI3Ljk0MTg2MDUsMTcuMDMzODUyMyAyNy44MjU1ODE0LDE3LjE0ODQzNTcgTDI3LjgyNTU4MTQsMTcuMTQ4NDM1NyBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}

.c-message--error {
  border-radius: var(--xm-border-radius) 0 0 var(--xm-border-radius);
    background: #FF4949 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9kYW5nZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRWxlbWVudC1ndWlkZWxpbmUtdjAuMi40IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTMzMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuW4puWAvuWQkV/kv6Hmga8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMzMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9kYW5nZXIiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGRjQ5NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuODE3MjYyNywxNi4zNDUxNzk2IEMyNS45MzkwOTAyLDE2LjIyMzM0ODMgMjYsMTYuMDc2MTQxOCAyNiwxNS45MDM1NTIzIEMyNiwxNS43MzA5NjI4IDI1LjkzOTA5MDIsMTUuNTgzNzU2MyAyNS44MTcyNjI3LDE1LjQ2MTkyODkgTDI0LjUwNzYxNTcsMTQuMTgyNzQxMSBDMjQuMzg1Nzg4MiwxNC4wNjA5MTM3IDI0LjI0MzY1NzUsMTQgMjQuMDgxMjE5NiwxNCBDMjMuOTE4NzgxNywxNCAyMy43NzY2NTEsMTQuMDYwOTEzNyAyMy42NTQ4MjM1LDE0LjE4Mjc0MTEgTDIwLDE3LjgzNzU2MzUgTDE2LjMxNDcyMTYsMTQuMTgyNzQxMSBDMTYuMTkyODkwMiwxNC4wNjA5MTM3IDE2LjA1MDc1OTUsMTQgMTUuODg4MzIxNiwxNCBDMTUuNzI1ODg3NiwxNCAxNS41ODM3NTY5LDE0LjA2MDkxMzcgMTUuNDYxOTI5NCwxNC4xODI3NDExIEwxNC4xNTIyODI0LDE1LjQ2MTkyODkgQzE0LjA1MDc1ODIsMTUuNTgzNzU2MyAxNCwxNS43MzA5NjI4IDE0LDE1LjkwMzU1MjMgQzE0LDE2LjA3NjE0MTggMTQuMDUwNzU4MiwxNi4yMjMzNDgzIDE0LjE1MjI4MjQsMTYuMzQ1MTc5NiBMMTcuODM3NTYwOCwyMC4wMDAwMDE5IEwxNC4xNTIyODI0LDIzLjY1NDgyNDMgQzE0LjA1MDc1ODIsMjMuNzc2NjUxNyAxNCwyMy45MjM4NTgyIDE0LDI0LjA5NjQ0NzcgQzE0LDI0LjI2OTAzNzIgMTQuMDUwNzU4MiwyNC40MTYyNDM3IDE0LjE1MjI4MjQsMjQuNTM4MDcxMSBMMTUuNDYxOTI5NCwyNS44MTcyNTg5IEMxNS41ODM3NTY5LDI1LjkzOTA4NjMgMTUuNzI1ODg3NiwyNiAxNS44ODgzMjE2LDI2IEMxNi4wNTA3NTk1LDI2IDE2LjE5Mjg5MDIsMjUuOTM5MDg2MyAxNi4zMTQ3MjE2LDI1LjgxNzI1ODkgTDIwLDIyLjE2MjQzNjUgTDIzLjY1NDgyMzUsMjUuODE3MjU4OSBDMjMuNzc2NjUxLDI1LjkzOTA4NjMgMjMuOTE4NzgxNywyNiAyNC4wODEyMTk2LDI2IEMyNC4yNDM2NTc1LDI2IDI0LjM4NTc4ODIsMjUuOTM5MDg2MyAyNC41MDc2MTU3LDI1LjgxNzI1ODkgTDI1LjgxNzI2MjcsMjQuNTM4MDcxMSBDMjUuOTM5MDkwMiwyNC40MTYyNDM3IDI2LDI0LjI2OTAzNzIgMjYsMjQuMDk2NDQ3NyBDMjYsMjMuOTIzODU4MiAyNS45MzkwOTAyLDIzLjc3NjY1MTcgMjUuODE3MjYyNywyMy42NTQ4MjQzIEwyMi4xMzE5ODA0LDIwLjAwMDAwMTkgTDI1LjgxNzI2MjcsMTYuMzQ1MTc5NiBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}

.c-message--info {
  border-radius: var(--xm-border-radius) 0 0 var(--xm-border-radius);
    background: #20A0FF url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9pbmZvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0xNTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDE1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25faW5mbyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzUwQkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS42MTUzODQ2LDI2LjU0MzIwOTkgQzIxLjYxNTM4NDYsMjYuOTQ3ODc1MSAyMS40NTgzMzQ4LDI3LjI5MTgzNjggMjEuMTQ0MjMwOCwyNy41NzUxMDI5IEMyMC44MzAxMjY4LDI3Ljg1ODM2ODkgMjAuNDQ4NzE5NCwyOCAyMCwyOCBDMTkuNTUxMjgwNiwyOCAxOS4xNjk4NzMyLDI3Ljg1ODM2ODkgMTguODU1NzY5MiwyNy41NzUxMDI5IEMxOC41NDE2NjUyLDI3LjI5MTgzNjggMTguMzg0NjE1NCwyNi45NDc4NzUxIDE4LjM4NDYxNTQsMjYuNTQzMjA5OSBMMTguMzg0NjE1NCwxOS43NDQ4NTYgQzE4LjM4NDYxNTQsMTkuMzQwMTkwNyAxOC41NDE2NjUyLDE4Ljk5NjIyOSAxOC44NTU3NjkyLDE4LjcxMjk2MyBDMTkuMTY5ODczMiwxOC40Mjk2OTY5IDE5LjU1MTI4MDYsMTguMjg4MDY1OCAyMCwxOC4yODgwNjU4IEMyMC40NDg3MTk0LDE4LjI4ODA2NTggMjAuODMwMTI2OCwxOC40Mjk2OTY5IDIxLjE0NDIzMDgsMTguNzEyOTYzIEMyMS40NTgzMzQ4LDE4Ljk5NjIyOSAyMS42MTUzODQ2LDE5LjM0MDE5MDcgMjEuNjE1Mzg0NiwxOS43NDQ4NTYgTDIxLjYxNTM4NDYsMjYuNTQzMjA5OSBaIE0yMCwxNS44MDQyOTgxIEMxOS40NDQ0NDI3LDE1LjgwNDI5ODEgMTguOTcyMjI0LDE1LjYxOTM2ODcgMTguNTgzMzMzMywxNS4yNDk1MDQ2IEMxOC4xOTQ0NDI3LDE0Ljg3OTY0MDYgMTgsMTQuNDMwNTI1NSAxOCwxMy45MDIxNDkxIEMxOCwxMy4zNzM3NzI2IDE4LjE5NDQ0MjcsMTIuOTI0NjU3NSAxOC41ODMzMzMzLDEyLjU1NDc5MzUgQzE4Ljk3MjIyNCwxMi4xODQ5Mjk1IDE5LjQ0NDQ0MjcsMTIgMjAsMTIgQzIwLjU1NTU1NzMsMTIgMjEuMDI3Nzc2LDEyLjE4NDkyOTUgMjEuNDE2NjY2NywxMi41NTQ3OTM1IEMyMS44MDU1NTczLDEyLjkyNDY1NzUgMjIsMTMuMzczNzcyNiAyMiwxMy45MDIxNDkxIEMyMiwxNC40MzA1MjU1IDIxLjgwNTU1NzMsMTQuODc5NjQwNiAyMS40MTY2NjY3LDE1LjI0OTUwNDYgQzIxLjAyNzc3NiwxNS42MTkzNjg3IDIwLjU1NTU1NzMsMTUuODA0Mjk4MSAyMCwxNS44MDQyOTgxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%;
}

.c-message--warning {
  border-radius: var(--xm-border-radius) 0 0 var(--xm-border-radius);
    background: #F7BA2A url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl93YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yNzIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl93YXJuaW5nIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRjdCQTJBIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjYxNTM4NDYsMjYuNTQzMjA5OSBDMjEuNjE1Mzg0NiwyNi45NDc4NzUxIDIxLjQ1ODMzNDgsMjcuMjkxODM2OCAyMS4xNDQyMzA4LDI3LjU3NTEwMjkgQzIwLjgzMDEyNjgsMjcuODU4MzY4OSAyMC40NDg3MTk0LDI4IDIwLDI4IEMxOS41NTEyODA2LDI4IDE5LjE2OTg3MzIsMjcuODU4MzY4OSAxOC44NTU3NjkyLDI3LjU3NTEwMjkgQzE4LjU0MTY2NTIsMjcuMjkxODM2OCAxOC4zODQ2MTU0LDI2Ljk0Nzg3NTEgMTguMzg0NjE1NCwyNi41NDMyMDk5IEwxOC4zODQ2MTU0LDE5Ljc0NDg1NiBDMTguMzg0NjE1NCwxOS4zNDAxOTA3IDE4LjU0MTY2NTIsMTguOTk2MjI5IDE4Ljg1NTc2OTIsMTguNzEyOTYzIEMxOS4xNjk4NzMyLDE4LjQyOTY5NjkgMTkuNTUxMjgwNiwxOC4yODgwNjU4IDIwLDE4LjI4ODA2NTggQzIwLjQ0ODcxOTQsMTguMjg4MDY1OCAyMC44MzAxMjY4LDE4LjQyOTY5NjkgMjEuMTQ0MjMwOCwxOC43MTI5NjMgQzIxLjQ1ODMzNDgsMTguOTk2MjI5IDIxLjYxNTM4NDYsMTkuMzQwMTkwNyAyMS42MTUzODQ2LDE5Ljc0NDg1NiBMMjEuNjE1Mzg0NiwyNi41NDMyMDk5IFogTTIwLDE1LjgwNDI5ODEgQzE5LjQ0NDQ0MjcsMTUuODA0Mjk4MSAxOC45NzIyMjQsMTUuNjE5MzY4NyAxOC41ODMzMzMzLDE1LjI0OTUwNDYgQzE4LjE5NDQ0MjcsMTQuODc5NjQwNiAxOCwxNC40MzA1MjU1IDE4LDEzLjkwMjE0OTEgQzE4LDEzLjM3Mzc3MjYgMTguMTk0NDQyNywxMi45MjQ2NTc1IDE4LjU4MzMzMzMsMTIuNTU0NzkzNSBDMTguOTcyMjI0LDEyLjE4NDkyOTUgMTkuNDQ0NDQyNywxMiAyMCwxMiBDMjAuNTU1NTU3MywxMiAyMS4wMjc3NzYsMTIuMTg0OTI5NSAyMS40MTY2NjY3LDEyLjU1NDc5MzUgQzIxLjgwNTU1NzMsMTIuOTI0NjU3NSAyMiwxMy4zNzM3NzI2IDIyLDEzLjkwMjE0OTEgQzIyLDE0LjQzMDUyNTUgMjEuODA1NTU3MywxNC44Nzk2NDA2IDIxLjQxNjY2NjcsMTUuMjQ5NTA0NiBDMjEuMDI3Nzc2LDE1LjYxOTM2ODcgMjAuNTU1NTU3MywxNS44MDQyOTgxIDIwLDE1LjgwNDI5ODEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat 0 50%;
}

.c-message--close {
    position: absolute;
    right: 10px;
    color: #999;
    text-decoration: none;
    cursor: pointer;
    font-size: 30px;
    top: 0;
    line-height: 34px;
    display: block;
    height: 40px;
}

.c-message--close:hover {
    color: #666;
}

@keyframes messageFadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.c-message.messageFadeInDown {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both -webkit-animation-name: messageFadeInDown;
    animation-name: messageFadeInDown;
}

@keyframes messageFadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.c-message.messageFadeOutUp {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both -webkit-animation-name: messageFadeOutUp;
    animation-name: messageFadeOutUp
}


.xm-list-ping-tc{
  position: fixed;
  z-index: 900;
  margin: 15px auto auto;
  background: var(--xm-rgnbj-zhuse);
  border-radius: var(--xm-border-radius) var(--xm-border-radius) 0 0;
  padding: 15px 0;
  left: 0;
  right: 0;
  overflow-x: auto;
  bottom: 0;
  display: none;
  max-width: calc(1700px - 30px);
  width: calc(100% - 30px);
  height: calc(100% - 70px);
  animation: mymove 1s forwards; 

}
@keyframes mymove {
  from {bottom:calc(100% - 70px);} 
  to {bottom:0;}
}

.xm-list-ping-tc .xm-py-list{
  margin: 0 10px 20px 10px;
  border-bottom: 1px solid #f2f2f2;
  padding: 15px;
}

.xm-list-ping-tc .xm-list-ping-title{
  padding: 0 15px 15px 15px;
}

.xm-list-ping-zz{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0 0 0 / 85%);
  max-width: 1700px;
  right: 0;
  margin: auto;
}

.xm-list-ping-title{
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 2px dashed var(--xm-rgbbj-ciji);
}

.xm-list-ping-content-w{
position: absolute;
  z-index: 201;
  top: 70px;
  margin: 0 auto;
  left: 0;
  right: 0;
  overflow-x: auto;
  bottom: 15px;
  margin-bottom: 150px !important;
}



.xm-list-ping-form{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding:15px;
  background: var(--xm-rgbbj-qianse);
  z-index: 666;
}

.xm-list-ping-form .form label .input{
line-height: 30px !important;
}

/*评论框*/
.form {
  position: relative;
}

.title ,.xm-py-list-title{
  font-size: var(--xm-font-size-13);
  font-weight: 600;
  letter-spacing: 1px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 1.5rem;
}
.xm-py-list-title{
padding-left: .2rem;
width: calc(100% - .2rem);
  display: block;
}

.flex {
display: grid;
grid-gap: .5rem;
grid-template-columns: repeat(3,minmax(0,1fr));
margin-bottom: .5rem;
}

.form label {
  position: relative;
  width: 100%;
}

.form label .input {
border-radius: var(--xm-border-radius);
background: var(--xm-rgbbj-ciji);
width: 100%;
line-height: 40px;
text-indent: .5rem;
border: none;
font-size: var(--xm-font-size-15);
}

.form label textarea{
font-size: var(--xm-font-size-15) !important;
min-height: 60px;
}


.xm-display-flex{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: .5rem;
}


.submit {
  border: none;
  outline: none;
  background-color: var(--xm-rgbbj-fense);
  padding: .4rem .8rem;
  border-radius: var(--xm-border-radius);
}

.submit:hover {
  background-color: var(--xm-rgbbj-hongse);
  box-shadow: 0 15px 15px -10px rgba(0 0 0 / 18%);
}

@keyframes pulse {
  from {
    transform: scale(0.9);
    opacity: 1;
  }

  to {
    transform: scale(1.8);
    opacity: 0;
  }
}


.xm-comments-quxiao{
  margin-left: 15px;
  color: var(--xm-ciji-ys);
}

.xm-dianzan-a{
  text-align: center;
  margin: 30px 0;
}


.xm-sider-sousuo-img{
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  -webkit-transition: .2s;
  transition: .2s;
  flex-direction: column;
  margin: 20px 0;
  font-weight: bold;
  font-size: var(--xm-font-size-15);
  
}


.xm-post-images {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: .5rem;
  max-width: 100%;
}

.xm-post-imagesa {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: .5rem;
  max-width: 100%;
}


.xm-post-img span:nth-child(1) {
  grid-area: 1 / 1 / 3 / 3;
}
.xm-post-img span:nth-child(2) {
  grid-area: 1 / 3 / 2 / 4;
}
.xm-post-img span:nth-child(3) {
  grid-area: 2 / 3 / 3 / 4;
}
.xm-post-img span{
  position: relative;
}

.xm-post-images span img ,.xm-post-imagesa span img{

  display: block;
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  border-radius: var(--xm-border-radius);
  -webkit-transition: .2s;
  transition: .2s;
  object-fit: cover;
}


/*加载中动画*/
.loading{
    display: none;
    width:100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: var(--xm-rgnbj-zhuse);
    z-index: 999;
}

.style2-pic{
    width: 50px;
    height: 40px;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.style2-pic i{
    float: left;
    width: 6px;
    height: 40px;
    background: #399;
    margin:0 2px;
    transform: scaleY(0.4);
    animation: loadPic 1.2s infinite ;
}

@keyframes loadPic {
    0%,40%,100%{
        transform: scaleY(0.4);
    }
    20%{
        transform: scaleY(1);
    }
}

.style2-pic i:nth-child(2){
    animation-delay: 0.1s;
}

.style2-pic i:nth-child(3){
    animation-delay: 0.2s;
}

.style2-pic i:nth-child(4){
    animation-delay: 0.3s;
}

.style2-pic i:nth-child(5){
    animation-delay: 0.4s;
}

#cancel-comment-reply-link {
  display: inline !important;
}





/*悬浮侧边*/
.xm-sidebar-cebian .xm-sidebar-cebian-show {
  box-shadow: -4px 0px 20px 0 rgb(55 99 170 / 10%);
}
.xm-sidebar-cebian {
  position: fixed;
  background: var(--xm-rgnbj-zhuse);
  top: 0;
  bottom: 0;
  right: 0;
  width: 300px;
  transform: translateX(100%);
  transition: transform .3s ease-in-out;
  z-index: 666;
}
.xm-sidebar-cebian-show {
  transform: translateX(0) !important;
}
.xm-sidebar-cebian-head {
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 68px;
}
.xm-sidebar-cebian-head h2 {
  font-size: 18px;
}
.xm-sidebar-cebian-head i {
  margin-left: auto;
  cursor: pointer;
  display: flex;
}

.xm-xf-shijian{
  position: fixed;
  right: 0;
  bottom: 12%;
  text-align: center;
  box-sizing: border-box;
  padding: 8px;
  border-radius: var(--xm-border-radius) 0 0 var(--xm-border-radius);
  font-weight: bold;
  z-index: 2;
}

.xm-xf-shijian>div{
  margin: 10px 0;
  padding: 5px 2px;
  border-radius: var(--xm-border-radius);
}

.xm-sidebar-cebian-mask {
  display:none;
position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0 0 0 / 85%);
  z-index: 665;
}

#xm-xf-kefua{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0 0 0 / 85%);
  max-width: 1700px;
  right: 0;
  margin: auto;
}
.xm-xf-kefu{
  background: var(--xm-rgnbj-zhuse);
  overflow-x: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 15px;
  border-radius: var(--xm-border-radius);
  width: calc(45rem - 30px);
  max-width: calc(90vw - 30px);
  max-height: calc(90vh - 30px);
  z-index: 990;
  flex-wrap: wrap;
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%,-50%) scale(1.2);
  -moz-transform: translateY(-50%,-50%) scale(1.2);
  -ms-transform: translateY(-50%,-50%) scale(1.2);
  -o-transform: translateY(-50%,-50%) scale(1.2);
  transform: translate(-50%,-50%) scale(1.2);
}

.xm-xf-kefu-on {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%,-50%) scale(1);
  -moz-transform: translateY(-50%,-50%) scale(1);
  -ms-transform: translateY(-50%,-50%) scale(1);
  -o-transform: translateY(-50%,-50%) scale(1);
  transform: translate(-50%,-50%) scale(1);
}



.privacy {
 align-items:center;
}
.privacy_btn {
 align-items:center;
}

.privacy input[type="checkbox"] {
 display:none;
}
.privacy input[type="checkbox"]+label {
 display:inline-block;
 width:30px;
 height:16px;
 position:relative;
 -webkit-transition:0.3s;
 transition:0.3s;
 box-sizing:border-box;
}
.privacy input[type="checkbox"]+label:after {
 content:'';
 display:block;
 position:absolute;
 left:0px;
 top:0px;
 width:16px;
 height:16px;
 -webkit-transition:0.3s;
 transition:0.3s;
 cursor:pointer;
}
.privacy .inset:checked+label.green {
 background:var(--xm-rgbbj-chengse);
}
.privacy .inset:checked+label.green:after {
 background:var(--xm-rgbbj-lanse);
}
.privacy .inset:checked+label:after {
 left:calc(100% - 14px);
}
.privacy .inset+label {
 background:var(--xm-rgbbj-ciji);
 border-radius:var(--xm-border-radius);
}
.privacy .inset+label:after {
 background:var(--xm-rgbbj-fense);
 border-radius:50%;
 width:12px;
 height:12px;
 top:2px;
 left:2px;
}



/*文字广告*/


.xm-guanggao {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: var(--xm-rgnbj-zhuse);
  padding-top: 10px;
  border-radius: var(--xm-border-radius);
  margin-bottom: 15px;
}
.xm-guanggao::before {
  content: "广告";
  position: absolute;
  background: var(--xm-rgbbj-cese);
  font-size: var(--xm-font-size-11);
  padding: 2px 5px;
  border-radius: var(--xm-border-radius);
  z-index: 2;
  right: 10px;
}

.xm-guanggao img{
  margin: 0;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  width: calc(100% - 20px);
  padding: 0 10px 10px 10px;
  
}
.xm-guanggao-view{
  margin-top: 20px;
  position: relative;
}


.xm-guanggao-head{
  width: calc(100% - 12px);
  margin: 0 6px;
  margin-bottom: 20px;
}

.xm-guanggao-foot{
  width: calc(100% - 12px);
 margin: 0 6px;
 margin-bottom: 0 !important;
  margin-top: 20px;
}
.xm-guanggao-c-foot{
 margin-bottom: 0 !important;
  margin-top: 20px;
}

  .xm-guanggao a.xm-guanggao-a {
  color: var(--xm-rgbbj-fense);
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  border: 1px dashed #d6dadd;
  padding: 0 3px;
  box-sizing: border-box;
  float: left;
  width: calc(20% - 20px);
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 10px 10px 10px;
  text-decoration: none;
  transition: all .6s;
  border-radius: var(--xm-border-radius);
}
.xm-guanggao a.xm-guanggao-a:hover {font-weight: bold;color:var(--xm-fuzhu-ys);!important;background:var(--xm-rgbbj-fense);transition: all .6s;}
  .xm-guanggao a.xm-guanggao-a:nth-child(2n) {color:var(--xm-rgbbj-lanse);}
  .xm-guanggao a.xm-guanggao-a:nth-child(2n):hover {background:var(--xm-rgbbj-lanse);color:var(--xm-fuzhu-ys);}
  .xm-guanggao a.xm-guanggao-a:nth-child(3n) {color:var(--xm-rgbbj-chengse);}
  .xm-guanggao a.xm-guanggao-a:nth-child(3n):hover {background:var(--xm-rgbbj-chengse);color:var(--xm-fuzhu-ys);}
  .xm-guanggao a.xm-guanggao-a:nth-child(4n) {color:var(--xm-rgbbj-hongse);}
  .xm-guanggao a.xm-guanggao-a:nth-child(4n):hover {background:var(--xm-rgbbj-hongse);color:var(--xm-fuzhu-ys);}
  .xm-guanggao a.xm-guanggao-a:nth-child(5n) {color:var(--xm-rgbbj-lvse);}
  .xm-guanggao a.xm-guanggao-a:nth-child(5n):hover {background:var(--xm-rgbbj-lvse);color:var(--xm-fuzhu-ys);}
  .xm-guanggao a.xm-guanggao-a:nth-child(6n) {color:var(--xm-rgbbj-shenlanse);}
  .xm-guanggao a.xm-guanggao-a:nth-child(6n):hover {background:var(--xm-rgbbj-shenlanse);color:var(--xm-fuzhu-ys);}

/*音乐播放美化（抄袭的就是快）*/
.music_in_card {
    width: 100%;
  max-width: 25rem;
  display: flex;
  align-items: center;
  gap: .5rem;
  justify-content: space-between;
  border-radius: var(--xm-border-radius);
  color: var(--xm-fuzhu-ys);
  overflow: hidden;
}
.music_in_card .left {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.music_in_card .pic {
  display: block;
  cursor: zoom-in;
  -webkit-transition: .2s;
  transition: .2s;
  width: 6rem;
  height: 6rem;
  border-radius: 0;
  background: rgb(52 73 94 / 40%);
  max-width: 100% !important;
}

.music_in_card .middle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .5rem;
}
.music_in_card .middle b {
  line-height: 1.5rem;
  text-shadow: 0 .1rem .3rem rgb(0 0 0 / 70%);
  word-break: break-all;
  font-size: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.music_in_card .middle i {
  line-height: 1.5rem;
  font-size: .8rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.music_in_card .music_right {
  width: 3.5rem;
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
}
.music_in_card .music_right:before {
  content:'';
  display:block;
  width:2.5rem;
  height:2.5rem;
  background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij48cGF0aCBkPSJNNy43NTE5NCA1LjQzODcyTDE4LjI1OTYgMTEuNTY4MkMxOC40OTgxIDExLjcwNzMgMTguNTc4NyAxMi4wMTM1IDE4LjQzOTYgMTIuMjUyQzE4LjM5NjEgMTIuMzI2NSAxOC4zMzQxIDEyLjM4ODUgMTguMjU5NiAxMi40MzJMNy43NTE5NCAxOC41NjE1QzcuNTEzNDEgMTguNzAwNiA3LjIwNzI1IDE4LjYyIDcuMDY4MTEgMTguMzgxNUM3LjAyMzUgMTguMzA1IDcgMTguMjE4MSA3IDE4LjEyOTZWNS44NzA2MUM3IDUuNTk0NDYgNy4yMjM4NiA1LjM3MDYxIDcuNSA1LjM3MDYxQzcuNTg4NTMgNS4zNzA2MSA3LjY3NTQ3IDUuMzk0MTEgNy43NTE5NCA1LjQzODcyWiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwxKSI+PC9wYXRoPjwvc3ZnPg==') no-repeat
}
.music_in_card .netcloudmusic_play:before {
  background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij48cGF0aCBkPSJNMTUgN0MxNSA2LjQ0NzcyIDE1LjQ0NzcgNiAxNiA2QzE2LjU1MjMgNiAxNyA2LjQ0NzcyIDE3IDdWMTdDMTcgMTcuNTUyMyAxNi41NTIzIDE4IDE2IDE4QzE1LjQ0NzcgMTggMTUgMTcuNTUyMyAxNSAxN1Y3Wk03IDdDNyA2LjQ0NzcyIDcuNDQ3NzIgNiA4IDZDOC41NTIyOCA2IDkgNi40NDc3MiA5IDdWMTdDOSAxNy41NTIzIDguNTUyMjggMTggOCAxOEM3LjQ0NzcyIDE4IDcgMTcuNTUyMyA3IDE3VjdaIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDEpIj48L3BhdGg+PC9zdmc+') no-repeat
}


.xm-aside{
  width: calc(80% - 20px);
  display: none;
  margin-left: 20px;
}


#xm-header-list{
display: unset;
}


.hiddena { display: none; }
.flex-displaya { display: flex; }
.block-displaya { display: block; }

.xm-double{
  padding: 0 6px;
}


.xm-s {
  color: rgb(159,159,159);
  padding: 5px 0;
  font-size: 12px;
  margin: 0 15px;
}
.xm-post-fu ,.xm-post-fu a{
  color: var(--xm-fu-ys);
  font-size: 13px;
}
.xm-post-content{
    margin-bottom: 20px;
    display: block;
    align-items: center;
}
.xm-post-you{
  margin-top: 20px;
}

.xm-post-sx{
  margin-top: 20px;
  margin-bottom: 0px;
}

.xm-position-relative {
  position: relative;
  overflow: hidden;
}




.xm-jiaobiao{

  background: var(--xm-rgbbj-fense);
  color: var(--xm-fuzhu-ys);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: -35px;
  right: -35px;
  transform: rotate(45deg);
  padding: 5px;
  font-size: var(--xm-font-size-11);

}
.xm-jiaobiao2{

  background: var(--xm-rgbbj-lanse);
  color: var(--xm-fuzhu-ys);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: -35px;
  right: -35px;
  transform: rotate(45deg);
  padding: 5px;
  font-size: var(--xm-font-size-11);
}

.xm-jiaobiao3 {


  background: var(--xm-rgbbj-chengse);
  color: var(--xm-fuzhu-ys);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: -35px;
  right: -35px;
  transform: rotate(45deg);
  padding: 5px;
  font-size: var(--xm-font-size-11);
}

.xm-jiaobiao4 {


  background: var(--xm-rgbbj-hongse);
  color: var(--xm-fuzhu-ys);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: -35px;
  right: -35px;
  transform: rotate(45deg);
  padding: 5px;
  font-size: var(--xm-font-size-11);
}

.xm-jiaobiao5 {


  background: var(--xm-rgbbj-lvse);
  color: var(--xm-fuzhu-ys);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: -35px;
  right: -35px;
  transform: rotate(45deg);
  padding: 5px;
  font-size: var(--xm-font-size-11);
}

.xm-jiaobiao6 {


  background: var(--xm-rgbbj-shenlanse);
  color: var(--xm-fuzhu-ys);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  position: absolute;
  top: -35px;
  right: -35px;
  transform: rotate(45deg);
  padding: 5px;
  font-size: var(--xm-font-size-11);
}

.xm-foot-pagea a{
margin: 5px;
}

.xm-footer-erweima {
display: none;
}

.xm-mianbao{
  margin-bottom: 20px;
  color: var(--xm-fu-ys);
}


.xm-line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
}
.xm-hidden {
  display: none;
}


.xm-zuo-you{
  display: flex;
  justify-content: center;
  align-items: center;
}
.xm-zuo-you .xm-zuo-you-img{
  margin-right: 15px;
  height: 115px;
  width: 130px;
}
.xm-zuo-you .xm-py-width{
  width: calc(100% - 145px);
}

.xm-zuo-you .xm-zuo-you-img img{
    width: 100%;
    max-width: 100% !important;
    object-fit: cover;
    -webkit-transition: .2s;
    transition: .2s;
    height: 100%;
    border-radius: var(--xm-border-radius);
	transition: transform 0.3s ease;
}
.xm-zuo-you .xm-zuo-you-img:hover img {
    transform: scale(1.1); 
}
.xm-xiangguan-a{
  margin-top: 20px;
  background: var(--xm-rgnbj-zhuse);
  border-radius: var(--xm-border-radius);
  padding: 10px;
}

.xm-xiangguan-a:hover{
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
}
.xm-xiangguan{
  display: flex;
  flex-flow: wrap;
}

.xm-xiangguan .xm-xiangguan-list{
    padding: 10px;
    box-sizing: border-box;
    width: 33.33333%;
  
}

.xm-xiangguan .xm-xiangguan-list img{
    width: 100%;
    height: 150px;
    transition: all .2s;

    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--xm-border-radius);
}
.xm-xiangguan .xm-xiangguan-list h2.xm-xiangguan-title{
font-size: var(--xm-font-size-15);
margin: 10px 0;
}
.xm-xiangguan .xm-xiangguan-list .xm-xiangguan-fu{
  display: flex;
  color: var(--xm-fu-ys);
  font-size: var(--xm-font-size-13);
}
.xm-xiangguan .xm-xiangguan-list .xm-xiangguan-fu span{
width: 50%;  
}
.xm-xiangguan .xm-xiangguan-list .xm-xiangguan-fu span.xm-xiangguan-time{
text-align: right;
  }


.bolang {
  width: 100%;
  height: 5rem;
  position: absolute;
  left: 0;
  z-index: 0;
  top: 40px;
}
.bolang::after {
  content: "";
  display: block;
  clear: both;
}

.bolang svg {
  width: 100%;
  height: 100%;
  border-radius: var(--xm-border-radius);
}
.bolang .parallax>use {
	-webkit-animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
	animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite
}
.bolang .parallax>use:first-child {
	-webkit-animation-delay:-2s;
	animation-delay:-2s;
	-webkit-animation-duration:7s;
	animation-duration:7s;
	fill:hsla(var(--xm-bolang), 0.7)
}
.bolang .parallax>use:nth-child(2) {
	-webkit-animation-delay:-3s;
	animation-delay:-3s;
	-webkit-animation-duration:10s;
	animation-duration:10s;
	fill:hsla(var(--xm-bolang), 0.5)
}
.bolang .parallax>use:nth-child(3) {
	-webkit-animation-delay:-4s;
	animation-delay:-4s;
	-webkit-animation-duration:13s;
	animation-duration:13s;
	fill:hsla(var(--xm-bolang), 0.3)
}
.bolang .parallax>use:nth-child(4) {
	-webkit-animation-delay:-5s;
	animation-delay:-5s;
	-webkit-animation-duration:20s;
	animation-duration:20s;
	fill:hsla(var(--xm-bolang), 0.55);
}


@-webkit-keyframes move-forever {
	0% {
	-webkit-transform:translate3d(-90px,0,0);
	transform:translate3d(-90px,0,0)
}
to {
	-webkit-transform:translate3d(85px,0,0);
	transform:translate3d(85px,0,0)
}
}@keyframes move-forever {
	0% {
	-webkit-transform:translate3d(-90px,0,0);
	transform:translate3d(-90px,0,0)
}
to {
	-webkit-transform:translate3d(85px,0,0);
	transform:translate3d(85px,0,0)
}
}


.xm-view-body .xm-img-alt {
  word-wrap: break-word;
  word-break: break-all;
  position: relative;
  color: var(--xm-zfu-ys);
  padding: 10px 15px;
  font-size: var(--xm-font-size-11);
  text-align: center;
  margin-top: -20px;
}


.xm-view-body .xm-img-3 .xm-img-alt , .xm-view-body .xm-post-img .xm-img-alt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  color: var(--xm-zfu-ys);
  background: rgba(255, 255, 255, 0.24);
  top: 8px;
  border-radius: var(--xm-border-radius) 0 var(--xm-border-radius) 0;
  padding: 5px;
  font-size: var(--xm-font-size-11);
  text-align: left;
  margin-top: 0;
  max-width: calc(100% - 10px);
}
.xm-view-body .xm-img-3 .xm-list-tu .xm-img-alt{
  top: 0px;
}
@media screen and  (max-width:1700px) {
	#pjax-load{
		margin: auto;
	}
	.xm-footer-dh{
		border-radius: 0px;
	}
  .bolang svg{
		border-radius: 0px;
	}
  .bigimg_img img {
    border-radius: 0px;
  }
	.xm-header{
		border-radius: 0px;
	}
	
	.xm-datupian-da{
		border-radius: 0px;
	}
	.xm-header-banner .xm-header-background{
		border-radius: 0px;
	}

}


@media screen and  (max-width:1200px) {
  .xm-guanggao a.xm-guanggao-a {
    width: calc(25% - 20px);
  }
  .carousel-item, .carousel-item img{
	height: calc(300px - 0px);
  }
}
@media screen and  (max-width:970px) {
  .xm-guanggao a.xm-guanggao-a {
    width: calc(33.333333% - 20px);
  }
}
@media screen and  (max-width:650px) {
  .xm-guanggao a.xm-guanggao-a {
    width: calc(50% - 20px);
  }
  
}


@media screen and  (max-width:1500px) {
  .xm-py-pubuliu {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
  }
}



@media screen and  (max-width:768px) {
  .link_body_list {
  width: calc(33.333% - 2rem);
  }

  .xm-guanggao a {
  width: calc(33.333333% - 20px);
  }

  .xm-xiangguan .xm-xiangguan-list{
    width: 50%;
  
}

.xm-py-pubuliu {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  column-gap: 20px;
}

  .carousel-item, .carousel-item img{
	height: calc(250px - 0px);
  }

}


@media screen and  (min-width:650px) {
  .xm-double {
    display: flex;
  }

  #xm-tool {
    display: block !important;
    width: 10%;
    border-radius: var(--xm-border-radius);
  }

  .xm-main {
    width: calc(90% - 20px);
    margin-left: 20px;
    border-radius: var(--xm-border-radius);
  }

}


@media screen and  (min-width:970px) {

.xm-post-content{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.xm-post-zuo{
  width: calc(100% - 120px);
  margin-right: 20px;
}

.xm-post-you{
  width: 100px;
  margin-top: 0px;
}

.xm-content-list {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
.xm-double{
  display: flex;
}

.xm-header-title a{
  display: block;
}

#xm-header-list{
  display: none !important;
}

.xm-main{
  width: calc(65% - 40px);
  margin: 0 20px;
  border-radius: var(--xm-border-radius);
  display: block !important;
}

#xm-tool{
  display: block !important;
  width: 5%;
  border-radius: var(--xm-border-radius);
}
#xm-tool:hover{
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
}

.xm-aside{
  width: calc(30% - 0px);
  margin-left: 0px;
  clear: both;
  height: 100%;
  position: sticky;
  top: 0;
  display: block !important;
}



.xm-foot-banquan{
  display: none;
}

p.xm-sider-tja:last-of-type{
  border-bottom: 0px solid #e3e3e396;
  padding-bottom: 0rem;
  margin-bottom: 0rem;
}




.xm-c-guanggao a {
  width: calc(50% - 20px) !important;
}
}

@media screen and  (min-width:750px) {
.xm-content-list {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.xm-list-tu{
  max-height: 100px;
}

/*
.xm-content-list-card:last-of-type{
border-bottom: 1px solid #e3e3e396;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
*/

.xm-nav-footera{
  display: block;
  width: calc(100% - 75px);
  margin-right: 20px;
  text-align: left;
}

.xm-footer-erweima {
  display: block;
  width: 55px;
  height: 55px;
}
.xm-footer-erweima img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xm-footer-erweima img:hover{
  box-shadow: 0 5px 11px 0 rgba(96, 96, 96, 0.3);
}

}


@media screen and  (max-width:520px) {
  .link_body_list {
  width: calc(50% - 2rem);
  }

  .xm-displayflex{
    display: block;
  }

  .xm-text-align-right{
  text-align: left;
  margin-top: .5rem;
  }

  .xm-footer .xm-view-href{
  text-align: center;
  }

.xm-guanggao a {
  width: calc(50% - 20px);
}

.xm-sider-fenlei{
  grid-template-columns: repeat(2,minmax(0,1fr));
}

  .carousel-item, .carousel-item img{
	height: calc(200px - 0px);
  }


}