/*文章随机彩色标签*/
.article-tags {
margin-bottom: 10px
}
 
.article-tags a {
padding: 4px 10px;
background-color: #19B5FE;
color: white;
font-size: 12px;
line-height: 16px;
font-weight: 400;
margin: 0 5px 5px 0;
border-radius: 2px;
display: inline-block
}
 
.article-tags a:nth-child(5n) {
background-color: #4A4A4A;
color: #FFF
}
 
.article-tags a:nth-child(5n+1) {
background-color: #ff5e5c;
color: #FFF
}
 
.article-tags a:nth-child(5n+2) {
background-color: #ffbb50;
color: #FFF
}
 
.article-tags a:nth-child(5n+3) {
background-color: #1ac756;
color: #FFF
}
 
.article-tags a:nth-child(5n+4) {
background-color: #19B5FE;
color: #FFF
}
 
.article-tags a:hover {
background-color: #1B1B1B;
color: #FFF
}
 
.article-tags-title {
position: relative;
margin-bottom: 15px;
font-size: 26px;
line-height: 1.3;
display: block;
font-weight: 400;
margin: 0 0 35px;
padding: 0 0 30px;
border-bottom: 1px solid #e7e7e7;
color: #FFF
}


/*电脑不显示，只在手机显示*/
@media screen and (min-width: 1200px){
  	.no-pc{
    dispiay:none;
    }
}
/*手机不显示，只在电脑显示*/
@media screen and (max-width: 750px){
  	.no-pe{
        display: none;
    }
}

/*过期文章提示样式*/
.article-timeout{position:relative; border-radius: 8px; position: relative; margin-bottom: 25px; padding: 10px; background-color: var(--body-bg-color);}


/*首页文章列表悬停上浮*/
@media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article):hover{transform: translateY(-10px); box-shadow: 0 8px 10px rgba(74, 134, 232, 0.35);}}


/*导航栏字体加粗*/
ul.nav {font-weight: 700;}

/* 只对/tag/路径下的.em09.page-desc进行隐藏 */
.tag .em09.page-desc {
  display: none;
}


/*隐藏内容*/
.yincang{
   display:none !important;
   }


/*隐藏内容2*/
.yincang2{
   display:none !important;
   }

/*打印内容空白*/
@media print{
    body{display:none}
 }

/*右键菜单*/
div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba(0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
div.usercm ul li{margin:0px;padding:0px;line-height:35px;}
div.usercm ul li a{color:#666;padding:0 15px;display:block}
div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)}
div.usercm ul li a i{margin-right:10px}
a.disabled{color:#c8c8c8!important;cursor:not-allowed}
a.disabled:hover{background-color:rgba(255,11,11,0)!important}
div.usercm{background:#fff !important;}


/*推广模块*/
.themeinfo{
overflow: hidden;
}
.themeinfo img{
display: block;
height: auto;
border-radius: 3px 3px 0 0;
background-size: cover;
}
.theme-info {padding:10px;}
.theme-info h2{
font-size:18px;
font-weight:700;
margin:0;
padding:5px 0 10px 0;
}
.theme-info ul{margin-left: 10px;margin-top:0;margin-bottom:0;padding:0;}
.theme-info ul li{
font-size: 13px;
margin-bottom: 8px;
list-style:none;
}
.theme-info ul li i{margin-right:5px;}
.themeinfo-content .sale{
margin:0;
border-top: 1px solid #eee;
padding:10px 5px;
margin: 0 15px;
}
.themeinfo-content .sale h2{
margin:0;
font-size: 14px;
color: #999;
line-height: 20px;
}
.themeinfo-content .sale small{
font-style: normal;
font-size: 12px;
position: relative;
margin-right: 4px;
}
.themeinfo-content .sale strong{
float: right;
line-height: 1;
font-weight: 200;
}
.themeinfo-content a{
color: #fff;
border-image: linear-gradient(rgb(0 6 143), rgb(242 66 250)) 1;
background-image: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%);
border-radius: 5px;
display:block;
padding:10px;
margin:10px 15px;
text-align:center;
text-decoration:none;
cursor: pointer;
}
.themeinfo-content a:hover{
opacity:0.8;
}


/*广告图样式*/
/*定位*/
.n_banner_inner {
    position: relative;
}
/*提示信息*/
.n_banner_inner .img-info {
    position: absolute;
    right: 12px;
    top: 9px;
    padding: 0;
    text-align: right;
    color: #fff;
}
.n_banner_inner .img-info i {
    position: relative;
    display: inline-block;
    color: #007bff;
    font-size: 20px;
    line-height: 19px;
    text-align: center;
    z-index: 9;
    font-style: inherit;
}
.n_banner_inner .img-info .info {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 0;
    padding: 5px 0;
    overflow: hidden;
    background: #007bff;
    border-radius: 10px;
    line-height: 10px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    white-space: nowrap;
    -webkit-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -moz-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -ms-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -o-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
}
.n_banner_inner .img-info .info a {
    color: #fff;
}
.n_banner_inner .tirr {
    max-width: 100%;
    height: auto;
    transition: 0.5s;
    border-radius: 5px;
}
/*触发Hover*/
.n_banner_inner:hover .info {
    width: auto;
    padding: 5px 23px 5px 12px;
    -webkit-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -moz-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -ms-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    -o-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    font-size: 12px;
    z-index: 1;
}
.n_banner_inner img:hover {
    filter: brightness(50%);
}
/*出发声明hover*/
.n_banner_inner .info:hover a {
    color: red;
    text-decoration: none;
}
/*左下角广告*/
.n_banner_inner .Banner-adTag {
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 50px;
    border: 1px solid #ffffff;
    border-radius: 3px;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .n_banner_inner .img-info {
        display: none;
    }
}
.container {
    width: 100%;
}

/*黄色提示条*/
.display-name-tips {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 30px;
  background: #fff0e3;
  font-size: 13px;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #e58900;
}
.display-name-tips-p {
  margin:0 0 0px;
}

/*APP截图展示*/
.app-screenshot-container {
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    max-width: 100%;
    white-space: nowrap;
}

.app-screenshot-container figure {
    width: calc(30% - 5px); /* 每个图片容器宽度为33.33%，减去间隔 */
    flex-shrink: 0;
    scroll-snap-align: start;
    margin-right: 5px; /* 图片间隔 */
    border: 1px solid #ccc; /* 灰色边框 */
    border-radius: 10px; /* 图片圆角 */
}

.app-screenshot-container img {
    width: 100%;
    border-radius: 8px; /* 图片圆角 */
    display: block; /* 防止图片底部出现多余空白 */
}