
:root{
    --hzlightcolor:rgba(253, 53, 84, 0.2);
    --hzradius:4px;
    --hzcolor:#fd3554;
    --hzlight:rgba(253, 53, 84, 0.03);
}
body,button,select,input,textarea{
    font-family: DIN-Medium,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
}
.site{
    
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center top;
}
.header-banner{
    
}
.modal-content{
    background-image: url(https://gihut.com/wp-content/themes/Hozon/assets/img/bg/model-bg.png);
}
.footer-wrap{
    background-image: url(none);
}
    .footer{
        color:#121212;
    }
    .footer-bookmarks{
        color:#ffffff;
    }
    .footer-copy{
        color:#ffffff;
    }
.site{
    background-color:#f7f9fa;
}
.wrapper{
    width: 1080px;
    max-width:100%;
    margin:0 auto;
}
.single .content-area,
.page .content-area {
    max-width: calc(100% - 296px);
    margin: 0 auto;
    flex:1;
}
.single .post-list-cat a {
    background-color: rgba(224, 74, 28, 0.1);
    color: #fd3554!important;
}
.widget-area{
    width: 280px;
    min-width: 280px;
    margin-left: 16px;
    max-width: 100%;
}
.radius {
    border-radius: 4px;
}
.loop-grid {
    margin-right: -8px;
    margin-left: -8px;
}
.post-list-item,
.product-list-item {
    padding:8px;
} 
.foot-widgets {
    margin:0 -16px;
}
.author-page-nav a.active,
.author_tab.active {
    border-radius: 4px;
}
.mg-r {
    margin-right:16px;
}
.mg-b {
    margin-bottom:16px;
}
.mg-t {
    margin-top:16px;
}
.mg-l {
    margin-left:16px;
}
.hz-mg {
    margin:16px;
}
.hz-pd{
    padding:16px;
}
.hz-py{
    padding:16px  0;
}
.hz-px{
    padding:0 16px;
}
.hz-py-1{
    padding:24px  0;
}
.hz-px-1{
    padding:0 24px;
}
.hz_gap {
    grid-gap:16px;
}
.button,
button {
    background:#fd3554;
    border:1px solid #fd3554;
    border-radius:4px;
}
.button.pm-btn {
    color: #fd3554;
}
/** 侧边 **/
.widget header h3:after {
    background-color: #fd3554;
}
.widget header .widget-title a,
.widget .color {
    color: #fd3554;
}
.author .author_tab.active span {
    color: #fd3554;
}
.post-share a.active {
    fill: #fd3554;
    color: #fd3554;
}
.hz-color{
    color: #fd3554 !important;
}
.hz-light {
    background-color:rgba(253, 53, 84, 0.18);
}
.hz-light-dark {
    background-color:rgba(253, 53, 84, 0.52);
}
.hz-light-bg {
    background-color:rgba(253, 53, 84, 0.12);
}
.hz-page-bg::before{
    background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,#f7f9fa 100%);
}

@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
    .mg-b{
        margin-bottom:12px;
    }
    .mg-t{
        margin-top:12px;
    }
    .mg-t-{
        margin-top:-10px;
    }
    .mg-l{
        margin-left:12px;
    }
    .mg-r{
        margin-right:12px;
    }
    .hz-mg{
        margin:12px;
    }
    .hz-pd{
        padding:12px;
    }
    .hz-py {
        padding:12px;
    }
    .loop-grid {
        margin-right: -4px;
        margin-left: -4px;
    }
    .loop-grid .post-list-item,
    .loop-grid .product-list-item {
        padding:4px;
        width: 50%!important;;
    } 
}
a:hover {color: #fd3554}
a.button:hover {
    color: #fff;
}

input:focus, textarea:focus {border-color: #fd3554}
.form-control:focus, .form-group.focus .form-control {border-color: #fd3554}
.form-group.focus .input-group-addon, .input-group.active .input-group-addon, .input-group.focus .input-group-addon {background-color: #fd3554;border-color: #fd3554;}
.input-group-addon+input.form-control {border-color: #fd3554;}


#cms-cats>.block-wrapper .cat-col .cat-container>.home-heading>span {border-bottom-color: #fd3554}

#sidebar>.widget>.widget-title>span {border-bottom-color: #fd3554}
#sidebar>.widget_float-sidebar>.widget>.widget-title>span {border-bottom-color: #fd3554}

.widget_tag-cloud>.widget-content>.tags>a:hover {background-color: #fd3554}

body.error-page .wrapper .main #linkBackHome {color: #fd3554}

#main>.post>.single-body>.article-header>.post-tags>a {background-color: #fd3554; opacity: 0.9;}
#main>.post>.single-body>.article-header>.post-tags>a:hover {background-color: #fd3554; opacity: 1;}

#main>.page>.single-body>.article-header>.post-tags>a {background-color: #fd3554; opacity: 0.9;}
#main>.page>.single-body>.article-header>.post-tags>a:hover {background-color: #fd3554; opacity: 1;}

body.home>#content>#mod-show>#slider>.unslider>.slides-wrap>ul>li>.slider-content>.meta-category>a {background-color: #fd3554;}

.widget_hot-posts>.widget-content>article>.entry-detail>h2 a:hover {color: #fd3554}
.widget_recent-comments>.widget-content>.comment>.comment-title a:hover {color: #fd3554}

.loop-rows article.post>.entry-detail>.entry-header>h2 a:hover {color: #fd3554}
.loop-rows article.post>.entry-detail>.entry-header>.entry-meta>.author>a:hover {color: #fd3554}

body.home>#content>#mod-show>#popular>.block3-widget>.block3-widget-content>article a:hover {color: #fd3554}

#cms-cats>.block-wrapper .cat-col .cat-container>.home-heading>a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cms-cat-s2>.col-left>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cms-cat-s2>.col-right>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cms-cat-s5>.col-full>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cms-cat-s5>.col-small>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cat-col-1_2 .row-small>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cat-col-1_2 .row-big>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cms-cat-s4>.col-large>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cms-cat-s4>.col-small>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cms-cat-s3>.col-left>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cms-cat-s3>.col-right>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cms-cat-s1>.col>article .entry-detail h3 a:hover {color: #fd3554}
#cms-cats>.block-wrapper .cat-col-1_2 .row-small>article .entry-detail h3 i {background-color: #fd3554}
.cms-cat-s7 .entry-title a:hover {color: #fd3554}
.loop-rows article.post > .entry-detail > h2 a:hover,.loop-grid article>.entry-detail>h2>a:hover {color: #fd3554}

header.white nav>ul a:hover {color: #fd3554}
#main>.post>.navigation a:hover {color: #fd3554}
#main>.post>.related-posts article .entry-detail .entry-title a:hover {color: #fd3554}
.product_sift>.sift_li>ul>li a:hover {color: #fd3554}
.widget_author-info>.widget-content>.author-card_content>.author-fields>.author-user_level {background-color: #fd3554}

body.manage>.wrapper>.main-area .nav>.mg_tabs>li>a.active {color: #fd3554}
body.me>.wrapper>.user-area .nav>.me_tabs>li>a.active {color: #fd3554}

