/* index.html css */
html,
body {
    max-width: 100%;
    min-width: 100%;
    margin: auto;
    font-size:15px;
}

#content {
    width: 100%;
    margin: auto;
}

.color-ff {
    border: solid 1px #ffc9b6 !important;
    background-color: #f3d9d9;
}

.form-switch {
    display: flex !important;
    justify-content: center !important;
}

.border10 {
    border-radius: 20px !important;
}

.borderleft {
    border-radius: 20px 0px 0px 20px !important;
}

.borderright {
    border-radius: 0px 20px 20px 0px !important;
}

.flex {
    display: flex !important;
}

.left {
    text-align: left;
}

.nowrap {
    white-space: nowrap;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.ptext p {
    text-indent: 25px;
}

.item-center {
    display: flex !important;
    align-items: center !important;
}

.flex-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.space-between {
    display: flex;
    justify-content: space-between;
}

.space-around {
    display: flex !important;
    justify-content: space-around;
}

/* .navbar-nav {
  width: 100%;
  border-radius: 10%;
  padding: 0 !important;
  display: flex !important;
  justify-content: space-between !important;
} */

.flex-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
}

.flex-end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.column {
    width: 140px !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.column_flex {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.bgIamge .navbar li a {
    /* color: white !important; */
}

.start {
    display: flex !important;
    justify-content: end !important;
}

.border-bottom {
    border-bottom: 0.125rem solid #000 !important;
    padding-bottom: 0.5rem;
}

.white {
    color: white !important;
}

.width90 {
    width: 90%;
    margin: auto;
}

.width80 {
    width: 80%;
    margin: auto;
}

.biaoti {
    height: 5rem !important;
    display: flex !important;
    margin-left: 50px !important;
    align-items: center !important;
    justify-content: cneter !important;
}

.btn-ml-5 {
    margin-left: 50px !important;
}

btn-outline-secondary-ml-6 {
    margin-left: 60px !important;
}

.btn-ml-7 {
    margin-left: 70px !important;
}

.mt-1 {
    margin-top: 10px !important;
}

.mt-2 {
    margin-top: 20px !important;
}

.mt-3 {
    margin-top: 30px !important;
}

.mt-4 {
    margin-top: 40px !important;
}

.mt-5 {
    margin-top: 50px !important;
}

.mt-6 {
    margin-top: 60px !important;
}

.mt-7 {
    margin-top: 70px !important;
}

.mt-10 {
    margin-top: 200px !important;
}

.ml-04 {
    margin-left: 4px !important;
}

.ml-1 {
    margin-left: 10px !important;
}

.ml-2 {
    margin-left: 20px !important;
}

.ml-3 {
    margin-left: 30px !important;
}

.ml-4 {
    margin-left: 40px !important;
}

.ml-5 {
    margin-left: 50px !important;
}

.ml-18 {
    margin-left: 180px !important;
}

.mr-1 {
    margin-right: 10px !important;
}

.mr-2 {
    margin-right: 20px !important;
}

.mr-3 {
    margin-right: 30px !important;
}

.mr-4 {
    margin-right: 40px !important;
}

.mr-5 {
    margin-right: 50px !important;
}

.p-1 {
    padding: 10px;
}

.p-2 {
    padding: 20px;
}

.p-3 {
    padding: 30px;
}

.p-4 {
    padding: 40px;
}

.p-5 {
    padding: 50px;
}

.pl-1 {
    padding-left: 10px !important;
}

.pl-2 {
    padding-left: 20px !important;
}

.pl-3 {
    padding-left: 30px !important;
}

.pl-4 {
    padding-left: 40px !important;
}

.pl-5 {
    padding-left: 50px !important;
}

.pr-1 {
    padding-right: 10px !important;
}

.pr-2 {
    padding-right: 20px !important;
}

.pr-3 {
    padding-right: 30px !important;
}

.pr-4 {
    padding-right: 40px !important;
}

.pr-5 {
    padding-right: 50px !important;
}

.font12 {
    font-size: 12px !important;
}

.font13 {
    font-size: 13px !important;
}

.font15 {
    font-size: 15px !important;
}

.font16 {
    font-size: 16px !important;
}

.font17 {
    font-size: 17px !important;
}

.font18 {
    font-size: 18px !important;
}

.font19 {
    font-size: 19px !important;
}

.font20 {
    font-size: 20px !important;
}

.yanzhengma {
    font-size: 16px;
    color: rgb(60, 159, 240);
    cursor: pointer;
}

.spanwidth {
    width: 60px;
    text-align: right;
    white-space: nowrap;
}

.btnText {
    cursor: pointer;
}

    .btnText span:hover {
        color: red !important;
        text-decoration: underline;
        text-decoration-color: red !important;
    }

.table-center {
    text-align: center !important;
}

.dangan,
.pianhao {
    padding: 0.5rem 2rem;
    border: 1px solid rgb(230, 230, 230);
    border-radius: 10px;
    margin: 0.5rem;
    cursor: pointer;
}

.btncolor {
    padding: 0.5rem 2rem;
    border-radius: 10px;
    margin: 0.5rem;
    cursor: pointer;
    color: white;
    border: 0 !important;
    background-color: rgb(84, 203, 233);
}

    .btncolor:hover {
        background-color: rgb(80, 178, 216);
        box-shadow: 0.05rem 0.05rem 0.78rem 0.15rem rgba(113, 234, 255, 0.5) !important;
    }

.dangan:hover {
    box-shadow: 0 0 0.5rem 0 rgba(140, 152, 164, .25);
}

.pianhao:hover {
    box-shadow: 0 0 0.5rem 0 rgba(140, 152, 164, .25);
}

.line-hight {
    line-height: 3rem;
}

.flex1 {
    flex: 1 !important;
}

.flex2 {
    flex: 2;
}

.flex3 {
    flex: 3;
}

.flex4 {
    flex: 4;
}

.flex5 {
    flex: 5;
}

.textClick {
    cursor: pointer;
}

.tdClick {
    cursor: pointer;
}

    .tdClick:hover {
        color: rgb(29, 183, 255);
        text-decoration: underline;
        text-decoration-color: rgb(98, 195, 255);
    }

.inputml {
    margin-left: 30% !important;
}

/* tree -------------------------*/
.tree {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
}

.bmicon {
    color: white;
    width: 30%;
    border-radius: 50%;
    text-align: center;
    font-size: 0.025rem;
    background-color: rgb(0, 110, 255);
}

.tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 0 5px;
    position: relative
}

    .tree li::before,
    .tree li::after {
        content: '';
        left: -20px;
        position: absolute;
        right: auto
    }

    .tree li::before {
        border-left: 1px solid #999;
        bottom: 50px;
        height: 100%;
        top: 0;
        width: 1px
    }

    .tree li::after {
        border-top: 1px solid #999;
        height: 20px;
        top: 25px;
        width: 25px
    }

    .tree li span {
        display: inline-block;
        padding: 3px 8px;
        text-decoration: none
    }

    .tree li.parent_li > span {
        cursor: pointer
    }

.tree > ul > li::before,
.tree > ul > li::after {
    border: 0
}

.tree li:last-child::before {
    height: 30px
}

.tree li.parent_li > span:hover,
.tree li.parent_li > span:hover + ul li span {
    background: #eee;
    border: 1px solid #94a0b4;
    color: #000
}

.caiyangd div {
    margin: 1rem !important;
}

    .caiyangd div > label {
        white-space: nowrap;
    }

.footers {
    margin-left: 0 !important;
    width: 100%;
    background-color: #a21f24 !important;
    color: white;
    height: auto;
    z-index: 999;
    text-align: center;
    padding: 50px 30px;
}

.content {
    width: 90%;
    height: auto;
    margin: auto;
    margin-bottom: 30px;
}

.footer-name div {
    font-size: 20px;
}

.footer-name {
    text-align: center;
}

/* 导航栏 */
.bgblue {
    width: 120px;
    height: 120px;
    border: 3px solid white;
    border-radius: 50%;
    background-color: rgb(98, 195, 255);
}

.height69 {
    height: 100%;
}

.bgwhite {
    width: 100px;
    height: 100px;
    margin: auto;
    margin-top: 7px;
    border: 5px solid white;
    border-radius: 50%;
    background-color: rgb(98, 195, 255);
}

.textcenter {
    color: white;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .textcenter div {
        font-size: 20px;
        font-weight: 600;
    }

    .textcenter span {
        font-size: 16px;
    }

.Control {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .Control div {
        font-size: 30px;
        color: white;
    }

    .Control span {
        color: white;
        font-size: 20px;
        letter-spacing: 5px;
    }

.divbtn {
    font-size: 16px;
    z-index: 999;
    letter-spacing: 3px;
}

    .divbtn > .register {
        font-size: 13px;
        color: #f90000;
        border: 1px solid #f90000;
        border-radius: 12px;
        padding: 5px 10px;
        transition: ease-in-out .3s;
        background: rgba(255,255,255,.75);
    }

        .divbtn > .register:hover {
            background: #f90000;
            padding: 5px 15px;
            color: #ffffff;
        }

    .divbtn > .enroll {
        font-size: 13px;
        color: #f90000;
        border: 1px solid #f90000;
        border-radius: 12px;
        padding: 5px 10px;
        transition: ease-in-out .3s;
        background: rgba(255,255,255,.75);
    }

        .divbtn > .enroll:hover {
            background: #f90000;
            padding: 5px 15px;
            color: #ffffff;
        }

        .divbtn > .enroll.active {
            background: #f90000;
            padding: 5px 15px;
            color: #ffffff;
            box-shadow: 3px 3px 5px rgba(213,113,113,.5)
        }

.btn-outline-secondary {
    color: white !important;
    background-color: #d54216 !important;
    border-color: #d54216 !important;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #ff462e !important;
        border-color: #ff462e !important;
    }

/* .navbar_ {
  width: 100%;
  padding-top: 12px;
  margin-top: 40px;
  background-size: 100% 100%;
  position: relative;
}

.navbarss {
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: 0;
} */

/*.nav-link {
    color: white !important;
}*/

/* #navbarNav .nav-item {
  flex: 1;
  width: 100%;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar-nav>.nav-item:hover {
background-color: #ff462e;

}

.nav_active {
  background-color: #ff462e;
}
*/


.News_alert {
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 6px #d8d8d8;
}

.text90 {
    width: 90%;
}

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

.nav-link i {
    font-size: 16px;
}

.bgcolor {
    background-color: white;
    padding: 30px 20px;
    box-shadow: 0px 0px 6px #d8d8d8;
    border: 1px solid rgb(238, 238, 238);
    width: 97%;
    margin: auto;
}

.h-400 {
    height: 400px;
}

.apptoubu {
    display: none !important;
}

.form_app {
    display: none !important;
}

.navbar-expand-lg .dropdown-menu {
    margin-top: 0rem !important;
    width: 100% !important;
}

    .navbar-expand-lg .dropdown-menu li {
        padding-bottom: 5px;
        border-bottom: 1px solid #bdbdbd;
        text-align: center;
        margin-bottom: 10px;
    }

.navbar .dropdown-menu {
    border-top: 1px solid #bdbdbd !important;
}

.btnText span:hover {
    color: rgb(98, 195, 255);
    text-decoration: underline;
    text-decoration-color: rgb(98, 195, 255);
}

.navbar:not(.splitted-content-navbar) .navbar-nav .nav-link {
    padding: 12px .75rem !important;
}

.data_zwu {
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid olive; */
    text-align: center;
    height: 100%;
}

.sent {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

.zanwu {
    font-size: 40px;
    color: #94a0b4;
}

.color-f8 {
    color: #ff0800;
}

.font14 {
    font-size: 14px !important;
}

.font16 {
    margin-top: 10px;
    padding-left: 14px;
    font-size: 16px !important;
}

.bordeleft li {
    margin-top: 10px;
    list-style-type: none;
}

.left li a {
    color: #ec9d9d !important;
}

li a:hover {
    /* color: white !important; */
}

.bordeleft {
    padding-left: 80px;
    height: 100px;
    /* width:200px !important; */
    border-left: solid 1px #ec9d9d;
}

    .bordeleft li {
        /* min-width: 120px !important; */
    }

.paddingleft100 {
    /* width: 190px; */
}

.pl-8 {
    padding-left: 80px;
}

ul li {
    list-style-type: none;
}

.Head-icon {
    /* padding-left: 40px; */
    z-index: 99;
}

.fenye {
    width: 100%;
    text-align: center;
}

.fy-box {
    display: inline-block;
    border: solid 1px #c2c2c6;
    padding: 4px 8px;
    border-radius: 4px;
}


.navbar .navbar-toggler {
    color: #232e3c;
    border-color: transparent;
}

.font24 {
    font-size: 24px;
    color: white;
}

/* .navbar-expand-lg .navbar-collapse {
  background-color: #880000 !important;
}

.navbar .dropdown-menu {
  color: #000 !important;
} */

.title-left li {
    display: inline-block;
}

.two-level {
    position: relative;
}

.three-level {
    position: absolute;
    left: 100%;
    white-space: nowrap;
    background-color: #880000;
    padding: 10px 5px;
    width: 168px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.navbar .nav-item:not(:last-child) {
    margin-right: 0 !important;
}
.navbar-nav .dropdown-menu {
    padding:0px !important;
}
.navbar-expand-lg .dropdown-menu li {
    padding:0px;
    margin:0px;
}
.navbar-nav .dropdown-item {
    padding: .65rem 1rem;
}

.nav-pills .nav-item {
    margin: 0 !important;
}

#navbarVerticalMenuPagesMenu .nav-item :hover {
    /* background-color: #ced4da !important; */
}

.contentNav {
    /* background-color: white; */
    padding: 20px 0px;
    /* box-shadow: 0px 0px 6px #d8d8d8; */
    /* border: 1px solid rgb(238, 238, 238); */
    width: 100%;
    height: 85px;
    margin: auto;
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E"
    );
}

.breadcrumb {
    padding-left: 20px !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #FF5D5D !important;
}
.ksIamge {
    border-radius: 12px 4px 12px 0px;
}