@charset "UTF-8";

a {
    display: inline;
}
@media screen and (max-width: 1024px){
.vd-play{
    top: 36% !important;
}
}
/* jgsz */
.jgsz {
    background: url(../images/wmq/jg-bg.png) no-repeat center top;
    background-size: cover;
}

.jg-tit {
    display: flex;
    padding-left: 1.2rem;
    margin-bottom: .3rem;
}

.jg-tit b {
    color: #0747bc;
    font-size: .4rem;
}

.jg-tit b:last-child {
    color: #222;
}

.jg-lt {
    padding: .5rem 0rem .8rem 1.2rem;
    position: relative;
}

.jg-bg {
    position: absolute;
    left: 0;
    right: -2.1rem;
    top: 0;
    bottom: 0;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
}

.jg-c {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.jg-c ul {
    flex: 1;
    min-width: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    padding-left: .4rem;
    padding-right: .1rem;
}

.jg-c ul li {
    margin-bottom: .3rem;
}

.jg-c ul li:last-child {
    margin-bottom: .2rem;
}

.jg-c ul li a {
    font-size: .2rem;
    color: #ffffff;
    display: inline-block;
    transition: all 0.5s;
}

.jg-c ul li a img {
    width: .1rem;
    margin-left: .05rem;
}

.jg-c ul li a:hover {
    opacity: 0.6;
}

.jg-box {
    padding-bottom: 1.2rem;
}

/* myxz */
.my1 {
    position: relative;
    z-index: 2;
}

.my1>img {
    width: 15rem;
    max-width: 100%;
    display: block;
    margin-left: 0;
    margin-right: auto;
}

.my1 .w15 {
    position: relative;
}

.my1-box {
    background: url(../images/wmq/my-bg1.png) no-repeat;
    background-size: 100% 100%;
    max-width: 100%;
    width: 10rem;
    position: absolute;
    right: 0;
    bottom: -1.6rem;
    padding: .8rem;
}

.my1-box h3 {
    padding-bottom: .4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.my1-box h3 b {
    color: #ffffff;
    font-size: .4rem;
    margin-right: .4rem;
}

.my1-box h3 span {
    color: #ffffff;
    font-size: .24rem;
    font-weight: normal;
}

.my1-tx p {
    font-size: .18rem;
    line-height: .38rem;
    text-align: justify;
    text-indent: 2em;
    color: #ffffff;
    margin-top: .3rem;
}

.my2 {
    background: url(../images/wmq/my-bg2.png) no-repeat center top;
    padding-top: 2.8rem;
    padding-bottom: 1.6rem;
    position: relative;
    overflow: hidden;
}

.my2-vd {
    position: relative;
    padding: .15rem;
    background: url(../images/wmq/my-bg3.png) no-repeat center bottom;
    background-size: 100%;
}

.my2-vd video {
    border-radius: .5rem;
    width: 100%;
}

.my2-vd p {
    font-size: .28rem;
    text-align: center;
    color: #ffffff;
    line-height: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vd-play {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.59rem;
    height: 1.5rem;
    background: url(../images/wmq/my-play.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 2;
    transition: all 0.5s;
}

.vd-play:hover {
    transform: translate(-50%, -50%) scale(1.05);
}

.my2 .w15 {
    position: relative;
    z-index: 2;
}

#lizi {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}


/* shyw */

.shyw {
    background: url(../images/wmq/jg-bg.png) no-repeat center top;
    background-size: cover;
    padding-bottom: 1.2rem;
}

.shyw .w15 {
    width: 16rem;
    margin: 0 auto;
    max-width: 100%;
}

.yw1-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.yw1-ban {
    width: 67.8%;
}

.yw1-ban .pic {
    padding-top: 61.84%;
}

.yw1-lt {
    flex: 1;
    min-width: 0;
    background: #ffffff;
}

.yw1-ban a {
    position: relative;
display:block;
}

.yw1-ban a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.8) 100%);
    background-position: center bottom;
    z-index: 1;
}

.yw1-tx {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: .4rem;
    z-index: 2;
}

.yw1-tx span {
    color: #ffffff;
    font-size: .12rem;
    line-height: .5rem;
    padding: 0 .25rem;
    background: url(../images/wmq/yw1-tbg1.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    white-space: nowrap;
    width: 0.98rem;
    height: 0.5rem;
}

.yw1-tx h3 {
    font-size: .22rem;
    line-height: .36rem;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: .15rem 0;
}

.yw1-tx p {
    font-size: .14rem;
    line-height: .25rem;
    height: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ffffff;
    opacity: 0.66;
}

.yw1-lt ul li {
    position: relative;
    transition: all 0.5s;
}

.yw1-lt ul li::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0%;
    background: url(../images/wmq/yw1-tbg2.png) no-repeat;
    background-size: 100% 100%;
    transition: all 0.5s;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}

.yw1-lt ul li.on {
    z-index: 2;
}

.yw1-p {
    width: 2rem;
    transition: all 0.5s;
}

.yw1-lt ul li a:hover .pic img {
    transform: none;
}

.yw1-lt ul li.on .yw1-p {
    /* padding: .05rem; */
    padding-left: 0;
}

.yw1-lt ul li.on:before {
    width: 106%;
}

.yw1-lt ul li.on h3,
.yw1-lt ul li.on p {
    color: #ffffff;
}

.yw1-lt ul li:last-child .yw1-txt {
    border-color: transparent;
}

.yw1-lt ul li.on .yw1-txt {
    border-color: transparent;
    padding-left: .1rem;
}

.yw2-lt ul li {
    margin-bottom: .3rem;
}

.yw1-lt ul li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.yw1-lt ul li a .pic {
    padding-top: 1.34rem;
}


.yw1-txt {
    flex: 1;
    min-width: 0;
    padding: .3rem;
    padding-bottom: 0;
    border-bottom: 1px solid #efefef;
    transition: all 0.5s;
}

.yw1-txt p {
    font-size: .12rem;
    color: #d43f4a;
    margin-bottom: 0.05rem;
    font-style: italic;
}

.yw1-txt h3 {
    font-size: .18rem;
    line-height: .26rem;
    height: .52rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333333;
}

.yw1 {
    margin-bottom: .8rem;
    position: relative;
}

.yw1::before {
    content: '';
    position: absolute;
    left: 2.7rem;
    top: -0.3rem;
    bottom: .2rem;
    right: 0;
    background: url(../images/wmq/yw1-bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.yw1 .w15 {
    position: relative;
    z-index: 2;
}

.yw2-lt ul li a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: .3rem 1.2rem .3rem .4rem;
    background: #ffffff;
}


.yw2-lt ul li a .pic {
    width: 3.6rem;
    padding-top: 2.31rem;
    margin-right: .4rem;
}

.yw2-tx h3 {
    font-size: .2rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yw2-line {
    width: .35rem;
    height: .02rem;
    background-color: #d43f4a;
    margin-top: .2rem;
    margin-bottom: .3rem;
}

.yw2-tx {
    flex: 1;
    min-width: 0;
}

.yw2-tx p {
    font-size: .16rem;
    line-height: .3rem;
    height: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #888888;
}

.yw2-date {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/wmq/yw-date1.jpg) no-repeat;
    background-size: 100% 100%;
    left: .2rem;
    bottom: .5rem;
    text-align: center;
    padding: .1rem;
}

.yw2-date span {
    font-family: FuturaBT-MediumItalic;
    font-size: .14rem;
    font-weight: normal;
    font-style: italic;
    color: #ffffff;
    display: block;
}

.yw2-date b {
    font-family: FuturaBT-MediumItalic;
    font-size: .29rem;
    font-weight: normal;
    font-style: italic;
    color: #ffffff;
    display: block;
}

.yw2-lt ul li a::after {
    content: '';
    position: absolute;
    right: .4rem;
    bottom: .4rem;
    width: .45rem;
    height: .45rem;
    background: url(../images/wmq/yw2-jt1.png) no-repeat;
    background-size: 100% 100%;
}

.yw2-lt ul li a:hover:after {
    background: url(../images/wmq/yw2-jt2.png) no-repeat;
    background-size: 100% 100%;
}

.yw2-lt ul li a:hover {
    background: -webkit-linear-gradient(90deg, #0c4ec0 0%, #2d82df 100%);
    background: -moz-linear-gradient(90deg, #0c4ec0 0%, #2d82df 100%);
    background: -o-linear-gradient(90deg, #0c4ec0 0%, #2d82df 100%);
    background: linear-gradient(90deg, #0c4ec0 0%, #2d82df 100%);
}

.yw2-lt ul li a:hover h3 {
    color: #fff;
}

.yw2-lt ul li a:hover p {
    opacity: 0.4;
    color: #ffffff;
}

.yw2-lt ul li a:hover .yw2-date {
    background: url(../images/wmq/yw-date2.jpg) no-repeat;
    background-size: 100% 100%;
}

.page img {
    max-width: 90%;
    display: block;
    margin: 0 auto;
}

.page {
    margin-top: 1rem;
}

/* shzc */

.shzc {
    background: url(../images/wmq/zc-bg2.jpg) no-repeat;
    background-size: cover;
    width: 17rem;
    max-width: 100%;
    margin: 0 auto;
    padding-top: .4rem;
    padding-bottom: 7rem;
    position: relative;
}

.shzc::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/wmq/zc-bg1.png) no-repeat center bottom;
    background-size: 100%;
}

.shzc>div {
    position: relative;
}

.zc-tit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: .6rem;
    padding-left: .7rem;
    overflow: hidden;
}

.zc-tit p {
    color: #ffffff;
    font-size: .24rem;
    margin-right: .3rem;
}

.zc-plane {
    width: .2rem;
    height: .2rem;
    background: url(../images/wmq/zc-plane.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.zc-plane::after {
    content: '';
    width: 17rem;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

.zc-c {
    padding: 0 .8rem;
}

.zc-c h2 {
    text-align: center;
    color: #ffffff;
    font-size: .36rem;
    margin-bottom: .2rem;
    padding-right: .8rem;
}

.zc-tx h3 {
    color: #ffffff;
    font-size: .28rem;
    text-align: center;
    margin-bottom: .3rem;
    font-weight: normal;
}



.zc-tx p {
    font-size: .2rem;
    line-height: .35rem;
    color: #dce9ff;
    text-align: justify;
    text-indent: 2em;
    margin-bottom: .25rem;
}

.zc-tx {
    padding-right: .8rem;
    max-height: 12rem;
    /* max-height: 60vh; */
    overflow-y: auto;
}


.zc-tx::-webkit-scrollbar {
    width: .03rem;
    height: .01rem;
}

.zc-tx::-webkit-scrollbar-track {
    width: .03rem;
    background: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.zc-tx::-webkit-scrollbar-thumb {
    background-color: #fff;
    background-clip: padding-box;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

/* tzgg */
.tzgg {
    padding-bottom: 1.2rem;
    background: url(../images/wmq/tz-bg.png) no-repeat center bottom;
    background-size: 100% 100%;
}

.tz-lt ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.3rem;
    margin-right: -0.3rem;
}

.tz-lt ul li {
    width: 33.33%;
    margin-bottom: .6rem;
}

.tz-lt ul li a {
    display: block;
    margin: 0 .3rem;
    background-color: rgba(255, 255, 255, .4);
    box-shadow: 0rem .16rem .38rem 0rem rgba(6, 44, 104, 0.22);
    transition: all 0.5s;
}

.tz-dt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .3rem .4rem .2rem .4rem;
}

.tz-date {
    text-align: center;
    margin-right: .25rem;
}

.tz-date b {
    font-family: FuturaBT-MediumItalic;
    font-size: .29rem;
    font-weight: normal;
    font-style: italic;
    color: #0747bc;
    display: block;
}

.tz-date span {
    display: block;
    font-family: FuturaBT-MediumItalic;
    font-size: .14rem;
    font-style: italic;
    color: #0747bc;
}

.tz-tx {
    flex: 1;
    min-width: 0;
}

.tz-tx p {
    font-family: MicrosoftYaHeiSemibold;
    font-size: .2rem;
    line-height: .32rem;
    height: .64rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tz-lt h3 {
    line-height: .35rem;
    color: #ffffff;

    font-size: .14rem;
    padding: 0 .4rem;
    background: url(../images/wmq/tz-tbg1.png) no-repeat;
    background-size: 90% 100%;
    position: relative;
    transition: all 0.5s;
}
.tz-lt h3 span {
    color: #ffffff;
}
.tz-lt h3::after {
    content: '';
    position: absolute;
    top: 50%;
    right: .25rem;
    transform: translateY(-50%);
    width: .2rem;
    height: .21rem;
    background: url(../images/wmq/tz-fj1.png) no-repeat;
    background-size: 100% 100%;
}

.tz-lt ul li a:hover .tz-dt span,
.tz-lt ul li a:hover b,
.tz-lt ul li a:hover p {
    color: #d43f4a;
    font-weight: 600;
}

.tz-lt ul li a:hover {
    transform: translateY(-0.05rem);
}

.tz-lt ul li a:hover h3 {
    background: url(../images/wmq/tz-tbg2.png) no-repeat;
    background-size: 90% 100%;
}

.tz-lt ul li a:hover h3::after {
    background: url(../images/wmq/tz-fj2.png) no-repeat;
    background-size: 100% 100%;
}

/* xrld */
.xr_leader_box {
    background: url(../images/wmq/tz-bg.png) no-repeat center bottom;
    background-size: 100%;
    padding-bottom: 1.4rem;
}

.xr_leader {
    background-color: #ffffff;
    box-shadow: 0rem .03rem .59rem 0rem rgba(12, 35, 71, 0.11);
    padding: .3rem .7rem .3rem 1.24rem;
    position: relative;
}

.xr_leader::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .44rem;
    background: url(../images/wmq/ld-tbg.jpg) no-repeat;
    background-size: 100% 100%;
}

.xr_leader ul li a {
    padding: .5rem 0;
    border-bottom: 1px solid #e0e0e0;
    display: block;
}

.xr_leader ul li:last-child a {
    border-color: transparent;
}

.xr_leader ul li a h3 {
    margin-bottom: .2rem;
    font-family: MicrosoftYaHei-Bold;
}

.xr_leader ul li a p {
    font-size: .16rem;
    line-height: .26rem;
    color: #666666;
    opacity: 0.66;
    text-align: justify;
}

.xr_leader ul li a h3 b {
    color: #0e52c2;
    font-size: .28rem;
    margin-right: .2rem;
}

.xr_leader ul li a h3 span {
    font-size: .2rem;
    color: #0e52c2;
    font-weight: normal;
}

/* ztbd */

.ztbd {
    background: url(../images/wmq/tz-bg.png) no-repeat center bottom;
    background-size: 100%;
    padding-bottom: 1.5rem;
}

.zt-lt ul {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid rgba(7, 71, 188, 0.12);
}

.zt-lt ul:first-child {
    border-color: transparent;
}

.zt-lt ul:first-child li {
    padding-top: 0;
}

.zt-lt ul:last-child li {
    padding-bottom: 0;
}

.zt-lt ul li {
    padding-top: .7rem;
    padding-bottom: .7rem;
    position: relative;
}

.zt-lt ul li a .pic {
    padding-top: 140%;
}

.zt-lt ul li {
    width: 32%;
    border-right: 1px solid rgba(7, 71, 188, 0.12);
}

.zt-lt ul li:nth-child(3n+3) {
    border-color: transparent;
}

.zt-lt ul li a {
    width: 4.07rem;
}

.zt-lt ul li:nth-child(3n+1) a {
    margin-left: 0;
    margin-right: auto;
}

.zt-lt ul li:nth-child(3n+2) {
    /* width: 36%; */
}

.zt-lt ul li:nth-child(3n+2) a {
    margin: 0 auto;
}

.zt-lt ul li:nth-child(3n+3) a {
    margin-left: auto;
    margin-right: 0;
}

/* zt-u1 */
.zt-u1 li:nth-child(1)::after {
    content: '';
    width: .08rem;
    height: .08rem;
    background: url(../images/wmq/j1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .02rem;
    bottom: .02rem;
}

.zt-u1 li:nth-child(2)::before {
    content: '';
    width: .08rem;
    height: .08rem;
    background: url(../images/wmq/j2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: .02rem;
    bottom: .02rem;
}

.zt-u1 li:nth-child(2)::after {
    content: '';
    width: .08rem;
    height: .08rem;
    background: url(../images/wmq/j1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .02rem;
    bottom: .02rem;
}

.zt-u1 li:nth-child(3)::before {
    content: '';
    width: .08rem;
    height: .08rem;
    background: url(../images/wmq/j2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: .02rem;
    bottom: .02rem;
}

/* zt-u1 */

/* zt-u2 */
.zt-u2 li:nth-child(1)::after {
    content: '';
    width: .08rem;
    height: .08rem;
    background: url(../images/wmq/j4.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .02rem;
    top: .02rem;
}

.zt-u2 li:nth-child(2)::before {
    content: '';
    width: .08rem;
    height: .08rem;
    background: url(../images/wmq/j3.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: .02rem;
    top: .02rem;
}

.zt-u2 li:nth-child(2)::after {
    content: '';
    width: .08rem;
    height: .08rem;
    background: url(../images/wmq/j4.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .02rem;
    top: .02rem;
}

.zt-u2 li:nth-child(3)::before {
    content: '';
    width: .08rem;
    height: .08rem;
    background: url(../images/wmq/j3.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: .02rem;
    top: .02rem;
}

/* zt-u2 */


/* 正文 */
.zw-c {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.zw-l {
    width: 70%;
}

.zw-r {
    width: 25.66%;
    background-color: #eef9ff;
}

.zw-box {
    background: url(../images/wmq/tz-bg.png) no-repeat center bottom;
    background-size: 100%;
    padding-bottom: 1.4rem;
}

.zw-tit {
    margin-bottom: .5rem;
}

.zw-tit h3 {
    color: #333333;
    font-size: .36rem;
    margin-bottom: .2rem;
}

.zw-ifo {
    border-left: .03rem solid #af2127;
    padding-left: .25rem;
}

.zw-ifo p span {
    font-size: .18rem;
    color: #222222;
    opacity: 0.66;
    line-height: 1;
}

.zw-ifo p:first-child {
    margin-bottom: .15rem;
}

/*.zw-tx span {
    display: block;
    text-align: justify!important;
    margin-bottom: .3rem!important;
    color: #333333;
    font-size: .2rem!important;
    line-height: .35rem!important;
    margin-bottom: .3rem;
}*/

.zw-tx p {
    color: #333333;
    font-size: .2rem!important;
    line-height: .35rem!important;
    text-indent: 2em!important;
    margin-bottom: .4rem;
    text-align: justify!important;
}

.zw-span {
    margin-bottom: .5rem;
}

.zw-tx p img {
    max-width: 100%;
    width: auto;
    /* max-width: 100%; */
    margin: 0 auto;
    display: block;
    height: auto!important;
}

.zw-page {
    border-top: 1px solid #c8d5da;
    padding-top: .3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.zw-lk a {
    display: block;
    font-size: .2rem;
    line-height: .34rem;
    color: #333333;
}

.zw-lk a:hover {
    color: #0747bc;
}

.back-lt a {
    display: block;
    line-height: .48rem;
    text-align: center;
    width: 1.28rem;
    color: #ffffff;
    font-size: .2rem;
    background-color: #0747bc;
    margin: .2rem 0;
    transition: all 0.5s;
}

.back-lt a:hover {
    letter-spacing: .02rem;
}

.zw-rtit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: .28rem .3rem;
    background-color: #d3ebff;
}

.zw-rtit img {
    width: .36rem;
    display: block;
    margin-right: .13rem;
}

.zw-rtit h3 {
    font-size: .28rem;
    color: #333333;
}

.zw-rt ul li a p {
    width: 1.22rem;
    line-height: .35rem;
    background: url(../images/wmq/c-tbg1.png) no-repeat;
    background-size: 100% 100%;
    padding-left: .22rem;
    margin-bottom: .1rem;
    position: relative;
}

.zw-rt ul li a p::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -0.4rem;
    transform: translateY(-50%);
    width: .21rem;
    height: .21rem;
    background: url(../images/wmq/c-d1.png) no-repeat center center;
    background-size: .15rem;
    transition: all 0.5s;
}

.zw-rt ul li a:hover p::before {
    width: .21rem;
    height: .21rem;
    background: url(../images/wmq/c-d2.png) no-repeat center center;
    background-size: 100% 100%;
}

.zw-rt ul li a h3 {
    font-size: .2rem;
    line-height: .34rem;
    color: #222222;
    padding-left: .1rem;
    font-weight: normal;
}

.zw-rt ul li a:hover h3 {
    color: #9d1d22;
}

.zw-rt ul li a:hover p {
    color: #9d1d22;
    background: url(../images/wmq/c-tbg2.png) no-repeat;
    background-size: 100% 100%;
}

.zw-rt {
    padding-left: .2rem;
    padding-right: .4rem;
    padding-top: .3rem;
}

.zw-ulbox {
    padding-left: .3rem;
    position: relative;
}

.zw-ulbox::before {
    content: '';
    position: absolute;
    left: 0;
    top: .2rem;
    bottom: 0;
    border-left: 1px solid rgba(102, 102, 102, 0.1);
}

.zw-rt ul li {
    margin-bottom: .3rem;
}

/* xykd */
.xykd {
    background: url(../images/wmq/tz-bg.png) no-repeat center bottom;
    background-size: 100%;
    padding-bottom: 1.5rem;
}

.kd-lt ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
}

.kd-lt ul li {
    width: 33.33%;
    margin-bottom: .4rem;
}

.kd-lt ul li a {
    margin: 0 .2rem;
    display: block;
    background: #ffffff;
    transition: all 0.5s;
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, 0.1);
}


.kd-lt ul li a .pic {
    padding-top: 62.5%;
}

.kd-tx {
    padding: .3rem;
    padding-bottom: .35rem;
}

.kd-tx h3 {
    font-size: .2rem;
    line-height: .28rem;
    height: .56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333333;
}

.kd-line {
    height: 1px;
    border-bottom: dashed 1px rgba(173, 203, 229, 0.4);
    position: relative;
    margin-top: .3rem;
    margin-bottom: .2rem;
}

.kd-line::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: .2rem;
    height: .56rem;
    background: url(../images/wmq/kd-sanjiao.png) no-repeat;
    background-size: 100% 100%;
}

.kd-line::after {
    content: '';
    width: .2rem;
    height: .21rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(../images/wmq/tz-fj1.png) no-repeat;
    background-size: 100% 100%;
}

.kd-ifo {
    padding-left: .1rem;
}

.kd-ifo p {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    line-height: .28rem;
    color: #666666;
    font-size: .14rem;
}

.kd-ifo p img {
    margin-right: .09rem;
    width: .15rem;
}

.kd-jt {
    margin-top: .25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.kd-jt img {
    width: .45rem;
    display: block;
}

.kd-jt span {
    font-size: .16rem;
    color: #af2127;
    line-height: .3rem;
    border-radius: .9rem;
    border: solid 1px rgba(175, 33, 39, 0.5);
    display: block;
    padding: 0 .12rem;
}

.kd-lt ul li a:hover {
    box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, 0.2);
    transform: translateY(-0.05rem);
}


.kd-lt ul li a:hover h3 {
    color: #0747bc;
}



/* 校园风光 */
.xyfg {
    padding-bottom: 1.2rem;
    background: url(../images/wmq/jg-bg.png) no-repeat center bottom;
    background-size: 100% 100%;
}


/* 组图 */

.group-big li a {
    display: block;
    position: relative;
}

.group-big li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/wmq/fg-zz.png) no-repeat center bottom;
    background-size: 100%;
    z-index: 1;
}

.fg-tx {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    padding: .5rem .6rem;
}

.fg-tx h3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .15rem;
    margin-bottom: .15rem;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    line-height: 1;
}

.fg-tx h3 b {
    color: #ffffff;
    font-size: .32rem;
}

.fg-tx h3 span {
    color: #ffffff;
    font-size: .16rem;
}

.fg-tx p {
    color: #ffffff;
    font-size: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-big li a .pic {
    padding-top: 56%;
    display: block;
    position: relative;
    overflow: hidden;
}

.group-big li a .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.group-big li a img {
    display: block;
    width: 100%;
}

.group-big .slick-prev,
.group-big .slick-next {
    width: .55rem;
    height: .55rem;
}


.group-big {
    margin: 0 auto;
    max-width: 12rem;
    border-radius: .5rem;
    overflow: hidden;
}

.xyfg .w15 {
    max-width: 12rem;
    width: 100%;
}

.group-sml .slick-prev {
    width: .5rem;
    height: .5rem;
    background: url(../images/wmq/fg-prev.png) no-repeat;
    background-size: 100% 100%;
    left: -0.7rem;
    transition: all 0.5s;
}



.group-sml .slick-next {
    width: .5rem;
    height: .5rem;
    background: url(../images/wmq/fg-next.png) no-repeat;
    background-size: 100% 100%;
    right: -0.7rem;
    transition: all 0.5s;
}

.group-sml .slick-arrow:hover {
    transform: translateY(-50%) scale(1.05);
}

.group-smlbox {
    margin-top: .2rem;
    background: url(../images/wmq/fg-smlbg.png) no-repeat;
    background-size: 100% 100%;
    box-shadow: 0rem .09rem .16rem 0rem rgba(3, 33, 82, 0.08);
}

.group-sml {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
}

.group-sml li.slick-current.slick-active a .fg-pic {
    background-color: #af2127;
    padding: .05rem;
    border-radius: .1rem;
}

.group-sml li a {
    display: block;
    padding: .15rem .2rem;
    position: relative;
}

.group-sml li.slick-current.slick-active a::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -0.02rem;
    transform: translateX(-50%);
    border-top: .1rem solid transparent;
    border-right: .1rem solid transparent;
    border-bottom: .1rem solid #af2127;
    border-left: .1rem solid transparent;
}

.group-sml li a .pic {
    padding-top: 56%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: .1rem;
}

.group-sml li a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

/* 组图end */

.fg-bot ul {
    display: flex;
    flex-wrap: wrap;
}

.fg-bot ul li {
    width: 33.33%;
    margin-bottom: .18rem;
}

.fg-bot ul li a .pic {
    padding-top: 66%;
}

.fg-bot ul li a {
    position: relative;
    display: block;
    margin: 0 .1rem;
    border-radius: .2rem;
    overflow: hidden;
}

.fg-bot ul li a p {
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: .48rem;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    color: #ffffff;
    font-size: .2rem;
    padding: 0 .35rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fg-bot {
    margin-top: 1rem;
}

/* 校园风光二级 */
.fj-bg {

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: blur(20px);
}

.fj-wrap {
    position: relative;
    z-index: 9;
    padding-top: 1.8rem;
    padding-bottom: 1.4rem;
}

.fj-box {
    background-color: #ffffff;
    border-radius: .2rem;
    padding: .5rem;
    padding-bottom: 1rem;
}

.fj-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .3rem;
}

.fj-page a {
    font-size: .2rem;
    color: #666666;
    opacity: 0.66;
}

.fj-page a:hover {
    color: #0747bc;
}

.fj-tit {
    margin-bottom: .3rem;
}

.fj-tit h3 {
    font-size: .46rem;
    line-height: 1;
    color: #333333;
    margin-bottom: .15rem;
}

.fj-tit p {
    font-size: .2rem;
    color: #666666;
    opacity: 0.66;
}

.fj-piclt ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem;
}

.fj-piclt ul li a .pic {
    padding-top: 64%;
}

.fj-piclt ul li a {
    border-radius: .2rem;
    margin: .1rem;
    overflow: hidden;
    display: block;
}

.fj-piclt ul li {
    width: 33.33%;
}

#vsb_content img {
    width:100% !important;
    display:block;
    border-radius:0.2rem;
}

.fj-tx>div {
    margin-top: .3rem;
}

.fj-tx p {
    font-size: .16rem;
    line-height: .27rem;
    color: #333333;
}

/* shxx */

.shxx {
    padding: 1.5rem 0;
    padding-left: 2.1rem;
    background: url(../images/wmq/tz-bg.png) no-repeat center bottom;
    background-size: 100%;
}

.sx1 {
    position: relative;
    padding-left: 1rem;
}

.sx1-l {
    width: 48%;
    height: 5.17rem;
    background-color: #f8fbfe;
    position: relative;
    border: 1px solid #e1e9f7;
    border-bottom: none;
    padding: .5rem;
}

.sx1-l::before {
    content: '';
    width: .21rem;
    height: .2rem;
    background: url(../images/wmq/xx-sj1.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: .1rem;
    top: .1rem;
}

.sx1-l::after {
    content: '';
    width: .21rem;
    height: .2rem;
    background: url(../images/wmq/xx-sj2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: .1rem;
    bottom: .1rem;
}

.sx1-l h3 {
    font-family: AlimamaShuHeiTi-Bold;
    font-size: .36rem;
    color: #333333;
    font-weight: normal;
    margin-bottom: .6rem;
}

.sx1-l img {
    display: block;
    width: 4.6rem;
    margin: 0 auto;
    max-width: 85%;
}

.sx1-fj {
    width: 1.02rem;
    height: 5.89rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/wmq/xx-fj.png) no-repeat;
    background-size: 100% 100%;
}

.sx1-r {
    background: url(../images/wmq/xx-picbg.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 52%;
    height: 7.72rem;
    right: 0;
    top: 0;
}

.sx1-r img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 7.52rem;
    display: block;
    max-width: 90%;
}

.sx2 {
    position: relative;
    z-index: 2;
}

.sx2::before {
    content: '';
    width: 2.2rem;
    height: 5.25rem;
    background-color: #af2127;
    position: absolute;
    left: -2.1rem;
    bottom: 0;
    transform: translateY(50%);
}

.sx2-fj {
    width: 1.02rem;
    height: 2.6rem;
    background: url(../images/wmq/xx-fj.png) no-repeat center top;
    background-size: 100%;
    position: absolute;
    right: 2.11rem;
    bottom: 0;
}

.sx2-c {
    position: relative;
    z-index: 2;
    width: 75%;
    height: 6.3rem;
    background: #ffffff;
    position: relative;
    z-index: 2;
    padding-top: .66rem;
}

.sx2 h3 {
    font-family: AlimamaShuHeiTi-Bold;
    font-size: .36rem;
    color: #333333;
    text-align: center;
    font-weight: normal;
    margin-bottom: .4rem;
}

.sx2-c img {
    width: 8.92rem;
    display: block;
    margin: 0 auto;
    max-width: 85%;
}

.sx3 {
    position: relative;
    z-index: 3;
}

.sx3-c h3 {
    font-family: AlimamaShuHeiTi-Bold;
    font-size: .36rem;
    color: #ffffff;
    font-weight: normal;
    padding-top: 1rem;
    padding-left: 1.2rem;
}

.sx3-c {
    height: 5.62rem;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.sx3-tx {
    font-size: .32rem;
    color: #333333;
    margin-top: .4rem;
    text-align: center;
    font-weight: 600;
}

.yf-line img {
    width: 15rem;
    margin-left: 0;
    margin-right: auto;
    display: block;
}

.sx3-cp {
    width: 3.74rem;
    height: 5.03rem;
    background: url(../images/wmq/xx-cpbg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
}

.sx3-gp {
    position: absolute;
    top: 50%;
    right: .4rem;
    transform: translateY(-50%);
}


.sx3-gp {
    width: 2.04rem;
    height: 2.04rem;
    border-radius: 50%;
}

.gp-line {
    position: absolute;
    left: 50%;
    bottom: .1rem;
    left: .2rem;
    width: 1.5rem;
    max-width: 80%;
    height: 2.61rem;
    background: url(../images/wmq/xx-line2.png) no-repeat;
    background-size: 100% 100%;
}

.sx3-gp>img {
    width: 100%;
    display: block;
}

.sx3-bp {
    width: 2.12rem;
    height: 2.58rem;
    position: absolute;
    left: 0.4rem;
    top: 2.2rem;
    background: url(../images/wmq/xx-bp.png) no-repeat;
    background-size: 100% 100%;
    transform-origin: left top;
    transition: all 0.5s;
}

.sx3-cp.on .sx3-bp {
    transform: rotate(-35deg);
}

.sx3-cp.on .gp-line {
    animation: shake1 2s linear infinite;
}

.sx3-cp.on .sx3-gp img {
    animation: roate 2s linear infinite;
}

@keyframes roate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.yf-l {
    position: relative;
}

.yf-zm {
    position: absolute;
    max-width: .6rem;
    max-width: .7rem;
}

.yf1 {
    bottom: 0.1rem;
    left: 7%;
    animation-name: shake1;
    animation-delay: 0s;
}

.yf2 {
    bottom: 0.1rem;
    left: 20%;
    animation-name: shake2;
    animation-delay: 0.2s;
}

.yf3 {
    bottom: 0.5rem;
    left: 30%;
    animation-name: shake3;
    animation-delay: 0.4s;
}

.yf4 {
    bottom: 0.2rem;
    left: 55%;
    animation-name: shake2;
    animation-delay: 0.2s;
}

.yf5 {
    top: .5rem;
    left: 70%;
    animation-name: shake1;
    animation-delay: 0.2s;
}


.yf-zm {
    animation-duration: 2.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/* 定义多组不同的上下晃动动画 */
@keyframes shake1 {

    0%,
    100% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-10px);
    }

    75% {
        transform: translateY(10px);
    }
}

@keyframes shake2 {

    0%,
    100% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(-6px);
    }

    80% {
        transform: translateY(6px);
    }
}

@keyframes shake3 {

    0%,
    100% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-8px);
    }

    70% {
        transform: translateY(8px);
    }
}














@media screen and (max-width: 1024px) {
    .group-sml {
        padding:0 0.3rem;
    }
    .group-sml .slick-prev {
        left:0;
        width: .3rem;
        height: .3rem;
    }
    .group-sml .slick-next {
        right:0;
        width: .3rem;
        height: .3rem;
    }
    .jg-tit {
        padding: 0;
        margin-bottom: .2rem;
    }

    .jg-tit b {
        font-size: .2rem;
    }

    .jg-lt {
        padding: .2rem;
    }

    .jg-c ul {
        padding-left: .2rem;
    }

    .jg-c ul li {
        margin-bottom: .2rem;
    }

    .jg-c ul li a {
        font-size: .16rem;
    }

    .jg-box {
        padding-bottom: .3rem;
    }


    .my1-box {
        position: static;
        width: 100%;
        padding: .3rem;
    }

    .my1 .w15 {
        padding: 0;
    }

    .my1-box h3 b {
        font-size: .24rem;
    }

    .my1-box h3 {
        padding-bottom: .2rem;
    }

    .my1-box h3 span {
        font-size: .18rem;
    }

    .my1-tx p {
        margin-top: .2rem;
    }

    .my2 {
        padding: .3rem 0;
    }

    .my2-vd p {
        font-size: .18rem;
        line-height: .5rem;
    }

    .vd-play {
        width: 0.8rem;
        height: 0.8rem;
    }

    #lizi {
        display: none;
    }

    .yw1-ban {
        width: 100%;
        margin: 0;
    }

    .yw1-lt {
        flex: auto;
        width: 100%;
    }

    .yw1::before {
        display: none;
    }

    .yw1-lt ul li.on::before {
        width: 100%;
    }

    .yw1 {
        margin-bottom: .3rem;
    }

    .shzc-box {
        padding: 0 10px;
    }

    .zc-c {
        padding: 0 .3rem;
    }

    .zc-c h2 {
        padding: 0;
        font-size: .24rem;
    }

    .zc-tx {
        padding-right: 0;
        max-height: none;
        overflow: visible;
    }

    .zc-tx h3 {
        font-size: .22rem;
    }

    .zc-tx p {
        font-size: .18rem;
    }

    .shzc {
        padding-bottom: 5rem;
        padding-top: .2rem;
    }

    .zc-tit {
        padding-left: .2rem;
        margin-bottom: .3rem;
    }

    .tz-lt ul li {
        width: 50%;
        margin-bottom: .3rem;
    }

    .tz-lt ul {
        margin-left: -0.1rem;
        margin-right: -0.1rem;
    }

    .tz-lt ul li a {
        margin: 0 .2rem;
    }

    .tzgg {
        padding-bottom: .5rem;
    }

    .xr_leader ul li a {
        padding: .3rem 0;
    }

    .xr_leader ul li a h3 b {
        font-size: .24rem;
    }

    .xr_leader ul li a h3 {
        margin-bottom: .1rem;
    }

    .xr_leader {
        padding: .2rem .4rem .2rem .6rem;
    }

    .xr_leader::before {
        width: .2rem;
    }

    .zt-lt ul li a {
        width: 75%;
    }

    .zt-lt ul li {
        padding-top: .4rem;
        padding-bottom: .4rem;
    }

    .zt-lt ul li {
        width: 33.333% !important;
    }

    .zt-lt ul li a {
        margin: 0 auto !important;
    }

    .zw-c>div {
        width: 100%;
    }

    .zw-tit h3 {
        font-size: .26rem;
    }

    .zw-ifo p:first-child {
        margin-bottom: .05rem;
    }

    .zw-tx span {
        margin-bottom: .2rem;
    }

    .zw-rtit {
        padding: .15rem;
    }

    .zw-rtit h3 {
        font-size: .22rem;
    }

    .kd-lt ul li {
        width: 50%;
    }

    .kd-lt ul li a {
        box-shadow: 0 0 .1rem 0 rgba(0, 0, 0, 0.1);
    }

    .xykd {
        padding-bottom: .5rem;
    }

    .kd-jt {
        margin-top: .1rem;
    }

    .fg-top {
        padding: 0 .15rem;
    }

    .fg-bot {
        margin-top: .5rem;
    }

    .xyfg {
        padding-bottom: .5rem;
    }

    .fj-wrap {
        padding-top: .3rem;
        padding-bottom: .5rem;
    }

    .fj-tit h3 {
        font-size: .26rem;
    }

    .fj-tit,
    .fj-page {
        margin-bottom: .2rem;
    }

    .fj-tit p,
    .fj-page a {
        font-size: .16rem;
    }

    .fj-box {
        padding: .3rem;
    }

    .shxx {
        padding-left: .1rem;
        padding-right: .1rem;
    }

    .sx1-r {
        position: relative;
        width: 100%;
    }

    .sx1-fj {
        bottom: auto;
        top: 0;
    }

    .sx1-l {
        width: 100%;
        height: auto;
        border: 1px solid #e1e9f7;
    }

    .sx2-c {
        width: 100%;
    }

    .sx3-c h3 {
        padding: .5rem;
    }

    .sx3-tx {
        font-size: .2rem;
        margin-top: .2rem;
    }

    .yf-line img {
        width: 100%;
    }

    .sx3-cp {
        transform: translate(.95rem,-50%) scale(0.5);
    }

    .yf-l {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }

    .sx3-c {
        height: 4rem;
    }

}

@media screen and (max-width: 768px) {




    .sx1-l h3 {
        font-size: .24rem;
    }

    .sx2 h3 {
        font-size: .24rem;
    }

    .sx3-c h3 {
        padding: .2rem;
        font-size: .24rem;
    }

    .shxx {
        padding: .5rem 0;
    }

    .sx1-r {
        height: auto;
    }

    .sx2-c {
        height: auto;
        padding: .3rem;
    }

    .sx1-r img {
        position: static;
        padding-top: .3rem;
        margin-left: auto;
        margin-right: 0;
    }

    .page {
        margin-top: .5rem;
    }

    .jg-c ul {
        flex: auto;
        width: 50%;
    }

    .shzc {
        padding-bottom: 4rem;
    }


    
}

@media screen and (max-width: 640px) {


    .yf-zm {
        max-width: .3rem;
        max-height: .5rem;
    }

    .yf4 {
        left: 40%;
    }

    .yf5 {
        left: 50%;
    }

    .fg-bot ul li {
        width: 50%;
    }

    .jg-c ul {
        flex: auto;
        width: 100%;
    }

    .yw2-lt ul li a .pic {
        width: 100%;
        margin: 0;
        margin-bottom: .3rem;
        padding-top: 64%;
    }

    .yw2-date {
        bottom: auto;
        left: 0.1rem;
        top: .2rem;
    }

    .yw2-tx {
        flex: auto;
        width: 100%;
    }

    .yw2-lt ul li a {
        padding: .2rem;
    }

    .yw2-lt ul li a::after {
        display: none;
    }

    .shyw {
        padding-bottom: .5rem;
    }

    .yw1-tx {
        padding: .2rem;
    }

    .yw1-tx h3 {
        font-size: .2rem;
        margin-top: 0;
        margin-bottom: .1rem;
    }

    .shzc {
        padding-bottom: 3rem;
    }

    .zc-tit p {
        font-size: .2rem;
        margin-right: .1rem;
    }

    .tz-lt ul li {
        width: 100%;
    }

    .xr_leader ul li a {
        padding: .2rem 0;
    }

    .kd-tx h3 {
        font-size: .18rem;
    }

    .kd-tx {
        padding: .2rem;
    }

    .kd-lt ul li a {
        margin: 0 .1rem;
    }

    .kd-lt ul {
        margin: 0 -0.1rem;
    }

    .fg-tx {
        padding: .2rem;
    }

    .fg-tx h3 b {
        font-size: .2rem;
    }

    .group-big {
        border-radius: .3rem;
    }

    .fj-piclt ul li {
        width: 50%;
    }

}

@media screen and (max-width: 480px) {
    .kd-lt ul li {
        width: 100%;
        margin-bottom: .3rem;
    }

    .zt-lt ul li {
        padding-top: .3rem;
        padding-bottom: .3rem;
    }

    .group-sml li a {
        padding: .1rem;
    }

    .group-sml {
        margin: 0 -0.1rem;
    }

    .fg-bot ul li {
        width: 100%;
    }

    .fg-bot ul li a p {
        line-height: .3rem;
        font-size: .16rem;
    }
}