@charset "UTF-8";
body {
  background: #FAFAFA;
}

/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';
  /* Project id 1571529 */
  src: url("//at.alicdn.com/t/c/font_1571529_lge1slnqzf.woff2?t=1671503786228") format("woff2"), url("//at.alicdn.com/t/c/font_1571529_lge1slnqzf.woff?t=1671503786228") format("woff"), url("//at.alicdn.com/t/c/font_1571529_lge1slnqzf.ttf?t=1671503786228") format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 20px;
  color: #666;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.mt20 {
  margin-top: 20px;
}

.head-nav {
  width: 100%;
  height: 88px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.1);
}

.head-nav .head-nav-inner {
  width: 1220px;
  height: 88px;
  margin: 0 auto;
}

.head-nav .head-nav-inner .nav-l {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  float:left;
  margin-top:8px;
}

.head-nav .head-nav-inner .nav-l .logo {
  display: block;
  width: 112px;
  height: 72px;
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
}

.head-nav .head-nav-inner .nav-l .logo img {
  display: block;
  max-width: 100%;
  height: 100%;
}

    .head-nav .head-nav-inner .nav-l .jg-name {
        display: block;
        max-width: 338px;
        margin-left: 12px;
        font-size: 26px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #333333;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .head-nav .head-nav-inner .nav-r {
        height: 88px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

        .head-nav .head-nav-inner .nav-r .nav {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            float: right;
        }

            .head-nav .head-nav-inner .nav-r .nav li {
                margin-left: 36px;
            }

                .head-nav .head-nav-inner .nav-r .nav li a {
                    display: block;
                    font-size: 16px;
                    font-weight: 400;
                    color: #333333;
                    line-height: 22px;
                }

            .head-nav .head-nav-inner .nav-r .nav .active {
                position: relative;
            }

                .head-nav .head-nav-inner .nav-r .nav .active a {
                    font-weight: 600;
                    color: #FF6C00;
                }

                .head-nav .head-nav-inner .nav-r .nav .active:after {
                    content: '';
                    width: 24px;
                    height: 2px;
                    background: #FF6C00;
                    position: absolute;
                    left: 50%;
                    bottom: -18px;
                    transform: translateX(-50%);
                }

        .head-nav .head-nav-inner .nav-r .course-selection {
            width: 140px;
            height: 44px;
            background: #FFFCFA;
            border-radius: 2px;
            border: 1px solid #FF6C00;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: 158px;
        }

            .head-nav .head-nav-inner .nav-r .course-selection img {
                display: block;
                width: 16px;
                height: 16px;
            }

            .head-nav .head-nav-inner .nav-r .course-selection span {
                display: block;
                margin-left: 4px;
                font-size: 16px;
                color: #FF6C00;
                line-height: 24px;
                cursor:pointer;
            }


.content {
  width: 1220px;
  margin: 0 auto 10px;
}
 .crumbs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
 .crumbs > span {
  margin-right: 5px;
  color: #999;
  font-size: 12px;
}

    .crumbs .sp2 {
        padding-right: 10px;
        background: url(//img.edu.sdnews.com.cn/union/sdnews/img/right_jj.png) right center no-repeat;
    }
    .crumbs a {
        color: #999 !important;
        width: auto !important;
    }

.content .jg-data {
  width: 100%;
  background: #FFFFFF;
  padding: 28px 28px 20px;
  display: flex;
  justify-content: space-between;
}

.content .jg-data .jg-data-l {
  width: calc(100% - 290px);
}

.content .jg-data .jg-data-l .data-l-t1 {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #EEEEEE;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin: -4px 0 0 -4px;
}

.content .jg-data .jg-data-l .data-l-t1 > span {
  font-size: 28px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FF6C00;
  line-height: 32px;
}

.content .jg-data .jg-data-l .data-l-t1 .zan {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 8px;
}

.content .jg-data .jg-data-l .data-l-t1 .zan i {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #FF6C00;
  text-align: center;
  line-height: 16px;
}

.content .jg-data .jg-data-l .data-l-t1 .zan span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FF6C00;
  line-height: 20px;
}

.content .jg-data .jg-data-l .data-l-t1 p {
  margin-left: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}

.content .jg-data .jg-data-l .data-l-t2 {
  width: 100%;
  padding-top: 4px;
}

.content .jg-data .jg-data-l .data-l-t2 .t2-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
}

.content .jg-data .jg-data-l .data-l-t2 .t2-list .tit {
  display: block;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-bottom:0px !important;
}

.content .jg-data .jg-data-l .data-l-t2 .characteristic-list {
  width: calc(100% - 76px);
  margin-left: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content .jg-data .jg-data-l .data-l-t2 .characteristic-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
}

.content .jg-data .jg-data-l .data-l-t2 .characteristic-list li i {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #FF6C00;
  text-align: center;
  line-height: 16px;
}

.content .jg-data .jg-data-l .data-l-t2 .characteristic-list li span {
  display: block;
  margin-left: 1px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #444444;
  line-height: 20px;
}

.content .jg-data .jg-data-l .data-l-t2 .characteristic-list li:last-child {
  margin-right: 0px;
}

.content .jg-data .jg-data-l .data-l-t2 .campus {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content .jg-data .jg-data-l .data-l-t2 .campus .cam {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content .jg-data .jg-data-l .data-l-t2 .campus .cam p {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #444444;
  line-height: 20px;
}

.content .jg-data .jg-data-l .data-l-t2 .campus .cam span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}

.content .jg-data .jg-data-l .data-l-t2 .campus > a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
}

.content .jg-data .jg-data-l .data-l-t2 .campus > a span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FF6C00;
  line-height: 20px;
}

.content .jg-data .jg-data-l .data-l-t2 .campus > a i {
  display: block;
  width: 12px;
  height: 20px;
  font-size: 12px;
  color: #FF6C00;
  text-align: center;
  line-height: 20px;
}

.content .jg-data .jg-data-l .data-l-t2 .contact {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content .jg-data .jg-data-l .data-l-t2 .contact li {
  width: 88px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #EEEEEE;
  margin-right: 8px;
  cursor: pointer;
}

.content .jg-data .jg-data-l .data-l-t2 .contact li i {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #FF6C00;
  text-align: center;
  line-height: 12px;
}

.content .jg-data .jg-data-l .data-l-t2 .contact li span {
  display: block;
  margin-left: 4px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #444444;
  line-height: 20px;
}

.content .jg-data .jg-data-l .data-l-t2 .contact .consulting i {
  color: #FF6C00;
}

.content .jg-data .jg-data-l .data-l-t2 .contact .wxconversation i {
  color: #00CE1B;
}

.content .jg-data .jg-data-l .data-l-t2 .contact .appointment i {
  color: #FF4D4D;
}

.content .jg-data .jg-data-l .data-l-t2 .contact .consulting:hover {
  background: #FF6C00;
  border: 0;
}

.content .jg-data .jg-data-l .data-l-t2 .contact .consulting:hover i,
.content .jg-data .jg-data-l .data-l-t2 .contact .consulting:hover span {
  color: #fff;
}

.content .jg-data .jg-data-l .data-l-t2 .contact .wxconversation:hover {
  background: #00CE1B;
  border: 0;
}

.content .jg-data .jg-data-l .data-l-t2 .contact .wxconversation:hover i,
.content .jg-data .jg-data-l .data-l-t2 .contact .wxconversation:hover span {
  color: #fff;
}

.content .jg-data .jg-data-l .data-l-t2 .contact .appointment:hover {
  background: #FF4D4D;
  border: 0;
}

.content .jg-data .jg-data-l .data-l-t2 .contact .appointment:hover i,
.content .jg-data .jg-data-l .data-l-t2 .contact .appointment:hover span {
  color: #fff;
}

.content .jg-data .jg-data-l .data-l-t3 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
}

.content .jg-data .jg-data-l .data-l-t3 .appointment-audition {
  width: 200px;
  height: 52px;
  background: #FF6C00;
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 52px;
  cursor: pointer;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code {
  position: relative;
  margin-left: 16px;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code .san-code {
  width: 228px;
  height: 52px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  padding: 6px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code .san-code .san-l {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code .san-code .san-l i {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #666;
  text-align: center;
  line-height: 24px;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code .san-code .san-l .san-l-info {
  margin-left: 7px;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code .san-code .san-l .san-l-info span {
  display: block;
  font-size: 16px;
  color: #444444;
  line-height: 20px;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code .san-code .san-l .san-l-info em {
  display: block;
  font-size: 12px;
  color: #999999;
  line-height: 20px;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code .san-code > i {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #999;
  text-align: center;
  line-height: 12px;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code .code {
  width: 228px;
  height: 228px;
  background: #fff;
  border: 1px solid #EEEEEE;
  padding: 24px;
  position: absolute;
  left: 0px;
  top: 52px;
  display: none;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code .code img {
  display: block;
  width: 180px;
  height: 180px;
}

.content .jg-data .jg-data-l .data-l-t3 .scanning-code:hover .code {
  display: block;
}

.content .jg-data .jg-data-r {
  width: 250px;
  margin-left: 40px;
}

.content .jg-data .jg-data-r .album {
  display: block;
  width: 100%;
  height: 150px;
  position: relative;
}

.content .jg-data .jg-data-r .album img {
  display: block;
  width: 100%;
  height: 100%;
}

.content .jg-data .jg-data-r .album span {
  display: block;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
  position: absolute;
  right: 12px;
  bottom: 10px;
}

.content .jg-data .jg-data-r .curr-sign {
  width: 100%;
  height: 64px;
  margin-top: 12px;
  background: #F5F5F5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content .jg-data .jg-data-r .curr-sign .curr-num,
.content .jg-data .jg-data-r .curr-sign .sign-num {
  width: 50%;
  height: 100%;
  position: relative;
  padding-top: 12px;
}

.content .jg-data .jg-data-r .curr-sign .curr-num span,
.content .jg-data .jg-data-r .curr-sign .sign-num span {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  text-align: center;
  line-height: 24px;
}

.content .jg-data .jg-data-r .curr-sign .curr-num em,
.content .jg-data .jg-data-r .curr-sign .sign-num em {
  display: block;
  font-size: 12px;
  color: #999999;
  text-align: center;
  line-height: 16px;
}

.content .jg-data .jg-data-r .curr-sign .sign-num::after {
  content: '';
  width: 1px;
  height: 40px;
  background: #E0E0E0;
  position: absolute;
  left: 0px;
  top: 12px;
}

.content .learning-programme {
  width: 100%;
  height: 36px;
  background: #FFFBF3;
  padding: 0 31px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content .learning-programme p {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}

.content .learning-programme a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content .learning-programme a span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FF6C00;
  line-height: 20px;
}

.content .learning-programme a i {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #FF6C00;
  text-align: center;
  line-height: 12px;
}

.content .characteristic {
  width: 100%;
  height: 72px;
  background: #FFFFFF;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.content .characteristic li {
  padding: 0 140px 0 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content .characteristic li i {
  display: block;
  width: 28px;
  height: 28px;
  font-size: 28px;
  color: #FF6C00;
  text-align: center;
  line-height: 28px;
}

.content .characteristic li > div {
  margin-left: 8px;
}

.content .characteristic li > div span {
  display: block;
  font-size: 16px;
  color: #3D3D3D;
  line-height: 20px;
}

.content .characteristic li > div em {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
}

.content .characteristic li:last-child {
  padding-right: 100px;
}

.content .con2 {
  width: 100%;
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
}

.content .con2 .con2-l {
  width: calc(100% - 270px);
}

.content .con2 .con2-l .model-tit {
  width: 100%;
  padding: 20px 24px 4px;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 24px;
}

.content .con2 .con2-l .more {
  width: calc(100% - 48px);
  height: 48px;
  margin: 0 auto;
  background: #F5F5F5;
  border: 1px solid #EEEEEE;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content .con2 .con2-l .more span {
  display: block;
  margin-right: 2px;
  font-size: 16px;
  color: #444444;
  line-height: 24px;
}

.content .con2 .con2-l .more i {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #444;
  text-align: center;
  line-height: 12px;
}

.content .con2 .con2-l .curriculum {
  width: 100%;
  background: #fff;
  padding-bottom: 16px;
}

.content .con2 .con2-l .curriculum .curr-nav {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 24px 12px;
  flex-wrap:wrap;
}

.content .con2 .con2-l .curriculum .curr-nav li {
  margin-right: 32px;
}

.content .con2 .con2-l .curriculum .curr-nav li a {
  font-size: 14px;
  color: #666666;
  line-height: 20px;
}

.content .con2 .con2-l .curriculum .curr-nav .active a {
  font-weight: 600;
  color: #FF6C00;
}

.content .con2 .con2-l .curriculum .curr-out {
  width: 100%;
}

.content .con2 .con2-l .curriculum .curr-out .active {
  display: block !important;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list {
  display: none;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item:last-child {
  border-bottom: 0;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item {
  width: 100%;
  padding: 24px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l {
  display: flex;
  justify-content: flex-start;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-img {
  display: block;
  width: 160px;
  height: 96px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info {
  width: calc(100% - 171px);
  margin-left: 11px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info .item-info-name {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info .item-info-xq {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info .item-info-xq p {
  max-width: 294px;
  font-size: 14px;
  color: #444444;
  line-height: 20px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info .item-info-xq > span {
  display: block;
  margin-left: 8px;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info .item-info-xq a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 4px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info .item-info-xq a span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FF6C00;
  line-height: 20px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info .item-info-xq a i {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #FF6C00;
  text-align: center;
  line-height: 12px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info .class-type {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info .class-type li {
  height: 24px;
  background: #FFF4EC;
  border-radius: 2px;
  padding: 0 7px;
  margin-right: 8px;
  font-size: 12px;
  color: #FF6C00;
  text-align: center;
  line-height: 24px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-l .item-info .price {
  display: block;
  margin-top: 16px;
  font-size: 18px;
  font-weight: 600;
  color: #FF4545;
  line-height: 24px;
  cursor:pointer;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-r {
  width: 128px;
  padding-top: 8px;
  flex-shrink: 0;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-r .discount {
  display: block;
  width: 100%;
  height: 40px;
  background: #FFEDE0;
  border: 1px solid #FF6C00;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #FF6C00;
  text-align: center;
  line-height: 38px;
}

.content .con2 .con2-l .curriculum .curr-out .curr-list .curr-item .itme-r .consulting {
  display: block;
  margin-top: 20px;
  width: 100%;
  height: 40px;
  background: #FF6C00;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
}

.content .con2 .con2-l .campus {
  width: 100%;
  background: #fff;
}

.content .con2 .con2-l .campus .organ_map_con {
  width: auto;
}

.content .con2 .con2-l .comment {
  width: 100%;
  background: #fff;
  padding-bottom: 16px;
}

.content .con2 .con2-l .comment .border_bot {
  border: 1px solid #EDEDEE;
  border-bottom: 0px;
}

.content .con2 .con2-l .about-us {
  width: 100%;
  background: #fff;
  padding-bottom: 16px;
}

.content .con2 .con2-l .about-us .about-con {
  padding: 20px 24px;
}

.content .con2 .con2-l .about-us .about-con .about-img {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content .con2 .con2-l .about-us .about-con .about-img img {
  display: block;
  width: 250px;
  height: 150px;
  margin-right: 20px;
}

.content .con2 .con2-l .about-us .about-con .about-text {
  width: 100%;
  margin-top: 20px;
  font-size: 16px;
  color: #444444;
  line-height: 28px;
}

.content .con2 .con2-l .contact {
  width: 100%;
  background: #fff;
}

.content .con2 .con2-l .contact .contact-con {
  width: 100%;
  padding: 16px 24px;
}

.content .con2 .con2-l .contact .contact-con > p {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #444444;
  line-height: 28px;
}

.content .con2 .con2-l .contact .contact-con .contacts {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
}

.content .con2 .con2-l .contact .contact-con .contacts > span {
  display: block;
  font-size: 16px;
  color: #444444;
  line-height: 28px;
  flex-shrink: 0;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 12px;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact li {
  width: 88px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #EEEEEE;
  margin-right: 8px;
  cursor: pointer;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact li i {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #FF6C00;
  text-align: center;
  line-height: 12px;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact li span {
  display: block;
  margin-left: 4px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #444444;
  line-height: 20px;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact .consulting i {
  color: #FF6C00;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact .wxconversation i {
  color: #00CE1B;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact .appointment i {
  color: #FF4D4D;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact .consulting:hover {
  background: #FF6C00;
  border: 0;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact .consulting:hover i,
.content .con2 .con2-l .contact .contact-con .contacts .contact .consulting:hover span {
  color: #fff;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact .wxconversation:hover {
  background: #00CE1B;
  border: 0;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact .wxconversation:hover i,
.content .con2 .con2-l .contact .contact-con .contacts .contact .wxconversation:hover span {
  color: #fff;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact .appointment:hover {
  background: #FF4D4D;
  border: 0;
}

.content .con2 .con2-l .contact .contact-con .contacts .contact .appointment:hover i,
.content .con2 .con2-l .contact .contact-con .contacts .contact .appointment:hover span {
  color: #fff;
}

.content .con2 .con2-l .contact .contact-con .campus {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 8px;
  font-size: 16px;
  color: #444444;
  line-height: 28px;
}

.content .con2 .con2-r {
  width: 260px;
  margin-left: 10px;
}

    .content .con2 .con2-r .audition {
        width: 100%;
        height: 410px;
        background: url(//img.edu.sdnews.com.cn/union/sdnews/img/zixunbg@2x.png) center center no-repeat;
        background-size: cover;
        position: relative;
        overflow: hidden;
    }

.content .con2 .con2-r .audition > span {
  display: block;
  position: absolute;
  left: 16px;
  top: 32px;
  font-size: 20px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 28px;
}

.content .con2 .con2-r .audition > em {
  display: block;
  position: absolute;
  left: 16px;
  top: 62px;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
}

.content .con2 .con2-r .audition > i {
  display: block;
  width: 36px;
  height: 4px;
  background: #FF7109;
  position: absolute;
  left: 16px;
  top: 86px;
}

.content .con2 .con2-r .audition .form {
  width: calc(100% - 32px);
  margin: 138px auto 0;
}

.content .con2 .con2-r .audition .form input {
  width: 100%;
  height: 40px;
  margin-bottom: 16px;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  padding: 0 12px;
  font-size: 13px;
  color: #333333;
}

.content .con2 .con2-r .audition .form input::input-placeholder {
  color: #BBBBBB;
}

.content .con2 .con2-r .audition .form input::-webkit-input-placeholder {
  color: #BBBBBB;
}

.content .con2 .con2-r .audition .form input::-moz-placeholder {
  color: #BBBBBB;
}

.content .con2 .con2-r .audition .form input::-moz-placeholder {
  color: #BBBBBB;
}

.content .con2 .con2-r .audition .form input::-ms-input-placeholder {
  color: #BBBBBB;
}

.content .con2 .con2-r .audition .form .submit {
  width: 100%;
  height: 44px;
  background: linear-gradient(180deg, #FF8E00 0%, #FF6C00 100%);
  margin-top: 23px;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  line-height: 44px;
  cursor: pointer;
}

.content .con2 .con2-r .audition .form p {
  font-size: 12px;
  color: #333333;
  line-height: 17px;
  margin-top: 12px;
}

.content .con2 .con2-r .audition .form p span {
  display: inline-block;
  padding: 0 2px;
  color: #FF6C00;
}

.foot a,
.relate_outfit a {
  color: #333;
}

.clear {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.qlu-escore-star {
  position: relative;
  height: 14px;
  line-height: 14px;
}

.qrate-stars-ul {
  list-style: none;
  padding: 0;
  height: 14px;
  line-height: 14px;
  text-align: left;
  font-size: 0;
  -webkit-text-size-adjust: none;
  white-space: nowrap;
}

.qrate-stars-ul li {
  display: inline-block;
  margin: 0 4px;
  padding: 0 !important;
}

.qrate-stars-ul li:first-child {
  margin: 0 4px 0 0;
}

.qrate-stars-ul li:last-child {
  margin: 0 0 0 4px;
}

.qrate-stars-dark {
  color: #ddd;
}

.qrate-stars-light {
  width: 80%;
  position: absolute;
  top: 0px;
  overflow: hidden;
}

.qrate-stars-dark .bottom-star {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(//img.edu.sdnews.com.cn/union/sdnews/img/xing.png) no-repeat 0 0;
    background-size: 14px 14px;
}

.qrate-stars-light .top-star {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(//img.edu.sdnews.com.cn/union/sdnews/img/xing-active.png) no-repeat 0 0;
    background-size: 14px 14px;
}
.about-text img {
    max-width: 100%;
    margin: 20px auto;
    display: inherit;
}