/*
Theme Name:
Theme URI: https://www.devdiy.com/
Description:  互联商通技术的作品。
Author:  devdiy
Author URI: https://www.devdiy.com/
Date:2022-03-23
Version: 1.0
License: 互联商通信息技术许可认证
License URI: https://www.devdiy.com/
Tags: DEVDIY技术及WordPress等诸多优秀开源系统
*/
.fa-search:before{color:#fff;}
.search-submit{border: none; color:#fff;padding:0.75rem;}

.diy-top-banner{position: relative;}
.diy-item-hover:hover{background-color:#eb5f07;background-image:linear-gradient(180deg,#e76d0c 0,#d74b00)}
.row{max-width:1200px;}

body, button, input, select, textarea {font-family: Helvetica,Arial,Microsoft Yahei,微软雅黑,STXihei,华文细黑,sans-serif;font-size: 15px;
    font-weight: 400;background-color: #f6f6f6;color: #777777;line-height: 1.9;}


a{text-decoration: none;}
a:hover{text-decoration: none;}

.section-wrap {
    float: left;
    width: 100%;
}

.main-content-box{
    background: #fff;
    box-shadow: 0 0px 16px 3px rgb(0 0 0 / 8%);
    /*padding: 30px;*/
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

/** 特色图 **/
#main-featured-links {
    padding-top: 8px;
    padding-bottom: 40px;    
    padding-left: 0px;
    padding-right: 0px;
}

#main-featured-links .boxed-wrapper {
    font-size: 0;
    text-align: center;
    box-shadow: 0 0px 16px 3px rgb(0 0 0 / 8%);
}

#main-featured-links .featured-link {position: relative;float: left;padding: 20px;background: #FFF;}

#main-featured-links .featured-link a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#main-featured-links h6{background-color: rgba(255,255,255, 0.85);color: #000000;}

#main-featured-links h6 {display: inline-block !important;padding: 9px 20px !important;font-family: 'Open Sans';font-size: 14px!important;font-weight: 600!important;letter-spacing: 1px!important;text-transform: uppercase!important;}
#main-featured-links .featured-link img{height: auto;max-width: 100%;display: block;margin: 0 auto;}
/** 特色图片文字  **/
#main-featured-links .featured-outer{padding:10px;}
.featured-outer {display: table;width: 100%;height: 100%;}

#main-featured-links .featured-inner{display: table-cell;vertical-align: middle;text-align: center;}

/** 内容列表 **/
article .post-wrapper{padding:20px;background: #fff;}
article.post {margin-bottom: 30px;height: auto;overflow: hidden;position: relative;}
article .post-wrapper .post-thumbnail{margin: 0 0 15px 0px;}

/** 内容列表--左侧 **/
.post-wrapper .post-thumbnail {margin: 0 0 15px 0px;}
.post-wrapper .entry-header .entry-title {margin-bottom: 10px;margin-top: 15px;}
.post-wrapper .entry-header .entry-meta {margin-bottom: 10px;}
.post-wrapper .post-wrapper .entry-header {padding: 0;}
.post-wrapper .entry-content .read-more {margin-top: 15px;}
.post-wrapper .entry-content .read-more .link {font-family:sans-serif;font-size: 0.857em;font-weight: 700;letter-spacing: 1px;color: #1c1e1f;}
.post-wrapper .meta-category a, .post-wrapper .meta-category a {font-size: 9px;background: #F36A25;padding: 4px 7px;text-transform: uppercase;color: #fff;font-weight: 500;letter-spacing: 1px;border-radius: 4px;}
.post-wrapper .meta-category li {display: inline-block;}
.post-wrapper .post-thumbnail {float: left;margin-right: 20px;}
.post-wrapper .wp-post-image{height: auto;max-width: 100%;display: block;margin: 0 auto;}
.post .entry-meta li {font-size: 12px;word-break: break-word;margin-right: 0;padding-right: 10px; padding-left: 2px;}
.entry-meta a {color: #333;}
.entry-meta li a {margin-left: 5px;}
.entry-title a {color: #333;}
.entry-title a:hover {color:var(--orange);}
.entry-content p, .entry-content blockquote {color:var(--dark);text-align: justify;}
.entry-content .read-more .link {font-family: sans-serif;font-size: 0.857em;font-weight: 700;letter-spacing: 1px;color: #1c1e1f;}
.read-more .link {background: #F36A25;}
.read-more .link {background: #F36A25;padding: 0;margin: 0;text-transform: capitalize;font-size: 15px;font-weight: 500;color: #fff !important;display: inline-block;-webkit-box-shadow: 0 4px 30px rgb(0 0 0 / 10%);box-shadow: 0 4px 30px rgb(0 0 0 / 10%);-webkit-transition: .3s;-o-transition: .3s;transition: .3s;border: none;position: relative;line-height: 38px;padding: 0 12px;min-width: 117px;border-radius: 16px;}

span.author.vcard {text-transform: capitalize;}

/** 内容列表--右侧 **/
.main-side{position: relative; overflow: visible; box-sizing: border-box; min-height: 1px; transform: none;}

#search-2.widget.widget_search{background: #fff;font-weight: 400;font-size: 15px;line-height: 1.5;margin-bottom: 30px;border: 1px solid #f2f2f2;margin: 0 0 2.2em;padding: 20px;background-color: #fff;}


.search-form{position: relative;font-size:0.875rem;}
.widget_search .widget-area .widget {font-weight: 400;font-size: 15px;line-height: 1.5;margin-bottom: 30px;border: 1px solid #f2f2f2;margin: 0 0 2.2em;padding: 20px;background-color: #fff;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
form.search-form button {
    font-size: 15px;
    height: 51px;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
}

aside.widget-area .widget {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 30px;
    border: 1px solid #f2f2f2;
    margin: 0 0 2.2em;
    padding: 20px;
    background-color: #fff;
}

.search-field:hover{border: solid 1px #1CA8DD;}

/**同级元素样式影响*/
.search_btn:hover+.search-field{border: solid 1px #1CA8DD;}

/** widget start **/
#secondary.widget-area .widget {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 30px;
    border: 1px solid #f2f2f2;
    margin: 0 0 2.2em;
    padding: 20px;
    background-color:#fff;
}
.widget .widget-title {
    margin: 0;
    padding-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    color: #1c1e1f;
    font-weight: 900!important;
    margin-bottom: 20px;
    font-size: 1.1em!important;
}

/** 关于我们下划玫*/
.widget .widget-title:before {
    content: "";
    height: 1.5px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    display: block;
    background-color: #F36A25;
    margin-top: 1em;
}

.about-me img {
    width: 100%;
    margin-bottom: 40px;
}
.about-me p {
    text-align: left;
    color:#777777;
    word-spacing: 4px;
}
p {
    margin: 0 0 1.5em;
    padding: 0;
}

.about-me .social-icons {
    margin-bottom: 0;
}
.widget ul {
    list-style: none;
    margin: 0;
}
.about-me li a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background-color: #222;
    display: inline-block;
}
.about-me .social-icons li {
    padding-right: 3px;
    padding-left: 3px;
    display: inline-block;
    margin-bottom: 0;
}
.about-me li a:hover {
    background-color: #F36A25;
}

.img-circle {
    border-radius: 50%;
}

.img-circle {
    border-radius: 50%;
}

.widget ul li, .widget ol li {
    padding: 0.5em 0;
}

.widget ul{
    margin:0;
}
#archives-2 a,#categories-2 a,#meta-2 a{color:#777;}
#archives-2 a:hover,#categories-2 a:hover,#meta-2 a:hover,.side-item-text h4 a:hover{color:#1CA8DD;}
.side-item-text h4 a{color:#555;}

.widget ul.side-newsfeed li .side-item {
    overflow: hidden;
}
.widget ul.side-newsfeed li{margin:1em 0}

.widget ul.side-newsfeed li .side-item .side-image {
    float: left;
    margin-right: 14px;
}
.widget ul.side-newsfeed li .side-item .side-item-text {
    overflow: hidden;
}
body h4 {
    color: #333;
    font-size: 16px !important;
    font-weight: 700 !important;
}
.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
    font-size: 12px;
    color: #999;
    font-style: italic;
}

.widget ul.side-newsfeed li .side-item .side-image{
    float: left;
    margin-right: 14px;
    max-width: 140px;
}
.header-menu .active a{padding-bottom: 15px;-webkit-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}

.promote_more a{display: block;
    min-width:350px;max-width: 506px;height:65px;line-height: 65px;font-size: 18px;text-align: center;color: #fff;text-decoration: none;margin: 55px auto 0px;border-radius: 10px;
    border-radius: 3px;font-weight: 500;border-color: #e76d0c #e15500 #e15500;color: #fff;text-shadow: rgb(0 0 0 / 5%) 0 1px 0;background-color: #ec7211;background-image: linear-gradient(180deg,#f67c1b 0,#e15500);box-shadow: inset 0 1px 0 hsl(0deg 0% 100% / 20%);
}

h3.titletext, h4.titletext {
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}
h4.titletext {
    margin-bottom: 30px;
}
h3.titletext:before, h4.titletext:before {
    background: #1CA8DD;
    content: "";
    height: 2px;
    position: absolute;
    bottom: -10px;
    width: 50px;
    z-index: -1;
}

.page-header.jumbotron {
    color: #000;
    margin-bottom: 20px;
    padding: 0px 7px 0;
    border-radius: 0;
    background: #f6f6f6;
}
.page-header .page-title {
    color: #fffdfd;
    border-radius: 3px;

    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 8px 20px;
    text-transform:uppercase;
    background: #f36a25;    
    width: 100%;
    font-size: 2.2rem;
}

.page-header .post-title li a{color: #fff;}
.page-header .post-title li a:hover{color: rgba(255,255,255,0.8);}
.page-header .post-title li{margin-right:0px;}
.page-header .post-title {
    
    border-radius: 3px;
    padding: 8px 20px;
    background: #f36a25;
    width: 100%;
    font-size: 1.1rem;
}

.trail-items li::after {
    content: "\00BB";
    padding: 0 0.5em;
    color: #FFF;
}
.trail-items .trail-end::after {
    content: "\00BB";
    padding: 0 0.5em;
    color: #f36a25;
}

h1, .title h2, .fact-counter .counter-value, .page-title h2 {
    font-size: 38px;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    color: #2B2F37;
    font-family: 'Roboto';
    line-height: 1.1;
}

.bg-grey {
    background: #E2EBF0;
}

/** 装饰线 */
span.underline {
    border: 2px solid #1CA8DD;
    background: #1CA8DD;
    margin-top: 10px;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 4px;
    z-index: 1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
span.full-underline:before, span.full-underline:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 5px;
    width: 50px;
    z-index: -1;
}
span.underline::before {
    left: 7px;
}
span.underline::after {
    right: 7px;
}

/*Meta info*/

ul.meta {
    margin-bottom: 20px;
}
ul.meta li {
    margin-right: 10px;
    padding: 0 2px;
    display: inline;
    font-size: 13px;
    color: #888;
}
ul.meta li a {
    color: #888;
}
ul.meta li a:hover {
    color: #444;
}
ul.meta li i {
    color: #1CA8DD;
}
/*Mix Filter*/

.mix-filter .mix {
    display: none;
}
.mix-filter .filter-controls {
    text-align: center;
    margin-bottom: 30px;
}
.mix-filter .filter-controls ul li {
    border: 1px solid #ddd;
    padding: 10px 25px;
    display: inline;
    cursor: pointer;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.mix-filter .filter-controls li.active {
    border: 1px solid #1CA8DD;
    color: #fff;
    background: #1CA8DD;
}
.mix-filter .filter-controls ul li a {
    color: #333;
}

.list1 li:before,.datepicker table tr td.today{border:0.1rem solid #1CA8DD;}
.datepicker table tr td.today{background:#1CA8DD;}
.titletext ul li {margin-bottom: 20px;}
.aside-widget ul li a{color:#777;}
.aside-widget ul li a:hover,.wp-calendar-nav-prev a:hover{color:#1CA8DD;}

/** widget end **/

a {color: #000;text-decoration: ;}
p a {color: #1CA8DD;text-decoration: ;}
a:hover {color: #1CA8DD;text-decoration: none;}
main{color:#16191f;}
.bg-orange {
    background-color: #1CA8DD !important;
}
.a-blue{color:#1CA8DD;}

.diy-nav-down {
    height: 3rem;
    cursor: pointer;
    line-height: 2.5rem;
    border: solid 1px #E76D0C;
    border-radius: 0.2rem;
    border-color: #e76d0c #e15500 #e15500;
    color: #fff;
    font-weight:600;
    text-shadow: rgb(0 0 0 / 5%) 0 1px 0;
    background-color: #ec7211;
    background-image: linear-gradient(180deg,#f67c1b 0,#e15500);
    box-shadow: inset 0 1px 0 hsl(0deg 0% 100% / 20%);
}

.diy-nav-down-blue {
    width: 150px;
    height: 3rem;
    cursor: pointer;
    line-height: 2.5rem;
    border: solid 1px #1CA8DD;
    border-radius: 0.2rem;
    border-color: #39b5f0 #096b99 #0a86c1;
    color: #fff;
    font-weight:600;
    text-shadow: rgb(0 0 0 / 5%) 0 1px 0;
    background-color: #1CA8DD;
    background-image: linear-gradient(180deg,#298cbb 0,#065880);
    box-shadow: inset 0 1px 0 hsl(0deg 0% 100% / 20%);
}


/** about */
.view-detail{width:120px;height:38px;line-height: 38px; color:#fff;font-size:1rem;border-radius:19.5px;text-align: center;}

.view-detail:hover{color:#f2f2f2;}
#categories-2 a,.widget_categories .cat-item a{color:#333;}
/*
行的对齐方式
0.625
    
align-items-start 顶对齐
align-items-center 中间对齐
align-items-end 底对齐

align-self-start 顶对齐
align-self-center 中间对齐
align-self-end 底对齐

justify-content-start 左对齐
justify-content-center 居中对齐
justify-content-end 右对齐
justify-content-around 分散居中对齐（每个元素两侧的间距是相等的）
justify-content-between 左右两端对齐（元素之间的间距是自动平分的
*/