@charset "utf-8";

/*公共css样式*/
:root {
        --xm-rgnbj-zhuse: #fff; /*主色*/
        --xm-rgbbj-fuse: rgba(0, 0, 0, 0.9); /*副色*/
        --xm-rgbbj-ciji: #eaeaea; /*次级副色*/
        --xm-rgbbj: #cacfd5; /*背景颜色*/
        --xm-rgbbj-qianse: #f9fafb; /*浅色*/
        --xm-rgbbj-cese: rgba(255, 255, 255, 0.7); /*悬浮按钮的透明色*/
        --xm-rgbbj-fense: rgba(255, 133, 173, 1); /*透明粉色*/
        --xm-rgbbj-lanse: rgba(0, 174, 236, 1); /*透明蓝色*/
        --xm-rgbbj-chengse: rgba(255, 183, 52, 1); /*透明橙色*/
        --xm-rgbbj-hongse: rgba(248, 92, 86, 1); /*透明红色*/
        --xm-rgbbj-lvse: rgba(0, 192, 145, 1); /*透明绿色*/
        --xm-rgbbj-shenlanse: rgba(55, 82, 200, 1); /*透明深蓝色*/

        --xm-border-radius: 6px;/*圆角*/

        --xm-zhu-ys:black;/*主字体颜色*/
        --xm-fu-ys:#888;/*副字体颜色*/
        --xm-fuzhu-ys:#fff;/*副字体颜色*/
        --xm-ciji-ys:#c80000;/*次级字体颜色*/

        --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*/

}

*{
margin: 0;
padding: 0
}

body {
font-family:'HM','OP','MiSans',"SF Pro SC","SF Pro Text","SF Pro Icons",PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;
font-size: var(--xm-font-size-15);
color: var(--xm-zhu-ys);
background: var(--xm-rgbbj);
background-position: 50% 0;
background-attachment: fixed;
background-size: cover;
letter-spacing: 1px;
}

div, h1, h2, h3, h4, h5, p, form, ul, label, input, textarea, img, span, dl, dt, dd {
  margin: 0;
  padding: 0;
  outline: 0;
}
ul, li {
  list-style: none;
}
ol li {
  margin: 0;
  list-style: decimal;
  padding: 0;
  list-style-type:none
}
a {
  color: var(--xm-zhu-ys);
  text-decoration: none;
}
button {

}
a:hover {
  color: var(--xm-ciji-ys);
}
blockquote {
  position: relative;
  padding: 0 0 0 50px;
  margin: 40px 0;
  border: 0;
}

table {
  border-collapse: collapse;
  width: 100%;
}
table tr{
  line-height: 3;
}
table, table th, table td {
  border: 1px solid #eee
}
table th, table td {
  padding: 6px
}
table th {
  background-color: #f6f7f8
}
.iconfont {
  padding: 2px;
  text-align: center;
  border-radius: 50%;
}
.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);
}


.xm-header-anheia .iconcolor3{

}



.xm-header {
  background: var(--xm-rgnbj-zhuse);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding: 5px 0;
  top: 0;
  max-width: 970px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}


.xm-header-container {
  padding: 0 10px;
  display: flex;
}

.xm-header-logo{
  margin-right: 1rem;
  float: left;
  height: 45px;
  line-height: 45px;
  width: 65px;
}

.xm-header-logo img{
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
  -webkit-transition: .2s;
  transition: .2s;
  
}

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

.xm-side{
  float: right;
  margin-left: 1rem;
  width: 65px;
  text-align: right;
}


.xm-header-sider{
  background-color: var(--xm-rgnbj-zhuse);
  padding: 10px;
  width: calc(100% - 20px);
  display: none;
}

.xm-content{
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
  padding-top: 55px;
  padding-bottom: 55px;
}


.xm-footer{
  display: none;
  background: var(--xm-rgnbj-zhuse);
  padding: 10px;
  width: calc(100% - 20px);
}


/*分页样式*/
.page-navigator {
list-style: none;
text-align: center;
padding: 10px;
padding: 0 10px 20px 10px;
background: var(--xm-rgnbj-zhuse);
}
.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: 10px;
}

.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-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 15px 15px -10px rgba(0 0 0 / 10%);
}

/*文章过期*/
.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: .1rem .5rem;
border-radius: var(--xm-border-radius);
background-color: var(--xm-rgbbj-lanse);
color: var(--xm-fuzhu-ys) !important;
}


.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{
  padding-bottom: 1rem;
  width: 100%;
  display: block;
  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;
}



/*评论*/
.xm-comments-page .page-navigator{
padding: 0;
}

#comments{
  width: 100%;
}

.xm-comments{
margin: 10px 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: 1rem;
}
.xm-comments .xm-post-comment {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  width: 100%;
}
.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{
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
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-14);
  margin-bottom: 0;
  line-height: 100%;
}

.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);
}

.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: 1rem;
}

/* THE END */
.separator{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: var(--xm-font-size-13);
  margin-bottom: 1rem;
  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% - 2rem);
margin: 1rem 1rem 0 1rem;
  display: flex;
}
.link_body_name {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
margin-left: 0.5rem;
text-align: center;
  margin-top: 8px;
}
.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-tonggao{
width: calc(100% - 20px);
  padding: 10px;
  background: var(--xm-rgbbj-hongse);
  color: var(--xm-fuzhu-ys);
  font-size: var(--xm-font-size-13);
}


.xm-logo {
  width: 60px;
  height: 60px;
  border-radius: var(--xm-border-radius);
}
.xm-logo img {
  width: 100%;
  height: 100%;
  border-radius: var(--xm-border-radius);
  object-fit: cover;
}
.xm-head {
  height: 80px;
  position: relative;
  width: calc(100% - 80px);
  text-align: right;
  margin-left: 20px;
}

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

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

.xm-miaoshu {
  color: #959595;
  font-size: 14px;
}

.xm-line-height {
  line-height: 30px;
}
.xm-display-flexa{
  display: flex;
}
.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;
}




.xm-footer-dh{
  bottom: 0;
  text-align: center;
  background: var(--xm-rgnbj-zhuse);
  z-index: 10;
  position: fixed;
  line-height: 1.6;
  padding: 5px 0;
  max-width: 970px;
  width: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10);
    background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}

.xm-footer-dh a{
width: calc(25% - 0px);
  display: inline-block;
}
.xm-footer-dh a p{
font-size: var(--xm-font-size-13);
font-weight: bold;
}

.xm-content-list{
  background-color: var(--xm-rgnbj-zhuse);
  padding: 10px 0;
  width: calc(100% - 0px);
}


.xm-content-list .xm-content-list-thumbnail{
  height: 100px;
  width: 150px;
  line-height: 100px;
  text-align: center;
    text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.xm-content-list .xm-content-list-thumbnail img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: var(--xm-border-radius);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
    -webkit-transition: .2s;
  transition: .2s;
  
}
.xm-content-list .xm-content-list-thumbnail img:hover{
  -webkit-transform:translateY(8px);
  transform:translateY(8px);
  border-radius: var(--xm-border-radius);
}

.xm-content-list .xm-content-body{
  width: calc(100% - 165px);
  margin-right: 15px;
  height: 100px;
}



.xm-content-list .xm-content-title{
  height: 60px;
  line-height: 2;
  max-height: 60px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  font-weight: bold;
  word-wrap: break-word;
  word-break: break-all;
  position: relative;
}

.xm-content-list .xm-content-miao{
  height: 40px;
  line-height: 40px;
  color: var(--xm-fu-ys);
  font-size: var(--xm-font-size-13);
}

.xm-content-list .xm-content-miao a{
  color: var(--xm-fu-ys);
}

.xm-content-list-card{
  border-bottom: 2px dashed var(--xm-rgbbj-ciji);
  margin-bottom: 15px;
  padding-bottom: 15px;
}


.xm-content-list-carda{
margin: 0 10px;
}

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


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



.xm-footer-bj{
  background: var(--xm-rgbbj-lanse);
  padding: 10px;
  border-radius: 6px;
  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: var(--xm-rgbbj-fuse);
  max-width: 970px;
  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);
}


/*新版分类*/
.xm-sider-fenlei a{
  float: left;
  width: calc(33.33333% - 1rem);
  margin-top: 1.5rem;
  text-align: center;
  margin-left: .5rem;
  margin-right: .5rem;
}
.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-header-banner .xm-header-background{
  width: 100%;
  height: 100%;
  background-position-x: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.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{
  margin-top: 65px;
}
.xm-py-list{
  display: flex;
  padding-bottom: 1.5rem;
  border-bottom: 2px dashed var(--xm-rgbbj-ciji);
}
.xm-py-list .xm-py-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.xm-py-list .xm-py-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
    -webkit-transition: .2s;
  transition: .2s;
  
}
.xm-py-list .xm-py-body{
  width: calc(100% - 50px);
}
.xm-py-list .xm-py-name{
  color: var(--xm-ciji-ys);
}

.xm-py-list .xm-py-weizhi{

  color: var(--xm-fu-ys);
  font-size: var(--xm-font-size-13);
}

.xm-py-list .xm-py-content{
font-size: var(--xm-font-size-14);
}

.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-list:last-of-type,.xm-py ol.comment-list li:last-of-type{
  border-bottom: 0px solid #e3e3e396;
  padding-bottom: 0rem;
  margin-bottom: 0rem;
}

.xm-py ol.comment-list li{
border-bottom: 2px dashed var(--xm-rgbbj-ciji);
padding-bottom: 1.5rem;
margin-top: 0rem;
margin-bottom: 1.5rem;
}

.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-tanchuang-title{
  background: var(--xm-rgnbj-zhuse);
  color: var(--xm-zhu-ys);
  border-radius: var(--xm-border-radius);
  padding: 5px 0;
  position: absolute;
  top: 50%;
  font-size: var(--xm-font-size-13);
}
        .xm-tanchuang-content *,
        .xm-tanchuang-content *::before,
        .xm-tanchuang-content *::after {
          box-sizing: inherit;
        }
        .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%;
          height: 100%;
          max-width: 320px;
          max-height: 90vh;
          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 {
          margin: 0.5em 0;
          padding: 0 1em;
          font-size: 1.2em;
        }
        .xm-tanchuang-content img {
          width: auto;
          height: auto;
          max-width: 320px;
          max-height: calc(90vh - 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;
        }
        .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);
        }
        .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{
  margin-top: 10px;
  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: 6px;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
}

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

.xm-list-tu {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  max-height: 120px;
}

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


.xm-py-content .permalink {
  position: relative;
  padding: 10px;
  border-radius: 6px;
  flex-direction: row;
  display: flex;
  align-items: center;
  background: var(--xm-rgbbj-qianse);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  margin-top: 10px;
}
.xm-py-content .permalink:hover{
background: var(--xm-rgbbj-lanse);
color: var(--xm-fuzhu-ys);
}

.xm-py-content .permalink .line {
    margin: 0 10px;
    width: 1px;
    height: 16px;
    background: var(--xm-rgbbj-ciji);
}

.xm-py-content .permalink .left {
  display: flex;
  align-items: center;
  width: 25px;
}
.xm-py-content .permalink .right {
    max-width: 100%;
    overflow: hidden;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 50px);
}


.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;
}

.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: 1.5rem;
}




.iframe_video {
  position:relative;
  width:100%;
  border-radius:10px
}
@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{
padding: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: var(--xm-border-radius);
  margin-top: 15px;
  background: var(--xm-rgbbj-qianse);
}

.xm-class-lei{
  color:var(--xm-fu-ys);
  font-size: 13px;
  margin-left: 10px;
}
.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-nav-footera{
  display: none;
}

.xm-nav-footer{
  display: flex;
  width: 100%;
}

.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;
  left: 15px;
  right: 15px;
  overflow-x: auto;
  bottom: 0;
  display: none;
  max-width: calc(970px - 60px);
  width: calc(100% - 60px);
  height: calc(100% - 50px);
}

.xm-list-ping-zz{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
  background: var(--xm-rgbbj-fuse);
  max-width: 970px;
  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: 15px;
  right: 0;
  overflow-x: auto;
  bottom: 15px;
  padding-right: 15px;
  margin-bottom: 150px;
}



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

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

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

.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;
}

.title::before,.title::after {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  border-radius: 50%;
  left: 0;
  background-color: var(--xm-rgbbj-chengse);
}

.title::before {
  width: 18px;
  height: 18px;
  background-color: var(--xm-rgbbj-chengse);
}

.title::after {
  width: 18px;
  height: 18px;
  animation: pulse 1s linear infinite;
}

.title a{
margin-right: 1rem;
}

.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-top: 15px;
}


.xm-sider-sousuo-img{
  height: 90px;
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
    -webkit-transition: .2s;
  transition: .2s;
  
}


.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;
  background-color: var(--xm-rgbbj-cese);
  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: 6px;
}
.xm-xf-shijian>div:hover{
    background: var(--xm-rgnbj-zhuse);
}
.xm-sidebar-cebian-mask {
  display:none;
position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--xm-rgbbj-fuse);
  z-index: 665;
}

#xm-xf-kefua{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  width: 100%;
  height: 100%;
  background: var(--xm-rgbbj-fuse);
  max-width: 970px;
  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-list-zhuti{
  position: relative;
  color: var(--xm-fuzhu-ys);
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px dashed var(--xm-rgbbj-ciji);
  z-index: 1;
}


.xm-list-zhuti .xm-list-mask {
display: block;
  background: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.9));
  width: 100%;
  height: 174px;
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 0;
}

.xm-list-zhuti .xm-list-zhuti-img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin-right: 15px;
}

.xm-list-zhuti .xm-list-zhuti-img img{
  width: 100%;
  max-width: 100% !important;
  height: 100%;
  object-fit: cover;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: var(--xm-border-radius);
  -webkit-filter: brightness(70%);
  filter: brightness(70%);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}

.xm-list-zhuti .xm-list-absolute {
position: absolute;
  left: 0;
  bottom: 24px;
  width: 100%;
  right: 0;
  border-radius:0 0 var(--xm-border-radius) var(--xm-border-radius);
}



.xm-list-zhuti .xm-list-zhuti-title {
  font-weight: bold;
  padding: 15px;
  text-align: center;
  margin-bottom: 20px;
}

.xm-list-zhuti .xm-list-zhuti-title a,.xm-list-zhuti .xm-list-zhuti-fu a{
  color: var(--xm-fuzhu-ys);
}


.xm-list-zhuti .xm-list-zhuti-fu {
  padding: 0 15px 15px;
  font-size: var(--xm-font-size-13);
}



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

 .xm-image-shell {
      max-width: 965px;
      column-count: 2;
      column-gap: 15px;
    }

    .xm-image-shell .xm-image-image {
      border-radius: var(--xm-border-radius);
      position: relative;
      margin-bottom: 10px;
    }

    .xm-image-shell .xm-image-image img {
      width: 100%;
      height: 100%;
      -webkit-transition: .2s;
      transition: .2s;
      border-radius: var(--xm-border-radius);
      -webkit-filter: brightness(70%);
      filter: brightness(70%);
      box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
      margin:  0;
      min-height: 100px;
  object-fit: cover;
    }
    .xm-image-shell .xm-image-title{
      width: calc(100% - 20px);
      padding: 0 10px;
      position: absolute;
      left: 0;
      bottom: 10%;
      right: 0;
      color: var(--xm-fuzhu-ys);
      display: block;
      z-index: 10;
      font-weight: bold;
    }
    .xm-image-shell .xm-image-title a{
      color: var(--xm-fuzhu-ys);
    }

[class*="snapic_logs-item-info-"] {
position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 20px);
  color: var(--xm-fuzhu-ys);
  opacity: 1;
  z-index: 300;
  font-size: var(--xm-font-size-13);
  padding: 10px;
}

[class*="snapic_logs-item-info-"] span {
  margin-right: 10px;
}
[class*="snapic_logs-item-info-"] span a{
  color: var(--xm-fuzhu-ys);
}



[class*="xm-item-info-"] {
position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 20px);
  color: var(--xm-fuzhu-ys);
  opacity: 0;
  z-index: 300;
  font-size: var(--xm-font-size-13);
  padding: 10px;
}

[class*="xm-item-info-"] span {
  margin-right: 10px;
}
[class*="xm-item-info-"] span a{
  color: var(--xm-fuzhu-ys);
}

.xm-list-zhuti:hover [class*="xm-item-info-"] {
  opacity: 1;
}


.xm-image-fuji{
  width: 100%;
  margin-bottom: 1rem;
  line-height: 2;
  color: var(--xm-fu-ys);
  font-size: var(--xm-font-size-13);
}


    @media (max-width:850px) {
      .xm-image-shell {
        column-count: 3;
      }
    }

    @media (max-width:600px) {
      .xm-image-shell {
        column-count: 2;
      }
    }
    @media (max-width:428px) {
      .xm-image-shell {
        column-count: 1;
      }
    }

/*文字广告*/
.xm-c-guanggao{
  display: none;
}
  .xm-guanggao {width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: var(--xm-rgnbj-zhuse);
  padding-top: 10px;
  }
  .xm-guanggao a {
  color: var(--xm-rgbbj-fense);
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  border: 1px dashed rgba(0,0,0,.2);
  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;
}
.xm-guanggao a:hover {font-weight: bold;color:var(--xm-fuzhu-ys);!important;background:var(--xm-rgbbj-fense);transition: all .6s;}
  .xm-guanggao a:nth-child(2n) {color:var(--xm-rgbbj-lanse);}
  .xm-guanggao a:nth-child(2n):hover {background:var(--xm-rgbbj-lanse);color:var(--xm-fuzhu-ys);}
  .xm-guanggao a:nth-child(3n) {color:var(--xm-rgbbj-chengse);}
  .xm-guanggao a:nth-child(3n):hover {background:var(--xm-rgbbj-chengse);color:var(--xm-fuzhu-ys);}
  .xm-guanggao a:nth-child(4n) {color:var(--xm-rgbbj-hongse);}
  .xm-guanggao a:nth-child(4n):hover {background:var(--xm-rgbbj-hongse);color:var(--xm-fuzhu-ys);}
  .xm-guanggao a:nth-child(5n) {color:var(--xm-rgbbj-lvse);}
  .xm-guanggao a:nth-child(5n):hover {background:var(--xm-rgbbj-lvse);color:var(--xm-fuzhu-ys);}
  .xm-guanggao a:nth-child(6n) {color:var(--xm-rgbbj-shenlanse);}
  .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
}






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

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


@media screen and  (min-width:970px) {
.xm-content-list {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
.xm-double{
  display: flex;
}

.xm-main{
  margin-right: 1rem;
  width: calc(70% - 1rem);
}
.xm-aside{
  width: 30%;
  clear: both;
  height: 100%;
  position: sticky;
  top: 0;
}

.xm-header-sider{
  display: block !important;
}


.xm-content{
  padding-top: 65px;
  padding-bottom: 65px;
}

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

.xm-nav-footera{
  display: block;
  height: 45px;
  line-height: 45px;
}


#xm-footerb{
  display: none;
}

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

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


.xm-guanggao{
margin-bottom: 10px;
}
.xm-c-guanggao{
  display: block !important;
}
.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-category-zhuti{
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
/*
.xm-content-list-card:last-of-type{
border-bottom: 1px solid #e3e3e396;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
*/
}


@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);
}
}