@charset "utf-8";

* {
    outline: none;
}

body {
    margin: 0;
    font-family: '微软雅黑', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
    background-color: #fff;
}

a {
    color: #3c7dee;
    text-decoration: none;
}

a:hover {
    color: #46bfe9;
}

.form-control::placeholder {
    color: #999;
    opacity: 0.8;
}

p {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

img {
    max-width: 100%;
    height: auto;
}

.b {
    font-weight: bolder;
}

.pointer {
    cursor: pointer;
}

.text-shadow {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

.box-shadow {
    -webkit-box-shadow: 0.1rem 0.2rem 0.3rem #e7e7e7;
    box-shadow: 0.1rem 0.2rem 0.3rem #e7e7e7;
}

.shadow-bottom {
    -webkit-box-shadow: 0 0.2rem 0.2rem #E7E7E7;
    box-shadow: 0 0.2rem 0.2rem #E7E7E7;
}

.z-index-top {
    position: relative;
    z-index: 999;
}

.overflow-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hidden {
    display: none;
}

/*================轮播================*/

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
    background-color: rgba(177, 183, 199, 0.8);
    opacity: 0.2;
}

/*================文字================*/


.text-box-1 {
    background-color: rgba(255, 255, 255, 0.85);
    color: #212529;
    border: 1px solid rgba(73, 80, 87, 0.1);
    box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.02); /* 添加默认阴影 */
}

.text-box-1.active,
a.text-box-1:hover,
a.text-box-1:focus {
    background-color: rgba(255, 255, 255, 1);
    color: #212529;
    border: 1px solid rgba(239, 127, 26, 0.72);
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1); /* 添加默认阴影 */
    transition: border-color 0.3s ease, box-shadow 0.3s ease; /* 添加过渡效果 */
}


.text-1 {
    color: #3c7dee !important;
}

.text-1.active,
a.text-1:hover,
a.text-1:focus {
    color: rgba(60, 125, 238, 0.8) !important;
    /*font-weight: 800;*/
}

.text-2 {
    color: #ef7f1a !important;
}

.text-2.active,
a.text-2:hover,
a.text-2:focus {
    color: rgba(239, 127, 26, 0.7) !important;
    /*font-weight: 800;*/
}


.text-3 {
    color: #212529 !important;
}

.text-3.active,
a.text-3:hover,
a.text-3:focus {
    color: rgba(60, 125, 238, 0.8) !important;
    /*font-weight: 800;*/
}

/*===============字体/字号/属性=================*/

.font-1 {
    font-family: '黑体', sans-serif;
}

.font-2 {
    font-family: '华文仿宋', sans-serif;
}

.font-3 {
    font-family: 'sans-serif', sans-serif;
}

.small-90 {
    font-size: 90%;
}

/*=================背景色===============*/

.bg-landing-1 {
    background: linear-gradient(90deg, #0d274c, #1c53a3);
}

.bg-landing-2 {
    background: linear-gradient(90deg, #6f42c1, #4682ec);
}

.bg-nav {
    background-color: #3c7dee;
}

.bg-nav-1 {
    background-color: #0f203d;
}

.bg-footer {
    background-color: #0f203d;
}

.bg-bottom {
    background-color: #071631;
}

.bg-f7 {
    background-color: #f7f7f7 !important;
}

.bg-a1 {
    background-color: rgba(0, 0, 0, 0.4);
    border: 0;
}

.bg-w1 {
    background-color: #f3f4f4;
}

.bg-w2 {
    background-color: #eff1f5;
}

.bg-1 {
    background-color: #3c7dee;
}

.bg-2 {
    background-color: #ef7f1a;
}

.bg-3 {
    background-color: #17213b;
}

.bg-4 {
    background-color: #e6e6e6;
}

.bg-5 {
    background: linear-gradient(to right, #ef7f1a, #f59f18);
}

.bg-male {
    background-color: #2a33aa !important;
}

.bg-female {
    background-color: #e564ce !important;
}

/*===============长宽===============*/

.w-logo {
    min-width: 50px;
    max-width: 180px;
}

.h-80px {
    min-height: 80px;
}

.h-100px {
    min-height: 100px;
}

.h-120px {
    min-height: 120px;
}

.h-140px {
    min-height: 140px;
}

.wh-1 {
    min-width: 100%;
    /*max-width: 300px;*/
    min-height: 260px;
    max-height: 260px;
}

.h-300px {
    min-height: 300px;
    max-height: 300px;
}

.h-350px {
    min-height: 350px;
    max-height: 350px;
}

.h-400px {
    min-height: 400px;
}

.h-420px {
    min-height: 420px;
}

.h-450px {
    min-height: 450px;
}

.h-500px {
    min-height: 500px;
}

.w-300px {
    max-width: 300px;
}

.h-max-min-60px {
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
}

.h-max-min-65px {
    min-width: 65px;
    max-width: 65px;
    min-height: 65px;
    max-height: 65px;
}

.h-max-min-80px {
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
}

.h-max-min-100px {
    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 100px;
}

.h-max-min-120px {
    min-width: 120px;
    max-width: 120px;
    min-height: 120px;
    max-height: 120px;
}

.h-max-100px {
    max-height: 100px;
}

.h-max-120px {
    max-height: 120px;
}

.h-max-140px {
    max-height: 100px;
}

/*================边距================*/

.mt-t1 {
    margin-top: 0.5rem !important;
}

.mt--4rem {
    margin-top: -4rem;
    position: relative;
    z-index: 100;
}

.mt--8rem {
    margin-top: -8rem;
    position: relative;
    z-index: 100;
}


/*================线条================*/

.line-gray {
    border-bottom: 1px solid #dcdcdc;
}

.line-1 {
    border-bottom: 3px solid #b8b8b8;
}

.line-2 {
    border-top: 4px solid #3274af;
}

.line-3 {
    border-bottom: 3px solid rgba(160, 160, 160, 0.3);
}

.line-left-1 {
    border-left: 4px solid #ef7f1a;
}

.line-right-1 {
    border-right: 1px solid #3c7dee;
}

/*================radius==============*/

.rounded-c {
    border-radius: 50px;
}

.rounded-5 {
    border-radius: 0.5rem !important;
}

.rounded-8 {
    border-radius: 0.8rem !important;
}

/*================图文================*/

.box-inner {
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
}

.box-abs-t-1 {
    position: absolute;
    z-index: 10;

    top: 140px;
    right: 0;
    left: 0;
}

.box-abs-t-2 {
    position: absolute;
    z-index: 10;

    top: 60px;
    right: 0;
    left: 0;
}

.box-abs-t-3 {
    position: absolute;
    z-index: 10;

    top: 60px;
    right: 0;
    left: 0;
}

.box-abs-b-1 {
    position: absolute;
    z-index: 10;

    right: 0;
    bottom: 40px;
    left: 0;
}

.box-abs-b-2 {
    position: absolute;
    z-index: 10;

    right: 0;
    bottom: 60px;
    left: 0;
}

/*================鼠标滑过容器================*/

.box-over {
    position: relative;
    width: 100%;
}

.box-over-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.box-over-1:hover {
    transition: 0.6s;
    opacity: 0;
}

.box-over-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
}

.box-over-2:hover {
    background-color: rgba(10, 10, 10, 0.6);
    transition: 0.6s;
    opacity: 1;
}

/*===============形状===============*/

/*圆形*/
.circle-1 {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    overflow: hidden;
}

/*三角*/
.triangle-1 {
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-top: 50px solid #3c7dee;
}

/*梯形*/
.hypotenuse-1 {
    width: 70%;
    height: 40px;
    background: #3c7dee;
    -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
    clip-path: polygon(0 0, 95% 0, 85% 100%, 0% 100%);
}

/*================边框================*/

.border-c-1 {
    border: 1px solid #0077ff;
}

.border-c-2 {
    border: 1px solid #ef7f1a;
}

/*================背景图================*/

.bg-img-1 {
    background-image: url(/static/talent/images/bg_img-1.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
    -moz-background-size: 100%;
}

.bg-img-2 {
    background-image: url(/static/talent/images/banner_bg-1.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: auto;
}

.bg-img-3 {
    background-image: url(/static/talent/images/png-1.png);
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 100%;*/
    /*-moz-background-size: 100%;*/
}

/*===============轮播图===============*/

.c-1 {
}

.c-1 .carousel-indicators {
}

.c-1 .carousel-indicators [data-bs-target] {
    width: 12px; /* 调整为圆形图标的宽度 */
    height: 12px; /* 调整为圆形图标的高度 */
    border-radius: 50%; /* 使图标变为圆形 */
    margin: 0 12px; /* 调整图标之间的间距 */
    background-color: #f6d4b6;
}

.c-1 .carousel-indicators .active {
    background-color: #ef7f1a;
}


.c-2 {
}

.c-2 .carousel-indicators {
    /*bottom: -16px;*/
    margin-bottom: -3rem;

}

.c-2 .carousel-indicators [data-bs-target] {
    width: 12px; /* 调整为圆形图标的宽度 */
    height: 12px; /* 调整为圆形图标的高度 */
    border-radius: 50%; /* 使图标变为圆形 */
    margin: 0 12px; /* 调整图标之间的间距 */
    background-color: #f6d4b6;
}

.c-2 .carousel-indicators .active {
    background-color: #ef7f1a;
}

/*================下拉菜单==============*/

.dropdown-menu {
    background-color: rgba(255, 255, 255, 0.6);
}

.dropdown-item {
    min-width: 240px;
    /*background-color: rgba(255, 255, 255, 0.7);*/
    color: #212529;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    background-color: #ef7f1a;
}

/*================navbar================*/

/*下拉三角*/
.dropdown-toggle::after {
    color: #fff;
    margin-left: 0.4em;
    vertical-align: 0.1em;

    border-top: 0.4em solid;
    border-right: 0.28em solid transparent;
    border-left: 0.28em solid transparent;
}

.navbar .nav-link {
    color: #fff;
    font-weight: bold;
    /*margin-top: 3px;*/
    /*margin-bottom: 3.5px;*/
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.show,
.navbar .nav-link.active {
    color: rgba(255, 255, 255, 0.8);
    /*background-color: #e09d00;*/
    /*border-top: 3px solid rgba(60, 161, 219, 0.1);*/
    /*border-bottom: 3.5px solid #3c7dee;*/
    /*margin-top: 0;*/
    /*margin-bottom: 0;*/
}

/*================navbar-b================*/

/*下拉三角*/
.navbar-b .dropdown-toggle::after {
    color: #ef7f1a;
    margin-left: 0.4em;
    vertical-align: 0.1em;

    border-top: 0.4em solid;
    border-right: 0.28em solid transparent;
    border-left: 0.28em solid transparent;
}

.navbar-b .nav-link {
    color: #212529;
    margin-bottom: 3px;
    transition: color 0.15s ease, border-bottom 0.15s ease;
}

.navbar-b .nav-link:hover,
.navbar-b .nav-link:focus,
.navbar-b .nav-link.show,
.navbar-b .nav-link.active {
    color: #ef7f1a;
    font-weight: bolder;
    border-bottom: 3px solid #ef7f1a;
    margin-top: 0;
    margin-bottom: 0;
}

/*下拉三角*/
.navbar-c .dropdown-toggle::after {
    color: rgba(255, 255, 255, 0.9);
    margin-left: 0.4em;
    vertical-align: 0.1em;

    border-top: 0.4em solid;
    border-right: 0.28em solid transparent;
    border-left: 0.28em solid transparent;
}

.navbar-c .nav-link {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 3px;
}

.navbar-c .nav-link:hover,
.navbar-c .nav-link:focus,
.navbar-c .nav-link.show,
.navbar-c .nav-link.active {
    color: rgba(255, 255, 255, 1);
    font-weight: bolder;
    border-bottom: 3px solid #ef7f1a;
    margin-top: 0;
    margin-bottom: 0;
}

/*================分页================*/

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-right: 0.3rem;

    line-height: 1.25;
    color: #878e93;
    background-color: #f4f4f7;
    border: 0;
}

.page-link:hover {
    z-index: 2;
    color: #878E93;
    text-decoration: none;
    background-color: #ddd;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0 rgba(60, 160, 220, 0.25);
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #878E93;
    border: 0;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #f4f4f7;
    border: 0;
}

/*================手风琴================*/

/*收起*/
.accordion-button-1 {
    padding-top: 14px;
    padding-bottom: 14px;
    color: #333;
    background-color: #ffffff;
}

/*收起图标*/
.accordion-button-1::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*展开*/
.accordion-button-1:not(.collapsed) {
    color: #fff;
    background-color: #ef7f1a;
}

/*展开图标*/
.accordion-button-1:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

/*收起*/
.accordion-button-2 {
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #4271a6;
}

/*收起图标*/
.accordion-button-2::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*展开*/
.accordion-button-2:not(.collapsed) {
    background-color: #4271a6;
}

/*展开图标*/
.accordion-button-2:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}


/*===============nav-1=================*/

.nav-1 {
    border-bottom: 3px solid #446395;
}

.nav-1 .nav-item {

}

.nav-1 .nav-link {
    margin-right: 1rem;
    /*margin-bottom: -3px;*/
    padding-left: 3rem;
    padding-right: 3rem;
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #446395;
    background-color: #9addf8;
    font-weight: 800;
}

.nav-1 .nav-link:hover,
.nav-1 .nav-link.active,
.nav-1 .nav-item.active {
    /*color: #dd1a32;*/
    /*border-bottom: 3px solid #dd1a32;*/
    color: #fff;
    background-color: #446395;
}


/*===============nav-2=================*/

.nav-2 {
    border-bottom: 1px solid #ef7f1a;
}

.nav-2 .nav-item {
}

.nav-2 .nav-link {
    color: #ef7f1a;
    font-weight: 800;
    background-color: #f3f4f4;
}

.nav-2 .nav-link:hover,
.nav-2 .nav-link.active,
.nav-2 .nav-item.active {
    /*border: 1px solid #dee2e6;*/
    /*border-radius: 0.25rem;*/
    color: #fff;
    background-color: #ef7f1a;
}

/*================btn-1================*/

.btn-1 {
    color: #fff;
    background-color: #276ecd;
    border-color: #276ecd;
}

.btn-1:hover {
    color: #fff;
    background-color: #0b4ea7;
    border-color: #0b4ea7;
}

.btn-check:focus + .btn-1,
.btn-1:focus {
    color: #fff;
    background-color: #0b4ea7;
    border-color: #0b4ea7;
    box-shadow: 0 0 0 0.25rem rgba(2, 123, 106, 0.5);
}

.btn-check:checked + .btn-1,
.btn-check:active + .btn-1,
.btn-1:active, .btn-1.active,
.show > .btn-1.dropdown-toggle {
    color: #fff;
    background-color: #0b4ea7;
    border-color: #0b4ea7;
}

.btn-check:checked + .btn-1:focus,
.btn-check:active + .btn-1:focus,
.btn-1:active:focus,
.btn-1.active:focus,
.show > .btn-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(2, 123, 106, 0.5);
}

.btn-1:disabled,
.btn-1.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*===============btn-outline-1=================*/

.btn-outline-1 {
    color: #276ecd;
    border-color: #276ecd;
}

.btn-outline-1:hover {
    color: #fff;
    background-color: #276ecd;
    border-color: #276ecd;
}

.btn-outline-1:focus,
.btn-outline-1.focus {
    box-shadow: 0 0 0 0.25rem rgba(46, 164, 114, 0.5);
}

.btn-outline-1.disabled,
.btn-outline-1:disabled {
    color: #276ecd;
    background-color: transparent;
}

.btn-outline-1:not(:disabled):not(.disabled):active,
.btn-outline-1:not(:disabled):not(.disabled).active,
.show > .btn-outline-1.dropdown-toggle {
    color: #fff;
    background-color: #276ecd;
    border-color: #276ecd;
}

.btn-outline-1:not(:disabled):not(.disabled):active:focus,
.btn-outline-1:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(46, 164, 114, 0.5);
}

/*================btn-2================*/

.btn-2 {
    color: #fff;
    background-color: #ef7f1a;
    border-color: #ef7f1a;
}

.btn-2:hover {
    color: #fff;
    background-color: #f9b037;
    border-color: #f9b037;
}

.btn-check:focus + .btn-2,
.btn-2:focus {
    color: #fff;
    background-color: #f9b037;
    border-color: #f9b037;
    box-shadow: 0 0 0 0.25rem rgba(177, 235, 55, 0.5);
}

.btn-check:checked + .btn-2,
.btn-check:active + .btn-2,
.btn-2:active, .btn-2.active,
.show > .btn-2.dropdown-toggle {
    color: #fff;
    background-color: #f9b037;
    border-color: #f9b037;
}

.btn-check:checked + .btn-2:focus,
.btn-check:active + .btn-2:focus,
.btn-2:active:focus,
.btn-2.active:focus,
.show > .btn-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(177, 235, 55, 0.5);
}

.btn-2:disabled,
.btn-2.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*===============btn-outline-2=================*/

.btn-outline-2 {
    color: #ef7f1a;
    border-color: #ef7f1a;
}

.btn-outline-2:hover {
    color: #fff;
    background-color: #ef7f1a;
    border-color: #ef7f1a;
}

.btn-outline-2:focus,
.btn-outline-2.focus {
    box-shadow: 0 0 0 0.2rem rgba(239, 127, 26, 0.5);
}

.btn-outline-2.disabled,
.btn-outline-2:disabled {
    color: #ef7f1a;
    background-color: transparent;
}

.btn-outline-2:not(:disabled):not(.disabled):active,
.btn-outline-2:not(:disabled):not(.disabled).active,
.show > .btn-outline-2.dropdown-toggle {
    color: #fff;
    background-color: #ef7f1a;
    border-color: #ef7f1a;
}

.btn-outline-2:not(:disabled):not(.disabled):active:focus,
.btn-outline-2:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(239, 127, 26, 0.5);
}

/*================btn-3================*/

.btn-3 {
    color: #212121;
    background-color: #ebebeb;
    border-color: #f0f0f0;
}

.btn-3:hover {
    color: #fff;
    background-color: #ef7f1a;
    border-color: #ef7f1a;
}

.btn-check:focus + .btn-3,
.btn-3:focus {
    color: #fff;
    background-color: #ef7f1a;
    border-color: #ef7f1a;
    box-shadow: 0 0 0 0.25rem rgba(239, 127, 26, 0.8);
}

.btn-check:checked + .btn-3,
.btn-check:active + .btn-3,
.btn-3:active, .btn-3.active,
.show > .btn-3.dropdown-toggle {
    color: #fff;
    background-color: #ef7f1a;
    border-color: #ef7f1a;
}

.btn-check:checked + .btn-3:focus,
.btn-check:active + .btn-3:focus,
.btn-3:active:focus,
.btn-3.active:focus,
.show > .btn-3.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(239, 127, 26, 0.8);
}

.btn-3:disabled,
.btn-3.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}


/*===============btn-red=================*/

.btn-red {
    color: #fff;
    background-color: #da3458;
    border-color: #da3458;
}

.btn-red:hover {
    color: #fff;
    background-color: #b52b49;
    border-color: #b52b49;
}

.btn-check:focus + .btn-red,
.btn-red:focus {
    color: #fff;
    background-color: #b52b49;
    border-color: #b52b49;
    box-shadow: 0 0 0 0.25rem rgba(181, 43, 73, 0.5);
}

.btn-check:checked + .btn-red,
.btn-check:active + .btn-red,
.btn-red:active, .btn-red.active,
.show > .btn-red.dropdown-toggle {
    color: #fff;
    background-color: #b52b49;
    border-color: #b52b49;
}

.btn-check:checked + .btn-red:focus,
.btn-check:active + .btn-red:focus,
.btn-red:active:focus,
.btn-red.active:focus,
.show > .btn-red.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(181, 43, 73, 0.5);
}

.btn-red:disabled,
.btn-red.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*================btn-outline-red================*/

.btn-outline-red {
    color: #343a40;
    border-color: #fff;
}

.btn-outline-red:hover {
    color: #fff;
    background-color: #da3458;
    border-color: #da3458;
}

.btn-outline-red:focus,
.btn-outline-red.focus {
    color: #fff;
    box-shadow: 0 0 0 0 rgba(201, 32, 38, 0.5);
    background-color: #da3458;
}

.btn-outline-red.disabled,
.btn-outline-red:disabled {
    color: #da3458;
    background-color: transparent;
}

.btn-outline-red:not(:disabled):not(.disabled):active,
.btn-outline-red:not(:disabled):not(.disabled).active,
.show > .btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #da3458;
    border-color: #da3458;
}

.btn-outline-red:not(:disabled):not(.disabled):active:focus,
.btn-outline-red:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-red.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(201, 32, 38, 0.5);
}

/*================btn-blue================*/

.btn-blue {
    color: #fff;
    background-color: #3c7dee;
    border-color: #3c7dee;
}

.btn-blue:hover {
    color: #fff;
    background-color: #246fd4;
    border-color: #246fd4;
}

.btn-check:focus + .btn-blue,
.btn-blue:focus {
    color: #fff;
    background-color: #246fd4;
    border-color: #246fd4;
    box-shadow: 0 0 0 0.25rem rgba(60, 160, 220, 0.5);
}

.btn-check:checked + .btn-blue,
.btn-check:active + .btn-blue,
.btn-blue:active, .btn-blue.active,
.show > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #246fd4;
    border-color: #246fd4;
}

.btn-check:checked + .btn-blue:focus,
.btn-check:active + .btn-blue:focus,
.btn-blue:active:focus,
.btn-blue.active:focus,
.show > .btn-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(60, 160, 220, 0.5);
}

.btn-blue:disabled,
.btn-blue.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*===============btn-outline-blue=================*/

.btn-outline-blue {
    color: #3c7dee;
    border-color: #3c7dee;
}

.btn-outline-blue:hover {
    color: #fff;
    background-color: #3c7dee;
    border-color: #3c7dee;
}

.btn-outline-blue:focus,
.btn-outline-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 160, 220, 0.5);
}

.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
    color: #3c7dee;
    background-color: transparent;
}

.btn-outline-blue:not(:disabled):not(.disabled):active,
.btn-outline-blue:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue.dropdown-toggle {
    color: #fff;
    background-color: #3c7dee;
    border-color: #3c7dee;
}

.btn-outline-blue:not(:disabled):not(.disabled):active:focus,
.btn-outline-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(60, 160, 220, 0.5);
}

/*================btn-purple================*/

.btn-purple {
    color: #fff;
    background-color: #7952b3;
    border-color: #7952b3;
}

.btn-purple:hover {
    color: #fff;
    background-color: #5f3e91;
    border-color: #5f3e91;
}

.btn-check:focus + .btn-purple,
.btn-purple:focus {
    color: #fff;
    background-color: #5f3e91;
    border-color: #5f3e91;
    box-shadow: 0 0 0 0.25rem rgba(87, 6, 140, 0.5);
}

.btn-check:checked + .btn-purple,
.btn-check:active + .btn-purple,
.btn-purple:active, .btn-purple.active,
.show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #5f3e91;
    border-color: #5f3e91;
}

.btn-check:checked + .btn-purple:focus,
.btn-check:active + .btn-purple:focus,
.btn-purple:active:focus,
.btn-purple.active:focus,
.show > .btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(87, 6, 140, 0.5);
}

.btn-purple:disabled,
.btn-purple.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*================btn-outline-purple================*/

.btn-outline-purple {
    color: #7952b3;
    border-color: #7952b3;
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: #7952b3;
    border-color: #7952b3;
}

.btn-outline-purple:focus,
.btn-outline-purple.focus {
    box-shadow: 0 0 0 0.2rem rgba(87, 6, 140, 0.5);
}

.btn-outline-purple.disabled,
.btn-outline-purple:disabled {
    color: #7952b3;
    background-color: transparent;
}

.btn-outline-purple:not(:disabled):not(.disabled):active,
.btn-outline-purple:not(:disabled):not(.disabled).active,
.show > .btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #7952b3;
    border-color: #7952b3;
}

.btn-outline-purple:not(:disabled):not(.disabled):active:focus,
.btn-outline-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(87, 6, 140, 0.5);
}

/*================btn-gray================*/

.btn-gray {
    color: #fff;
    background-color: #9ca9b2;
    border-color: #9ca9b2;
}

.btn-gray:hover {
    color: #fff;
    background-color: #7c8790;
    border-color: #7c8790;
}

.btn-check:focus + .btn-gray,
.btn-gray:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}

.btn-check:checked + .btn-gray,
.btn-check:active + .btn-gray,
.btn-gray:active, .btn-gray.active,
.show > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e;
}

.btn-check:checked + .btn-gray:focus,
.btn-check:active + .btn-gray:focus,
.btn-gray:active:focus,
.btn-gray.active:focus,
.show > .btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}

.btn-gray:disabled,
.btn-gray.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

/*================btn-outline-gray================*/

.btn-outline-gray {
    color: #6c757d;
    border-color: #9ca9b2;
}

.btn-outline-gray:hover {
    color: #fff;
    background-color: #7c8790;
    border-color: #7c8790;
}

.btn-check:focus + .btn-outline-gray,
.btn-outline-gray:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.btn-check:checked + .btn-outline-gray,
.btn-check:active + .btn-outline-gray,
.btn-outline-gray:active,
.btn-outline-gray.active,
.btn-outline-gray.dropdown-toggle.show {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-check:checked + .btn-outline-gray:focus,
.btn-check:active + .btn-outline-gray:focus,
.btn-outline-gray:active:focus,
.btn-outline-gray.active:focus,
.btn-outline-gray.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.btn-outline-gray:disabled,
.btn-outline-gray.disabled {
    color: #6c757d;
    background-color: transparent;
}

/*================移动端================*/

.ps-2rem {
    padding-left: 2rem;
}

.pe-2rem {
    padding-right: 2rem;
}

.px-2rem {
    padding-left: 2rem;
    padding-right: 2rem;
}

.ps-6rem {
    padding-left: 6rem;
}

.pe-6rem {
    padding-right: 6rem;
}

.px-6rem {
    padding-left: 6rem;
    padding-right: 6rem;
}

.hidden-1 {
}

.hidden-2 {
    display: none;
}

/*================================*/

/*768px以下*/

@media (max-width: 768px) {
    .ps-2rem {
        padding-left: 12px;
    }

    .pe-2rem {
        padding-right: 12px;
    }

    .px-2rem {
        padding-left: 12px;
        padding-right: 12px;
    }

    .ps-3rem {
        padding-left: 12px;
    }

    .pe-3rem {
        padding-right: 12px;
    }

    .px-3rem {
        padding-left: 12px;
        padding-right: 12px;
    }

    .hidden-1 {
        display: none;
    }

    .hidden-2 {
        display: block;
    }

}

/*768px以上*/
@media (min-width: 768px) {
}

/*992px以下*/
@media (max-width: 992px) {
}

/*992px以上*/
@media (min-width: 992px) {
}