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

.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: -15px;margin-right: 0;top: -55px;}
.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));}

#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){
	.main, .woocommerce #main{padding-top:15px}
	.banner .container {top: calc(50% - 30px);}
	.banner + .banner-slider {margin-top: -125px;}
	.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:-51px}
}
/*WordPress文章页面新增彩色渐变框*/

#zm_mhz,#zm_xgh,#zm_tkzj,#zm_xyz,#zm_gll ,#zm_xty,#zm_yyz,#zm_szh,#zm_wbk{
	/*圆角值,在此定义*/
	border-radius: 8px;
}
/*迷幻紫*/
#zm_mhz{
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252);
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
    background-image: -webkit-linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
    }
/*西瓜红*/
#zm_xgh{
	    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(255, 176, 172), -6px 0 12px -5px rgb(255, 161, 174);
    background-color: #ff9a8b66;
    background-image: linear-gradient(220deg,#FF9A8B 0%,#ff6a8838 55%,#FF99AC 100%);
    background-image: -webkit-linear-gradient(220deg,#ff9a8b7a 0%,#ff6a88ab 55%,#ff99ac82 100%);
}
/*华为P30 天空之境*/
#zm_tkzj {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-color: #FFDEE9;
    background-image: linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
    background-image: -webkit-linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
}
/*小宇宙*/
#zm_xyz {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(12, 85, 141), -6px 0 12px -5px rgba(10, 58, 93, 0);
    background-image: radial-gradient( circle 263px at 100.2% 3%, rgba(12,85,141,1) 31.1%, rgba(205,181,93,1) 36.4%, rgba(244,102,90,1) 50.9%, rgba(199,206,187,1) 60.7%, rgba(249,140,69,1) 72.5%, rgba(12,73,116,1) 72.6% );
}
/*橄榄绿*/
#zm_gll {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(68, 110, 92), -6px 0 12px -5px rgb(204, 212, 163);
    background-image: linear-gradient( 102deg, rgba(68,110,92,1) 17.4%, rgba(107,156,120,1) 49.3%, rgba(154,183,130,1) 83.4%, rgba(247,237,191,1) 110.3% );
}
/*小太阳*/
#zm_xty {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
     /*border-radius: 10px; */
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-image: radial-gradient( circle farthest-corner at -8.9% 51.2%, rgba(255,124,0,1) 0%, rgba(255,124,0,1) 15.9%, rgba(255,163,77,1) 15.9%, rgba(255,163,77,1) 24.4%, rgba(19,30,37,1) 24.5%, rgba(19,30,37,1) 66% );
}
/*优雅紫*/
#zm_yyz {
	color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(95,117,227,1) 0%, rgba(188,167,205,1) 90% );
}
/*深邃黑*/
#zm_szh {
	color: #c7c7c7;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 5px;*/
    box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 90.2% );
}
/*无边框*/
#zm_wbk {
    color: #000000;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
}
#zm_xyz a , #zm_gll a{
	 color: #eeeeee;
}
#zm_szh a{
	color: #c7c7c7;	
}
#zm_xty a, #zm_yyz a{
	color: #ffffff;
}
/*WordPress文章页面新增彩色渐变框*/
/*底部页脚css*/
.github-badge {
  display: inline-block;
  border-radius: 4px;
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  background-color: #abbac3;
  margin-bottom: 5px
}
.github-badge .badge-subject {
  display: inline-block;
  background-color: #ffa500;
  padding: 4px 4px 4px 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.github-badge .badge-value {
  display: inline-block;
  padding: 4px 6px 4px 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.github-badge .bg-fen {
  background-color: #e76dcb
}
.github-badge .bg-red {
  background-color: #f55066
}
.github-badge .bg-green {
  background-color: #3bca6e
}
.github-badge .bg-cai {
    background-image: -webkit-linear-gradient(
0deg, #3ca5f6 0%, #a86af9 100%);
}