/* 
	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.01
*/
::-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}
/* 鼠标悬停时文字变红（主菜单和子菜单） */
.nav-main > li > a:hover,
.nav-main li .sub-menu li a:hover {
    color: #3399FF !important;
}
/* 子菜单项专属样式 */
.nav-main .sub-menu li a:hover {
    transform: translateX(5px);  ⭐ 添加位移动画 ⭐
    transition: all 0.3s ease;
}
.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;}

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

.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: -19px;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;}
body.page-template-vip .vip-content{text-align: center;}
.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));}

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

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){
	 .nav-main .sub-menu li a:hover {
        transform: none; ⭐ 手机端取消动画 ⭐
        background: rgba(255,76,76,0.1) !important;
    }
	.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;}
}

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