*,
p {
    margin: 0;
    padding: 0
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style:none
}

img,
a {
    display: block
}

div:focus-visible,
li:focus-visible {
    outline: none;
    border: none
}

a,
button {
    text-decoration: none
}

a:focus-visible,
button:focus-visible {
    outline: none;
    border: none
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param{margin:0; padding:0;font-weight: normal;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

html {
    width: 100%;
    height: 100%;
    font-size: 6.9444444444vw;
    font-family: SourceHanSansCN
}

@media(min-width: 1440px) {
    html {
        font-size: 100px
    }
}

@media (max-width:500px) {
    html {
        font-size: calc(100vw/7.5) !important;
    }
}



.w_1280{width: 12.8rem;margin: 0 auto;}
.add_body img{width:100%;max-width: 100%;}




body {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100%;
    width: 100%;
    --bs-body-font-size: 0.16rem
}

body.on{overscroll-behavior:none;}

button {
    position: relative;
    box-sizing: border-box;
    padding: 0;
    outline: none;
    border: none;
    box-shadow: none;
    transition: all .3s
}

button:hover {
    opacity: .95
}

button::after {
    position: absolute;
    display: block;
    background-color: #094;
    background-position: 50%;
    background-repeat: no-repeat;
    color: inherit;
    content: "";
    opacity: 0;
    transition: all .3s;
    pointer-events: none
}

button:active::after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .3;
    transition: 0s
}

.img-fluid {
    width: 100%
}

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

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

.flexSB {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between
}

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

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

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

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

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

.form-control {
    padding: .06rem .1rem;
    font-size: .16rem;
    border-radius: .05rem;
    width: 100%
}

.form-control::placeholder {
    font-size: .16rem
}

.btn {
    font-size: .16rem;
    padding: .06rem .12rem;
    border-radius: .05rem
}

.dropdown-menu {
    --bs-dropdown-border-radius: 0.06rem;
    min-width: .6rem;
    --bs-dropdown-font-size: 0.16rem;
    --bs-dropdown-padding-y: 0.08rem
}

.table {
    margin-bottom: .16rem
}

.table> :not(caption)>*>* {
    padding: .08rem
}

.modal {
    --bs-modal-margin: 0.28rem;
    --bs-modal-inner-border-radius: calc(0.08rem - 1px);
    --bs-modal-border-radius: 0.08rem;
    --bs-modal-header-padding-y: 0.16rem;
    --bs-modal-header-padding-x: 0.16rem;
    --bs-modal-padding: 0.16rem
}

.navbar-nav {
    flex-direction: row
}

.list-group {
    --bs-list-group-item-padding-x: 0.16rem;
    --bs-list-group-item-padding-y: 0.08rem;
    --bs-list-group-border-radius: 0
}

.input-group-text {
    padding: .06rem .12rem
}

.nav {
    --bs-nav-link-padding-x: 0.16rem;
    --bs-nav-link-padding-y: 0.08rem
}

.card {
    --bs-card-inner-border-radius: calc(0.06rem - 1px);
    --bs-card-border-radius: 0.06rem;
    --bs-card-title-spacer-y: 0.08rem;
    --bs-card-spacer-x: 0.16rem;
    --bs-card-spacer-y: 0.16rem
}

.popover {
    --bs-popover-arrow-width: 0.16rem;
    --bs-popover-arrow-height: 0.08rem
}

.form-check {
    min-height: .24rem;
    margin-bottom: 0;
    padding-left: 0em !important;
}

.form-label {
    margin-bottom: .08rem
}

.form-check .form-check-label{display: flex;align-items: center;}
.form-check .form-check-label img{margin-right: 0.1rem;}

.form-check .form-check-label a{color: #333;}

.alert-dismissible .btn-close {
    padding: .2rem .16rem
}

.alert-dismissible {
    padding-right: .48rem
}

.alert {
    --bs-alert-padding-y: 0.18rem;
    --bs-alert-padding-x: 0.18rem;
    --bs-alert-border-radius: 0.06rem
}

.tooltip {
    --bs-tooltip-max-width: 2rem;
    --bs-tooltip-padding-x: 0.08rem;
    --bs-tooltip-padding-y: 0.04rem;
    --bs-tooltip-font-size: 0.14rem;
    --bs-tooltip-border-radius: 0.06rem;
    --bs-tooltip-arrow-width: 0.12rem;
    --bs-tooltip-arrow-height: 0.06rem
}

.wap_navbtn {
    display: none;
}

.formSelect {
    position: relative;
    cursor: pointer
}

.formSelect .selectBox {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.formSelect .selectBox .select {
    cursor: pointer
}

.formSelect .selectBox ul{display: flex;align-items: center;}
.formSelect .selectBox ul li{width:1.1rem;border-radius: 0.1rem;overflow:hidden;margin-right: 0.1rem;}
.formSelect .selectBox ul li img{width: 100%;}
#showmodelbox .selectBox .item.on{border:1px solid #009944 !important;box-sizing: border-box;}

.formSelect .selectBox .selectIcon {
    position: absolute;
    top: 0;
    right: .16rem;
    bottom: 0;
    width: .16rem;
    height: .16rem;
    cursor: pointer;
    margin: auto
}

.formSelect .selectBox .selectIcon.rotateDown {
    transition: all .2s ease 0s;
    transform: rotate(0deg)
}

.formSelect .selectBox .selectIcon.rotateUp {
    transition: all .2s ease 0s;
    transform: rotate(-180deg)
}

.formSelect .selectBox .closeIcon {
    right: .36rem !important
}

.formSelect .selectOption {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    display: none;
    overflow: hidden;
    box-sizing: border-box;
    padding: .1rem 0;
    min-width: 100%;
    max-height: 3rem;
    width: 100%;
    width: fit-content;
    border-radius: .1rem;
    background: #fff;
    box-shadow: 0 2px 50px 0 rgba(21, 21, 52, .1)
}

.formSelect .selectOption::before {
    position: absolute;
    top: -0.08rem;
    left: .16rem;
    width: 0;
    height: 0;
    border-right: .08rem solid rgba(0, 0, 0, 0);
    border-bottom: .08rem solid #fff;
    border-left: .08rem solid rgba(0, 0, 0, 0);
    box-shadow: 0 2px 50px 0 rgba(21, 21, 52, .1);
    content: ""
}

.formSelect .selectOption .selectSCroll {
    width: 100%
}

.formSelect .selectOption .selectSCroll .selectItem {
    padding: 0 .1rem;
    min-width: 1rem;
    width: auto;
    color: #333;
    text-align: center;
    font-weight: 400;
    font-size: .14rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    line-height: .3rem;
    cursor: pointer
}

.formSelect .selectOption .selectSCroll .selectItem:hover {
    background: #e5f5ec
}

.formSelect .selectOption .selectSCroll .selectItem .form-check-input {
    pointer-events: none
}

.loginForm .modal-dialog {
    max-width: 6rem
}

.loginForm .modal-content {
    border-radius: .3rem;
    width: 6rem !important;
    height:5.2rem;
}

.loginForm .modal-content .input-group-text {
    border-radius: .05rem
}

.loginForm .modal-content .modal-header {
    justify-content: center;
    border-bottom: none;
    padding: .6rem 0 0 0 !important
}

.loginForm .modal-content .modal-header .modal-title {
    text-align: center;
    font-size: .26rem !important;
    color: #000;
    font-weight: bold;
    text-transform: uppercase
}

.loginForm .modal-content .modal-body {
    font-size: .18rem
}

.loginForm .modal-content .modal-body form {
    display: block !important
}

.loginForm .modal-content .modal-body .loginFormItem {
    margin-bottom: .24rem;
    position: relative
}

.loginForm .modal-content .modal-body .loginFormItem label {
    font-size: .18rem;
    color: #666;
    height: .36rem
}

.loginForm .modal-content .modal-body .loginFormItem input {
    height: .5rem
}

.loginForm .modal-content .modal-body .loginFormItem input::placeholder {
    font-size: .16rem;
    color: #b2b2b2
}

.loginForm .modal-content .modal-body .loginFormItem .input-group input {
    width: 2.9rem
}

.loginForm .modal-content .modal-body .loginFormItem .input-group .input-group-text {
    padding: 0;
    width: 1.55rem;
    height: .5rem;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.loginForm .modal-content .modal-body .loginFormItem .seePSW {
    position: absolute;
    right: .2rem;
    top: .52rem;
    cursor: pointer
}

.loginForm .modal-content .modal-body .loginFormItem .seePSW img {
    width: .2rem;
    height: .2rem;
    object-fit: contain
}

.loginForm .modal-content .modal-body .loginFormItem .seePSW .hidden {
    display: none
}

.loginForm .modal-content .modal-body .loginFormItem .forgetPSW {
    position: absolute;
    bottom: -0.3rem;
    right: 0;
    background: rgba(0, 0, 0, 0);
    color: #094;
    font-size: .16rem
}

.loginForm .modal-content .modal-footer {
    flex-direction: column;
    align-items: center
}

.loginForm .modal-content .modal-footer .loginBtn {
    width: 90%;
    height: .5rem;
    font-size: .16rem;
    font-weight: 400;
    border: 1px solid #094;
    border-radius: .1rem;
    background: #094;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    overflow: hidden;
    font-size: .18rem
}

.loginForm .modal-content .modal-footer .footerText {
    font-size: .14rem;
    justify-content: start;
    color: #b2b2b2;
    margin: .15rem 0 0 0 !important
}

.loginForm .modal-content .modal-footer .footerText .activeText {
    color: #094
}

.forgetPSWForm .modal-dialog {
    max-width: 6rem
}

.forgetPSWForm .modal-content {
    border-radius: .3rem;
    width: 6rem !important
}

.forgetPSWForm .modal-content .modal-header {
    justify-content: center;
    border-bottom: none;
    padding: .6rem 0 0 0 !important
}

.forgetPSWForm .modal-content .modal-header .modal-title {
    text-align: center;
    font-size: .26rem !important;
    color: #000;
    font-weight: bold;
    text-transform: uppercase
}

.forgetPSWForm .modal-content .modal-body {
    font-size: .18rem;
    flex: 0
}

.forgetPSWForm .modal-content .modal-body form {
    display: block !important
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem {
    margin-bottom: .24rem;
    position: relative
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem label {
    display: flex;
    align-items: center;
    font-size: .18rem;
    color: #666;
    height: .36rem
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem label .tip {
    flex: 1;
    font-size: .14rem;
    color: #999;
    text-transform: uppercase;
    text-align: right
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem input {
    width: 100%;
    height: .5rem
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem input::placeholder {
    font-size: .16rem;
    color: #b2b2b2
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem .validHandle {
    font-size: .16rem;
    position: absolute;
    right: .2rem;
    top: .5rem;
    display: flex
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem .validHandle .getValid {
    color: #094;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem .validHandle .getValid::after {
    content: none
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem .validHandle .countDown {
    display: none
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem .validHandle.disabled .getValid {
    color: gray
}

.forgetPSWForm .modal-content .modal-body .forgetPSWFormItem .validHandle.disabled .countDown {
    color: gray;
    display: block
}

.forgetPSWForm .modal-content .modal-footer {
    flex-direction: column;
    align-items: center
}

.forgetPSWForm .modal-content .modal-footer .loginBtn {
    width: 90%;
    height: .5rem;
    font-size: .16rem;
    font-weight: 400;
    border: 1px solid #094;
    border-radius: .1rem;
    background: #094;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    overflow: hidden;
    font-size: .18rem
}

.forgetPSWForm .modal-content .modal-footer .footerText {
    font-size: .14rem;
    justify-content: start;
    color: #b2b2b2;
    margin-top: .15rem
}

.forgetPSWForm .modal-content .modal-footer .footerText .activeText {
    color: #094
}

.treeScroll {
    width: 100%;
    height: 4rem;
    overflow: hidden;
    position: relative
}

.p-tree {
    width: 100%;
    overflow: auto;
    padding: .2rem
}

.p-tree i {
    display: block;
    font-style: normal;
    cursor: pointer;
    color: #000;
    position: relative;
    margin-left: .2rem;
    padding-left: .1rem;
    margin-bottom: .06rem
}

.p-tree i.icon-minus .icon-minus,
.p-tree i.icon-minus .icon-add {
    margin-top: .06rem
}

.p-tree i.selected {
    color: #094
}

.p-tree i.icon-add:before {
    position: absolute;
    top: .08rem;
    left: -0.09rem;
    width: 0;
    height: 0;
    border-top: .05rem solid rgba(0, 0, 0, 0);
    border-left: .06rem solid #2c2c2c;
    border-bottom: .05rem solid rgba(0, 0, 0, 0);
    content: ""
}

.p-tree i.icon-minus:before {
    position: absolute;
    top: .08rem;
    left: -0.09rem;
    width: 0;
    height: 0;
    border-left: .05rem solid rgba(0, 0, 0, 0);
    border-top: .06rem solid #2c2c2c;
    border-right: .05rem solid rgba(0, 0, 0, 0);
    content: ""
}

.header {
    position: sticky;
    top: 0;
    z-index: 5000;
    width: 100%;
    height: .7rem;
    background-color: #fff;
    flex-shrink: 0
}

.header .innerWrap {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 12.8rem;
    height: .7rem
}

.header .innerWrap .logo {
    height: .7rem;
    padding: .1rem
}

.header .innerWrap .logo img {
    height: 100%
}

.header .innerWrap .nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: .5rem
}

.header .innerWrap .nav .navItem {
    width: 1.2rem
}

.header .innerWrap .nav .navItem .navTxt {
    color: #333;
    font-size: .18rem;
    font-family: "SourceHanSansCN";
    line-height: .7rem;
    text-align: center;
    width: 100%
}

.header .innerWrap .nav .navItem:hover .navTxt {
    color: #094
}

.header .innerWrap .nav .navItem.active {
    background-color: #094;
    border-radius: 2px
}

.header .innerWrap .nav .navItem.active .navTxt {
    color: #fff
}

.header .innerWrap .nav .dropdown .dropdown-toggle::after {
    content: none
}

.header .innerWrap .nav .dropdown .dropdown-menu {
    padding: .15rem 0;
    border: none;
    box-shadow: 0rem .1rem .15rem 0rem rgba(225, 228, 230, .5)
}

.header .innerWrap .nav .dropdown .dropdown-menu .dropdown-item {
    text-align: center;
    padding: .15rem 0;
    font-size: .18rem
}

.header .innerWrap .nav .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #e5f5ec;
    color: #333
}

.header .innerWrap .rightCol {
    width: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1
}

.header .innerWrap .rightCol .search {
    width: 2.08rem;
    height: .44rem;
    margin-right: .17rem
}

.header .innerWrap .rightCol .search .searchBtn {
    background-color: #094;
    height: .44rem;
    width: .44rem
}

.header .innerWrap .rightCol .search .searchBtn img {
    width: .16rem
}

.header .innerWrap .rightCol .search .searchInput {
    height: .44rem;
    font-size: .14rem
}

.header .innerWrap .rightCol .search .searchInput::placeholder {
    font-size: .14rem
}

.header .innerWrap .rightCol .login {
    width: 1.2rem;
    height: .44rem;
    font-size: .16rem;
    font-weight: 400;
    border: 1px solid #094;
    border-radius: 5px;
    background: #094;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    overflow: hidden
}

.header .innerWrap .rightCol .hasLogin {
    display: flex;
    align-items: center
}

.header .innerWrap .rightCol .hasLogin .avatar {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px
}

.header .innerWrap .rightCol .hasLogin .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.header .innerWrap .rightCol .hasLogin .username {
    color: #000;
    font-size: .16rem
}

.secTitle {
    color: #333;
    width: 12.8rem;
    margin: 0 auto;
    position: relative
}

.secTitle .enTitle {
    font-size: .36rem;
    line-height: 1;
    font-family: "Roboto"
}

.secTitle div {
    margin-top: .18rem
}

.secTitle div .zhTitle {
    font-size: .48rem;
    line-height: 1
}

.secTitle div .titleInfo {
    font-size: .18rem;
    margin-left: .52rem
}

.secTitle div .moreBtn {
    color: #333;
    font-size: .16rem;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    right: .2rem
}

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

.secIntro .introMsg {
    width: 5.8rem
}

.secIntro .introMsg .question {
    margin: .18rem 0;
    font-size: .3rem;
    color: #333;
    font-weight: bold;
    line-height: 1.2
}

.secIntro .introMsg .answer {
    font-size: .16rem;
    color: #333;
    line-height: 1.2;
    word-break: break-all
}

.secIntro .introMsg .more {
    margin-top: .64rem
}

.secIntro .introMsg .more .moreBtn {
    width: 1.42rem;
    height: .44rem;
    font-size: .16rem;
    font-weight: 400;
    border: 1px solid #094;
    border-radius: .22rem;
    background: #094;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    overflow: hidden
}

.secIntro .mainPic {
    width: 6.2rem;
    height: 3.5rem;
    object-fit: cover;
    object-position: center center
}

.rightIcon {
    display: inline-block;
    position: relative;
    top: -1px
}

.classTags {
    display: flex
}

.classTags .classTag1 {
    padding: .03rem .09rem;
    box-sizing: border-box;
    border-radius: .11rem;
    background: #ff7a38;
    color: #fff;
    font-size: .1rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    text-align: center;
    margin-right: .14rem
}

.classTags .classTag2 {
    padding: .03rem .09rem;
    box-sizing: border-box;
    border-radius: .11rem;
    background: #2dd16a;
    color: #fff;
    font-size: .1rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    text-align: center;
    margin-right: .14rem
}

.classTags .classTag3 {
    padding: .03rem .09rem;
    box-sizing: border-box;
    border-radius: .11rem;
    background: #014192;
    color: #fff;
    font-size: .1rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    text-align: center;
    margin-right: .14rem
}

.classTags .classTag4 {
    padding: .03rem .09rem;
    box-sizing: border-box;
    border-radius: .11rem;
    background: #85087b;
    color: #fff;
    font-size: .1rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    text-align: center;
    margin-right: .14rem
}

.footer {
    width: 100%;
    background-color: #333
}

.footer .innerWrap {
    width: 12.8rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: .52rem;
    padding-bottom: .6rem
}

.footer .innerWrap .contactUs .logo {
    height: .5rem
}

.footer .innerWrap .contactUs .info {
    margin-top: .36rem
}

.footer .innerWrap .contactUs .info .infoRow {
    display: flex;
    justify-content: start;
    align-items: center
}

.footer .innerWrap .contactUs .info .infoRow .locationIcon {
    width: .25rem;
    height: .25rem;
    object-fit: contain
}

.footer .innerWrap .contactUs .info .infoRow .phoneIcon {
    width: .25rem;
    height: .25rem
}

.footer .innerWrap .contactUs .info .infoRow .mailIcon {
    width: .25rem;
    height: .2rem
}

.footer .innerWrap .contactUs .info .infoRow span {
    font-size: .18rem;
    margin-left: .1rem;
    color: #fff;
    line-height: 2.667
}

.footer .innerWrap .contactUs .info .infoRow a {
    display: inline;
    color: inherit;
}

.footer .innerWrap .rightInfo {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.footer .innerWrap .rightInfo .nav {
    width: 5.7rem;
    color: #fff;
    display: flex;
    justify-content: space-between
}

.footer .innerWrap .rightInfo .nav .navCol {
    text-align: center;
    display: flex;
    flex-direction: column
}

.footer .innerWrap .rightInfo .nav .navCol .title {
    color: #fff;
    font-size: .18rem
}

.footer .innerWrap .rightInfo .nav .navCol .navMenu {
    margin-top: .26rem;
    color: #fff;
    font-size: .16rem;
    font-family: "SourceHanSansCN";
    opacity: .75
}

.footer .innerWrap .rightInfo .contactIcon {
    display: flex;
    position: absolute;
    bottom: .18rem;
    cursor: pointer
}
.footer .innerWrap .rightInfo .contactIcon .bottom-iconBox{position: relative;}
.footer .innerWrap .rightInfo .contactIcon .bottom-iconBox .dropdown-menu{position: absolute;left: 50% !important;top:-1.6rem !important;transform: translateX(-50%) !important;bottom: auto !important;}

.footer .innerWrap .rightInfo .contactIcon .iconBox {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    background-color: #094;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .26rem
}

.footer .innerWrap .rightInfo .contactIcon .iconBox::after {
    content: none
}

.footer .innerWrap .rightInfo .contactIcon .iconBox img {
    width: .24rem;
    height: .24rem;
    object-fit: contain
}

.footer .innerWrap .rightInfo .contactIcon .QRdropdown {
    width: 1.5rem;
    border-radius: .1rem;
    background-color: #fff;
    overflow: hidden;
    padding: .15rem;
    margin-bottom: .06rem
}

.footer .innerWrap .rightInfo .contactIcon .QRdropdown .QRcode {
    width: 1.2rem;
    height: 1.2rem;
    background-color: #999;
    margin: 0 auto
}

.footer .innerWrap .rightInfo .contactIcon .QRdropdown .QRcode img {
    width: 100%;
    height: 100%;
}

.footer .innerWrap .rightInfo .contactIcon .QRdropdown p {
    text-align: center;
    margin-top: .1rem;
    line-height: 1.4
}

.footer .innerWrap .rightInfo .contactIcon .weiboQRCode {
    left: -0.35rem
}

.footer .innerWrap .rightInfo .contactIcon .wxQRCode {
    left: .35rem
}

.footer .innerWrap .rightInfo .contactIcon .douyinQRCode {
    left: 1.05rem
}

.footer .copyright {
    width: 100%;
    height: .56rem;
    border-top: .01rem solid #e5e5e5;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .14rem;
    opacity: .52;
    color: #fff
}

.pagination {
    width: 100%;
    margin: .4rem 0 0.4rem 0;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.pagination .page-item {
    background-color: #f5f8fa;
    margin: 0 .1rem
}

.pagination .page-item .page-link {
    font-size: .14rem;
    font-weight: 400;
    color: #333;
    background-color: #f5f8fa;
    border: 0rem;
    border-radius: .05rem;
    padding: .08rem .15rem
}

.pagination .page-item .page-label {
    font-size: .14rem;
    font-weight: 400;
    color: #333;
    border: 0rem;
    padding: .08rem 0;
    background-color: white;
}

.pagination .page-item .page-link:hover,
.pagination .page-item .page-link.active {
    background-color: #094;
    color: #fff;
    outline: 0;
    box-shadow: none
}

.pagination .page-item .page-link:focus {
    box-shadow: none
}

.modal {
    z-index: 10000
}

.modal .modal-dialog {
    width: 100%;
    justify-content: center;
}

.modal .modal-dialog .modal-content {
    width: 100%
}

.modal .modal-dialog .modal-content .modal-header {
    padding: .28rem .22rem .24rem .5rem
}

.modal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: .18rem;
    font-weight: bold;
    color: #333;
    line-height: 1
}

.modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0;
    box-shadow: none
}

.modal .modal-dialog .modal-content .modal-body {
    padding: .18rem .5rem
}

.modal .modal-dialog .modal-content .modal-footer {
    display: flex;
    justify-content: center;
    border-top: none;
    padding-bottom: .38rem;
    font-size: .14rem;
    font-weight: 500
}

.modal .modal-dialog .modal-content .modal-footer>* {
    margin: 0 .1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal .modal-dialog .modal-content .modal-footer .cancelBtn {
    width: 1.2rem;
    height: .44rem;
    border: .01rem solid #e6e6e6;
    background-color: #fff;
    color: #333;
    border-radius: .05rem;
    overflow: hidden
}

.modal .modal-dialog .modal-content .modal-footer .submitBtn {
    width: 1.2rem;
    height: .44rem;
    background: #094;
    border-radius: .05rem;
    color: #fff;
    overflow: hidden
}

.modal .modal-dialog .modal-content .modal-footer .saveBtn {
    width: 1.2rem;
    height: .44rem;
    border: .01rem solid #094;
    color: #094;
    background-color: #fff;
    border-radius: .22rem;
    overflow: hidden
}

.modal .modal-dialog .modal-content .modal-footer .startBtn {
    width: 1.2rem;
    height: .44rem;
    background: #094;
    border-radius: .22rem;
    color: #fff;
    overflow: hidden
}

.modal-backdrop {
    z-index: 5001
}
#modal-fileShow-wps {
    padding:0 !important;
}
#modal-fileShow-wps  .modal-dialog{
    max-width: 100rem !important;
    max-height: 100rem !important;
    margin:0 !important;
    width:100% !important;
    height:100% !important;
}
 #modal-fileShow-wps  .modal-dialog .modal-content{
     height:100%;
 }
 #modal-fileShow-wps  .modal-dialog .modal-content .fileShowBox-wps{
     height:100% !important;
     overflow-y:hidden !important;
 }
#modal-fileShow-wps  .modal-dialog .modal-content .fileShowBox-wps iframe{
    width:100% !important;
    height:100% !important;
}
.x-viewport .modal-open {
    overflow: hidden !important;
}
.loginForm .modal-dialog .modal-content .modal-tabs {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 0.2rem;
    background-color: #f0f0f0;
    border-radius: 0.3rem 0.3rem 0 0;
    /*    padding-top:0.5rem;*/
}
.loginForm .modal-dialog .modal-content .modal-tabs li {
        font-weight: bold;
        cursor: pointer;
           padding-bottom:0.1rem;
        height: 0.6rem;
        line-height:0.6rem;
}
.loginForm .modal-dialog .modal-content .modal-tabs .active {
        color: #009944;
        border-bottom:2px solid #009944;
}
.loginForm .modal-dialog .modal-content .login-qrcode .qrcode-content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.38rem;
    width: 5rem;
    height: 5rem;
    position: relative;
    margin-top:0.15rem;
}

.loginForm .modal-dialog .modal-content .login-qrcode {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
    .loginForm .modal-dialog .modal-content .login-qrcode .qrcode-content .mask {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
/*        background-color: hsla(0,0%,100%,.8);*/
        width: 2.7rem;
        height: 53%;
/*        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);*/
        display: none;
        background-image: url('/asset/img/icon/bgQrcode.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
 .loginForm .modal-dialog .modal-content .login-qrcode .qrcode-content .mask .mask-box,
 .bindWX .modal-dialog .modal-content  .qrcode-content .mask .mask-box{
     display:flex;
     flex-direction:column;
     justify-content:center;
     align-items:center;
     gap:0.1rem;

 }
.loginForm .modal-dialog .modal-content .login-qrcode .qrcode-content .mask .mask-box .refresh-describe,
.bindWX .modal-dialog .modal-content  .qrcode-content .mask .mask-box .refresh-describe{
     display:flex;
     flex-direction:column;
     justify-content:center;
     align-items:center;
}
.loginForm .modal-dialog .modal-content .login-qrcode .qrcode-content .mask .refresh-qrcode,
.bindWX .modal-dialog .modal-content  .qrcode-content .mask .refresh-qrcode{
    width:0.4rem;
    height:0.4rem;
    background-color:white;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
}
.loginForm .modal-dialog .modal-content .login-qrcode .prompt {
        letter-spacing: 0.03rem;
        font-size: 0.18rem;
        color: #010101;
        margin-top:0.3rem;
}
.loginForm .modal-dialog .modal-content .modal-body {
    padding-top:0.5rem !important;
}

.bindForm .modal-content {
    border-radius: 0.3rem;
    width: 6rem !important;
}
.bindForm .modal-dialog{
    max-width:6rem;
}
.bindForm .modal-content .modal-header {
    justify-content: center;
    border-bottom: none;
    padding: 0.1rem 0 0 0 !important;
}
.bindForm .modal-content .modal-header .modal-title{
    font-size:0.26rem !important;
}
.bindForm .modal-content .modal-body .bindFormItem{
    margin-bottom: 0.24rem;
    position: relative;
}
.bindForm .modal-content .modal-body .bindFormItem label{
    font-size: .18rem;
    color: #666;
    height: 0.36rem;
}
.bindForm .modal-content .modal-body .bindFormItem input{
    height: 0.5rem;
}
.bindForm .modal-content .modal-body .bindFormItem .seePSW{
    position: absolute;
    right: 0.2rem;
    top: 0.52rem;
    cursor: pointer;
}
.bindForm .modal-content .modal-body .bindFormItem .seePSW .hidden{
    display:none;
}
.bindForm .modal-content .modal-body .bindFormItem .seePSW img{
    width: 0.2rem;
    height: 0.2rem;
    object-fit: contain;
}
.bindForm .modal-content .modal-body .bindFormItem .forgetPSW{
    position: absolute;
    bottom: -0.3rem;
    right: 0;
    background: rgba(0, 0, 0, 0);
    color: #094;
    font-size: .16rem;
}
.bindForm .modal-content .modal-footer .bindBtn {
    width: 90%;
    height: 0.5rem;
    font-size: .16rem;
    font-weight: 400;
    border: 1px solid #094;
    border-radius: 0.1rem;
    background: #094;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    overflow: hidden;
    font-size: .18rem;
}

.bindForm .modal-content .bind-back{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin-top:0.1rem;
}
 .bindForm .modal-content .bind-back .iconfont{
     font-size:0.2rem;
     margin-right:0.2rem;
     font-weight:bold;
     cursor:pointer;
 }
.bindForm .modal-content .bind-back .iconfont:hover {
     color: #009944;
}
.bindWX .modal-content .qrcode-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 4rem;
    margin:0 auto;
    margin-top:0.4rem;
    position:relative;
}
.bindWX .modal-content .qrcode-content .weixin-erweima {
    width: 3rem;
    height: 3rem;
}
.bindWX .modal-dialog .modal-content .qrcode-content .mask {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
   /* background-color: hsla(0,0%,100%,.8);*/
    width: 2.7rem;
    height: 64%;
/*    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);*/
    display: none;
    background-image: url('/asset/img/icon/bgQrcode.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
   
}



.largeModal .modal-dialog {
    max-width: 14.8rem;
    min-width: 7rem;
}

.miniModal .modal-dialog {
    max-width: 6.6rem
}

.miniModal .modal-dialog .tits{font-size: 0.14rem;color: #1a1a1a;padding: 0.3rem 0 0 0.3rem;box-sizing: border-box;}
.miniModal .modal-dialog .totalsource{display: flex;justify-content: space-between;align-items: center;padding: 0 0.3rem;box-sizing: border-box;margin-top: 0.2rem;}
.miniModal .modal-dialog .totalsource .left{display: flex;align-items: center;font-size: 0.14rem;color: #1a1a1a;}
.miniModal .modal-dialog .totalsource .left span{font-size: 0.18rem;font-weight: bold;padding-left: 0.1rem;}
.miniModal .modal-dialog .totalsource .right{display: flex;align-items: center;}
.miniModal .modal-dialog .totalsource .right input{width: 0.8rem;height: 0.4rem;background:none;border: 1px solid #ced4da;border-radius: 0.06rem;font-size: 0.14rem;text-align: center;margin-left: 0.1rem;} 

.miniModal .modal-dialog .modal-content .modal-header {
    padding: .14rem .3rem .16rem .3rem
}

.miniModal .modal-dialog .modal-content .modal-body {
    padding: .18rem .3rem
}

.miniModal .modal-dialog .modal-content .modal-footer {
    border-top: .01rem solid #e3e3e6;
    padding: .2rem 0
}

.tipsModal .modal-dialog {
    max-width: 4.8rem
}

.tipsModal .modal-dialog .modal-content .modal-header {
    padding: .14rem .3rem .16rem .3rem
}

.tipsModal .modal-dialog .modal-content .modal-body {
    padding: .18rem .3rem
}

.tipsModal .modal-dialog .modal-content .modal-footer {
    padding: .2rem 0
}

.form-control:focus,
.form-select:focus {
    box-shadow: none;
    border-color: #094;
    outline: none
}

.form-check {
    display: flex;
    align-items: center
}

.form-check .form-check-input {
    width: .16rem;
    height: .16rem;
    margin: 0 .1rem 0 0;
    cursor: pointer
}

.form-check .form-check-input:checked {
    background-color: #094;
    border-color: #094
}

.form-check .form-check-input:focus {
    border-color: #094;
    outline: none;
    box-shadow: none
}

.switch {
    cursor: pointer
}

.switch label {
    width: .36rem;
    height: .15rem;
    border-radius: .08rem;
    background-color: #c9cfd5;
    display: block;
    cursor: pointer
}

.switch input:checked+label {
    background-color: #094
}

.switch input {
    display: none
}

.switch label div {
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    background-color: #fff;
    transition: margin-left 500ms;
    cursor: pointer
}

.switch input:checked+label div {
    margin-left: .2rem
}

.timeRange input {
    width: .64rem;
    height: .26rem;
    margin-right: .1rem;
    text-align: center
}

.timeRange span {
    margin-right: .2rem
}

.timeRange .rightHandle {
    display: flex;
    align-items: center;
    justify-content: end;
    flex: 1
}

.numInput {
    position: relative;
    display: flex;
    align-items: center
}

.numInput input {
    width: .78rem;
    height: .26rem;
    border: .01rem solid #d4d4d4;
    border-radius: .03rem;
    text-align: center;
    outline: none;
    margin-right: .1rem
}

.numInput input:focus {
    outline: none
}

.numInput img {
    width: .16rem;
    height: .16rem;
    position: absolute;
    cursor: pointer
}

.numInput .leftIcon {
    left: .05rem
}

.numInput .rightIcon {
    right: .15rem;
    top: .05rem
}

.delineInput {
    border: none;
    border-radius: 0rem !important;
    border-bottom: .01rem solid #ccc
}

.delineInput:focus {
    border: none;
    outline: none;
    border-bottom: .01rem solid #094
}

.breadcrumb {
    width: 12.8rem;
    margin: 0 auto
}

.breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    margin-top: .27rem;
    margin-bottom: .37rem
}

.breadcrumb .breadcrumb-item img {
    flex: 0;
    width: .25rem !important;
    margin-right: 0 !important
}

.breadcrumb .breadcrumb-item a {
    font-size: .16rem;
    font-weight: 400;
    color: #1a1a1a;
    line-height: .24rem
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    color: #1a1a1a;
    padding-right: .12rem
}

.breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: .08rem
}

.routeRow {
    display: flex;
    align-items: center;
    margin-top: .22rem;
    margin-bottom: .08rem
}

.routeRow .handle {
    display: flex;
    align-items: center;
    flex: 1
}

.routeRow .handle a {
    color: #999
}

.routeRow .handle .divider {
    width: .01rem;
    height: .2rem;
    flex-shrink: 0;
    background-color: #333;
    margin: .12rem
}

.routeRow .handle .routeNav {
    display: flex;
    align-items: center
}

.routeRow .handle .routeNav img {
    width: .057rem;
    height: .098rem;
    margin: 0 .08rem
}

.routeRow .fileNum {
    font-size: .14rem;
    font-weight: 500;
    color: #999
}

.bannerNav {
    position: absolute;
    top: .43rem;
    width: 100%;
    font-size: .14rem;
    font-weight: 400
}

.bannerNav .breadcrumb-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0
}

.bannerNav .breadcrumb-item a {
    color: #fff
}

.bannerNav .breadcrumb-item a:hover {
    color: #fff
}

.bannerNav .breadcrumb-item img {
    margin-right: .07rem;
    z-index: 20 !important;
    flex: 0
}

.bannerNav .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
    padding-right: .12rem
}

.dropdown:active {
    outline: none
}

.dropdown .dropdown-toggle::after {
    content: none
}

.dropdown .dropdown-menu {
    border: none;
    box-shadow: 0rem .1rem .15rem 0rem rgba(225, 228, 230, .5);
    min-width: 100%
}

.dropdown .dropdown-menu .dropdown-item {
    padding: .1rem 0;
    text-align: center
}

.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #e5f5ec !important
}

.formRequired {
    color: red
}

.errInfo {
    color: red;
    font-size: .13rem;
    float: left;
    margin-top: .04rem;
    margin-left: .1rem;
    display: none
}

.picInput {
    width: 100%
}

.picInput input,
.picInput textarea {
    border-radius: .06rem !important
}

.picInput input {
    width: 100%
}

.picInput .input-group-text {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    position: absolute;
    right: 0;
    z-index: 10
}

.picInput .input-group-text .fileBtn {
    position: relative;
    display: none;
}

.picInput .input-group-text .fileBtn img {
    width: .24rem;
    height: .24rem
}

.picInput .input-group-text .fileBtn input[type=file] {
    position: absolute;
    top: 0;
    width: .24rem;
    height: .24rem;
    right: 0;
    opacity: 0
}

.bannerInfo-common {
    width: 100%;
    height: auto;
    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 30%
}

.bannerInfo-common .leftInfo {
    width: 12.8rem;
    padding-top: .1rem;
    margin: 0 auto;
    color: #fff
}

.bannerInfo-common .leftInfo .tag {
    font-size: .18rem;
    font-weight: 500
}

.bannerInfo-common .leftInfo .name {
    font-size: .3rem;
    font-weight: bold;
    color: #fff;
    line-height: .48rem
}

.bannerInfo-common .leftInfo .intro {
    display: flex;
    margin-top: .12rem
}

.bannerInfo-common .leftInfo .intro .text {
    display: flex
}

.bannerInfo-common .leftInfo .intro .text p {
    font-size: .14rem;
    font-family: Arial;
    font-weight: 400;
    color: #fff;
    line-height: .24rem;
    width: 5.2rem
}

.bannerInfo-common .leftInfo .teacher {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: 1rem
}

.bannerInfo-common .leftInfo .teacher .avatar {
    width: .44rem;
    height: .44rem;
    border-radius: 50%
}

.bannerInfo-common .leftInfo .teacher .name {
    margin-left: .11rem;
    font-size: .16rem;
    font-weight: 400;
    color: #fff;
    line-height: .24rem
}

.bannerInfo-common .centerInfo {
    width: 12.8rem;
    margin: 0 auto;
    color: #fff
}

.bannerInfo-common .centerInfo .name {
    font-size: .48rem;
    font-weight: bold;
    color: #fff;
    line-height: .3rem;
    text-align: center;
    letter-spacing:0.05rem;
}

.bannerInfo-common .centerInfo .intro {
    display: flex;
    justify-content: center;
    margin-top: .3rem
}

.bannerInfo-common .centerInfo .intro .text {
    display: flex
}

.bannerInfo-common .centerInfo .intro .text p {
    font-size: .14rem;
    font-family: Arial;
    font-weight: 400;
    color: #fff;
    line-height: .24rem;
    width: 9.66rem;
    text-align: center
}

.bannerInfo-common .centerInfo .teacher {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: 1rem
}

.bannerInfo-common .centerInfo .teacher .avatar {
    width: .44rem;
    height: .44rem;
    border-radius: 50%
}

.bannerInfo-common .centerInfo .teacher .name {
    margin-left: .11rem;
    font-size: .16rem;
    font-weight: 400;
    color: #fff;
    line-height: .24rem
}

.bannerInfo-common .indexInfo {
    width: 12.8rem;
    margin: 0 auto;
    color: #fff;
    padding-top: .1rem
}

.bannerInfo-common .indexInfo .tag {
    font-size: .6rem;
    line-height: .6rem;
    font-weight: 300
}

.bannerInfo-common .indexInfo .name {
    font-size: .6rem;
    font-weight: bold;
    color: #fff
}

.bannerInfo-common .indexInfo .intro {
    position: relative
}

.bannerInfo-common .indexInfo .intro .text p {
    font-size: .18rem;
    font-family: Arial;
    font-weight: 400;
    color: #fff;
    line-height: .28rem;
    width: 5.2rem;
    margin-top: .15rem
}

.bannerInfo-common .indexInfo .intro .moreBtn {
    margin-top: .95rem;
    width: 1.42rem;
    height: .44rem;
    font-size: .16rem;
    font-weight: 300;
    border: 1px solid #094;
    border-radius: .05rem;
    background: #094;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    overflow: hidden
}

.bannerInfo-common .indexInfo .teacher {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: 1rem
}

.bannerInfo-common .indexInfo .teacher .avatar {
    width: .44rem;
    height: .44rem;
    border-radius: 50%
}

.bannerInfo-common .indexInfo .teacher .name {
    margin-left: .11rem;
    font-size: .16rem;
    font-weight: 400;
    color: #fff;
    line-height: .24rem
}

.bannerInfo-common .footerInfo {
    width: 12.8rem;
    margin: 0 auto;
    color: #fff;
    margin-top: -0.2rem
}

.bannerInfo-common .footerInfo .tag {
    font-size: .24rem;
    font-weight: 500;
    text-align: center
}

.bannerInfo-common .footerInfo .name {
    font-size: .35rem;
    font-weight: bold;
    color: #fff;
    line-height: .54rem;
    text-align: center
}

.bannerInfo-common .teachspaceInfo {
    width: 12.8rem;
    padding-top: .1rem;
    margin: 0 auto;
    color: #fff;
    padding-left: 1rem;
}

.bannerInfo-common .teachspaceInfo .tag {
    font-size: .18rem;
    font-weight: 500
}

.bannerInfo-common .teachspaceInfo .name {
    font-size: .3rem;
    font-weight: bold;
    color: #fff;
    line-height: .48rem
}

.bannerInfo-common .teachspaceInfo .intro {
    display: flex;
    margin-top: .12rem;
    width: 100%;
}

.bannerInfo-common .teachspaceInfo .intro .text {
    display: flex;
    width: 80%;
}

.bannerInfo-common .teachspaceInfo .intro .text p {
    font-size: .14rem;
    font-family: Arial;
    font-weight: 400;
    color: #fff;
    line-height: .24rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bannerInfo-common .teachspaceInfo .teacher {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    margin-bottom: 1rem
}

.bannerInfo-common .teachspaceInfo .teacher .avatar {
    width: .44rem;
    height: .44rem;
    border-radius: 50%
}

.bannerInfo-common .teachspaceInfo .teacher .name {
    margin-left: .11rem;
    font-size: .16rem;
    font-weight: 400;
    color: #fff;
    line-height: .24rem
}

.fullScreen {
    display: none !important;
}

.fileShowBox {
    width: 100%;
    overflow-y: auto;
    height: 600px;
}

.fileShowBox * {
    max-width: 100% !important;
}

.customer-service {
    position: fixed;
    right: 20px;
    bottom: 100px;
}

.customer-service__button {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #009945;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    transition: all 0.3s;
    text-align: center;
    color: #fff;
}

.customer-service__button img {
    width: 24px;
    height: 24px;
    display: inline;
}

.customer-service__button:hover {
    transform: translateY(-10px);
}

.customer-service .customer-service__panel {
    position: absolute;
    right: 50px;
    bottom: 0;
    width: 2rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 999999;
}

.customer-service:hover .customer-service__panel {
    opacity: 1;
    visibility: visible;
}

.customer-service__header {
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #ccc;
}

.customer-service__list {
    list-style: none;
    margin: 0;
    padding: 10px;
}



.customer-service__list a {
    display: block;
    color: #333;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    font-size: 0.2rem;
    line-height: 0.2rem;

}

.customer-service__list a img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.customer-service__list a:hover {
    text-decoration: underline;
}


.mainwarp .content .main .contentCard{padding-top: 0.2rem !important;}

.mainwarp .content .main .contentCard .cardHeader .btns {
    display: flex;
    position: relative;
    align-items: flex-start !important;
}

.mainwarp .content .main .contentCard .cardHeader .btns .search {
    flex-direction: column !important;
    width: 2.3rem !important;
    height:0.36rem !important;
    margin-left: 0.2rem !important;
    border-radius:0.22rem !important;
    background-color: #f1f3f8 !important;
    overflow:visible !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    border:none !important;
    justify-content:right !important;
    margin-bottom: 0.52rem !important;

}

.mainwarp .content .main .contentCard .cardHeader{align-items: flex-start !important;box-sizing: border-box !important;}

.mainwarp .content .main .contentCard .cardHeader .btns .searchinpbox {
    width:100% !important;
    height: .36rem !important;
    margin-left: 0 !important;
    border-radius: .22rem !important;
    background-color: #f1f3f8 !important;
    overflow:auto !important;
    display: flex !important;
    align-items: center !important;
    order: 1;
    
}

select{-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* IE11 */
    -ms-appearance: none;
    border:1px solid #ced4da !important;
    background: url(/asset/img/xstj/xjt.jpg) no-repeat 96% center/0.096rem 0.072rem !important;
}

.mainwarp .content .main .contentCard .cardHeader .btns .search .searchInput {
    height: 100%;
    width: 70%;
    flex-grow: 1;
    border: 0;
    border-radius: 0.36rem;
    outline: none;
    background-color: #f1f3f8;
    font-size: .14rem;
    font-weight: 400;
    color: #afb3bf;
    padding-left: .17rem
}

.mainwarp .content .main .contentCard .cardHeader .btns .search .searchInput:hover,
.mainwarp .content .main .contentCard .cardHeader .btns .search .searchInput:focus {
    border: 0rem;
    outline: none
}

.mainwarp .content .main .contentCard .cardHeader .btns .search .searchBtn {
    flex-shrink: 0;
    font-size: .14rem;
    font-weight: 400;
    color: #9aa2b3;
    padding: .06rem .12rem;
    background-color: rgba(0, 0, 0, 0)
}

.mainwarp .content .main .contentCard .cardHeader .btns .search .searchBtn:active {
    border: none
}

.mainwarp .content .main .contentCard .cardHeader .btns .search .searchBtn::after {
    content: none
}

/*新增*/
#createFolder .modal-dialog{width: 5rem !important;}

.selectItemBox .selectItem{display: flex;align-items: center;margin-top: 0.2rem;}
.selectItemBox .selectItem .input-group.picInput{width: 60%;margin: 0 0 0 0.1rem !important;}

.searchinpbox{display: flex;align-items: center;width: 100%;}
.fenzu_cardtop .btns .search .searchInput{width: 80% !important;}


.pyeditor_tc{width: 100%;height: 100vh;background:rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;z-index:99999;display: none;}
.pyeditor_tccon{width: 6.3rem;background: #fff;border-radius: 0.1rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pyeditor_tctop{border-bottom: 1px solid #f0f5f2;padding: 0 0.3rem;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;height: 0.6rem;}
.pyeditor_tctop h2{font-size:0.18rem;color: #333333;}
.pyeditor_tctop .knowaddbut{position: relative;left: -1.6rem;}
.tc_close{width: 0.16rem;}
.pyeditor_tcc dl dd{height: 0.5rem;padding: 0 0.3rem;display: flex;justify-content: space-between;align-items: center;}
.pyeditor_tcc dl dd input{width: 50%;height: 60%;background: none;border: none;font-size:0.14rem;color: #666;padding-left: 0.2rem;box-sizing: border-box;}
.pyeditor_tcbtn{display: flex;}
.pyeditor_tcbtn div{font-size:0.14rem;color:#009944;margin-left: 0.28rem;}
.pyeditor_tcc dl dd.on{background: #edfaf3;}
.pyeditor_tcfot{border-top: 1px solid #f0f5f2;margin-top: 0.66rem;padding: 0.14rem 0.3rem;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.add_pybtn{display:flex;align-items: center;font-size:0.14rem;color: #009944;}
.add_pybtn img{width: 0.14rm;margin-right: .1rem;}
.pyeditor_bcbtn{width: 1rem;height: 0.36rem;background: #009944;color: #fff;border-radius: 0.36rem;font-size:0.14rem;line-height: 0.36rem;text-align: center;}

.headerable{padding: 0.3rem 0.3rem 0 0.3rem;box-sizing: border-box;}
.knowaddbut{display: block;font-size: 0.18rem;color: #094;margin: 0.3rem 0;}
#tips-know-seach .input-group{margin:0.3rem 0;}
.acbutbox select#iptknowLessonId{display: block;width: 100%;height: 0.44rem;border: 1px solid #f7f7f7;border-radius: 0.04rem;box-sizing: border-box;font-size: 0.14rem;color: #1A1A1C;padding-left: 0.16rem;margin-top: 0.3rem;}
.addkownpbutsubmit{display: block;width: 1rem;height: 0.4rem;border-radius: 4px;background: #094;font-size: 0.14rem;color: #fff;line-height: 0.4rem;text-align: center;}
.teacherTable{padding: 0 0.3rem;box-sizing: border-box;}
.pyeditor_tcfot div{width: 1rem;height: 0.4rem;border-radius: 0.4rem;background: #094;font-size: 0.14rem;color: #fff;line-height: 0.4rem;text-align: center;overflow:hidden;margin:0 0.1rem;}
.pyeditor_tcfot div a{color: #fff;}
.acbutbox input.searchInput{display: block;margin-top: 0.2rem;height: 0.44rem !important;}
.acbutbox{width: 5rem;background: #fff;border-radius: 0.1rem;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 999999;padding: 0.3rem;box-sizing: border-box;box-shadow: 0 0 0.1rem #000;}
.kownpbutsubmitcacel {
    display: block;
    width: 1rem;
    height: 0.4rem;
    border-radius: 4px;
    background: white;
    font-size: 0.14rem;
    color: #094;
    line-height: 0.4rem;
    text-align: center;
    border: .01rem solid #094;
}
.teacherTable td a{display: inline-block;color: #094;margin-right: 0.14rem;}


/*UI文案调整*/
.bannerInfo-common .centerInfo .center-name {
    font-size: 0.68rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.3rem;
    text-align: center;
}

.bannerInfo-common .centerInfo .foot-name,
.bannerInfo-common .footerInfo .foot-name {
    font-size: .48rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.editbox .ans-tools-panel {
    position: static !important;
}

.editbox.on .ans-tools-panel {
    position: fixed !important;
}

/*chatGPT样式*/
.chat-container {
    box-sizing: border-box;
    width: 0;
    border-left: 1px solid #f0f0f0;
    position: fixed;
    right: 0;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    display: none;
    z-index: 9999999;
    background-color: white;
}

.chat-container header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0.1rem;
        box-sizing: border-box;
}
.chat-container header .chat-logo {
        width: 1.2rem;
        height: 0.5rem;
        padding: 0.1rem 0;
}
.chat-container header .close {
        cursor: pointer;
        border-radius: 50%;
        width: 0.25rem;
        height: 0.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
}

.chat-container header .close:hover {
        background-color: #ecf5ff;
        color: #1f5cff;
}


.chat-container .tabs {
    display: flex;
    border-bottom: 0.05rem solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    font-size: 0.2rem;
    padding: 0 0.1rem;
}
.chat-container .tabs div {
        font-weight: 550;
        padding: 0.1rem 0;
        border-bottom: 2px solid #0052d9;
}

.chat-container .message-list {
     overflow-y: auto;
     flex: 1;
     margin-bottom: 0.1rem;
     padding: 0.1rem 0;
}
.chat-container .message-list .chat-items {
        padding: 0 0.1rem 0.3rem 0.1rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 0.16rem;
        height: 100%;
        overflow-y: auto;
}

/* 问 */
.chat-container .message-list .chat-items .ask {
    display: flex;
    justify-content: flex-end;
}

.chat-container .message-list .chat-items .ask > .msg {
        position: relative;
        background-color: #95ec69;
        padding: 0.07rem 0.12rem;
        border-radius: 0.08rem 0.08rem 0 0.08rem;
        word-break: break-all;
}

.chat-container .message-list .chat-items .ask > .msg:hover,
.chat-container .message-list .chat-items .answer > .msg:hover {
        box-shadow: 0 0.04rem 0.04rem 0 rgba(0, 0, 0, .1);
}

/* 答 */
.chat-container .message-list .chat-items .answer {
        display: flex;
        justify-content: flex-start;
}

.chat-container .message-list .chat-items .answer > .msg {
        position: relative;
        background-color: #f8f8f8;
        padding: 0.07rem 0.12rem;
        border-radius: 0.08rem 0.08rem 0.08rem 0;
}


    .chat-container .message-list .chat-items .answer > .msg .chat-content {
        white-space: pre-line;
    }

/* 复制 */
.chat-container .message-list .chat-items .answer .copy,
.chat-container .message-list .chat-items .ask .copy {
        position: absolute;
        width: 0.28rem;
        height: 0.28rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: white;
        box-shadow: 0 0.02rem 0.04rem 0 rgba(0, 0, 0, .1);
        border-radius: 0.04rem;
        cursor: pointer;
        display: none;
        z-index: 20;
}

.chat-container .message-list .chat-items .ask .copy {
        left: 0;
        top: -0.28rem;
}

.chat-container .message-list .chat-items .answer .copy {
        right: 0;
        top: -0.28rem;
}

.chat-container .message-list .chat-items .answer .copy img,
.chat-container .message-list .chat-items .ask .copy img {
            width: 0.15rem;
            height: 0.15rem;
}

/* 光标 */
.chat-container .message-list .chat-items .answer #cursor {
        width: 0.02rem;
        height: 0.16rem;
        background-color: #000;
        display: inline-block;
        vertical-align: middle;
        animation: blink 0.8s infinite;
}

@keyframes blink {

    from, to {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}


/*底部盒子*/
.chat-container .input-chat {
    display: flex;
    flex-direction: column;
    background-color: #f4f5f7;
    padding: 0.2rem 0.2rem 0 0.2rem;
}


/* 文本域盒子 */
.chat-container .input-chat .input-container {
        position: relative;
        border-radius: 0.08rem;
        background-color: white;
        padding: 0.12rem;
        display: flex;
        flex-direction: column;
}

.chat-container .input-chat .input-container .input-field {
        width: 100%;
        /* height: 88px; */
        min-height: 0.44rem;
        max-height: 0.88rem;
        border: 0;
        resize: none;
        height: auto;
        overflow-y: scroll;
}

/* 发送 */
.chat-container .input-chat .input-container .send {
        cursor: pointer;
        align-self: flex-end;
}

.chat-container .input-chat .input-container .send img {
        width: 0.18rem;
        height: 0.18rem;
}

.chat-container .input-chat .input-container .send .send-active,
.chat-container .message-list .chat-items .copy .copy-active,
.chat-container .input-chat .history-container .history-active {
        display: none;
}

/* 历史记录 */

.chat-container .message-list .chat-items .chat-history {
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-container .message-list .chat-items .chat-history .iconfont {
        font-size: 0.12rem;
        color: #4ea9e9;
}

.chat-container .message-list .chat-items .chat-history .history-container .history-font {
        font-size: 0.12rem;
        color: #67d0f7;
        cursor: pointer;
}

.chat-container .message-list .chat-items .chat-history .history-container .history-font:hover {
            text-decoration: underline;
}

.chat-container .message-list .chat-items .chat-history .history-nomore{
    font-size:0.12rem;
    display:none;
}



.chat-container .message-list .chat-items .copy:hover .copy-not-active {
        display: none;
}

.chat-container .message-list .chat-items .copy:hover .copy-active {
            display: block;
}

/* 剩余额度 */

.chat-container .input-chat .residue-container {
        margin: 0.1rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
}

.chat-container .input-chat .residue-container .chat-cancel {
            width: 0.3rem;
            height: 0.3rem;
            background-color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            cursor: pointer;
}

.chat-container .input-chat .residue-container .chat-cancel img {
                width: 0.18rem;
                height: 0.18rem;
}

.chat-container .input-chat .residue-container .balance-container {
            background-color: white;
            padding: 0.05rem 0.1rem;
            border-radius: 0.2rem;
}

.chat-container .input-chat .residue-container .balance-container .balance {
                color: #1f5cff;
                margin:0 0.1rem;

}


/* loading效果 */
.chat-container .input-chat .input-container .send .spinner {
        text-align: center;
        display: none;
}

.chat-container .message-list .chat-items .loading .answer-spinner {
    display: block;
    text-align: left;
}
.chat-container .message-list .chat-items .loading .spinner > div,
.chat-container .input-chat .input-container .send .spinner > div {
    width: 0.07rem;
    height: 0.07rem;
    background-color: #1f5cff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.chat-container .message-list .chat-items .loading .spinner > div {
    background-color: #333;
}
.chat-container .message-list .chat-items .loading .spinner .bounce1,
.chat-container .input-chat .input-container .send .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
}
.chat-container .message-list .chat-items .loading .spinner .bounce2,
.chat-container .input-chat .input-container .send .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

/* 显示时间 */
.chat-times {
    text-align: center;
    font-size:0.12rem;
}

/* 剩余字数 */
.chat-container .input-chat .input-container .wordCount {
    position: absolute;
    bottom: 0.12rem;
    left: 0.12rem;
    font-size: 0.12rem;
    color: #1f5cff;
}



/* 侧边栏 */
#toolbar {
    position: fixed;
    z-index: 999;
    right: 0.03rem;
    bottom: 30%;
    box-sizing: border-box;
}

    #toolbar li {
        margin-bottom: 0.03rem;
        font-size: 0;
        width: 0.57rem;
        height: 0.57rem;
        right: 0;
        position: relative;
    }

        #toolbar li a {
            display: block;
            position: absolute;
            z-index: 9;
            right: 0;
            top: 0;
            width: 0.57rem;
            height: 0.57rem;
            overflow: hidden;
            background: #43B3E0;
            transition: all .5s ease;
            white-space: nowrap;
            font-size: 0;
        }

            #toolbar li a:link {
                color: #999999;
            }

        #toolbar li .iconfont {
            display: inline-block;
            vertical-align: middle;
            width: 0.57rem;
            height: 0.57rem;
            background-color: #d9d9d9;
            vertical-align: middle;
            text-align: center;
            line-height: 0.57rem;
            color: #2b2b2b;
            font-size: 0.26rem;
        }

        #toolbar li .characters {
            display: inline-block;
            line-height: 0.57rem;
            font-size: 0.14rem;
            color: #fff;
            vertical-align: middle;
            padding-left: 0.1rem;
        }

        #toolbar li.qrCode .qrCode-box {
            position: absolute;
            z-index: 1;
            padding: 0.05rem;
            background: #43B3E0;
            width: 1.1rem;
            right: 120%;
            bottom: 0;
            opacity: 0;
            visibility: hidden;
            transform: translateX(100%);
            transition: all .7s;
            box-sizing: border-box;
        }

            #toolbar li.qrCode .qrCode-box p {
                margin-bottom: 0;
            }

.weixin-erweima {
    width: 1rem;
    height: 1rem;
}

#toolbar li.qrCode .qrCode-box:after,
#toolbar .webPwa .webDownLoadBox:after {
    content: '';
    position: absolute;
    right: -0.05rem;
    bottom: 0.2rem;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 0.05rem;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #43B3E0;
    border-right: none;
    box-sizing: border-box;
}

#toolbar li.backtop {
    cursor: pointer;
    display:none;
}

#toolbar li.backtop .iconfont {
        color: #fff;
        background-color: #43B3E0;
}

/* hover状态 */
#toolbar li:hover a {
    width: 2rem;
}

#toolbar li:hover .iconfont {
    background-color: #43B3E0;
    color: #fff;
}

#toolbar li.qrCode:hover .qrCode-box{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#toolbar .webPwa .webDownLoadBox::before {
    content: '';
    position: absolute;
    width:0.1rem;
    height:100%;
    background-color:transparent;
    top:0;
    right:-0.1rem;
}
#toolbar .webPwa .webDownLoadBox {
    position: absolute;
    z-index: -1;
    padding: 0.05rem;
    background: #43B3E0;
    width: 2.36rem;
    height: 1.67rem;
    right: -420%;
    bottom: 0;
    box-sizing: border-box;
    opacity:0;
}
#toolbar .webPwa .webDownLoadBox .webDownLoad{
    width:100%;
    height:100%;
    background-color:white;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
#toolbar .webPwa .webDownLoadBox .webDownLoad .logoIcon{
    width:0.36rem;
    height:0.36rem;
}
#toolbar .webPwa .webDownLoadBox .webDownLoad .addTable{
    font-size: 0.16rem;
    font-weight: 500;
    color: #000;
    line-height: 0.22rem;
    margin-top: 0.1rem;
}
#toolbar .webPwa .webDownLoadBox .webDownLoad .installTable{
    font-size: 0.12rem;
    color: #6e6e6f;
    line-height: 0.17rem;
    margin: 0.02rem 0 0.1rem;
    font-weight:bold;
}
#toolbar .webPwa .webDownLoadBox .webDownLoad .addNow{
    width: 0.8rem;
    height: 0.3rem;
    font-weight: 400;
    border: 1px solid #43B3E0;
    border-radius: .18rem;
    background: #43B3E0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    overflow: hidden;
    font-size: .13rem;
}
#toolbar .webPwa .webDownLoadBox .webDownLoad .addNow:hover{
    background-color:#005eff;
}
#toolbar .webPwa .webDownLoadBox .webDownLoad .addNow::after{
    background-color:#43B3E0;
}
.attachment a {
    display: inline-block;
}

.attachment img {
    display: inline-block;
}