/* 
	Theme Name: Modown Child
	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-color: #eff1f4;}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;}
body{background:#eff1f4;}
body.single, body.page{background: #eff1f4; }
body.home, body.page-template-all, body.page-template-waterfall, body.page-template-all-vip{background: #eff1f4}
.banner{margin-bottom: 10px;}
.article-content .gallery-login span{background: #8ac78f;width: 100%;color: #fff;padding: 15px 18px;}
.article-content .gallery-login span a{color: #1c1f2b;}
.grids .grid h3{font-size: 14px;}
.article-content .gallery-login{text-align: center;font-size: 14px;line-height: 16px;}
.grids .grid .img{/*height: 210px;*/}
.loginbox h2 img{width: 120px;height:auto;border:none;border-radius: 0;}
.grids .grid.grid-ts:before{background: none;}
.grids .grid.grid-ts h3 a{color: #ffffff !important;}
.grids .grid h3 a {background-color: rgba(0, 0, 0, 0.2);padding: 0px 5px 0px 5px;line-height: 30px;height: 30px;}
.grids .grid.grid-ts:before {
  position: absolute;
  content: "";
  top: inherit;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: black;
  background: rgba(0, 0, 0, 0.6);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  text-shadow: 0px 0px 1px #000;
}
.grids .grid .thumb:hover{-webkit-transform:initial;transition:initial;}

.grids .grid .img:before {
  position: absolute;
  content: "";
  top: inherit;
  left: 0;
  right: 0;
  bottom: 0;
  height: 80px;
  background: black;
  background: rgba(0, 0, 0, 0.6);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  text-shadow: 0px 0px 1px #000;
}
.sitetips .icon-horn{position: absolute;top: calc(50% - 12px);left: 10px;text-decoration: none;height: 24px;line-height: 24px;}

.grids .grid h3{position: absolute;bottom: 0;}
.grids .grid .cat{position: absolute;bottom: 50px;}
.grids .grid.grid-ts img{visibility: initial;}
.main .grids .grid .thumb, .lists .list .thumb, .mocat .lists .grid .thumb, .home-blogs ul li .thumb{object-fit: cover;}
.grids .grid.grid-ts .cat a{color:#fff;}
.filters{background: #fff;}
.filter-item.filter-item-order .filter .icon{display: none;}
.rollbar{bottom: 300px;}
.search-wrap .search-input{color: #6f665f;}
.single-related .grids .grid .img{height: 190px;}
.charge .charge-header .item{width: 49%;}
.charge .charge-header .item-tablet{display: none;}
@media (max-width: 768px){
body.home .vip-why{padding-bottom: 20px;display: none;}
.grids .grid .img{height: 100px;}
.nav-mobile-show .nav-main{background: #000000c9;padding-top: 50px;}
.nav-mobile-show .nav-main > li > a, .header.nav-mobile-show.scrolled .nav-main > li > a{padding:15px 0 15px;color: #c6c6c6 !important;}
.nav-mobile-show .nav-main > li.menu-item{border-bottom: 0px solid #efefef}
.nav-mobile-show .nav-main > li.menu-item{margin: 0 25px;}
.nav-main .explose{height: 48px;line-height: 48px;}
.nav-mobile-show .nav-main .sub-menu{top: 0px;}
.nav-main .sub-menu{background-color: #a6d4ae;}
}
.search-wrap{background: #1c1f2b;}
.search-wrap .icon{color: #716d6a;}
.footer{background: #1c1f2b;}
.banner .banner-btn, .banner-archive .banner-btn{border:1px solid #fff;background:#fff;font-size:18px;border-radius:3px;display:inline-block;padding:10px 36px;margin-top:40px}
.banner .search-form, .banner-archive .search-form{margin:30px auto 0;box-sizing:content-box;position: relative;}
.banner .search-form .site-search-form, .banner-archive .search-form .site-search-form{display: inline-block;}
.banner .search-form .search-cat, .banner-archive .search-form .search-cat{display:inline-block;float:left;width:80px;height:44px;border:none;margin-right:-3px;border-radius:30px 0 0 30px;background: #f1f1f1;text-align:center;text-align-last: center;-webkit-appearance: none;}
.banner .search-form .search-input, .banner-archive .search-form .search-input{background:#fff;height:44px;line-height:44px;font-size:16px;display:inline-block;float:left;width:360px;font-family:"Microsoft YaHei";text-indent:30px;border-radius:30px 0 0 30px;border:none;}
.banner .search-form .search-cat + .search-input, .banner-archive .search-form .search-cat + .search-input{border-radius: 0;text-indent:15px;}
.banner .search-form .search-btn, .banner-archive .search-form .search-btn{background: #a6d4ae;font-size:16px;height:44px;border:none;color:#fff;display:inline-block;float:left;width:100px;border-radius:0 30px 30px 0;cursor: pointer;position: initial;}
.banner .search-form .search-btn .icon, .banner-archive .search-form .search-btn .icon{font-size:24px;top:-1px;}
.banner .container{transform:translateY(-50%);z-index:10;top: calc(40% + 20px);}
.single .banner .container{top: inherit;transform:translateY(-50%);z-index:10;}
.single .clearfix .article-shares{display: none;}
@media (max-width:620px){
.banner .search-form, .banner-archive .search-form{width:90%;margin-top: 20px}
.banner .search-form .site-search-form, .banner-archive .search-form .site-search-form{width: 100%;}
.banner .search-form .search-cat, .banner-archive .search-form .search-cat{display: none;}
.banner .search-form .search-input, .banner-archive .search-form .search-input{width:75%;}
.banner .search-form .search-cat + .search-input, .banner-archive .search-form .search-cat + .search-input{border-radius: 30px 0 0 30px;text-indent:25px;}
.banner .search-form .search-btn, .banner-archive .search-form .search-btn{width:25%;position: initial;}

}
@media (max-width: 768px){
body.home .banner{margin-top: -60px;padding-top: 70px;}
body.home .banner-slider{padding-top: 70px;}
.banner .container{top: calc(50% - 10px);transform:translateY(-50%);z-index:10;}
}
.single-related .grids .grid{width: calc(25% - 20px);}
.banner-archive, .banner-page{height: 410px;padding:110px 0 !important;}
.banner-archive .container, .banner-page .container{z-index: 99;}
.banner-archive:after, .banner-page:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,.38) 0,rgba(0,0,0,.38) 3.5%,rgba(0,0,0,.379) 7%,rgba(0,0,0,.377) 10.35%,rgba(0,0,0,.375) 13.85%,rgba(0,0,0,.372) 17.35%,rgba(0,0,0,.369) 20.85%,rgba(0,0,0,.366) 24.35%,rgba(0,0,0,.364) 27.85%,rgba(0,0,0,.361) 31.35%,rgba(0,0,0,.358) 34.85%,rgba(0,0,0,.355) 38.35%,rgba(0,0,0,.353) 41.85%,rgba(0,0,0,.351) 45.35%,rgba(0,0,0,.35) 48.85%,rgba(0,0,0,.353) 52.35%,rgba(0,0,0,.36) 55.85%,rgba(0,0,0,.371) 59.35%,rgba(0,0,0,.385) 62.85%,rgba(0,0,0,.402) 66.35%,rgba(0,0,0,.42) 69.85%,rgba(0,0,0,.44) 73.35%,rgba(0,0,0,.46) 76.85%,rgba(0,0,0,.48) 80.35%,rgba(0,0,0,.498) 83.85%,rgba(0,0,0,.515) 87.35%,rgba(0,0,0,.529) 90.85%,rgba(0,0,0,.54) 94.35%,rgba(0,0,0,.547) 97.85%,rgba(0,0,0,.55));z-index:9;}  
.full {margin:-120px auto 30px;z-index:3;overflow:hidden;position:relative;z-index: 99;}

@media screen and (max-width:767px) {
.single-related{display: none;}
.single-related .grids .grid{width: calc(50% - 10px);}
.full {margin:auto;}
.banner-archive, .banner-page{height: inherit;padding:40px 0 !important;}
.footer-widgets	{display: none;}
.rollbar{bottom: 25%;}	
}

/*内容页*/
.single.main {padding-top: 0px;}
.banner-single  {overflow:hidden;background-size:cover;background-position:center;position:relative;z-index:3;}
.post-img-dt {position:absolute;width:100%;min-width:600px;margin-top:-220px;left:0;-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-filter:blur(7px);filter:blur(7px);max-height: inherit;}

.article-tags a:nth-child(5n) {background-color: inherit;}
.article-tags a:nth-child(5n+1) {background-color: inherit;}
.article-tags a:nth-child(5n+2){background-color: inherit;}
.article-tags a:nth-child(5n+3){background-color: inherit;}
.single .post-head{
    position: absolute;
    bottom: 40%;
    color: #fff;
    left: 0;
    right: 0;
}
.single .post-head h1 {
	text-align:left;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 40px;
    line-height: 1.4;
    z-index: 2;
    position: relative;
    color: #fff;
}

.post-meta {
	text-align:left;
    color: rgba(255,255,255,.5);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    z-index: 2;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    border: none;
}
.post-meta span {
    padding-right: 10px;
}
.post-meta a {
    color: #B3B7BB;
}
.post-meta .article-shares {
    position: absolute;
    bottom: -1px;
    right: 0px;
    color: rgba(255,255,255,.5);
}
.post-meta .article-shares ul li {
    float: left;
    font-size: 14px;
}
.article-shares a,.article-shares a.share-qzone,.article-shares a.share-weixin,.article-shares a.share-tsina,.article-shares a.share-sqq,.article-shares a.share-douban {background:transparent;}
.post-meta .article-shares ul li a {
	width: auto;
    height: auto;
    display: inline-block;
    padding: 0 10px;
    color: #B3B7BB;
	margin-right: 0;
    border-radius: 0;
}
.article-shares .share-popover {
    width: 100px;
    height: 100px;
	bottom: 50%;
}
.article-shares .share-popover .share-popover-inner::before {
    border-top: 5px solid #fff;
}
.article-tags{margin-bottom:0}
.article-tags a{display:inline-block;margin-bottom: inherit;padding: inherit;line-height:1;font-size: 14px;border-radius:2px;margin-right:5px;}
.post-meta span a:hover{color:#fff;}


/* banner流星特效 */
.rainbow{width:1200px;margin:0 auto;height:0;}
.rainbow div{width:4px;height:4px;position:relative;border-radius:4px;opacity:0;z-index: 3;}
.rainbow div:after{width:100px;height:100px;content:"";display:block;transform:rotate(45deg);position:relative;top:-48px;left:22px}
.red{background:#ff3030;top:0;left:300px;animation:rainbows 1.15s infinite linear;animation-delay:.15s;}
.red:after{border-left:1px solid #ff3030}
.orange{background:#cd6600;top:30px;left:400px;animation:rainbows 1.45s infinite linear;animation-delay:.35s;}
.orange:after{border-left:1px solid #cd6600}
.yellow{background:#ffd700;top:20px;left:600px;animation:rainbows 1200ms infinite linear;animation-delay:.55s}
.yellow:after{border-left:1px solid #ffd700}
.green{background:#7fff00;top:0;left:800px;animation:rainbows 1.5s infinite linear;animation-delay:.75s}
.green:after{border-left:1px solid #7fff00}
.cyan{background:#6ca6cd;top:30px;left:960px;animation:rainbows 1.25s infinite linear;animation-delay:.95s}
.cyan:after{border-left:1px solid #6ca6cd}
.blue{background:#4169e1;top:40px;left:1100px;animation:rainbows .75s infinite linear;animation-delay:1.15s}
.blue:after{border-left:1px solid #4169e1}
.purple{background:#9932cc;top:20px;left:1200px;animation:rainbows 1.5s infinite linear;animation-delay:1.85s}
.purple:after{border-left:1px solid #9932cc}
@keyframes rainbows{0%{opacity:0;transform:scale(0) translate(0, 0)}50%{opacity:1;transform:scale(1) translate(-60px, 60px)}100%{opacity:0;transform:scale(1) translate(-220px, 220px)}}
@media screen and (max-width:767px) {
	.banner-single {height: 120px !important;}
	.single .post-head {bottom: 0;}
	.single .post-head h1 {font-size: 18px;margin-bottom: 0;line-height:80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.post-meta{display:none}
	.single .banner .container{top: calc(50% - 10px);transform:translateY(-50%);z-index:10;}
	body.home .mocats, body.home .vip-content, body.home .totals{display:none}
	.sitetips{font-size: 13px;}
	.nav-right .nav-vip{padding: 3px 12px 7px;}
.footer-fixed-nav .footer-fixed-nav-user{display: none;}
.charge .charge-header .item{width: 100%;}
.grids .grid h3{font-size: 13px;}
.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{bottom: 23px;}
body.home #mocat-3{display:none}
.grids .grid .img{height: 120px;}
.grids .grid .cat{position: absolute;bottom: 40px;}
.sitetips{padding: 20px 20px 20px 35px;}
	
}
.ckplayer-erphpdown-video #erphpdown, .dplayer-erphpdown-video #erphpdown-ts{border:none;position: absolute;bottom: 60px;left: 15px;right: 15px;margin-bottom: 10px;color: #8ac78f;}
@media screen and (max-width:767px) {
.ckplayer-erphpdown-video #erphpdown, .dplayer-erphpdown-video #erphpdown{font-size: 12px;}
.ckplayer-erphpdown-video #erphpdown, .dplayer-erphpdown-video #erphpdown-ts{bottom: 120px;font-size: 12px;}
.dplayer-erphpdown-video #erphpdown-ts.erphpdown .erphpdown-vip {font-size: 12px;}
.erphpdown .erphpdown-vip {font-size: 12px;}
.erphpdown .erphpdown-buy, .erphpdown .erphpdown-down, .erphpdown .erphp-login-must{font-size: 12px;}
}