@charset "utf-8";

/* 屏幕宽度在0px到991px之间时 */
@media (min-width: 0px) and (max-width: 991px) {

    /*头部*/
    .header { height: 4rem; line-height: 4rem; background-color: var(--primary-color) !important; }

    /*广告样式*/
    .banner,
    .page-banner { margin-top: 4rem;  }

    /*首页关于我们样式*/
    .about .item { padding: 20px 0; background-color: #f5f5f5; }
    .about .item i { font-size: 2rem; }
    .about .item .num { font-size: 2rem; }
    .about .item .describe { font-size: 12px; color: #666; }

    /*首页最新资讯样式*/
    .news-hot .item { width: 70%; }

    /* ======== 通用样式 ======== */
    .page-head {
        margin-top: 4rem;

        .title {
            font-size: 2.5rem;
        }

        .menu {

            a {
                margin: 0;
                margin-right: 20px;
                margin-bottom: 30px;
            }
        }
    }

    /* ====================
     TAB样式
    ==================== */
    .nav-pills .nav-item { margin: 0; }

    /* ======== 单页模型样式 ======== */
    .page .head { padding-left: 60px; }
    .page .head h1 { font-size: 24px; }
    .page .head h1:before { top: 15px; width: 40px; }

    /* ====================
     搜索弹窗样式
    ==================== */
    .search-wap-dialog { position: absolute; z-index: 500; top: 4rem; left: 0; display: none; width: 100%; padding: 1rem; background-color: #fff; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .05), 0 6px 6px 0 rgba(0, 0, 0, .05) inset; }
    .search-wap-dialog .search-form { line-height: 40px; position: relative; height: 40px; padding: 0; border-bottom: 1px solid #ddd; }
    .search-wap-dialog .search-form .form-control { font-size: 12px; width: 80%; padding: 0; border: none; }
    .search-wap-dialog .search-form .form-control:focus { border-color: inherit; box-shadow: none; utline: none; }
    .search-wap-dialog .search-form .button { font-size: 12px; position: absolute; right: 0; bottom: -1px; width: 20%; text-align: center; color: #fff; background-color: var(--primary-color); }

    /* ====================
     error样式
    ==================== */
    .error { margin-top: 4rem; }

    /* ====================
     服务与支持样式
    ==================== */
    .help { padding: 20px!important; }
}

/* 屏幕宽度在768px到999px之间时 */
@media (min-width: 768px) and (max-width: 999px) {
    /*首页最新资讯样式*/
    .news-hot .item { width: 45%; }

}

/* 屏幕宽度大于1200px时 */
@media (min-width: 1200px) {

}