@charset "utf-8";

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
iframe,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
button,
input,
textarea,
th,
td,
fieldset {
    padding: 0;
    margin: 0;
}

ul,
ol,
dl {
    list-style-type: none
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 400
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

input,
button {
    overflow: visible;
    vertical-align: middle;
    outline: none
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none
}

body,
th,
td,
button,
input,
select,
textarea {
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
    font-size: 12px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    border: none;
    margin: 0px;
    padding: 0px;
}

a:link,
a:visited {
    text-decoration: blink;
}

body {
    margin: 0 auto;
    padding: 0;
    max-width: 750px;
}

.auto {
    margin-left: auto;
    margin-right: auto;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
    font-size: 0;
    overflow: hidden;
}

.pr {
    position: relative;
}

.pb {
    position: absolute;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

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

.ellipsis-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hide {
    display: none !important;
}

/*  */
.kmyztszxPage {
    max-width: 750px;
    margin: 0 auto;
    position: relative;
}

.kmyztszxPage::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg-back.jpg);
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.banner {
    /* padding-bottom: 1.4rem; */
    /* background-color: #4277f2; */
    display: flex;
    justify-content: center;
    font-size: 0;
}

.banner img {
    width: 100%;
    height: auto;
}

.banner .bannerTitle {
    display: block;
    width: 18.4rem;
    height: 6.8rem;
    left: 50%;
    margin-left: -9.2rem;
    top:1.5rem;
}

.banner .lll {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 7.7rem;
    font-size: .7rem;
    line-height: 1.05rem;
    color: #fff;
    padding-left: 1.2rem;
}

.banner .lll i {
    display: block;
    /* position: absolute; */
    width: 1.6rem;
    height: 2rem;
    left: 0;
    top: 0.225rem;
    background: url(../images/yjIcon.png) no-repeat center;
    background-size: cover;
}

#llNumber {
    font-weight: normal;
}

.conWrap {
    padding: 0 1rem;
}

.pt7 {
    padding-top: .7rem;
}

.science-section-box {
     background: linear-gradient(92deg, #3D9EF8 32%, #16D8DB 84%);
    border-radius: 1.5rem;
    margin-bottom: 10px;
}

.science-section-box .title {
    padding: 0.4rem 0;
    font-size: 0;
    text-align: center;
}

.science-section-box .title img {
    display: inline-block;
    vertical-align: middle;
    height: 1.8rem;
}

.science-section-box .title .titleIcon {
    padding: .45rem .1rem;
    height: .9rem;
    /* background: linear-gradient(to bottom, #3297fb, #4a66ec); */
}

.science-section-box .title.title2 .titleIcon {
    padding: .4rem .1rem;
    height: 1rem;
}

.science-section-box .title.title3 .titleIcon {
    padding: .1rem .1rem;
    height: 1.6rem;
}

.science-section-list {
    padding: 1rem;

   
}

.science-section-item {
    padding: .4rem;
    background-color: #fff;
    border-radius: 1rem;
    border-bottom: .5rem solid #fff;
    height: 9.8rem;
    box-sizing: border-box;
    overflow: hidden;
}

.science-section-item .img {
    font-size: 0;
    width: 12.7rem;
    height: 8.5rem;
}

.science-section-item .img img {
    width: 100%;
    height: 100%;
    border-radius: .75rem;
}

.science-section-item .text {
    width: calc(100% - 13.2rem);
    height: 8.5rem;
    border-radius: .75rem;
}

.science-section-item .text .titleBox {
    height: 3.2rem;
}

.science-section-item .text .titleBox .title {
    width: 100%;
    left: 0;
    font-size: .8rem;
    line-height: 1.2rem;
    max-height: 2.4rem;
    top: 50%;
    transform: translateY(-50%);
    color: #1b1b1b;
    padding: 0;
    text-align: left;
}

.yjbhBtn {
    margin-top: 0.3rem;
    height: 1.7rem;
    background: linear-gradient(266deg, #75F9FF 3%, #98D0FF 72%);
    border-radius: 0.75rem;
    line-height: 1.7rem;
    text-align: center;
    font-size: 0.7rem;
    color: #00247B;
}

.djkxBtn {
    margin-top: 0.3rem;
    height: 1.7rem;
    background: linear-gradient(266deg, #75F9FF 3%, #98D0FF 72%);
    border-radius: 0.75rem;
    line-height: 1.7rem;
    text-align: center;
    ;
    font-size: 0.7rem;
    color: #00247B;
}

.yjbhBtn a,
.djkxBtn a {
    display: block;
    height: 1.7rem;
    color: #00247B;
}

.science-section-list .science-section-item:last-child {
    margin-bottom: 0;
}

.technology-section-box {
    padding-bottom: 0.5rem;
}

.technology-section-box .title {
    padding: 0.4rem 0;
    font-size: 0;
    text-align: center;
}

.technology-section-box .title img {
    display: inline-block;
    vertical-align: middle;
    height: 1.8rem;
}

.technology-section-box .title .titleIcon {
    padding: .3rem .1rem;
    height: 1.2rem;
    background: linear-gradient(to bottom, #3297fb, #4a66ec);
}

.technology-section-list {
    padding: .5rem;
    background-color: #fff;
    border-radius: 1.5rem;
}

.technology-section-item {
    padding: .4rem;
    background-color: #edf2ff;
    border-radius: 1rem;
    margin-bottom: .5rem;
}

.technology-section-item .img {
    font-size: 0;
    width: 12.7rem;
    height: 8.5rem;
}

.technology-section-item .img img {
    width: 100%;
    height: 100%;
    border-radius: .75rem;
}

.technology-section-item .text {
    width: calc(100% - 13.2rem);
    height: 8.5rem;
    border-radius: .75rem;
}

.technology-section-item .text .titleBox {
    height: 3.2rem;
}

.technology-section-item .text .titleBox .title {
    width: 100%;
    left: 0;
    font-size: .8rem;
    line-height: 1.2rem;
    max-height: 2.4rem;
    top: 50%;
    transform: translateY(-50%);
    color: #1b1b1b;
    padding: 0;
    text-align: left;
}

.technology-section-list .technology-section-item:last-child {
    margin-bottom: 0;
}

.school-section-box {
    padding-bottom: 0.5rem;
   border-radius: 1rem;
        background: linear-gradient(92deg, #3D9EF8 32%, #16D8DB 84%);
}

.school-section-list .school-section {
    display: block;
}

.school-section-list .school-section .swiper-slide {
    font-size: 0;
}

.school-section-box .title {
    padding: 0.4rem 0;
    font-size: 0;
    text-align: center;
}

.school-section-box .title img {
    display: inline-block;
    vertical-align: middle;
    height: 1.8rem;
}

.school-section-box .title .titleIcon {
    padding: .45rem .1rem;
    height: .9rem;
}

.school-section-list {
    margin: 10px;
    padding: 1rem 1rem .5rem;
    background: #fff;
    border-radius: 1.5rem;
}

.publishBox {
    height: 12.3rem;
    overflow: hidden;
    background-color: #fff;
    padding: 0 10px;

}

.publish-swiper {
    position: relative;
    height: 12.3rem !important;
}

.school-section-item {
    overflow: hidden;
    border-top: .1rem solid #fff;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.school-section-item a {
    height: 3.1rem;
    display: block;
    font-size: 0;
}

.school-section-item .title {
    font-size: .9rem;
    text-align: left;
    line-height: 1.35rem;
    color: #333333;
    padding: 0;
}

.school-section-item .time {
    margin-top: .5rem;
    font-size: .7rem;
    line-height: 1.05rem;
    color: #999999;
    text-align: left;
}

.moreBtn {
    margin-top: 1rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    background: linear-gradient(268deg, #75F9FF 2%, #98D0FF 72%);
    background-size: contain;
    border-radius: 1.2rem;
}

.moreBtn a {
    display: block;
    font-size: .9rem;
    color: #00247B;
}

.lxwm-box {
    padding-top: 2.4rem;
    padding-bottom: 2.1rem;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.2rem;
    color: #fff;
}

.lxwm-box .lxr {
    padding-bottom: .5rem;
    background: url(../images/lxrBg.png) no-repeat center bottom;
    background-size: contain;
}

.lxwm-box .copyInfo {
    padding-top: .25rem;
}

/*  */
.tab-swiper {
    height:44rem;
    overflow: hidden;
}

.fqkx-box {
    padding-bottom: 0.5rem;
}

.fqkx-box .title {
    padding: 0.4rem 0;
    text-align: center;
}

.fqkx-box .title img {
    display: inline-block;
    vertical-align: middle;
    height: 1.3rem;
}

.fqkx-box .title .titleIcon {
    padding: 1.05rem .1rem;
    height: 1.5rem;
    /* background: linear-gradient(to bottom, #3297fb, #4a66ec);
     */
}

.fqkxBg {
    background: url(../images/fqkxBg.png);
    background-size: 100% 100%;
    height: 8.2rem;
    margin-top: -5px;
    padding: 20px 0 0 0;

}

.fkqx1 {
    display: flex;
    justify-content: center;
}

.beikeBg {
    margin:0 24px 10px 24px;
    background: url(../images/beike.png);
    width: 3.5rem;
    line-height: 3.6rem;
    background-size: 100% 100%;
    height: 3.5rem;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

.fqkxTitle {
    background: linear-gradient(147deg, #3D9EF8 32%, #16D8DB 84%);

}

.fqkx-list {

    border-radius: 1rem;
    height: 12.8rem;
    overflow: hidden;
}

.honeycomb-img {
    width: 22.9rem;
    display: block;
    height: 9.6rem;
    left: 50%;
    top: 50%;
    margin-top: -4.8rem;
    margin-left: -11.45rem;
}

/*  */
.banner.banner2 {
    padding-bottom: .7rem;
}

.bannerText {
    font-size: 1.3rem;
    padding: 0;
    padding-top: .7rem;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: center;
    color: #fff;
    line-height: 1.9rem;
}

.jsbbBox {
    padding: .3rem 3.3rem;
    background-color: #fff;
    border-radius: .75rem;
    height: 2.4rem;
}

.jsbbMain {
    height: 2.4rem;
    overflow: hidden;
}

.jsbbBox .icon {
    display: block;
    width: 2.7rem;
    height: 2.4rem;
    top: .3rem;
    left: .3rem;
}

.jsbbBox .tips {
    display: block;
    width: 1.2rem;
    height: 1.8rem;
    top: .6rem;
    right: 1.05rem;
}

.jsbbItem {
    line-height: 1.2rem;
    font-size: .7rem;
    color: #252525;
    max-height: 2.4rem;
    display: block;
}

.zjxxBox {
    /* background: linear-gradient(119deg, #3D9EF8 20%, #16D8DB 76%); */
    border-radius: .75rem;
    margin-top: .8rem;
}

.mt10 {
    margin-top: 1rem;
}

.zjxxMain {
    /* padding: .8rem 1rem; */
    border-radius: .75rem;
    /* background: linear-gradient(119deg, #3D9EF8 20%, #16D8DB 76%); */

}

.zjxxTitle {
    border-top-right-radius: .75rem;
    border-top-left-radius: .75rem;
    height: 2.8rem;
    background: linear-gradient(119deg, #3D9EF8 20%, #16D8DB 76%);
}

.zjxxTitle img {
    width: 100%;
}

.zjxxTitle .title {

    font-size: 0;
    line-height: 2.8rem;
    height: 2.8rem;
    text-align: left;
}

.zjxxTitle .title::after {
    content: '';
    display: block;
    width: 40%;
    height: 0.1rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.05rem;
    background-color: #EDC879;
}

.zjxxTitle .title .icon {
    padding: 0 .3rem;
    display: inline-block;
    /* background-color: #f5f8ff; */
    vertical-align: middle;
    position: relative;
    width: 1.7rem;
}

.zjxxTitle .title .name {
    padding: 0 .3rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
}

.zjxxCon {
    padding: 1rem 1rem;
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
    background: linear-gradient(4deg, #D2E4FF 0%, #FEFEFE 26%);
}

.list-img-swiper {
    width: 100%;
    height: 14.4rem;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}

.list-img-swiper .swiper-slide a {
    display: block;
    /* width: 21.2rem; */
    height: 14.4rem;
}

.list-img-swiper .swiper-slide img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.list-img-swiper .swiper-button-prev {
    width: 1.8rem;
    height: 1.8rem;
    background-image: url(../images/swiper-left.png);
    background-size: 100%;
    top: 50%;
    position: absolute;
}

.list-img-swiper .swiper-button-next {
    width: 1.8rem;
    height: 1.8rem;
    background-image: url(../images/swiper-right.png);
    background-size: 100%;
    top: 50%;
    position: absolute;
}

.zjxxCon .title {
    padding: .8rem 0 .5rem;
    font-size: 1.1rem;
    line-height: 1.8;
    font-weight: bold;
    color: #151515;
    text-align: center;
}

.zjxxCon .summary {
    font-size: .9rem;
    line-height: 1.8;
    color: #151515;
}

.clickBtnBox {
    width: 125px;
    margin: 10px auto 0 auto;

}

.zjxxMain .clickBtnBox a {
    border-radius: 1rem;
    display: block;
    text-align: center;
    font-size: .8rem;
    color: #00247B;
    line-height: 2.5;
    background: linear-gradient(267deg, #75F9FF 3%, #98D0FF 72%);

}

.zjxxMain .clickBtnBox a span,
.zjxxMain .clickBtnBox a img {
    display: inline-block;
    vertical-align: middle;
}

.zjxxMain .clickBtnBox a img {
    padding-right: .2rem;
    width: 0.7rem;
    height: 0.9rem;
}

.lxxsBox {
    padding: 1.4rem;
    ;
    border-radius: .75rem;
    background: linear-gradient(113deg, #3D9EF8 18%, #16D8DB 75%);
    margin-top: 1rem;
}

.lxxsBox .xxgwCodeBox {
    width: 7.5rem;
    height: 9.1rem;
    overflow: hidden;
}

.lxxsBox .xxgwCode {
    display: block;
    width: 7.5rem;
    height: 7.5rem;
}

.lxxsBox .xxgwName {
    font-size: .65rem;
    color: #fff;
    text-align: center;
    line-height: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
}

.lxxsBox .lxxsMain {
    width: calc(100% - 9rem);
    height: 9.1rem;
    overflow: hidden;
}

.lxxsBox .lxxsMain .info {
    font-size: .9rem;
    line-height: 1.5;
    color: #fff;
}

.lxxsBox .lxxsMain .yjlxxy {
    display: block;
    bottom: 0;
    left: 0;
    font-size: 1rem;
    color: #fff;
    line-height: 2;
    text-align: center;
    padding: 0 1rem;
    border-radius: 1rem;
    background: linear-gradient(132deg, #72A4EA 39%, #696FF4 76%);
}

.lxxsBox .lxxsMain .phone {
    opacity: 0.5;
    display: block;
    right: 33px;
    bottom: 32px;
    height: 7.4rem;
}

.phonedian {
    height: 19px;
    margin: 5px 5px 0 0;
}

.dnkxBox {
    margin-top: 1rem;
    background-color: #fff;
    border-radius: .75rem;
    padding: .5rem;
}

.dnkxTitle {
    padding: .8rem .9rem 1rem;
}

.dnkxTitle img {
    width: 100%;
}

.xyVideoBox {
    padding: .3rem;
     border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
   background: linear-gradient(119deg, #3D9EF8 20%, #16D8DB 76%);
}

.xyVideoBox video {
    width: 100%;
    height: 12.8rem;
    border-radius: .25rem;
}

.yjdhBox {
    margin-top: 1rem;
    background-color: #fff;
    border-radius: .75rem;
    padding: .5rem;
}

.yjdhTitle {
    padding: .8rem .9rem 1rem;
}

.yjdhTitle img {
    width: 100%;
}

#mapBox {
    padding: .3rem;
      border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  background: linear-gradient(119deg, #3D9EF8 20%, #16D8DB 76%);
}

#container {
    width: 100%;
    height: 12.8rem;
    border-radius: .25rem;
}

.yjdhBox .address {
    font-size: .7rem;
    line-height: 1.5;
    padding: .3rem 0;
    color: #1b1b1b;
    text-align: center;
}

.yjdhBtnBox {
    padding-top: 1rem;
    text-align: center;
}

.yjdhBtn {
    height: 2.1rem;
    width: 9.5rem;
    margin: 0 auto;
    border-radius: 1rem;
    background: linear-gradient(132deg, #72A4EA 39%, #696FF4 76%);
    text-align: center;
    color: #fff;
    line-height: 2.1rem;
}

.yjdhBtn a {
    display: block;
    color: #fff;
    font-size: 0;
}

.yjdhBtn a span {
    display: inline-block;
    vertical-align: middle;
    font-size: .7rem;
}

.yjdhBtn a img {
    padding-right: .2rem;
    display: inline-block;
    display: inline-block;
    vertical-align: middle;
    height: 1rem;
}

.shareBox {
    padding-top: 2.3rem;
    padding-bottom: 2.2rem;
    text-align: center;
}

#shareBtn {
    width: 8.2rem;
    margin: 0 0.4rem;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    height: 2.1rem;
    line-height: 2.1rem;
    text-align: center;
    color: #fff;
    background-color: #BDDDFF;
    border-radius: .5rem;
}

#shareBtn a {
    display: block;
    color: #fff;
    font-size: 0;
}

#shareBtn a span {
    display: inline-block;
    vertical-align: middle;
    font-size: .7rem;
}

#shareBtn a img {
    padding-right: .2rem;
    display: inline-block;
    display: inline-block;
    vertical-align: middle;
    height: 1rem;
}

#posterBtn {
    width: 8.2rem;
    margin: 0 0.4rem;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    height: 2.1rem;
    line-height: 2.1rem;
    text-align: center;
    color: #fff;
    background-color: #BDDDFF;
    border-radius: .5rem;
}

#posterBtn a {
    display: block;
    color: #fff;
    font-size: 0;
}

#posterBtn a span {
    display: inline-block;
    vertical-align: middle;
    font-size: .7rem;
}

#posterBtn a img {
    padding-right: .2rem;
    display: inline-block;
    display: inline-block;
    vertical-align: middle;
    height: 1rem;
}

/*  */
.model {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 98;
    display: none;
}

.model_img {
    position: fixed;
    left: 4%;
    top: 0;
    z-index: 99;
    width: 92%;
    display: none;
    text-align: center;
}

.model_img img {
    display: block;
    width: 100%;
    margin: 4rem auto 0;
    border-radius: 0.33rem;
}

.model_img span {
    width: auto;
    display: inline-block;
    padding-bottom: 0.9rem;
    text-align: center;
    font-size: 1.2rem;
    margin: 1rem auto;
    height: 2rem;
    line-height: 2rem;
    color: #ffffff;
    border-bottom: 0.03rem solid #FFFFFF;
}

#hbImg {
    position: fixed;
    left: 10%;
    top: 0;
    z-index: 900;
    width: 80%;
    opacity: 0;
    text-align: center;
    font-size: 0;
}

#hbImg img {
    display: block;
    width: 100%;
    border-radius: .5rem;
    border: 1px solid #fff;
}

.tipsText {
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
    color: #fff;
}

/*  */
.htmlImg {
    width: 25rem;
    position: fixed;
    left: 0;
    top: 0;
    height: 46.066rem;
    overflow: hidden;
    z-index: -5;
    opacity: 0;
    background-image: url('../images/fxhbBg2.png');
    background-color:  #3D9EF8 ;
    background-size: 100%;
}

.htmlImg-top {
    padding: 0.9rem;
    height: 15.4rem;
    overflow: hidden;
    position: relative;
}

.htmlImg-top-main {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
}

.htmlImg-top-left {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 2.46rem;
}

.htmlImg-top-right {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.46rem;
}

.htmlImg-title {
    padding-left: .9rem;
    padding-right: .9rem;
    margin-top: 4.4rem;
    line-height: 1.5;
    overflow: hidden;
    text-align: center;
    font-weight: 600;
    font-size: 2.2rem;
    color: #edf2ff;
}

.htmlImg-title .school-name {
    line-height: 1.2;
    font-size: 1.6rem;
    padding: 0 0 .3rem;
}

.htmlImg-title .school-en {
    font-family: '宋体';
    font-size: .75rem;
    color: #e3ecf4;
    line-height: 1.8;
    border-top: 1px solid #e3ecf4;
    border-bottom: 1px solid #e3ecf4;
    letter-spacing: .05rem;
}

.htmlImg-title .school-km {
    width: 100%;
}

.htmlImg-title .school-other {
    /*margin-top: .3rem;*/
    font-size: 1.2rem;
    line-height: 1.8;
    font-family: '宋体';
    letter-spacing: .05rem;
}

.htmlImg-foot {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding-left: 6.8rem;
    width: 100%;
    height: 4.6rem;
    padding-right: .8rem;
    bottom: 1.8rem;
    left: 0;
}

.htmlImg-text {
    height: 4.6rem;
    overflow: hidden;
    font-size: 0;
}

.htmlImg-text .ztName {
    width: 100%;
    font-size: 0.8rem;
    color: #edf2ff;
    line-height: 1.5;
}

.htmlImg-text .copyInfo {
    width: 100%;
    font-size: 0.8rem;
    color: #edf2ff;
    line-height: 1.5;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid #fff;
}

.htmlImg-text i {
    font-style: normal;
    color: #fff;
    font-size: 0.6rem;
    display: block;
    line-height: 1.5;
    margin-top: 0.55rem;
}

.htmlImgWechat {
    position: absolute;
    font-size: 0;
    width: 5.6rem;
    bottom: -.4rem;
    height: 5.6rem;
    left: .6rem;
    box-sizing: border-box;
    border: .1rem solid #fff;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
}

.htmlImgWechat img {
    width: 100%;
    display: unset;
    width: 100%;
    display: inline-block;
}

.htmlImgWechat canvas {
    width: 100%;
    display: unset;
    width: 100%;
    display: inline-block;
}

/*  */
.school-page {
    min-height: 100vh;
   background: linear-gradient(147deg, #3D9EF8 32%, #16D8DB 84%);
}

.school-con {
    padding: 1rem .8rem;
}

.school-con .titleBox {
    padding: 0 1rem 1rem;
}

.school-con .titleBox .title {
    font-size: 0;
    line-height: 1.8rem;
    height: 1.8rem;
    text-align: center;
}

.school-con .titleBox .title::before {
    content: '';
    display: block;
    width: 100%;
    height: 0.1rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.05rem;
    background-color: #fff;
}

.school-con .titleBox .title .icon {
    padding: 0 .3rem;
    display: inline-block;
    background-color: #6b97ff;
    vertical-align: middle;
    position: relative;
    width: 1.7rem;
}

.school-con .titleBox .title .name {
    padding: 0 .3rem;
    display: inline-block;
    background-color: #6b97ff;
    vertical-align: middle;
    position: relative;
    color: #fff;
    font-size: 1.2rem;
}

.school-list {
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
}

.school-list-item {
    width: 50%;
    box-sizing: border-box;
    padding: .5rem;
}

.school-list-item a {
    display: block;
    border-radius: .5rem;
    height: 5.6rem;
    position: relative;
    background: linear-gradient(to right, #5c7df4, #4e8ef4);
    color: #fff;
}

.school-list-item a p {
    width: 80%;
    left: 10%;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    max-height: 3rem;
    top: 50%;
    transform: translateY(-50%);
}

.school-page .backBtn {
    position: fixed;
    display: block;
    width: 3.8rem;
    height: 3.8rem;
    bottom: .5rem;
    left: 50%;
    margin-left: -1.9rem;
    background: url(../images/backIcon.png) no-repeat center;
    background-size: cover;
}

/*  */
.schoolCon-page {
    background: url(../images/bg-back.jpg);
    min-height: 100vh;
}

.schoolConMain {
    padding: .5rem .5rem 1rem;
}

.schoolCon-banner img {
    width: 100%;
}

.schoolConBox {
    padding: .5rem;
    background: #fff;
    border-radius: .5rem;
}

.schoolCon {
    padding: .5rem;
    background: #f5f8ff;
    border-radius: .25rem;
}

.schoolCon-page .backBtn {
    position: fixed;
    display: block;
    width: 3.8rem;
    height: 3.8rem;
    right: .5rem;
    bottom: 20%;
    background: url(../images/backIcon.png) no-repeat center;
    background-size: cover;
}

.detail-top {
    font-size: 1.4rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    line-height: 2.1rem;
    overflow: hidden;
    word-break: break-all;
}

.detail-top span {
    margin: 0 0.4rem;
}

.detail-top p {
    font-size: 0.8rem;
    font-weight: 400;
    color: #656565;
    line-height: 1.5rem;
    margin-top: 1rem;
}

.detail-top p.title {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: 0;
    color: #000;
}

.detail-content {
    margin-top: 1.17rem;
    line-height: 1.8;
    font-size: 1rem;
    text-align: justify;
    word-break: break-all;
}

.detail-content img {
    max-width: 100%;
    margin: 0.9rem 0;
    height: auto !important;
}

.content-footer {
    margin-top: 1.2rem;
    font-size: 0;
}

.content-footer img {
    width: 100%;
}

/*  */
.fqkxPage {
    min-height: 100vh;
}

.fqkxPage .backBtn {
    position: fixed;
    display: block;
    width: 3.8rem;
    height: 3.8rem;
    right: .5rem;
    bottom: 20%;
    background: url(../images/backIcon.png) no-repeat center;
    background-size: cover;
}

.kmyztszxPage .backBtn {
    z-index: 10;
    position: fixed;
    display: block;
    width: 5.8rem;
    height: 5.8rem;
    right: .5rem;
    bottom: 20%;
    background: url(../images/backIcon.png) no-repeat center;
    background-size: cover;
}