body{
  color: rgba(0,0,0,.5);
  font-family:MiSans !important;
}

.login-bt{
  width: 100%;
  border-radius: 100px;
  height: 50px;
  background: #08a0e5;
  border: 0;
}
.layui-input{
  padding-left: 1rem;
  height: 50px;
  border-radius: 100px;
  background: #ffffff;
  border: 1px solid #ededed;
}
.margins{
  margin: 8px 8px;
}

.bg-greens{    padding: 3px;
  border-radius: 5px;
  margin-right: 2px;
  border: aliceblue;
  color: black !important;
  border: 1px solid lightgrey;
}


.widths{
  background-size: 100%;
}
.login-form{
  width: 90%;
  margin: auto;
  padding: 1%;
  max-width: 600px;
}
.input-icon {
  position: relative;
}
.input-icon .form-control:not(:first-child), .input-icon .form-select:not(:last-child) {
  padding-left: 2.5rem;
}
.input-icon-addon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  color: #656d77;
  pointer-events: none;
  font-size: 1.2em;
}
.login{
  position: relative;
  width: 100%;
  max-width:600px;
  margin: auto;
}
.login-text{
  position: absolute;
  font-size: 22px;
  color: aliceblue;
  width: 100%;
  top: 15%;
  text-align: center;
}
.login-text img{
  width: 80%;
}

.teacher-card{width: 95%;margin: auto;padding: 10px;border: 1px solid #dddddd;border-radius: 6px;
  margin-bottom: 20px;background: linear-gradient(to right, #f9f9f9, #ededed);position: relative}
.cards-ed{color: #2a3746 !important;  white-space: pre-line;}
.cards-a{width: 80px;
  position: absolute;
  right: 0;}
.teacher-card a{ color: #1f1f1f}
.cards-l{width: 80%;float: left;line-height: 30px;}.cards-r{float: right;}  .cards-t{font-size: 18px;font-weight: bold}
.cards-a img{width: 60px;border-radius: 100px}.text-truncate a {
                                                color: #4a5562;
                                                font-size: 20px;
                                                line-height: 30px;
                                              }
.akd svg{width: 26px;height: 26px}
.bottom-tabbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #e6e6e6;
  z-index: 999;
}
.opp{
  position: absolute;
  right: 30px;
  top: 0;
  color: white;
  text-align: center;
  font-size: 14px;
  line-height: 23px;
  z-index: 9999;
}
.opps{
  position: absolute;
  left: 30px;
  top: 0;
  color: white;
  text-align: center;
  font-size: 14px;
  line-height: 23px;
  z-index: 9999;
}
.opps a{color: white}
.opps svg{
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.opp a{color: white}
.opp svg{
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.text-truncates{color:#8f8f8f;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 40px;
  font-size: 14px;
}
.text-truncate a{color: #4a5562;font-size: 14px;}
.w30{width: 31%}
.markdown>table, .table {
  --tblr-table-bg: transparent;
  --tblr-table-striped-color: inherit;
  --tblr-table-striped-bg: #f4f6fa;
  --tblr-table-active-color: inherit;
  --tblr-table-active-bg: rgba(0, 0, 0, 0.1);
  --tblr-table-hover-color: inherit;
  --tblr-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: inherit;
  vertical-align: top;
  border-color: rgba(101,109,119,.16);
}
.markdown>table>:not(caption)>*>*, .table>:not(caption)>*>* {
  padding: 0.5rem 0.5rem;
  background-color: var(--tblr-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--tblr-table-accent-bg);
}

.table-vcenter>:not(caption)>*>* {
  vertical-align: middle;
}
.myright{
  margin-right: 18px;
}
.myright span{border-radius: 100%;width: 50px;height: 50px}
.navbar-light {
  box-shadow: inset 0 -1px 0 0 rgba(101,109,119,.16);
  background-color: #fff;
}
.pro-bg{background-image: url("/static/frontend/images/inro.jpg");background-size: 140%;background-repeat:no-repeat}
.pro-ren{position: absolute;right: -59px;border: 0px;bottom: -5%;color: white}.pro-ren img{width: 30px !important;border: 0px !important}.pro-av{position: relative}
.pro-titile{text-align: center;width: 100px;margin-left: 10px;font-size: 20px;font-weight: bold;position: relative}
.pro-card table{text-align: center;line-height:50px}
.pro-card {width: 85%;margin: auto;margin-top: -240px;border-radius: 20px !important;background: #64adf9;border: 1px solid aliceblue;background-image: url(/static/frontend/images/Bitmap.png);background-size: 100%;}
.pro-content{padding: 10px}
.pro-cont{border: 1px solid #c9c9c9;width: 95%;margin: auto;border-radius: 10px;margin-bottom: 20px;padding: 10px;}
.pro-line {background: #ffd600;height: 5px;margin-top: -10px;border-radius: 10px;}

.mycard {
  width: 90%;
  padding: 5px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  background-image: url("/static/frontend/images/Bitmap.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.card-item{
  flex: 0 0 calc(33% - 1rem);
  margin-bottom: 5px;
  border-radius: 10px;
  line-height: 40px;
  text-align: center;

}
.navbar-toggler{
  border: 0px;
}
.badge-soft-success {
  color: #5cc9a7;
  background-color: #def4ed;
}
.invite-button{ border: 0;
  color: #ffffff;
  font-size: 16px;
  background: linear-gradient(to right, #bdb7ff, #8c84ff);
  border-radius: 100px;
  line-height: 40px;
  text-align: center;
  width: 100%;
  margin: auto;
}.invite-content{margin-top: 10px}.invite-title{color:white;font-size: 15px;background: linear-gradient(to left, #477bdd, #1e3eb5);border-radius: 100px;line-height: 30px;text-align: center;width: 60%;margin: auto}.cpas{}.invite{width: 93%;margin:auto}.invite img{width: 100%;}.invite-logo{}.invite-logo img{width: 200px;}.invite-text {position: absolute;color: #040404;top: 0;text-align: center;width: 100%;font-size: 20px;margin-top: 10px;}.invite-but{width: 80%;margin: auto}.navbar{display: none}.card-body {flex: 1 1 auto;padding: 1rem 1rem;}.col-auto {flex: 0 0 auto;width: auto;}.row {--tblr-gutter-x: 1rem;--tblr-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(var(--tblr-gutter-y) * -1);margin-right: calc(var(--tblr-gutter-x)/ -2);margin-left: calc(var(--tblr-gutter-x)/ -2);}.invite-img{width: 80%;margin: auto} .invite-img img{width: 100%}
.divide-y a{color: #7a7a7a}
.danwei{width: 30%;float: left;line-height: 38px;padding-left: 10px}
.navbar{border-bottom: 1px solid #e3e3e3;}
.logos{} .logos img{height: 50px;padding: 5px}
.indexs {background:url("/static/frontend/images/index.png");height: 35px;width: 35px;background-size: 100%;margin: auto;}
.indexc {background:url("/static/frontend/images/index1.png");height: 35px;width: 35px;background-size: 100%;margin: auto;}
.kefus {background:url("/static/frontend/images/kf.png");height: 35px;width: 35px;background-size: 100%;margin: auto;}
.kefuc {background:url("/static/frontend/images/kf1.png");height: 35px;width: 35px;background-size: 100%;margin: auto;}
.jiedans {background:url("/static/frontend/images/s.svg");height: 35px;width: 35px;background-size: 100%;margin: auto;}
.jiedanc {background:url("/static/frontend/images/s1.svg");height: 35px;width: 35px;background-size: 100%;margin: auto;}
.pros {background:url("/static/frontend/images/pro.png");height: 35px;width: 35px;background-size: 100%;margin: auto;}
.proc {background:url("/static/frontend/images/pro1.png");height: 35px;width: 35px;background-size: 100%;margin: auto;}
.site-banner-main img{width: 100%}
.checkstand{height:220px;background-image: url("/static/frontend/images/checkstand.png");background-size: 100%}.checkstand img{width: 100%;z-index: 0}
.checkstand_title{font-size:50px;line-height:80px;text-align: center;font-weight: bold;color: #0a66c2;border-bottom: 1px dotted #a6a9ad}
.checkstand_price{z-index:9999;width: 90%;margin: auto;margin-top:-30px;background: white;border-radius: 10px}
.checkstand_title span{font-size: 20px;color: #1f1f1f}.payButton{width:210px; height:50px; border-radius: 15px;background-color: #1da1f2; border:0px #FE6714 solid; cursor: pointer;  color:white;  font-size:16px;}
.banner{}
.banner img{width: 100%;
}
.bottom-tabbar-item a:hover{text-underline: none}
.bottom-tabbar img{
  height: 30px;
}
.bottom-tabbar span{
  font-size: 14px;
}
.form-selectgroup-input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.form-selectgroup-input:checked+.form-selectgroup-label {
  z-index: 1;
  color: #ffffff;
  background: linear-gradient(to right,#2bb7ff, #56c7ff);
  border-color: #50c4ff;
}
.form-selectgroup {
  display: inline-flex;
  margin: 0 -0.5rem -0.5rem 0;
  flex-wrap: wrap;
  width: 100%;
}
.form-selectgroup-label {
  position: relative;
  display: block;
  min-width: calc(1.4285714em + 0.875rem + 2px);
  margin: 0;
  padding: 0.4375rem 0.75rem;
  font-size: .875rem;
  line-height: 1.4285714;
  background: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #dadcde;
  border-radius: 3px;
  transition: border-color .3s,background .3s,color .3s;
}
.form-selectgroup .form-selectgroup-item {
  margin: 0 0.5rem 0.5rem 0;
  width: 30.8%;
}
.form-control{
  font-size: .875rem;
}
.form-selectgroup-item {
  display: block;
  position: relative;
}
.demand{margin-bottom: 10px}
.collapse {
  transition: height 0.3s ease; /* 添加过渡动画 */
  border-top: 1px solid #cbcbcb;
}
.nav-link img {
  width: 32px;
  height: 32px;
  border-radius: 100%;
}
a:hover {
  text-decoration: none !important;
}
.custom-checkbox .custom-control-label::before {
  content: '';
  display: inline-block;
  width: 1.2rem; /* 正方形的边长 */
  height: 1.2rem; /* 正方形的边长 */
  background-color: #fff;
  border: 1px solid #adb5bd;
  border-radius: 0.2rem; /* 设置圆角 */
  position: relative;
  vertical-align: middle;
  margin-right: .5rem;
  cursor: pointer;
}
.form-check-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.indexitem{background: white;width: 95%;margin: auto;border-radius: 10px;padding: 8px 0px}.indexitem ul{margin-bottom: 0;padding-left: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}.indexitem li{width: 20%;list-style-type: none;text-align: center}.index-baner ul li img{width: 100%}.index-baner ul{padding: 0}.index-baner ul li{list-style:none;}
.indexitem ul li a{color:#1b1e21;font-size: 13px;}
.form-check-group .form-check {
  flex: 0 0 calc(33.333% - 1rem);
  margin-bottom: 5px;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  padding: 0.2375rem 0.75rem;
}
.tearss{      width: 95%;
  margin: auto;background: white;
  border-radius: 10px;}
.mysex{width: 20px !important;
  border: 0 !important;
}
.indextit{
  text-align: center;
  margin: auto;
  padding: 10px;
  border-radius: 10px;
  color: #4d4d4d;
  font-size: 16px;
}
.cardss-t a{color: #2a3746}
.cavatar{
  width: 60px;
  margin: auto;
  border-radius: 100%;
  height: 60px;
  overflow: hidden;
  position: absolute;
  right: 50px;
  top: 5px;
  border: 1px solid #63aded;}
.cardss-t{width: 95%;margin: auto;margin-top: 10px;position: relative;}.cardss-cont{font-size: 14px;padding: 3px;border: 1px solid #63aded;border-radius: 0px 10px 10px 10px;    background: white;box-shadow: #63aded 3px 3px;}
.cardss-title{background: linear-gradient(to right, #63aded, #2b62ff);padding: 5px;width: 150px;text-align: center;color: white;border-radius: 10px 10px 0px 0px;}.paginations{text-align: center;margin-top: 20px}.paginations a{background: #4aaaff;border-radius: 5px;padding: 0px 3px;color: white;}
.cardss-c{color: #4d4d4d;    border-bottom: 1px dotted #bdbdbd;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-weight: bold;}
.cavatar img{width: 100%;}
.indexitem img{width: 90%}
.avatars{width: 90px;margin:auto;position: relative;border-radius: 100%;height: 90px;overflow: hidden}
.avatars img{width: 100%;}
.avatarr{text-align: center;color: white;line-height: 40px}
.avatarr span{font-size: 16px;}
.form-check{text-align: center;padding-left: unset}
.probg { background-image: url("/static/frontend/images/pros.svg");padding-bottom: 40px;background-size: 110%;background-repeat: no-repeat;}
.myq{       background: linear-gradient(to bottom, #6b97b3, #77a7bf);
  border: 1px solid white !important;
  color: white;
  width: 100%;
  border-radius: 30px;
  line-height: 40px;}
.ssa{
  width: 50px;
}

.sactive{
  /* 这里定义active状态下的样式 */
  background: linear-gradient(to right,#2bb7ff, #56c7ff);
  border: 1px solid white !important;
  color: white;
}
.index_name{position: absolute;
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  color: #282828;
  top:10%}
.index_one{position: absolute;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #282828;
  bottom: 10%;bottom: 10%}
.loright a{padding: 2px 10px;
  background: #0097e5;
  color: white;
  border-radius: 5px;}
.pross{margin: 5px 0px;    margin-top: -100px;}
.col-md-4{margin-top: 10px}
.times{width: 22% !important;float: left;
  font-size: 15px;
  color: #9f9f9f;}
.timesspan{float: left;font-size: 12px;line-height: 32px;padding: 0 3px}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link .nav-profile-name {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  color: #4a4a4a;
  font-weight: 500;
}
.indexw img{width: 40px;}
.borr{padding: 3px 5px;
  background: #4cceff;
  color: white;
  border-radius: 3px;line-height: 32px;
  margin-left: 20px;}
.indexw{
  width: 88.5%;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #7299b4;
  border-radius: 100px;
  color: #ffffff;
  margin: auto;
  padding: 10px 0px;
  background: #34bcf7;
  margin-bottom: 5px;
}
.bottom-tabbar-item {
  width: 33.333%;
  text-align: center;
  line-height: 25px;
  float: left;
}

.bottom-tabbar-item i {
  font-size: 20px;
  margin-bottom: 5px;
  display: block;
}
.btt{background: linear-gradient(to bottom, #099de2, #0281c5);}
.navbar-brand img{height:60px;}
.navbar-brand{padding: 0}
.divide-y>:not(template):not(:first-child) {
  padding-top: 1rem!important
}

.divide-y>:not(template):not(:last-child) {
  padding-bottom: 1rem!important;
}

.divide-x>:not(template)~:not(template) {
  border-left: 1px solid rgba(101,109,119,.16)!important
}

.divide-x>:not(template):not(:first-child) {
  padding-left: 1rem!important
}

.divide-x>:not(template):not(:last-child) {
  padding-right: 1rem!important
}

.divide-y-0>:not(template)~:not(template) {
  border-top: 1px solid rgba(101,109,119,.16)!important
}

.divide-y-0>:not(template):not(:first-child) {
  padding-top: 0!important
}

.divide-y-0>:not(template):not(:last-child) {
  padding-bottom: 0!important
}

.divide-x-0>:not(template)~:not(template) {
  border-left: 1px solid rgba(101,109,119,.16)!important
}

.divide-x-0>:not(template):not(:first-child) {
  padding-left: 0!important
}

.divide-x-0>:not(template):not(:last-child) {
  padding-right: 0!important
}

.divide-y-1>:not(template)~:not(template) {
  border-top: 1px solid rgba(101,109,119,.16)!important
}

.divide-y-1>:not(template):not(:first-child) {
  padding-top: .25rem!important
}

.divide-y-1>:not(template):not(:last-child) {
  padding-bottom: .25rem!important
}

.divide-x-1>:not(template)~:not(template) {
  border-left: 1px solid rgba(101,109,119,.16)!important
}

.divide-x-1>:not(template):not(:first-child) {
  padding-left: .25rem!important
}

.divide-x-1>:not(template):not(:last-child) {
  padding-right: .25rem!important
}

.divide-y-2>:not(template)~:not(template) {
  border-top: 1px solid rgba(101,109,119,.16)!important
}

.divide-y-2>:not(template):not(:first-child) {
  padding-top: .5rem!important
}

.divide-y-2>:not(template):not(:last-child) {
  padding-bottom: .5rem!important
}

.divide-x-2>:not(template)~:not(template) {
  border-left: 1px solid rgba(101,109,119,.16)!important
}

.divide-x-2>:not(template):not(:first-child) {
  padding-left: .5rem!important
}

.divide-x-2>:not(template):not(:last-child) {
  padding-right: .5rem!important
}

.divide-y-3>:not(template)~:not(template) {
  border-top: 1px solid rgba(101,109,119,.16)!important
}

.divide-y-3>:not(template):not(:first-child) {
  padding-top: 1rem!important
}

.divide-y-3>:not(template):not(:last-child) {
  padding-bottom: 1rem!important
}

.divide-x-3>:not(template)~:not(template) {
  border-left: 1px solid rgba(101,109,119,.16)!important
}

.divide-x-3>:not(template):not(:first-child) {
  padding-left: 1rem!important
}

.divide-x-3>:not(template):not(:last-child) {
  padding-right: 1rem!important
}

.divide-y-4>:not(template)~:not(template) {
  border-top: 1px solid rgba(101,109,119,.16)!important
}

.divide-y-4>:not(template):not(:first-child) {
  padding-top: 2rem!important
}

.divide-y-4>:not(template):not(:last-child) {
  padding-bottom: 2rem!important
}

.divide-x-4>:not(template)~:not(template) {
  border-left: 1px solid rgba(101,109,119,.16)!important
}

.divide-x-4>:not(template):not(:first-child) {
  padding-left: 2rem!important
}

.divide-x-4>:not(template):not(:last-child) {
  padding-right: 2rem!important
}

.divide-y-5>:not(template)~:not(template) {
  border-top: 1px solid rgba(101,109,119,.16)!important
}

.divide-y-5>:not(template):not(:first-child) {
  padding-top: 4rem!important
}

.divide-y-5>:not(template):not(:last-child) {
  padding-bottom: 4rem!important
}

.divide-x-5>:not(template)~:not(template) {
  border-left: 1px solid rgba(101,109,119,.16)!important
}

.divide-x-5>:not(template):not(:first-child) {
  padding-left: 4rem!important
}

.divide-x-5>:not(template):not(:last-child) {
  padding-right: 4rem!important
}
.divide-y>:not(template)~:not(template) {
  border-top: 1px solid rgba(101,109,119,.16)!important;
}

.alert-title {
  font-size: .875rem;
  line-height: 1.4285714;
  font-weight: 600;
  margin-bottom: .25rem;
  color: var(--tblr-alert-color)
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 40px;
}
.text-muted {
  color: #656d77!important;
}
.bottom-tabbar-item a{ color: #2a3746}
.col {
  flex: 1 0 0%;
}
body{
  max-width: 700px;
  margin: auto!important;
  position: relative;
  display: block;
}