/* 
    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
*/
body, body.home{background: #f8f5ec}

.nav-main{float: right;margin-right: 30px}
.nav-apply{padding:15px 13px}
.nav-apply a{background: #000;color:#fff !important;font-size: 16px;padding: 12px 18px !important;border-radius: 4px;border: none;-webkit-transition: all 0.15s;transition: all 0.15s;line-height: 1;}
.nav-apply a:hover{color:#fff !important;}
.nav-right .nav-login a{margin:0 5px;padding:0}
.nav-right .nav-login i{display: inline-block !important;font-size: 30px}
.nav-right .nav-login a:last-child{margin-right: 0}

.banner{text-align: left;height: auto !important;color: #fff;padding:150px 0}
.banner .container2{padding:0 50px;z-index: 10;position: relative;}
.banner .tit{margin-bottom: 30px;}
.banner .tit p{font-style: italic;font-size: 48px;font-weight: 600}
.banner .stit p{font-size: 24px;font-weight: 600;line-height: 1.5;margin-bottom: 40px}
.banner .banner-btn{background: #000;color:#fff;font-size: 20px;padding: 16px 28px;border-radius: 4px;border: none;-webkit-transition: all 0.15s;transition: all 0.15s;line-height: 1;}

.s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) {
    height: 25px;
    width: 100%;
    z-index: 100;
}

.s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape1, .s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape2 {
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 0;
    box-sizing: border-box;
}
.s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape1 {
    left: 0;
    border-right-color: transparent !important;
}
.s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape2 {
    right: 0;
    border-left-color: transparent !important;
}
.s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape1, .s-section-shape.s-first-section-arrow:not(._on-top-of-second-section) .shape2 {
    border-width: 0 25px 25px 25px;
    border-color: #f8f5ec;
    border-style: solid;
}

.home-module{padding:40px 0}
.home-module h2{font-size: 48px;text-align: center;color: var(--theme-color);margin-bottom: 40px}
.home-module .des{font-size: 20px;font-weight: 600;margin-bottom: 40px;margin-top: -30px;text-align: center;}
.home-services{padding-bottom: 10px}
.home-services .items{overflow: hidden;margin:0 -15px;}
.home-services .items .item{text-align: center;float: left;width: calc(33.33333% - 30px);margin:0 15px 30px}
.home-services .items .item h3{font-size: 28px;font-weight: 600;margin-bottom: 10px;}
.home-services .items .item p{font-size: 17px;line-height: 26px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 52px;word-break: break-all;}

.home-steps .items{max-width: 560px;margin:0 auto}
.home-steps .items .item{position: relative;padding:0 0 0 74px;margin-bottom: 30px;padding-bottom:60px;}
.home-steps .items .item:last-child{margin-bottom: 0;padding-bottom: 0}
.home-steps .items .item:after{content:"";position: absolute;bottom: 0;height: 30px;width: 1px;background: #ccc;left: 27px;}
.home-steps .items .item:last-child:after{display: none;}
.home-steps .items .item span{position: absolute;left: 0;width: 54px;height: 54px;border:1px solid #333;text-align: center;line-height: 54px;font-size: 24px}
.home-steps .items .item h3{font-size: 17px;font-weight: 600}



.home-faqs .items {
    margin: 0 auto;
}

.home-faqs .items .item {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    position: relative;
}

.home-faqs .items .item:last-child {
    border: none
}

.home-faqs .items .item h3 {
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
}

.home-faqs .items .item h3:before, .home-faqs .items .item h3:after {
    content: "";
    position: absolute;
    top: 12.5px;
    right: 0;
    width: 16px;
    height: 2px;
    background: #aaa;
    border-radius: 2px;
    -webkit-transition: background .2s, -webkit-transform .2s;
    transition: background .2s, -webkit-transform .2s;
    transition: background .2s, transform .2s;
    transition: background .2s, transform .2s, -webkit-transform .2s;
}

.home-faqs .items .item h3:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.home-faqs .items .item.active h3:after {
    display: none;
}

.home-faqs .items .item .ans {
    font-size: 15px;
    display: none;
    margin-top: 10px;
}

.home-faqs .items .item.active .ans {
    display: block;
}

.home-faqs .items .item .ans .tips{color: #ff4d4d;margin-top: 10px;}
.home-faqs .items .item .ans .tips:empty{display: none;}

.home-apply{text-align: center;}
.home-apply .apply-btn{background: #000;color:#fff;font-size: 20px;padding: 16px 28px;border-radius: 4px;border: none;-webkit-transition: all 0.15s;transition: all 0.15s;line-height: 1;display: inline-block;margin-bottom: 40px}

.home-news .more, .home-faqs .more{text-align: center;margin-top: 60px}
.home-news .more .apply-btn, .home-faqs .more .apply-btn{background: #000;color:#fff;font-size: 20px;padding: 16px 28px;border-radius: 4px;border: none;-webkit-transition: all 0.15s;transition: all 0.15s;line-height: 1;display: inline-block;margin-bottom: 40px}

.lists{padding:0;background: transparent;}
.lists .list{padding: 0;overflow: hidden;height: auto;}
.lists .list:before{background: #ccc}
.lists .list .img{margin: 0;width: calc(40% - 30px);margin-right:30px}
.lists .list img{width: 100%;height: 250px}
.lists .list .con{float: left;width: 60%;height: auto;}
.lists .list .excerpt{color: #666}

.banner-archive, .banner-page{padding:50px 0 !important}
.archive-title{font-size: 48px;font-weight: 600}
body.gd-list .filters{margin-bottom: 40px}
.archive .content{margin-right: 0 !important}
.archive .sidebar{display: none;}

.page-template-page-faqs .home-module h2{font-size: 28px;color: #333}

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


@media (max-width: 1024px){
    .nav-apply{padding:10px 12px}
    .banner{padding:100px 0}
    .banner .container2{padding:0 20px}
    .home-services .items .item{width:calc(50% - 30px);}
}

@media (max-width: 768px){
    .nav-apply {padding: 0;position:fixed !important;bottom:0;left:0;right:0}
    .nav-apply a{display:block;text-align:center;padding: 17px 18px !important;border-radius: 0;background:#626973}
    .nav-right .nav-search {display: inline-block !important;}
    .nav-right .nav-login i{font-size: 24px}
}

@media (max-width: 480px){
    
    .home-module{padding:20px 0}
    .home-module h2, .archive-title{font-size: 38px}
    .home-services .items .item{width:calc(100% - 30px);}
    .lists .list .img, .lists .list .con{width: 100%}
    .lists .list .img{margin-bottom: 15px}
    .lists .list h3{font-size: 17px !important;height:auto;font-weight:600}
    .lists .list .excerpt{display: block;}
    .lists .list img{height:auto}

    .banner .banner-btn, .home-news .more .apply-btn, .home-faqs .more .apply-btn, .home-apply .apply-btn{display: block;text-align: center;}
}