a{color: #3c4254;}/*3c4254*/
a:hover{color: #c90012;}
html{overflow-x: hidden;}
.sjj_nav{display: none;}
.sitelogo {
    width: 600px;
    height: 400px;
    position: absolute;
    left: 0px;
    top: -101%;
    z-index: -1;
}
.sitebg,.sitebgcolor {background-color: #c90012;}
.siteborder {
    border: 1px solid #C90012;
}
.hr-line {
    background-color: #F1F2F8;
    border: none;
    height: 1px;
    margin: 20px 0;
}
.h2, h2 {font-size: 18px;}
.h3, h3 {font-size: 16px;}
.h4, h4 {font-size: 14px;}
.h5, h5 {font-size: 12px;}

.positionTop {
  position: fixed;
  top: 120px;
  width: 100%;
  z-index: 2;
  padding: 20px 0 15px !important;
  border-top:1px solid #EFF0F4;
}

table {border-collapse:collapse;border-spacing:0;table-layout:fixed;margin:0 auto;}  
.fees-table table{
    width: 100%;
}

td,tr,th{
    font-size: 14px;
    padding: 5px;
    border: 1px solid #b4bfd2;
    text-align: center
}
th{
    font-size: 16px;
    background:#d6dee6
}
th,td.tb-project,td.service-th1,.schedule-table .time-tit{
    font-weight: bold;
    line-height: 16px;
    padding: 8px 10px;
}
td.tb-sum{
    color: #c90012
}
.fees-table .tb-project,.fees-table .tb-sum{
    font-size: 16px;
    width: 180px;
}


/*bread*/ 
.breadcrumbs{border: none;background: #FAFAFA;width: 100%; color: #525252;}
.breadcrumbs .bread_on{height: 40px; line-height: 40px;}
.breadcrumbs .bread_on span::after {
  background: #01AF63;
  padding: 0;
  display: inline-block;
  width: 5px;
  height: 5px;
  content: "";
  vertical-align: middle;
  margin: -1px 15px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.breadcrumbs a:hover{color: #01AF63;}

/*page banner*/ 
.subbanner{width: 100%;  overflow: hidden; background: #E8F8F4 url(../images/beef9ff5760a4f10b80bae00d73a897a.woff);
 box-shadow:0 6px 30px -5px rgba(94,99,110,.1);
 border-radius:4px;
 -webkit-transition:all .2s;
 -o-transition:all .2s;
 transition:all .2s
}
.card-box2 {
 padding:0px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:flex-start;
 background-color:#fff;
 -webkit-box-shadow:0 0 10px rgb(0 0 0 / 10%);
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
 border-radius:4px;
 -webkit-transition:all .2s;
 -o-transition:all .2s;
 transition:all .2s
}

.card-box:hover, .card-box2:hover {
 -webkit-transform:translateY(-14px);
 -ms-transform:translateY(-14px);
 transform:translateY(-14px)
}


/* page start */
.page{
    width: 100%;
    text-align: center;
}
.page>ul>li{
    float: left;
}
.page .pagezong:hover{ 
    background-color: #fff;
    color: #000000;
}
.page>a b{
    font-weight: normal
}
.page>a, .page>b{
    width: 10%;
    background-color: #fff;
    font-size: 14px;
    line-height: 32px;
    color: #000;
    text-align: center;
    padding: 5px 20px;
    margin-right:10px;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.page>a:hover,.page>ul>li>.active,.page>b, .page a.page-num-current{
    background-color: #0F7541;
    border: 1px solid #0F7541;
    color:#fff;
}

.fst-page a,.last-page a{
    padding-left: 5px;
    padding-right: 5px;
}


/* page end */

/* baoming */
.yuehao{background:#17181E url(../images/a30.png) no-repeat top center;height: 322px;padding: 80px 0;overflow: hidden;}

.yuehao .title {
    position: relative;
    font-size: 40px;
    color: #000;
    line-height: 50px;
    text-align: center;
    margin-bottom: 32px;
    font-weight: bold;
}

.yuehao .title.white {
    color: #fff;
}
.yuehao .title span {
    color: #00D0A6;
}
.yuehao .text {
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    margin: -25px 0 30px;
    text-align: center;
}
.yuehao .text span {
    color: #f00;
}
.yuehao .form{font-size: 0;height: 48px; line-height: 48px;display: flex;color: #1A1A1A; }
.yuehao .form .input {
    width: 242px;
    height: 48px;
    line-height: 48px;
    background: #fff;
    border: 1px solid #dcdcdc;
    margin-right: 24px;
    padding: 0 20px;
    font-size: 16px;
    color: #1A1A1A;
    border-radius: 4px;
}
.yuehao .form .select {
    width: 282px;
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    margin-right: 24px;
    background: #fff;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    font-size: 16px;
    color: #1A1A1A;
    border-radius: 4px;
}

.yuehao .btn-medium2{ width: 200px; height: 48px; line-height: 48px;margin-top: 0px; font-weight: 600; font-size: 16px;}

/*case list*/
.card-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-list.hide {
    display: none
}

.card-list .card-item {
    width: 25%;
    padding: 10px
}

.card-list .card-item:nth-of-type(4n+1) {
    padding-left: 0
}

.card-list .card-item:nth-of-type(4n) {
    padding-right: 0
}

.card-list .card-media {
    position: relative;
    width: 100%;
    /*height: 364px;*/
    padding: 0 0 20px 0;
    border-radius: 4px;
   /* overflow: hidden;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    -webkit-box-shadow: 0 0 24px -4px hsla(0,0%,45.9%,.16);
    box-shadow: 0 0 24px -4px hsla(0,0%,45.9%,.16);
    border-radius: 4px 4px 2px 2px;
    border: 1px solid rgba(0,0,0,0);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.card-list .card-media:hover {
    border-color: #EBEBEB;
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-box-shadow:0 6px 10px 0 rgba(136,196,177,.25);
    box-shadow:0 6px 10px 0 rgba(136,196,177,.25);
}
.card-list .card-media .img{ height: 155px; border-radius: 4px 4px 0 0; overflow: hidden; }
.card-list .card-media .img img{border-radius: 4px 4px 0 0;transition: all 0.6s; cursor: pointer;  }
.card-list .card-media .img:hover img{transform: scale(1.05)}
.card-list .card-media:hover .tag {
    visibility: hidden
}

.card-list .card-media:hover .ctrl-box {
    opacity: 1
}
.card-list .content-bottom{padding: 5px 10px;}
 .school-logo {
    margin: 0 auto;
    width: 100%;
  position: relative;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;

}
.school-logo a {
  position: absolute;
  width: 60px;
  height: 60px;
  padding: 0px;
  background-color: #fff;
  left: 10px;
  bottom: 0;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
  box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
}

.school-logo a img {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
 .school-logo p {
  text-align: right;
  color: #11AB5D;
  padding-right: 10px;
  font-size: 14px;

}
.school-logo p span{font-size: 16px; vertical-align: top; }

.card-list .card-head {
    width: 100%;
    height: 48px;
    line-height: 22px;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    overflow: hidden;
}

.card-list .img-icon {
    width: 12px
}

.card-list .iconfont {
    margin-right: 4px;
    color: #0F7541;
    font-size: 22px
}

.card-list .icon-hellomadou {
    color: #333
}

.card-list .icon-zuoyouce {
    color: #e73453
}

.card-list .i-title {
    font-size: 16px;
    color: #000;
}
.card-list:hover .i-title a{
    font-size: 16px;
    color: #000;
}

.card-list .float-sign {
    position: absolute;
    left: -3px;
    top: -3px;
    display: inline-block;
    width: 52px;
    height: 55px
}

.card-list .card-body {
    width: 100%;
    height: 48px;
    color: #9da0ad;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden
}
.card-list .sortbox{width: 100%; display: block; clear: both;border-top: 1px dashed #e3e3e8;    padding-top: 8px;    margin-top: 10px;}
.sortbox .zhuanyue{ 
  height: 32px;
  line-height: 24px;
  overflow: hidden;
}
.sortbox p{color: #9da0ad;}
.sortbox  p span{color: #666;}
.sortbox .zy {
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    padding: 1px 5px;
    overflow: hidden;
    background: #11AB5D;
    display: inline-block;
    margin-right: 4px;
    margin-left: 2px;
    vertical-align: middle;
    border-radius: 2px;
    font-style: normal;
}
.sortbox .zy  a{color: #fff;}
.sortbox .zy.bg1{background: #11AB5D;}
.sortbox .zy.bg2{background: #E8A16F;}
.sortbox .zy.bg3{background: #EB968B;}
.sortbox .zy.bg4{background: #7EB7C8;}
.sortbox .ke {
  font-size: 12px;
  color: #b79050;
  padding: 0 5px;
  margin: 0 2px;
  border: 1px solid #b79050;
  border-radius: 2px;
  font-style: normal;
}


.card-list .card-foo {
    
    width: 100%;
    padding-top: 10px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card-list .card-foo .tag {

    margin-right: 6px
}

.card-list .card-foo .tag:last-of-type {
    margin-right: 0
}

.card-list .ctrl-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.card-list .ctrl-box .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 46px;
    line-height: 44px;
    border-radius: 0
}

.card-list .ctrl-box .btn-primary {
    border-left: 0;
    border-bottom: 0;
}
.card-list .ctrl-box .btn-primary:hover{border-color: #11AB5D;font-weight: 700; }
.card-list .ctrl-box .btn-outline {
    border-right: 0;
    border-bottom: 0;
    background-color: #FD5E53; border-color:#FD5E53;
    color: #fff;

}
.card-list .ctrl-box .btn-outline:hover{ background-color: #fe7269; border-color:#FD5E53; font-weight: 700; }




/*baoming  -message.html*/
.user_mesg{width:100%;margin:40px auto;}
.form-left{width: 45%; padding: 10px 0; float: left; display: inline-block;box-shadow: 0 0 10px rgba(0,0,0, .2);z-index: 1; border-radius: 4px; }
.form-left h1{margin-bottom: 1.5rem; width: 100%;padding: 20px 0;  text-align: center; font-weight: 700;  font-size: 22px; }
.user_mesg input, .user_mesg select, .user_mesg textarea{border:1px solid #ccc;color:#666;}
.user_mesg .star{color:#dd2218;display:inline-block;padding:0 5px;vertical-align:middle;}
.user_mesg .star1{color:#FFF;display:inline-block;padding:0 5px;vertical-align:middle;}
.user_mesg .quick_liuyan_con{overflow:hidden;}
.user_mesg .quick_liuyan_con p{margin-bottom:10px;}
.user_mesg .item-right input{padding:5px 2px;}
.user_mesg .btn-mesSubmit{float:left;line-height:36px;}
.user_mesg textarea{font:14px "Microsoft Yahei";padding:5px;color:#666;resize:none;height:148px;width:365px;border-radius:5px;background-color:#faf8f9;}
.user_mesg .item{margin-bottom:16px;_height:31px;text-align:left }
.user_mesg .item span{display:block;float:left;width:128px;margin-right:10px;text-align:right;line-height:30px;font-size:16px;color:#333333;}
.user_mesg .item:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.user_mesg .item input[type="text"], .user_mesg .item select{padding:5px 10px;width:202px;font-size:14px;border-radius:5px;background-color:#faf8f9;}
.user_mesg .item select{padding: 7px 10px;}
.user_mesg .item input[type="text"]:focus{outline:1px solid #C90012;border-color:#C90012;}
.user_mesg .item textarea:focus{outline:1px solid #C90012;border-color:#C90012;}
.user_mesg .item input:disabled, .user_mesg .item textarea:disabled, .user_mesg .item select:disabled{background:#eee;}
.user_mesg .item-right{float:left;}
.user_mesg .item .codebox .v-ipt{width: 35%; float: left; display: inline-block; }
.user_mesg .item .codebox .codeimgbox{width: 60%;float: left; display: inline-block;}
.user_mesg .item .codebox .codeimgbox img{margin-left: 15px; border-radius: 4px;}
.user_mesg .item .btn-mesSubmit{display:block; border: none; width:180px;height:40px;color:#fff;border-radius:5px;line-height:30px;float:left;font-size:18px;margin-left:139px;_margin-left:37px;margin-right:30px;font-family:Microsoft Yahei;cursor:pointer }
.user_mesg .item .btn-mesSubmit:disabled{background:#ccc;}
.user_mesg .item .yinxi{margin-left:139px;_margin-left:37px; display: block; font-size: 12px; vertical-align: middle; }
.user_mesg .item .yinxi svg{width: 15px; height: 24px; float: left; }
.user_mesg .item .yinxi em{margin-left: 5px;height: 24px; line-height: 24px; float: left;}

/*add form right*/
.form-right{ display: inline-block; float: left; width:54%;}
.form-right .kuan{width: 50%;margin:150px 0 0 10%; border-radius:5px;position:relative;}
.form-right .kuan .jiantou{width:78px; height:51px; position: absolute; bottom: 25%; left: -78px; background: url(../images/ico-jt.png) no-repeat left bottom; }
.form-right h3{width:100%;height:46px;padding-left:40px;line-height:46px;font-size:16px;color:#fff;}
.form-right h3 span{font-size:18px;font-weight:bold;color:#ffffff;}
.form-right ul{height:304px;padding:0 12px;overflow-y:auto;overflow-x:hidden;}
.form-right ul li{width:325px;min-height:40px;border-bottom:dashed 1px #999999;font-size:14px;color:#666666;cursor:pointer;}
.form-right ul li a{width:100%;height:100%;display:block;font-size:14px;}
.form-right ul li:hover{border-bottom:dashed 1px #000;}
.form-right ul li:hover a{text-decoration:none;}
.form-right ul li:hover p{}
.form-right ul li p{line-height:40px;font-size:14px;　display:inline;cursor:pointer;}

.form-right .baominglist{margin:20px 0 0 10%;}
.form-right .baominglist .bao-list {}
.form-right .baominglist .bao-list p{padding-left: 10px; width: 100%; height: 25px; line-height: 25px; overflow: hidden; }

.notice-swiper { position: relative;margin-top: 5px; height: 126px; overflow: hidden; padding: 5px; background: #EBEBEB; width: 100%; border-radius: 4px; }
.notice-swiper .swiper-container { width: 100%; height: 126px; }
.notice-swiper .swiper-slide { padding-left: 10px; height: 25px; line-height: 25px; overflow: hidden; }
.notice-swiper .swiper-slide a { color: #333; }
.notice-swiper .swiper-pagination { position: absolute; }
.notice-swiper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 3px 0; display: block; background-color: #f00; }
.notice-swiper .swiper-button-next, .notice-swiper .swiper-button-prev { position: absolute; left: auto; right: 0; top: -22px; margin: 0; width: 16px; height: 16px; background-size: 16px 10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.notice-swiper .swiper-button-prev { margin-right: 20px; }


/*框架布局*/
.leftbox{padding-left: 0px;padding-right: 30px;}
.rightbox{padding-right: 0px;padding-left: 30px; position: relative;}
.rightbox::before {
  width: 1px;
  height: 98%;
  top: 5px;
  bottom: 0;
  content: "";
  background: rgba(54,70,115,.08);
  left: 0%;
  position: absolute;
}

.list-item{margin-bottom: 2rem;}
.widget-title {
  font-size: 1.4rem;
  margin-bottom: 1.2rem;
  margin-top: 0;
  padding: 2.2rem 0 0;
  position: relative;
  overflow: hidden;
  font-weight: 700;
  color: #000;
}
 .widget-title::before {
  width: 11px;
  height: 11px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background: #0F7541;

}
.widget-title::after {
  width: 200%;
  height: 1px;
  background: rgba(54,70,115,.08);
  content: "";
  position: absolute;
  top: 5px;
  left: 25px;
}



.list-item ul li {
  padding: 15px 0;
    padding-top: 15px;
  border-bottom: 1px dotted rgba(54,70,115,.1);
}
.list-item ul li:last-child{border-bottom: none;}
.list-item ul.sub-nemu a::before {
    display: inline-block;
    width: 5px;
    height: 5px;
    content: "";
    vertical-align: middle;
    margin: -1px 10px 0 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #01AF63;
}
.list-item ul.sub-nemu a{font-weight: 500; font-size: 16px;}
.list-item ul.sub-nemu a:hover{color: #0F7541;}
.list-item ul.sub-nemu li.active a{color: #0F7541;}
.list-item ul.sub-nemu li:last-child{border-bottom: 1px dotted rgba(54,70,115,.1);}

.list-item ul.school-tuwen li a{position: relative;display: block; width: 100%; height: 100%; color: #fff; overflow: hidden;  }
.list-item ul.school-tuwen li a span{width: 100%; height: 40px; line-height: 40px; display: block; overflow: hidden; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5);padding:0 15px; }
.list-item ul.school-tuwen li a img {
    width: 100%;
    position: relative;
    transition: all 0.3s;
}
.list-item ul.school-tuwen li a:hover img {
    -webkit-transform: 1;
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
.see-more{ border:1px solid #ECEDEF; background:#fff; padding:8px 29px; border-radius:20px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; text-align:left; }
.see-more i{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.see-more:hover{background:#0F7541; border-color:#0F7541; color:#fff;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.see-more:hover i {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}


#navbar-example20{
    padding:30px 0 30px;
    border-bottom: 1px solid #eee;
    box-shadow:0px 12px 8px -12px rgba(0, 0, 0, 0.2);
}
.sub-nav-box{
  min-height:100px;
}
.sub-nav{

    width: 100%;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #eee;
    box-shadow: 0px 12px 8px -12px rgb(0 0 0 / 20%);
}
.sub-nav .navbar-nav{
    width: 100%;
}
.sub-nav li{
    display: inline-block;
    min-width: 138px;
    float: none !important;
    margin: 10px;

}

.sub-nav li a{
    padding: 8px 27px;
    font-size: 16px;
    color: #222;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #999999;
    background-color: #F6F8FB;
}
.sub-nav li:hover a,.sub-nav li.active a{
    background: #0F7541;
    color: #fff;
    border-color: #0F7541;
    font-weight:700;
}


/*弹窗样式*/
.coco-btn {
  font-size: 16px;
  text-decoration: none;
  padding: 10px 20px;
  white-space: nowrap;
  border-radius: 0px;
  font-weight: 500;
  display: inline-block;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 90%;
  border: 1px solid #fff;
 
  
}

.coco-btn.open{display: block;}

.coco-btn.error{
  color: #525456;
  background-color: #fff9eb;
  box-shadow: 0 0 2px 0 rgb(1 1 0 / 1%), 0 0 0 1px #fcf2cd;
  font-weight: 500;
  transition: all 0.06s ease-out;
 } 
.coco-btn.error .text{ position: relative;z-index: 0; height: 20px; list-style: 20px; padding-left: 18px;color: #CE810A; }
.coco-btn.error .text:before {
    position: absolute;
    left: 0px;
    content: "!";
    color: #fff;
    font-weight: bold;
    z-index: 2;
}
.coco-btn.error .text:after {
    display: block;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #E6A23C;
    left: -8px;
    top: 1px;
    border-radius: 50%;
    text-align: center;
    z-index: 1;
}

.coco-btn.wrong{
  color: #525456;
  border-color:#F56C6C;
  background-color: #FEF0F0;
  box-shadow: 0 0 2px 0 rgb(1 1 0 / 1%), 0 0 0 1px #fcf2cd;
  font-weight: 500;
  transition: all 0.06s ease-out;
 } 
.coco-btn.wrong .text{ position: relative;z-index: 0; height: 20px; list-style: 20px; padding-left: 18px;color: #F56C6C; }
.coco-btn.wrong .text:before {
    position: absolute;
    left: -3px;
    content: "×";
    color: #fff;
    font-weight: bold;
    z-index: 2;
}
.coco-btn.wrong .text:after {
    display: block;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #F56C6C;
    left: -8px;
    top: 1px;
    border-radius: 50%;
    text-align: center;
    z-index: 1;
}

.coco-btn.success{
  border-color:#52B424;
  background-color:#F0F9EB;
  box-shadow: 0 0 2px 0 rgb(1 1 0 / 1%), 0 0 0 1px #fcf2cd;
  font-weight: 500;
  transition: all 0.06s ease-out;
 } 
.coco-btn.success .text{ position: relative;z-index: 0; height: 20px; list-style: 20px; padding-left: 18px;color: #52B424; }
.coco-btn.success .text:before {
    position: absolute;
    left: -8px;
    top: 1px;
    content: "";
    width: 20px;
    height: 20px;
    color: #fff;
    font-weight: bold;
    z-index: 2;
    background: url(../images/success.png) no-repeat center center;
    background-size: 80% auto;
}
.coco-btn.success .text:after {
    display: block;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #67C23A;
    left: -8px;
    top: 1px;
    border-radius: 50%;
    text-align: center;
    z-index: 1;
}



.coco-btn.success:hover::before {
  background-color: rgba(255, 255, 255, 0.08);
}
.coco-btn.success:active::before {
  transition: all 80ms ease-out;
  background-color: rgba(0, 0, 0, 0.2);
}
.status{}




.post-teacher{padding:15px;margin-top:20px;margin-bottom: 40px;}
.post-teacher .name{padding:12px 0;margin-bottom:10px;border-bottom:1px solid #EEE;font-size:16px;color:#e0642e;line-height:22px;text-align:center;}
.post-teacher .img{float:left;overflow:hidden;width:48px;height:48px;margin-left:20px;border:1px solid white;border-radius:24px;box-shadow:0px 4px 16px 0px rgb(0 0 0 / 20%);}
.post-teacher h3{font-size: 16px;color: #333;line-height: 20px;margin-bottom: 10px;}
.post-teacher .info span{padding-left:6px;margin-left:7px;border-left:1px solid #EEE;font-size:12px;color:#1480FF;}

.post-teacher .info{float:left;width:calc(100% - 85px);margin-left:16px;}
.post-teacher p{font-size: 14px;}
.post-teacher .btn{float:left;width:150px;height:36px;margin-top: 15px;background:#e0642e;font-size:14px;color:white;line-height:36px;text-align:center;border-radius:18px;box-shadow:0px 8px 26px 0px rgb(250 115 57 / 50%);}

.clearfix { zoom:1; }
.clearfix:after,
.clearfix:before,
.g-footer a {
  color: #fff; /* 使链接颜色透明 */
}