/* 
	Theme Name: Modown C1
	Theme URL: http://www.mobantu.com/7191.html
	Description: WordPress资源下载主题 子主题 你可以自由美化、二开
	Author: 模板兔
	Author URI: http://www.mobantu.com
	Template: modown
	Version: 1.0
*/
::-webkit-scrollbar-thumb{background-image: linear-gradient(125deg,var(--theme-color2),var(--theme-color));}
.btn{background: linear-gradient(to right,var(--theme-color2),var(--theme-color));}

.nav-main> li.current-menu-item > a:after, .nav-main> li.current-menu-parent > a:after, .nav-main> li.current_page_item > a:after, .nav-main> li.current-post-ancestor > a:after, .nav-main> li.current-menu-ancestor > a:after, .nav-main> li.current-category-ancestor > a:after{background: linear-gradient(to right,var(--theme-color2),var(--theme-color));width: 20px;left: calc(50% - 10px);border-radius: 2px}

.home-widgets .hf-widget .hf-tags a.active{background: linear-gradient(to right,var(--theme-color2),var(--theme-color))}

.banner{background: var(--theme-color);background: linear-gradient(180deg,var(--theme-color) 0%,var(--theme-color2) 100%);}
.banner:after, body.home .swiper-container-fullwidth .swiper-slide:after{z-index: auto !important;}
.banner + .banner-slider{margin-top: -195px}
.banner .container{top: calc(50% - 50px);}
.banner h2{margin-bottom: 10px}
.banner p{display: none;}
.banner .search-form{margin-top: 0}
.search-form .search-keywords{color: rgba(255,255,255,0.45);font-size: 14px}
.search-form .search-keywords a{background: transparent;padding:0;border:none;color: rgba(255,255,255,0.45) !important;font-size: 14px;margin:0 8px}
.search-form .search-keywords a:hover{color:#fff !important}
.main, .woocommerce #main {padding-top: 30px;}
.banner-post{background-color: #333 !important;text-align: left;}
.banner-post .breadcrumbs, .banner-post .breadcrumbs .current, .banner-post .breadcrumbs .sep, .banner-post .breadcrumbs a{color: #fff;}
.banner-post .breadcrumbs{margin-top: 0;padding-bottom: 10px;opacity: .8;}
.banner-post .article-title{margin:20px 0 30px}
.banner-post .article-meta{margin-bottom: 0;color: #fff;opacity: .8;}
.banner-post .article-meta a{color: #fff;opacity: .8;}

.banner-notices{background: #fff;border-radius: var(--theme-radius);position: relative;overflow: hidden;}
.banner-notices > .icon{position: absolute;left: 20px;top: 12px;font-size: 24px;}
.banner-notices ul{background: transparent;padding-left: 0;margin-left: 60px;}
.banner-notices ul li{width: 100%;padding-left: 0}
.banner-notices ul li:after{display: none;}
.banner-notices ul li time{right:20px}

.banner-activity{background: #fff;border-radius: var(--theme-radius);position: relative;margin-bottom: 0px;}
.banner-activity > .icon{position: absolute;left: 20px;top: 12px;font-size: 24px;}
.banner-activity ul{height: 60px;line-height: 60px;overflow: hidden;font-size: 14px;margin-left: 60px;margin-right: 250px;}
.banner-activity ul li{list-style: none;position: relative;width: calc(100% - 20px);overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.banner-activity ul li time{font-size: 12px;color: #999;margin-left: 10px;background: #eaeaea;border-radius: 2px;padding:1px 5px;display: inline-block;line-height: 1.5}
.banner-activity .activity-total{position: absolute;right: 10px;top: 19px;font-size: 14px;}
.banner-activity .activity-total span{font-size: 12px;color: #fff;margin-right: 10px;margin-left:3px;background: var(--theme-color);border-radius: 2px;padding:0 5px;display: inline-block;line-height: 1.5}

.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{background: transparent !important;border-left: none;position: relative;padding:0 0 0 30px;line-height: inherit;}
.article-content h1:before,.article-content h2:before,.article-content h3:before,.article-content h4:before,.article-content h5:before,.article-content h6:before{content: "";background: var(--theme-color);background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color));position: absolute;left: 0;width:20px;height:4px;border-radius:2px;top:13px;}
.article-content h1:before{top:19px}
.article-content h2:before{top:15px}
.article-content h3:before{top:13px}
.article-content h4:before{top:11px}
.article-content h5:before{top:10px}
.article-content h6:before{top:9px}

.article-tags{margin-bottom:20px}
.article-tags a{display:inline-block;margin-bottom:3px;padding:7px 10px;line-height:1;font-size:12px;border-radius:5px;margin-right:5px;color:#fff !important;background-color:var(--theme-color)}
.article-tags a:hover{opacity: .8;}
.article-tags a:nth-child(5n) {background-color: #4A4A4A}
.article-tags a:nth-child(5n+1) {background-color: #ff5e5c}
.article-tags a:nth-child(5n+2) {background-color: #ffbb50}
.article-tags a:nth-child(5n+3) {background-color: #1ac756}
.article-tags a:nth-child(5n+4) {background-color: #19B5FE}

.widget-tablist .posttopcon li h4{max-height: 45px;overflow: hidden;}

.filter a.active{color: var(--theme-color) !important;background: transparent;font-weight: 600;position: relative;}
.filter a.active:before{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: -4px;left: -6px;width: 6px;height: 6px;}
.filter a.active:after{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: 2px;left: 2px;width: 4px;height: 4px;}

.cat-nav li.current-menu-item a:before{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: -4px;left: -4px;width: 6px;height: 6px;}
.cat-nav li.current-menu-item a:after{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: 2px;left: -11px;width: 4px;height: 4px;}

.grids .grid:before{content: "";position: absolute;bottom: -6px;left: 6px;right: 6px;height: 6px;box-shadow: 0 0 15px rgb(0 0 0 / 8%);border-radius: 0 0 var(--theme-radius) var(--theme-radius);}
.grids .grid .post-sign{border-radius: 2px 0 0 2px;position: absolute;right: -15px;margin-right: 0;top: -25px;}
.grids .grid .post-sign:after{content:'';width:5px;border: 5px solid;border-color: transparent transparent transparent #ff9600;border-top: 0;right: -10px;position: absolute;top: 18px;}

.mocat h2, .home-blogs h2, .home-authors h2, body.home .vip-why h2, .vip-content h2{margin: 0 0 20px;position: relative;font-weight: normal;text-align: left;display: inline-block;padding-left: 18px;}
.vip-content{text-align: left;}
.mocat h2:after, .home-blogs h2:after, .home-authors h2:after, body.home .vip-why h2:after, .vip-content h2:after{content:none;}
.home-blogs h2 span, .home-authors h2 span, body.home .vip-why h2 span, .vip-content h2 span{position: relative;}
.mocat h2 span:before, .home-blogs h2 span:before, .home-authors h2 span:before, body.home .vip-why h2 span:before, .vip-content h2 span:before{content:"";background: var(--theme-color);background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color));position: absolute;left: -18px;width:4px;height:20px;border-radius:2px;top:7px;}
.mocat h2 i{display: none;}
.mocat .desc, .home-blogs .desc, body.home .vip-why .desc, .vip-content .desc{font-size: 14px;display: inline-block;margin-left: 20px;}
.vip-content .desc{color: #777;margin-top: -15px;margin-bottom: 30px;text-align: center;}
.mocat .desc-child{display: none;}
.mocat .child{text-align: left;margin-bottom: 19px;display: inline-block;margin-left: 15px;}
.mocat .child li a{padding:5px 8px}
.mocat .child li a.active{font-weight: 600}
.mocat .child li a.active:after{content: none;}
/*.mocat .child li a.active:before{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: -4px;left: -6px;width: 6px;height: 6px;}
.mocat .child li a.active:after{content: "";position: absolute;border-radius: 50%;background-color: var(--theme-color);top: 2px;left: 2px;width: 4px;height: 4px;}*/
.mocat .more, .home-blogs .more{position: absolute;right: 0;top: 12px;margin:0;padding:0;}
.mocat .container .more a, .home-blogs .container .more a{font-size: 14px;background: transparent !important;padding:0;border-radius: 0;color:#a7a7a7 !important;width: inherit;}
.mocat .container .more a:hover, .home-blogs .container .more a:hover{color: var(--theme-color) !important;}

.vip-item h6,.vip-items .item .title{background: linear-gradient(180deg,var(--theme-color) 0%,var(--theme-color2) 100%)}
.vip-item.item-1 h6,.vip-items .item-1 .title{background: linear-gradient(180deg,#0ec0e6 0%,#83d8ea 100%);}
.vip-item.item-2 h6,.vip-items .item-2 .title{background: linear-gradient(180deg,#514e9f 0%,#7977aa 100%);}
.vip-item.item-3 h6,.vip-items .item-3 .title{background: linear-gradient(180deg,#6f0ee6 0%,#9d63e4 100%);}
.vip-item.item-4 h6,.vip-items .item-4 .title{background: linear-gradient(180deg,#d2c55d 0%,#eae2a0 100%);}
.vip-item .btn,.vip-items .item .btn{background: linear-gradient(to right,var(--theme-color2),var(--theme-color)) !important;}
.vip-item.item-1 .btn,.vip-items .item-1 .btn{background: linear-gradient(to right,#83d8ea,#0ec0e6) !important;}
.vip-item.item-2 .btn,.vip-items .item-2 .btn{background: linear-gradient(to right,#7977aa,#514e9f) !important}
.vip-item.item-3 .btn,.vip-items .item-3 .btn{background: linear-gradient(to right,#9d63e4,#6f0ee6) !important}
.vip-item.item-4 .btn,.vip-items .item-4 .btn{background: linear-gradient(to right,#eae2a0,#d2c55d) !important}

.widget-bottom-search button, .widget_search input[type='submit'],.erphpdown .erphpdown-buy, .erphpdown .erphpdown-down, .erphpdown .erphp-login-must, .erphpdown-box-default .down, .widget-erphpdown .down, .erphpdown-box .down,.comt-submit,.tougao-item .tougao-btn,.search-wrap .search-form .search-btn{background: linear-gradient(to right,var(--theme-color2),var(--theme-color));}

.vip-why .items .item span{background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color))}

.pagination ul > .active > a, .pagination ul > .active > span { background-color: var(--theme-color) !important;background: linear-gradient(to right,var(--theme-color2),var(--theme-color));}

.pagemenu li.current_page_item a{background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color));}

.pagemenus .tit{text-align: center;font-size: 18px;background: var(--theme-color);color:#fff;border-radius: var(--theme-radius) var(--theme-radius) 0 0;padding:12px 0}
.pagemenus .tit + .pagemenu{border-radius: 0 0 var(--theme-radius) var(--theme-radius);}
.pagemenu-blog li a{font-size: 14px}
.pagemenu-blog li .active2{color: var(--theme-color);}

#charge-form2 .btn-card {background: linear-gradient(to bottom,#555,#555);}

.footer-widget h3{position: relative;padding:0 0 0 25px;}
.footer-widget h3:before{content: "";background: var(--theme-color);background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color));position: absolute;left: 0;width:15px;height:4px;border-radius:2px;top:10px;}

.rollbar li{border-radius: 50%}
.rollbar .qq-li {background: linear-gradient(to bottom,var(--theme-color2),var(--theme-color));}
.rollbar .icon{font-size: 24px}

.usercheck{background: linear-gradient(to right,var(--theme-color2),var(--theme-color));}

body.night .banner-activity{background: #181818}
body.night .banner-activity ul li time{background: #121212}

svg.vip-bg-element path{fill:;stroke:inherit}
._397hreFv{fill:currentColor;height:1em}
.lnd4i1uI{position:absolute;bottom:0;right:0;height:85px;-webkit-transform:translate(140%,50%);transform:translate(140%,50%)}
.CZwlLyIo{display:none}
@media (min-width:750px){.CZwlLyIo{display:block;position:absolute;bottom:30px;right:0;-webkit-transform:translate(50%);transform:translate(50%);height:20px}
}@media (min-width:1000px){.CZwlLyIo{display:block;position:absolute;bottom:15%;right:50px;-webkit-transform:translate(50%);transform:translate(50%)}
}
.xMJkxrv0{position:absolute;height:40px;bottom:-10px;left:-25px;-webkit-transform:translateY(30%) rotate(180deg);transform:translateY(30%) rotate(180deg)}
@media (min-width:750px){.xMJkxrv0{height:70px}
}
._3f3l2iH_{display:none}
@media (min-width:750px){._3f3l2iH_{display:block;position:absolute;top:0;right:0;-webkit-transform:translate(70%,-70%) rotate(45deg);transform:translate(70%,-70%) rotate(45deg);height:460px}
}@media (min-width:1000px){._3f3l2iH_{-webkit-transform:translate(50%,-75%) rotate(45deg);transform:translate(50%,-75%) rotate(45deg)}
}@media (min-width:1200px){._3f3l2iH_{-webkit-transform:translate(60%,-50%) rotate(45deg);transform:translate(60%,-50%) rotate(45deg)}
}
._1IW97we5{position:absolute;top:0;left:-20px;-webkit-transform:translate(15%,40%) rotate(-45deg);transform:translate(15%,40%) rotate(-45deg);height:35px}
@media (min-width:750px){._1IW97we5{top:8%;-webkit-transform:translate(50%,-50%) rotate(-45deg);transform:translate(50%,-50%) rotate(-45deg);height:55px}
}
._2T5vzYnK{display:none}
@media (min-width:375px){._2T5vzYnK{display:block;position:absolute;bottom:50px;right:0;height:40px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
}@media (min-width:750px){._2T5vzYnK{height:58px;top:25%;left:-30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
}._3tEnk1fK{display:none}
@media (min-width:750px){._3tEnk1fK{display:block;position:absolute;top:60%;right:0;-webkit-transform:rotate(-45deg) translateX(40%);transform:rotate(-45deg) translateX(40%);height:50px}
}._3SrmKjF8{position:absolute;height:26px;top:10px;right:0;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}
@media (min-width:750px){._3SrmKjF8{top:65%;left:0;height:50px;-webkit-transform:rotate(-45deg) translateX(-150%);transform:rotate(-45deg) translateX(-150%)}
}

@media (max-width: 768px){
	.main, .woocommerce #main{padding-top:15px}
	.banner .container {top: calc(50% - 30px);}
	.banner + .banner-slider {margin-top: -135px;}
	.banner-archive + .main .filters{margin-top: -35px}
	.banner-archive, .banner-page{padding: 20px 0 !important}
	.banner-archive{padding-bottom: 40px !important}
	.mocat .more, .home-blogs .more{right: 15px;}
	.cat-nav li.current-menu-item a:before,.cat-nav li.current-menu-item a:after{display: none;}

	.banner-notices{margin-bottom: 15px}
	.banner-notices > .icon{top: 7px;left: 10px}
	.banner-notices ul{margin-left: 50px}
	.banner-notices ul li time{right: 10px}

	.banner-activity{margin-bottom: 15px;}
	.banner-activity .activity-total{display: none;}
	.banner-activity > .icon{top: 7px;left: 10px}
	.banner-activity ul{margin-left: 50px;height: 50px;line-height: 50px;margin-right: 10px}
	.banner-activity ul li{width: calc(100% - 10px)}
	.banner-activity ul li time{right: 10px}
}

@media (max-width: 640px){
	.mocat .child{display: none;}
	.mocat .child li a{padding:5px 4px}
	.mocat .desc, .home-blogs .desc{margin-left: 18px;display: none;}
}

@media (max-width: 480px){
	.mocat .more, .home-blogs .more{top: 6px}
	.mocat h2, .home-blogs h2, .home-authors h2, body.home .vip-why h2, .vip-content h2{padding-left: 15px}
	.mocat h2 span:before, .home-blogs h2 span:before, .home-authors h2 span:before, body.home .vip-why h2 span:before, .vip-content h2 span:before{top: 3px;left: -15px}
	.grids .grid .post-sign{right: -11px;top:-23px}
}

/* 首页幻灯片和推荐文章底下文字 */
.banner-slider .swiper-container .swiper-slide h3{height: 44px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;letter-spacing:0; font-weight: normal;}
.slider-right22 .item h3{height: 38px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;letter-spacing:0}
@media (max-width:768px){
.banner-slider .swiper-container .swiper-slide h3{height: 42px; }
}

/* steam视屏容器定义以及手机自适应 */
.bb_img_ctn {
    width: 80%;                  /* 容器宽度比列填充 */
    height: auto;                /* 高度自动保持原始比例 */
    object-fit: contain;         /* 保持比例完整显示 */
    display: block;              /* 改为块级元素消除浮动影响 */
}

.bb_img {
    width: 100%;                 /* 宽度100%填充 */
    height: auto;                /* 高度自动保持原始比例 */
    object-fit: contain;         /* 保持比例完整显示 */
    display: block;              /* 改为块级元素消除浮动影响 */
}

@media (max-width: 768px) {
    .bb_img {
        width: 100% !important;            /* 强制宽度占满容器 */
        height: auto !important;           /* 高度自动计算 */
        float: none !important;            /* 清除浮动 */
        margin-right: 0 !important;        /* 清除右侧边距 */
    }
    
    .bb_img_ctn {
    width: 100% !important;         /* 容器宽度比列填充 */
    height: auto !important;        /* 高度自动保持原始比例 */
    }
}