/* DIYCSS
   ========================================================================== */
/**
 * 1. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 * 2. 如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 *    如果要修改css ，建议在这个文件修改覆盖即可，更新的时候，注意备份此文件即可
 */
@import "https://fastly.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14.0/css/all.min.css?ver=5.14.0";
@import "https://fastly.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.14.0/css/v4-shims.min.css?ver=5.14.0" ;

/* 以下是修改主页分类部位的字号大小 */
.btn.btn--white {
    font-size: 15px !important;
    font-weight: bold !important;
    padding: 6px 25px;
}

/* 以下是修改购买资源部位的颜色和字号等 */
.widget-pay .pay--rateinfo {
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 11;
    background: #3498db;
    margin: 0 0 15px;
    border-radius: 4px;
    color: #fff;
}

.btn--secondary {
    font-size: 16px !important;
    background: #28a745 !important;
    background: linear-gradient(90deg, #28a745, #218838) !important;
    box-shadow: 0 3px 5px rgba(40, 167, 69, 0.5) !important;
}

.widget-pay .pay-box .btn--primary {
    font-size: 15px !important;
    font-weight: 700 !important;
}

.widget-pay .pay-box .pwd {
    background-color: #d4edda !important;
    color: #000000 !important;
    border: 1px dashed #a3c293 !important;
}

.widget-pay .pay-box .pwd,
.widget-pay .pay-box .pwd * {
    color: #000000 !important;
}

.widget-pay .pay-box .pwd .copypaw {
    color: #000000 !important;
    background-color: #ffffff;
}

li > span:last-child {
    font-size: 16px !important;
    color: red !important;
}

/* 以下是修改我的会员提示文字的大小 */
h4 {
    font-size: 22px;
}

/* 顶部菜单：让带 red-menu 的那一项变红 */
#site-header .red-menu > a,
.site-header .red-menu > a,
.navbar .red-menu > a,
.red-menu > a,
.red-menu a {
    color: #ff0000 !important;
    font-weight: 700 !important;
}

/* 有些主题菜单文字在 span 里 */
#site-header .red-menu > a span,
.site-header .red-menu > a span,
.navbar .red-menu > a span,
.red-menu a span {
    color: #ff0000 !important;
}