/*文章目录*/
.xm-wx-wai-mulu{
}
.xm-wx-mulu{
background-color: var(--xm-rgbbj-fense);
  border-radius: var(--xm-border-radius);
  position: fixed;
  z-index: 100;
  text-align: center;
  right: 10px;
  padding: 6px 6px 0 6px;
  top: 15%;
}
#xm-view-content .xm-view-content-li a{
color: var(--xm-fuzhu-ys);
}

#xm-view-content{
display: none;
background-color: var(--xm-rgbbj-lanse);
border-radius: var(--xm-border-radius);
position: fixed;
z-index: 200;
clear: both;
max-width: 320px;
overflow-y: auto;
right: 4rem;
padding: .5rem;
top: 15%;
}

#xm-view-content div.xm-view-content-ul{
  margin: 0;
  padding: 0;
  max-height: 200px;
}


#xm-view-content div.xm-view-content-ul p.xm-view-content-li{
margin: 10px 0;
}

#xm-view-content div.xm-view-content-ul p:hover{
background: var(--xm-rgnbj-zhuse);
color: var(--xm-zhu-ys);
padding: 5px;
border-radius: var(--xm-border-radius);
}
#xm-view-content div.xm-view-content-ul p:hover a{
color: var(--xm-zhu-ys);
}


.xm-mulua{
  font-weight: bold;
  font-size: 17px;
  text-align: center;
  color: var(--xm-fuzhu-ys);
  border-bottom: 2px dashed var(--xm-rgnbj-zhuse);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.xm-view-body .biaoqing{
  width: 25px;
  height: 25px;
  margin: 0;
  padding: .1rem;
}


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

.xm-mm .xm-mm-button{
  width: 40px;
  text-align: center;
}
.xm-mm .xm-mm-button button{
  width: 40px;
  padding: 10px 0;
  background: var(--xm-rgnbj-zhuse);
  border: 1px solid #000;
  border-radius: 0 var(--xm-border-radius) var(--xm-border-radius) 0;
}


/*宫格描述*/
.xm-gongge{
  column-count: 3;
}

.xm-gongge .xm-gongge-col {
  break-inside: avoid-column;
}

.xm-gongge .xm-gongge-col:hover {
  box-shadow: 0 15px 15px -10px rgba(0 0 0 / 18%);
}

.xm-gongge .xm-gongge-col .xm-gongge-body{
  background: var(--xm-rgbbj-ciji);
  border-radius: var(--xm-border-radius);
  height: 100%;
  padding: 1rem;
  margin-bottom: 1rem !important;
}


.xm-gongge .xm-gongge-col .xm-gongge-body .xm-gongge-title {
font-size: var(--xm-font-size-14);
margin-bottom: 1rem;
font-weight: bold;
}

.xm-gongge .xm-gongge-col .xm-gongge-body .xm-gongge-content {
  margin-bottom: 0px;
  font-weight: 300;
  line-height: 1.6;
}



.xm-comments-flex{
  display: flex;
}


.xm-wx-ying{
  padding: 10px;
  margin: 20px 0;
  border: 1px dashed var(--xm-rgbbj-fense);
  border-radius: var(--xm-border-radius);
  position: relative;
}


.xm-comments-owo{
position: absolute !important;
bottom: 10px;
width: 100%;
left: 10px;
}

.xm-comments-ping ol, .xm-comments-ping li{
list-style: none;
margin:0; 
padding:0;
}

.xm-comments-ping li{
margin-top: 2rem;
margin-bottom: 1rem;
}

.xm-comments-ping ol li:first-of-type{
margin-top: 0rem;
}

.xm-comments-ping li:last-child{
margin-bottom: 0rem;
}

.xm-v {
  background: var(--xm-rgbbj-chengse);
  padding: 1px 6px;
  border-radius: var(--xm-border-radius);
  font-size: 12px;
  margin-left: .5rem;
  color: var(--xm-fuzhu-ys);
}

.xm-comments-ping ol li .comment-children{
  padding: 0 .8rem;
}

.respond{
  width: 100%;
  margin-top: 1rem;
}


.comments_off{
text-align: center;
  font-size: var(--xm-font-size-15);
  background: var(--xm-rgbbj-hongse);
  padding: .5rem;
  border-radius: var(--xm-border-radius);
  margin-top: 1rem;
  color: var(--xm-fuzhu-ys);
}

/*评论隐私文字样式*/
.xm-yinsi-text{
margin-left: .5rem;
display: inline-block !important;
height: 22px;
vertical-align: bottom;
}


/*公共文章内样式*/
.xm-view-body p input[type=password]{
width: calc(100% - 95px);
height: 30px;
background: var(--xm-rgbbj);
border: 0px solid #fff;
margin-right: 5px;
outline: 0;
float: left;
text-indent: 5px;
border-radius: var(--xm-border-radius);
}

.xm-view-body p input[type=submit]{
width: 90px;
height: 30px;
background: var(--xm-rgbbj-ciji);
border: 0px solid #fff;
outline: 0;
text-indent: 5px;
border-radius: var(--xm-border-radius);
}

.xm-view-body table {
  width:100%;
  margin:10px 0;
}
.xm-view-body table, .xm-view-body table th, .xm-view-body table td {
  border: 1px solid var(--xm-rgbbj-ciji);
}

.xm-view-body table thead {
  background:var(--xm-rgbbj-fense);
}
.xm-view-body table tr th {
  padding:10px;
  background:var(--xm-rgbbj-fense);
}

.xm-view-body table tr:hover {
  background:var(--xm-rgbbj-lanse)
}


.xm-view-body table tbody tr td {
  border:1px solid var(--xm-rgbbj-ciji);
  padding:0.5rem;
  word-break:break-all;
}
.xm-view-body h1,.xm-view-body h2,.xm-view-body h3,.xm-view-body h4,.xm-view-body h5,.xm-view-body h6{

  padding-left: 10px;
  margin: 10px 0;
  border-left: 10px solid var(--xm-rgbbj-fense);
  border-bottom: 0.1rem solid var(--xm-rgbbj-fense);

}

.xm-view-body h1{
  font-size: 20px;
}
.xm-view-body h1:before{
  content: 'H1';
  color: var(--xm-ciji-ys);
  font-family: 'remixicon';
  font-size: 20px;
  margin-right: 5px;
  font-weight: bold;
}
.xm-view-body h2{
  font-size: 19px;
  border-left: 10px solid var(--xm-rgbbj-lanse);
  border-bottom: 0.1rem solid var(--xm-rgbbj-lanse);
}
.xm-view-body h2:before{
  content: 'H2';
  color: var(--xm-rgbbj-lanse);
  font-family: 'remixicon';
  font-size: 19px;
  margin-right: 5px;
  font-weight: bold;
}
.xm-view-body h3{
  font-size: 18px;
  border-left: 10px solid var(--xm-rgbbj-chengse);
  border-bottom: 0.1rem solid var(--xm-rgbbj-chengse);
}
.xm-view-body h3:before{
  content: '☘';
  color: var(--xm-rgbbj-chengse);
  font-family: 'remixicon';
  font-size: 18px;
  margin-right: 5px;
  font-weight: bold;
}
.xm-view-body h4 {
  font-size: 17px;
  border-left: 10px solid var(--xm-rgbbj-hongse);
  border-bottom: 0.1rem solid var(--xm-rgbbj-hongse);
}
.xm-view-body h4:before{
  content: '🍀';
  color: var(--xm-rgbbj-hongse);
  font-family: 'remixicon';
  font-size: 17px;
  margin-right: 5px;
  font-weight: bold;
}
.xm-view-body h5 {
  font-size: 16px;
  border-left: 10px solid var(--xm-rgbbj-lvse);
  border-bottom: 0.1rem solid var(--xm-rgbbj-lvse);
}
.xm-view-body h5:before{
  content: 'H5';
  color: var(--xm-rgbbj-lvse);
  font-family: 'remixicon';
  font-size: 16px;
  margin-right: 5px;
  font-weight: bold;
}
.xm-view-body h6 {
  font-size: 15px;
  border-left: 10px solid var(--xm-rgbbj-shenlanse);
  border-bottom: 0.1rem solid var(--xm-rgbbj-shenlanse);
}
.xm-view-body h6:before{
  content: 'H6';
  color: var(--xm-rgbbj-shenlanse);
  font-family: 'remixicon';
  font-size: 15px;
  margin-right: 5px;
  font-weight: bold;
}

.xm-view-body hr {
  color: var(--xm-rgbbj-fense);
  border: 0;
  padding: 10px 0;
  position: relative;
  border-bottom: 2px dashed var(--xm-rgbbj-fense);
  margin: 10px 0;
}
.xm-view-body blockquote {
  position: relative;
  padding: 30px 10px 20px 10px;
  border-radius: var(--xm-border-radius);
  border: 2px solid var(--xm-rgbbj-fense);
  margin: 30px 0px 10px 0;
}
.xm-view-body blockquote::before
{
  content: "引";
  background: var(--xm-rgbbj-fense);
  position: absolute;
  top: -20px;
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
}

/*
.xm-view-body pre {
position: relative;
margin: .5rem 0;
padding: 2.5rem 0 0;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
border-radius: 3px;
background: #2d2d2d;
color: #a6a6a6;
}

.xm-view-body code {
color: #d55656;
font-weight: 700;
font-size: 15px;
}

.xm-view-body pre code {
  display:block;
  padding:1rem;
  border-radius:0 0 3px 3px;
  background: rgb(43, 43, 43);
  color:#a6a6a6;
  font-weight: 500;
font-size: 14px;
}
.xm-view-body pre::before {
  content:'';
  position:absolute;
  top:9px;
  left:16px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#fc625d;
  box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;
  z-index:1;
}
*/
.xm-view-body ol,.xm-view-body ul {


}
.xm-view-body ol li,.xm-view-body ul li {
  line-height: 1.8;
  transition: color 0.2s;
  font-size: 0.9rem;
  margin: 0 0 0 2rem;
  padding: 0.5rem;
  border-radius: var(--xm-border-radius);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.xm-view-body ul li:hover, .xm-view-body ol li:hover{
    background: var(--xm-rgbbj-ciji);
}

.xm-view-body ul li::before{
  content: '🔹';
  font-size: 0.75rem;
  margin-right: 0.5rem;
  width: 1rem;
  border-radius: var(--xm-border-radius);
  position: absolute;
  transform: translateX(-1.5rem);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.xm-view-body ul li:hover::before {
    content: '🔸';
}

.xm-view-body ol li::before{
  content: counter(list-item) ".";
  color: var(--xm-rgbbj-fense);
  margin-right: 0.5rem;
  position: absolute;
  transform: translateX(-1.5rem);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}


.xm-view-body strong{
font-weight: bold;
}

.xm-view-body del{
color: var(--xm-fu-ys);
}

.xm-view-body u{
border-bottom: 2px solid var(--xm-rgbbj-fense);
  text-decoration: unset;
  margin: 0 0.25rem;
}

.xm-view-body .xm-timeline-item {
  position:relative;
  padding-bottom:15px
}
.xm-view-body .xm-timeline-item-tail {
  position:absolute;
  top:0;
  left:7px;
  height:100%;
  border-left:1px solid var(--xm-rgbbj)
}
.xm-view-body .xm-timeline-item-circle {
  position:absolute;
  width:13px;
  height:13px;
  background-color:var(--xm-rgnbj-zhuse);
  border-radius:50%;
  border:1px solid var(--xm-rgbbj-lvse);
}
.xm-view-body .xm-timeline-item-content {
  padding-left:24px;
  position:relative;
  top:-5px
}
.xm-view-body .xm-timeline-item-content *:last-child {
  margin-bottom:0 !important
}
.xm-view-body .xm-timeline-item:last-child {
  padding-bottom:0
}
.xm-view-body > .xm-timeline-item:last-child > .xm-timeline-item-tail {
  display:none
}


.xm-checkbox {
  -webkit-appearance:none;
  position:relative;
  border-radius:2px;
  width:15px;
  height:15px;
  border:2px solid var(--xm-rgbbj-hongse);
  vertical-align:-2px;
  margin-right: 5px;
}
.xm-checkbox:disabled {
  cursor:not-allowed
}
.xm-checkbox:checked {
  border:none;
  background:var(--xm-rgbbj-lanse)
}
.xm-checkbox:checked::after {
  content:'';
  width:3px;
  height:7px;
  position:absolute;
  top:2px;
  left:5px;
  border:2px solid #fff;
  border-top:0;
  border-left:0;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}


/*UBB代码样式*/


.xm_cloud {
  display:flex;
  align-items:center;
  padding:1rem;
  background:var(--xm-rgbbj-ciji);
  border-radius:var(--xm-border-radius);
  overflow:hidden;
  margin:.5rem 0;
}
.xm_cloud:hover {
  box-shadow: 0 15px 15px -10px rgba(0 0 0 / 18%);
}
.xm_cloud__logo {
  flex-shrink:0;
  width:32px;
  height:32px;
  margin-right:1rem;
  background-size:100% 100%
}
.xm_cloud__logo._lz {
  background-image:url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjxwYXRoIGQ9Ik02NzguNjQgNTE0LjAwN2ExNjguNDQ4IDE2OC40NDggMCAxIDAtMTY4LjQ0NyAxNjcuNzA2QTE2OC4wNyAxNjguMDcgMCAwIDAgNjc4LjY0IDUxNC4wMDd6IiBmaWxsPSIjRjRDQTFDIi8+PHBhdGggZD0iTTk4My4wNCA2MDMuNDEyYTI0Mi40ODggMjQyLjQ4OCAwIDAgMC0yODAuMzkyLTIzOC40MDdBMjUzLjMyMiAyNTMuMzIyIDAgMCAwIDI1Ni4yMiAyODcuMThhMjQ5LjEzNCAyNDkuMTM0IDAgMCAwLTQ4Ljk1NyAxNTMuMzg1QTIwMy4zOTcgMjAzLjM5NyAwIDAgMCAyNDAuMTg5IDg0NC44aDUyNy43NzVhMzEuOTkgMzEuOTkgMCAwIDAgMTQuNzUtMy43MTcgMjQyLjAzOCAyNDIuMDM4IDAgMCAwIDIwMC4zMjYtMjM3LjY3ek03NDAuNjA4IDc4MC43MTNIMjQwLjE4OWExMzkuMzg3IDEzOS4zODcgMCAxIDEgMC0yNzguNzY5IDMxLjk3IDMxLjk3IDAgMCAwIDguNzA0LTEuMzQxIDMxLjk2NCAzMS45NjQgMCAwIDAgMjQuODQ4LTM1Ljk5OSAxODcuODEyIDE4Ny44MTIgMCAwIDEgMTU3Ljc0Mi0yMTQuMDE2IDE4OC40NjIgMTg4LjQ2MiAwIDAgMSAyMDkuNTQxIDEzMi44MzkgMjQxLjYyOCAyNDEuNjI4IDAgMCAwLTE0Mi44NDggMjE5Ljk4NSAzMi4xOCAzMi4xOCAwIDAgMCA2NC4zNTggMCAxNzguMDY4IDE3OC4wNjggMCAxIDEgMTc4LjA3NCAxNzcuMzAxeiIgZmlsbD0iIzU5NUJCMyIvPjwvc3ZnPg==")
}
.xm_cloud__describe {
  line-height:normal;
  flex:1;
  overflow:hidden
}
.xm_cloud__describe-title {
  font-size:var(--xm-font-size-14);
  margin-bottom:1rem;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-weight: bold;
}


.xm_cloud__describe-type {
  font-size:var(--xm-font-size-13);
   text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
display: block;
}
.xm_cloud__btn {
  flex-shrink:0;
  margin-left:1rem;
  background:var(--xm-rgbbj-ciji);
  width:30px;
  height:30px;
  line-height:30px;
  border-radius:50%;
  text-align:center;
}

.LinkCard {
  position:relative;
  display:block;
  margin:10px auto;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:var(--xm-border-radius);
  max-width:100%;
  overflow:hidden;
}

.LinkCard:hover {
  box-shadow: 0 15px 15px -10px rgba(0 0 0 / 18%);
}

.LinkCard-excerpt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  display: block;
}
.LinkCard,.LinkCard:hover {
  text-decoration:none;
  border:none!important;
  color:inherit!important;
}
.LinkCard .LinkCard-content {
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:1rem;
  border-radius:inherit;
  background:var(--xm-rgbbj-ciji);
}

.LinkCard .LinkCard-content .LinkCard-text {
  overflow:hidden
}
.LinkCard .LinkCard-content .LinkCard-text .LinkCard-title {
font-size: var(--xm-font-size-14);
font-weight: bold;
line-height: 1.25;
margin-bottom: .5rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
display: block;
}
.LinkCard .LinkCard-content .LinkCard-text .LinkCard-meta {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-top:4px;
  font-size:var(--xm-font-size-13);
  line-height:20px;
}

.LinkCard .LinkCard-content .LinkCard-text .LinkCard-meta .xm-wurl{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  display: block;
}

.ell {
  font-size:var(--xm-font-size-13);
}
.LinkCard .LinkCard-content .LinkCard-imageCell {
  margin-left:8px;
  border-radius:var(--xm-border-radius);
}
.LinkCard .LinkCard-content .LinkCard-imageCell .LinkCard-image {
  display:block;
  width:60px;
  height:60px;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:inherit;
}
.LinkCard .LinkCard-content .LinkCard-imageCell .LinkCard-image.LinkCard-image-default {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  background-color:var(--xm-rgbbj-ciji);
}


/*彩色代码框样式开始*/
.xm-ts-1 {
 background: var(--xm-rgbbj-chengse);
 overflow: hidden;
 margin: .5rem 0;
 padding: 1rem;
 color: var(--xm-fuzhu-ys);
 border-radius: var(--xm-border-radius);
 }
.xm-ts-2 {
 background: var(--xm-rgbbj-hongse);
 overflow: hidden;
 margin: .5rem 0;
 padding: 1rem;
  color: var(--xm-fuzhu-ys);
 border-radius: var(--xm-border-radius);
 }
.xm-ts-3 {
 background: var(--xm-rgbbj-lvse);
 overflow: hidden;
 margin: .5rem 0;
 padding: 1rem;
  color: var(--xm-fuzhu-ys);
 border-radius: var(--xm-border-radius);
 }
.xm-ts-4 {
 background: var(--xm-rgbbj-fense);
 overflow: hidden;
 margin: .5rem 0;
 padding: 1rem;
  color: var(--xm-fuzhu-ys);
 border-radius: var(--xm-border-radius);
}
.xm-ts-5 {
 background: var(--xm-rgbbj-lanse);
 overflow: hidden;
 margin: .5rem 0;
 padding: 1rem;
  color: var(--xm-fuzhu-ys);
 border-radius: var(--xm-border-radius);
}
.xm-ts-6 {
 border-width: 1px;
 border-style: solid;
 border-color: var(--xmcibeij);
 margin: .5rem 0;
 padding: 1rem;
 border-radius: var(--xm-border-radius);
}
.xm-ts-7 {
 border: 1px dashed rgb(41, 170, 227);
 margin: .5rem 0;
 padding: 1rem;
 border-radius: var(--xm-border-radius);
}
.xm-ts-8 {
 margin: .5rem 0;
 padding: 1rem;
 border: 1px solid #e3e3e3;
 border-left: 2px solid #05B536;
 border-radius: var(--xm-border-radius);
}
.xm-ts-9 {
 margin: .5rem 0;
 padding: 1rem;
 border: 1px solid #e3e3e3;
 border-left: 2px solid #ED0505;
 border-radius: var(--xm-border-radius);
}
.xm-ts-10 {
 margin: .5rem 0;
 padding: 1rem;
 border: 1px solid #e3e3e3;
 border-left: 2px solid #EC8006;
 border-radius: var(--xm-border-radius);
}
.xm-mian-ban-wai{
border-radius: var(--xm-border-radius);
margin: .5rem 0;
}

.xm-mian-ban-1-title{
background: var(--xm-rgbbj-chengse);
padding: 1rem;
border-radius: var(--xm-border-radius) var(--xm-border-radius) 0 0;
font-weight: 600;
font-size: var(--xm-font-size-15);
color: var(--xm-fuzhu-ys);
}

.xm-mian-ban-2-title{
background: var(--xm-rgbbj-hongse);
padding: 1rem;
border-radius: var(--xm-border-radius) var(--xm-border-radius) 0 0;
font-weight: 600;
font-size: var(--xm-font-size-15);
color: var(--xm-fuzhu-ys);
}

.xm-mian-ban-3-title{
background: var(--xm-rgbbj-lvse);
padding: 1rem;
border-radius: var(--xm-border-radius) var(--xm-border-radius) 0 0;
font-weight: 600;
font-size: var(--xm-font-size-15);
color: var(--xm-fuzhu-ys);
}

.xm-mian-ban-4-title{
background: var(--xm-rgbbj-fense);
padding: 1rem;
border-radius: var(--xm-border-radius) var(--xm-border-radius) 0 0;
font-weight: 600;
font-size: var(--xm-font-size-15);
color: var(--xm-fuzhu-ys);
}

.xm-mian-ban-5-title{
background: var(--xm-rgbbj-lanse);
padding: 1rem;
border-radius: var(--xm-border-radius) var(--xm-border-radius) 0 0;
font-weight: 600;
font-size: var(--xm-font-size-15);
color: var(--xm-fuzhu-ys);
}

.xm-mian-ban-content{
background: var(--xm-rgbbj-ciji);
padding: 1rem;
border-radius: 0 0 var(--xm-border-radius) var(--xm-border-radius);
}

/*手风琴*/
.xm-sfq-body{
background: var(--xm-rgbbj-ciji);
margin: .5rem 0;
border-radius: var(--xm-border-radius);
}
.xm-sfq {
background-color: var(--xm-rgbbj-fense);
cursor: pointer;
padding: .5rem;
width: calc(100% - 1rem);
border: none;
font-size: var(--xm-font-size-14);
transition: 0.4s;
border-radius: var(--xm-border-radius);
}

.xm-sfq-title{
  margin-left: 1rem;
  color: var(--xm-fuzhu-ys);
}

.xm-sfq.active,.xm-sfq:hover {
  background-color:var(--xm-rgbbj-hongse);
}

.panelcd {
background-color: var(--xm-rgbbj-ciji);
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
padding: 0 1rem;
line-height: 2.5;
font-size: var(--xm-font-size-13);
border-radius: 0 0 var(--xm-border-radius) var(--xm-border-radius);
}
.xm-sfq:after {
  content:'\002B';
  font-weight:bold;
  float:left;
  margin-left:5px;
}
.xm-sfq.active:after {
  content:"\2212";
}



.xm-anniu{
display: inline-block;
vertical-align: top;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-radius: var(--xm-border-radius);
padding: .1rem .6rem;
margin: .5rem;
color: var(--xm-fuzhu-ys);
font-size: var(--xm-font-size-13);
}
.xm-anniu a{
color: var(--xm-fuzhu-ys);
}
.xm-anniu a:hover{
color: var(--xm-zhu-ys);
}
.xm-anniu-1{
background: var(--xm-rgbbj-chengse);
}
.xm-anniu-2{
background: var(--xm-rgbbj-hongse);
}
.xm-anniu-3{
background: var(--xm-rgbbj-lvse);
}
.xm-anniu-4{
background: var(--xm-rgbbj-fense);
}
.xm-anniu-5{
background: var(--xm-rgbbj-lanse);
}


.xm-wx-tip{
display: inline-block;
  width: calc(100% - 2.4rem - 10px);
  background: var(--xm-rgbbj-ciji);
  padding: .6rem 1.2rem;
  border-radius: var(--xm-border-radius);
  margin: .5rem 0;
  margin-left: 10px;
  color: var(--xm-fuzhu-ys);
}
.xm-wx-tip:before {
  background: var(--xm-rgbbj-fense);
  border-radius: 50%;
  content: "i";
  font-size: var(--xm-font-size-15);
  height: 21px;
  line-height: 21px;
  margin-left: -32px;
  margin-top: 5px;
  position: absolute;
  text-align: center;
  width: 21px;
  color: var(--xm-fuzhu-ys);
  box-shadow: 0 0 0 2.5px var(--xm-rgnbj-zhuse);
}

.xm-wx-tip-1{
  border-left: 3px solid var(--xm-rgbbj-fense);
  background: var(--xm-rgbbj-fense);
}
.xm-wx-tip-1:before {
  background: var(--xm-rgbbj-fense);
  content: "i";
}

.xm-wx-tip-2{
  border-left: 3px solid var(--xm-rgbbj-lanse);
  background: var(--xm-rgbbj-lanse);
}
.xm-wx-tip-2:before {
  background: var(--xm-rgbbj-lanse);
  content: "\221a";
}

.xm-wx-tip-3{
  border-left: 3px solid var(--xm-rgbbj-lvse);
  background: var(--xm-rgbbj-lvse);
}
.xm-wx-tip-3:before {
 background:var(--xm-rgbbj-lvse);
 content:"\0040"
}

.xm-wx-tip-4{
  border-left: 3px solid var(--xm-rgbbj-chengse);
  background: var(--xm-rgbbj-chengse);
}
.xm-wx-tip-4:before {
 background:var(--xm-rgbbj-chengse);
 content:"\0021"
}

.xm-wx-tip-5{
  border-left: 3px solid var(--xm-rgbbj-hongse);
  background: var(--xm-rgbbj-hongse);
}
.xm-wx-tip-5:before {
 background:var(--xm-rgbbj-hongse);
 content:"\00D7"
}



.tpt-bar {
    display:flex;
    border-radius:var(--xm-border-radius);
    background:var(--xm-rgbbj-fense);
    flex-wrap:wrap;
}
.tpt-bar > label {
    display:block;
    padding:0 1.5rem;
    height:38px;
    line-height:38px;
    cursor:pointer;
    order:1;
    position: relative;
    border-radius: var(--xm-border-radius);
    background: var(--xm-rgnbj-zhuse);
    margin: 5px;
}

.tpt-bar > label::after {
  content: '';
}

.tpt-bar .tpt-bar-con {
    z-index:1;
    display:none;
    padding:1rem;
    width:100%;
    min-height:120px;
    background:var(--xm-rgbbj-ciji);
    order:99;
}
.tpt-bar > input[type=radio] {
    position:absolute;
    opacity:0;
}
.tpt-bar > input[type=radio]:checked+label {
    z-index:1;
    background:var(--xm-rgbbj-lanse);
}

.tpt-bar > input[type=radio]:checked+label+.tpt-bar-con {
    display:block;
}


/**外部视频引入css***/
iframe{
max-width: 100%;
min-height: 150px;
}


.xm-content-copyright{
  background: var(--xm-rgbbj-ciji);
  margin-top: 1rem;
  padding: 10px;
  border-radius: var(--xm-border-radius);
  font-size: var(--xm-font-size-13);
}

.xm-view-body-page{
  border-bottom: 2px dashed var(--xm-rgbbj-ciji);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

/*打赏*/

.xm-ds-or{
  color: var(--xm-fu-ys);
}

.xm-ds-title{
  margin: 15px;
}
.xm-ds-ds img{
  width: calc(50% - 10px);
  height: calc(140px - 5px);
  margin: 0 5px;
  padding-bottom: 5px;
  object-fit: cover;
  border-radius: 0px;
}

.xm-ds-info {
  display: none;
  width: 280px;
  text-align: center;
  position: absolute;
  bottom: 50px;
  left: calc(50% - 140px);
  z-index: 666;
  background-color: var(--xm-rgnbj-zhuse);
  border-radius: 10px;
  right: calc(50% - 140px);
  max-height: 200px;
}
.xm-ds-mask {
  display:none;
position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--xm-rgbbj-fuse);
  z-index: 665;
}

.xm-post-qian{
font-size: 25px;
font-weight: bold;
color: var(--xm-ciji-ys);
}

.xm-post-xuxian{

  padding-bottom: 1rem;
  border-bottom: 2px dashed var(--xm-rgbbj-ciji);
  margin-bottom: 1rem;

}
.xm-post-zhutu img{
height: 200px;
width: 100%;
object-fit: cover;
margin: 0;
}

.xm-post-p a{
color: var(--xm-fuzhu-ys);
}
.xm-post-p{
margin-top: 10px;
}
.xm-post-yanshi{
  background: var(--xm-rgbbj-hongse);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--xm-border-radius);
  padding: 5px 10px;
  margin-right: 10px;
  color: var(--xm-fuzhu-ys);
  font-size: var(--xm-font-size-13);
}
.xm-post-xiazai{
  background: var(--xm-rgbbj-lanse);
}
.xm-mianbao{
  margin-bottom: 10px;
  color: var(--xm-fu-ys);
}

@media screen and  (min-width:520px) {
.xm-post-display-flex{
  display: flex;
}
.xm-post-body{
  margin-left: 15px;
  width: calc(100% - 215px);
}

.xm-post-zhutu img{
  height: 150px;
  width: 200px;
}


}
@media screen and  (max-width:520px) {


.xm-view-body .xm-list-pairalbumc{
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.xm-gongge{
  column-count: 2;
}

}

@media screen and  (max-width:320px) {

.xm-view-body .xm-list-album-box{
  padding-top: 120px !important;
}
.xm-view-body .xm-list-album-box img{
  height: 120px !important;
}

.xm-gongge{
  column-count: 1;
}
}