* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; background-color: #fff; font-family: "PingFang-Regular","Arial"; overflow-x:initial}
a { text-decoration: none; color: #000; }
ul, li { list-style: none; }
h2 { font-size: 2.3rem; }
input { border: 2px solid #f08498; outline: none; }
img { width: 100%; }
.wrap { width: 100%; height: auto; }
.wrap .navBar { padding: 3% 0; text-align: center; font-size: 1.35rem; background: #1a191f; color: #9f9f9f; position: fixed; top:54px; width: 100%; z-index: 9; }
.wrap .navItem { margin: 2rem 0; text-align: center; }
.show{margin-top:54px}
.navItem p { font-size: 1.1rem; margin-top: .2rem; }
.area.active p { color: #000; }
.navItem i { width: 3rem; display: block; margin-left: 25%; }
.navItem .bot { height: 2px; width: 0; background: red; margin-left: 25%; transition: width .5s linear; }
.navItem .bot.active { width: 50%; }
.content { width: 94%; margin-left: 3%; }
.springTea { width: 100%; position: relative; }
.springTea .item { margin-left: 10px; }
.item p { color: #7d7d7d; font-size: 1rem; letter-spacing: .2rem; margin-bottom: 1rem; text-transform: uppercase; }
.hotArticle { background: #ededed; border-radius: 15px; padding-bottom: 1rem; overflow: hidden; }
.hotArticle p { width: 15%; text-align: center; background: red; border-radius: 7px; color: #fff; font-size: 1rem; margin: 1rem 0 .5rem; }
.hotArticle .title { margin: 0 1rem; }
.hotArticle .title h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; font-size: 1.8rem; margin: 0; padding: .5rem 0; }
.hotArticle .title b { display: block; margin-top: 1rem; font-size: 1.2rem; color: #7d7d7d; }
.activity { width: 90%; margin: 2rem 5%; }
.article1 { padding: 2rem 0 1rem; border-bottom: 1px #e6e6e6 solid; }
.article .left { width: 50%; display: inline-block; vertical-align: top; margin-right: 3%; }
.left .title { font-size: 1.25rem; line-height: 150%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.left .date { font-size: 1rem; color: #8c8c8c; margin-top: 1rem; }
.article .illustration {
    width: 45%;
    height: calc(45vw / 2.35);
    display: inline-block;
    background-size: cover;
    background-position: left center;
}
.divide { width: 110%; height: 1rem; background: #c8c8c8; margin: 2rem 0; margin-left: -1rem; }
.navBar .active { color: #fff; }
.mui-scroll-wrapper { overflow: visible !important; }
.swiper-container { font-size: 1.2rem; }
.noMore{height:4rem;width:100%;text-align:center;font-size:1rem;line-height:3rem;}
.swiper-pagination-bullet-active{background:#fff}
.more {
    margin: 2rem auto;
    display: block;
    width: 10rem;
    text-align: center;
    border: 1px solid;
    padding: .25rem 0;
    font-size: 1.2rem;
    color: #ccc;
}