@charset "utf-8";
 @import url("../fonts/iconfont.css");

 [class*="icon-"] {
   font-size: 100%;
   font-family: "iconfont" !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

 :root {
   --gray: #7F7F7F;
   --shadow-color: 223deg 73% 38%;
   --shadow-elevation-low:
     0.003rem 0.005rem 0.007rem hsl(var(--shadow-color) / 0.01), 0.004rem 0.08rem 0.01rem -0.012rem hsl(var(--shadow-color) / 0.01), 0.01rem 0.02rem 0.025rem -0.025rem hsl(var(--shadow-color) / 0.01);
   --shadow-elevation-medium:
     0.003rem 0.005rem 0.007rem hsl(var(--shadow-color) / 0.015), 0.008rem 0.016rem 0.02rem -0.008rem hsl(var(--shadow-color) / 0.015), 0.021rem 0.041rem 0.052rem -0.017rem hsl(var(--shadow-color) / 0.015), 0.05rem 0.10rem 0.126rem -0.025rem hsl(var(--shadow-color) / 0.015);
   --shadow-elevation-high:
     0.003rem 0.005rem 0.007rem hsl(var(--shadow-color) / 0.015), 0.015rem 0.029rem 0.037rem -0.004rem hsl(var(--shadow-color) / 0.015), 0.027rem 0.054rem 0.068rem -0.007rem hsl(var(--shadow-color) / 0.015), 0.045rem 0.089rem 0.112rem -0.011rem hsl(var(--shadow-color) / 0.015), 0.071rem 0.143rem 0.18rem -0.014rem hsl(var(--shadow-color) / 0.015), 0.112rem 0.223rem 0.281rem -0.018rem hsl(var(--shadow-color) / 0.015), 0.17rem 0.339rem 0.427rem -0.021rem hsl(var(--shadow-color) / 0.015), 0.25rem 0.5rem 0.629rem -0.025rem hsl(var(--shadow-color) / 0.01);
 }

 html {
   font-size: 100px;
 }

 @media (min-width:1030px) {
   html {
     font-size: 5.20833333vw
   }
 }

 @media (min-width:1922px) {
   html {
     font-size: 100px;
   }
 }

 body {
   font-size: 0.16rem;
   overflow-x: hidden;
   letter-spacing: 0.01rem;
   -webkit-user-select: none;
   overflow-x: hidden;
   background: #f5f7fa
 }

 .img>img {
   width: 100%
 }

 .w {
   max-width: 14.4rem;
   padding: 0;
   height: 100%;
   margin: 0 auto;
 }

 .head {
   position: fixed;
   width: 100%;
   height: 1rem;
   background: #fff;
   top: 0;
   left: 0;
   z-index: 100;
   box-shadow: var(--shadow-elevation-medium)
 }

 .logo>img {
   height: 0.62rem;
   width: 4rem;
   display: none;
 }

 .logo {
   height: 0.63rem;
   width: 4.6rem;
   background: linear-gradient(45deg, #4b7ef6, #aa8bfe);
   -webkit-mask: url(../image/logo2.png#star) no-repeat top left 100%;
   mask: url(../image/logo2.png#star) no-repeat top left 100%;
   -webkit-mask-size: 100% auto;
   mask-size: 100% auto;
 }

 .menubox {
   display: grid;
   grid-template-rows: max-content;
   flex: 1;
   height: 100%;
 }

 .top-head {
   height: 0.4rem;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   position: relative;
   z-index: 0;
 }

 .top-head::before {
   border-bottom: solid 0.02rem;
   border-image: linear-gradient(90deg, transparent 10%, #ff8e01) 1;
   width: 100%;
   bottom: 0;
   right: 0;
   z-index: -2
 }

 .top-head::after,
 .top-head::before {
   content: "";
   position: absolute;
 }

 .top-head>a,
 .top-head>span {
   color: #fff;
   padding: 0 0.14rem;
   position: relative;
   font-size: 0.14rem;
 }

 .top-head>a:hover {
   transform: scale(1.06)
 }

 .top-head::after {
   background: var(--blue);
   width: 10.4rem;
   height: 100%;
   z-index: -1;
   right: -7.2rem;
   transform: skewX(-45deg);
 }

 .top-head>span::after,
 .top-head>a::after {
   position: absolute;
   right: 0;
   height: 50%;
   top: 25%;
   border-left: rgb(255 255 255 / 50%) solid 0.01rem;
   content: "";
 }

 .top-head>a:last-child::after {
   display: none
 }

 .menu {
   display: flex;
   justify-content: flex-end;
 }

 .dropdown {
   display: none
 }

 .menu .nav {
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 0 0.2rem;
   font-size: 0.18rem;
   font-weight: 600;
   flex-direction: column;
   white-space: nowrap;
 }

 .banner {
   position: relative;
   margin-top: 1rem;
   overflow: hidden;
   height: 4rem;
   z-index: 0;
   /*
clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 50% 90%, 0% 100%);
	box-shadow: #000 0 0.1rem 0.2rem
*/
 }

 .banner>img {
   width: 100%;
 }

 .banner::after {
   position: absolute;
   z-index: 0;
   content: "";
   background: #f5f7fa;
   height: 5.3rem;
   border-radius: 100%;
   width: 180%;
   bottom: -4.65rem;
   left: 50%;
   transform: translateX(-50%);
   box-shadow: rgb(135 135 249 / 40%) 0 0.1rem 0.2rem inset;
 }

 .banner-txt {
   position: absolute;
   z-index: 1;
   top: 0.5rem;
   left: 50%;
   transform: translateX(-50%)
 }

 .banner-txt>img {
   display: block;
   width: 7.33rem;
   margin-top: 0.3rem;
 }

 .searchbx {
   width: 6rem;
   height: 0.6rem;
   background: rgba(255, 255, 255, 0.9);
   box-shadow: 0.05rem 0rem 0.2rem 0rem #0035B3;
   border-radius: 0.34rem 0.34rem 0.34rem 0.34rem;
   display: flex;
   align-items: center;
   padding: 0.1rem 0.3rem;
   margin: 0.45rem auto 0 auto
 }

 .searchbx>input {
   background: transparent;
   width: 100%;
   height: 100%;
 }

 .searchbx>button {
   width: 0.39rem;
   height: 0.39rem;
   font-size: 0;
   background: url("../image/icon-ss.svg") no-repeat center;
   background-size: 100% auto;
 }

 .notebx {
   background: rgba(255, 255, 255, 0.95);
   box-shadow: 0rem 0rem 1rem 0rem rgb(0 69 234 / 20%);
   border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
   padding: 0.2rem 0.2rem 0.2rem 0.2rem;
   height: 1.8rem;
   /* padding: 0.25rem 0.2rem 0.6rem 0.2rem; */
   position: relative;
   z-index: 2;
   margin: -1rem auto 0.6rem auto;
 }

 .note-head {
   color: #fff;
   background: linear-gradient(45deg, #ef9c34, #ff8e01);
   box-shadow: 0rem 0rem 0.1rem 0rem rgb(0 69 234 / 20%);
   border-radius: 0.3rem 0.1rem 0.3rem 0.1rem;
   padding: 0.1rem 0.15rem;
   margin-right: 0.2rem
 }

 .note-cont {
   flex: 1;
 }

 .note-cont .swiper-container {
   width: 100%;
   height: 100%;
   overflow: hidden;
 }

 .note-cont .swiper-slide {
   width: 100% !important;
 }

 .notebx .swiper-pagination {
   position: absolute;
   text-align: center;
   transition: .3s opacity;
   z-index: 10;
   bottom: 0.15rem;
   left: 50%;
   transform: translateX(-50%) translate3d(0, 0, 0);
 }

 .notebx .swiper-pagination>span {
   margin: 0 0.03rem;
   width: 0.2rem;
   height: 0.06rem;
   border-radius: 0;
   background: #d3d9e8;
   transition: all 0.2s;
   opacity: 0.8
 }

 .notebx .swiper-pagination .swiper-pagination-bullet-active {
   background: var(--blue);
   width: 0.37rem
 }

 .note-cont .info-txt {
   flex: 1
 }

 .note-cont .more {
   border: 0.01rem solid var(--blue);
   padding: 0.1rem 0.15rem;
   color: var(--blue);
   margin: 0 0.2rem 0 0.5rem;
   font-weight: 600;
 }

 .info-txt>h1 {
   font-size: 170%;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   color: var(--blue);
   margin: 0.04rem 0
 }

 .info-txt>p {
   font-weight: 300;
   color: var(--gray);
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }

 .about {
   display: flex;
 }

 .aboutbx {
   width: 6.83rem;
   background: var(--blue) url(../image/aboutbg.png) no-repeat bottom;
   background-size: 100% auto;
   box-shadow: -0.15rem 0.15rem 0rem 0 rgb(75 125 245 / 10%);
   border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
   border: 1px solid var(--blue);
   padding: 0.28rem;
   min-height: 5.7rem;
   color: #fff
 }

 .aboutbx>.img {
   border-radius: 0.2rem;
   overflow: hidden;
   margin: 0 -0.1rem;
 }

 .aboutbx>h2 {
   font-size: 0.28rem;
   padding: 0.25rem 0 0.1rem 0
 }

 .aboutbx>h2::after {
   content: "";
   display: block;
   width: 30%;
   border-bottom: #fff solid 1px;
   margin-top: 0.1rem
 }

 .aboutbx>h3 {
   text-transform: uppercase;
   font-size: 0.21rem
 }

 .aboutbx>p {
   text-align: justify;
   margin-top: 0.1rem
 }

 .notelist {
   flex: 1;
   margin-left: 0.5rem
 }

 .notelist>.n-list {
   display: flex;
   align-items: center;
   padding-bottom: 0.1rem;
   border-bottom: dashed 0.01rem #999;
   position: relative
 }

 .notelist>.n-list+.n-list {
   margin-top: 0.1rem;
 }

 .notelist-txt>h2 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 113%;
   margin-bottom: 0.1rem
 }

 .notelist-txt {
   flex: 1
 }

 .notelist-txt>p {
   color: var(--gray);
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   zoom: 0.8
 }

 .notelist .time {
   border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
   border: 0.01rem solid #999;
   padding: 0.05rem;
   width: 0.8rem;
   margin-right: 0.3rem;
   color: var(--gray);
   /*   filter: brightness(1.3)*/
 }

 .notelist .time>span {
   display: block;
   text-align: center;
   line-height: 1;
 }

 .notelist .time .date {
   font-size: 0.42rem;
   font-family: Impact;
 }

 .notelist .time .year {
   zoom: 0.8;
   border-top: 0.01rem solid var(--gray);
   padding-top: 0.09rem;
   margin-top: 0.05rem
 }

 .notelist>a:hover {
   transform: scale(1);
   border-color: var(--blue)
 }

 .notelist>a:hover,
 .notelist>a:hover p,
 .notelist>a:hover .time .date,
 .notelist>a:hover .time .year {
   color: var(--blue)
 }

 .notelist>a:hover .year,
 .notelist>a:hover .time {
   border-color: var(--blue)
 }

 .notelist>a:hover::after {
   content: "";
   position: absolute;
   bottom: -0.025rem;
   left: 0;
   width: 1rem;
   border-bottom: var(--blue) solid 0.05rem
 }

 .morebx {
   padding: 0.35rem 0 0.1rem 0;
   text-align: center;
   width: 100% !important;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .morebx .more {
   display: inline-flex;
   align-items: center;
   color: #ff8e01;
   position: relative;
   font-size: 0.18rem
 }

 .morebx .more>i,
 .more3>i {
   display: block;
   width: 0.22rem;
   height: 0.22rem;
   background: url("../image/icon-more.svg") no-repeat;
   background-size: 100%;
   margin-right: 0.1rem;
 }

 .more3>i {
   background-image: url("../image/icon-more-w.svg");
 }

 .morebx .more::after,
 .morebx .more::before {
   content: "";
   position: absolute;
   border-bottom: var(--blue) solid 0.02rem;
   opacity: 0.4
 }

 .morebx .more::after {
   top: 50%;
   right: -0.6rem;
   width: 0.5rem;
   transform: translateY(-50%)
 }

 .morebx .more::before {
   bottom: -0.1rem;
   left: -0.4rem;
   width: 0.7rem;
 }

 .tile {
   text-align: center;
   font-size: 0.48rem;
   color: var(--blue);
   z-index: 0;
   position: relative;
   margin-top: 1.2rem;
   margin-bottom: 0.35rem;
 }

 .tile::after,
 .tile::before {
   left: 50%;
   transform: translateX(-50%);
   position: absolute;
   z-index: -1;
   letter-spacing: 0.1rem;
 }

 .tile::before {
   content: attr(data-title);
   text-transform: uppercase;
   font-size: 0.8rem;
   opacity: 0.1;
   font-weight: 800;
   margin-top: -0.72rem;
 }

 .tile::after {
   content: "";
   width: 1.1281rem;
   height: 0.2047rem;
   background: url(../image/icon-dr.svg) no-repeat;
   background-size: 100% auto;
   top: -0.2rem;
 }

 .hdbox {
   position: relative;
   z-index: 0;
   padding: 0.25rem
 }

 .hdbox::after {
   content: "";
   background: url(../image/jyshdbg.png) no-repeat top #4b7ef6;
   background-size: 100% auto;
   position: absolute;
   z-index: -1;
   height: 90%;
   border-radius: 0 0 0 1.5rem;
   width: 100%;
   top: 0;
   left: 0;
 }

 .til2>h2 {
   color: #fff;
   font-size: 0.42rem;
 }

 .til2>p {
   text-transform: uppercase;
   font-size: 0.18rem;
   display: flex;
   align-items: flex-start;
   color: #fff
 }

 .til2>p::before {
   content: "";
   border-bottom: #fff 0.03rem solid;
   margin-right: 0.1rem;
   width: 0.3rem;
   margin-top: 0.05rem
 }

 .tabs>span,
 .tabs>a {
   color: #fff;
   font-size: 0.18rem;
   padding: 0 0.25rem;
   position: relative;
   cursor: pointer;
 }

 .tabs>span::after,
 .tabs>a::after {
   content: "";
   position: absolute;
   right: 0;
   height: .15rem;
   border-left: #fff solid 0.01rem;
   top: 50%;
   transform: translateY(-50%)
 }

 .tabs>span.cur::before,
 .tabs>a.cur::before {
   width: 0;
   height: 0;
   border-right: 0.16rem solid transparent;
   border-left: 0.16rem solid transparent;
   border-bottom: 0.16rem solid #fff;
   position: absolute;
   bottom: 0;
   left: 50%;
   margin-left: -0.08rem;
   bottom: -0.35rem;
   content: ""
 }

 .hdbox .box {
   margin: 0;
   background: url("../image/bxbg.png") no-repeat bottom right #fff;
   background-size: 100% auto;
/*   -webkit-mask: url(../image/mask.svg#star) no-repeat top left 100%;
   mask: url(../image/mask.svg#star) no-repeat top left 100%;*/
   -webkit-mask-size: 100% auto;
   mask-size: 100% auto;
   border-radius: 0 0.3rem 0.3rem 0.3rem;
   padding: 0.6rem 1.2rem 0.4rem 1.2rem;
   position: relative;
 }

 .hd-head {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0.6rem auto 0.2rem auto;
 }

 .hd-head:first-child .til2 {
   margin-bottom: -0.25rem;
 }

 .list>.img {
   width: 1.3rem;
   margin-right: 0.15rem;
   position: relative;
   border-radius: 0.1rem;
   overflow: hidden;
   position: relative;
   height: 0;
   padding-bottom: calc(1.3rem/4*3);
 }

 .list {
   display: flex;
   align-items: center;
 }

 .list-txt>h2 {
   font-size: 0.18rem;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
 }

 .list-txt {
   flex: 1
 }

 .list-txt>p {
   color: var(--gray);
   zoom: 0.8;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin: 0.1rem 0;
 }

 .list-txt .time {
   color: #d4d6d9;
   zoom: 0.8;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .list {
   background: #FFFFFF;
   box-shadow: 0.05rem 0rem 0.3rem 0rem rgb(75 125 245 / 15%);
   border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
   padding: 0.3rem 0.25rem 0.3rem 0.15rem
 }

 .list .more2 {
   color: var(--blue);
   border: var(--blue) solid 0.01rem;
   border-radius: 10em;
   padding: 0.03rem 0.1rem
 }

 .list .more2:hover {
   background: var(--blue);
   color: #fff
 }

 [class*="couml-"] {
   display: flex;
   flex-wrap: wrap
 }

 .couml-3>dl {
   width: calc(33.3333% - 0.2rem);
   margin: 0.1rem
 }

 .couml-2>dl,
 .couml-2>div {
   width: calc(50% - 0.2rem);
   margin: 0.1rem
 }

 .btn-pre,
 .btn-next {
   width: 0.65rem;
   height: 0.65rem;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   transition: all 0.2s;
   cursor: pointer
 }

 .btn-pre:hover,
 .btn-next:hover {
   zoom: 1.1
 }

 .btn-pre {
   left: 0.3rem
 }

 .btn-next {
   right: 0.3rem
 }

 .btn-pre img,
 .btn-next img {
   width: 100%;
 }

 .hdbox .morebx {
   display: flex;
   justify-content: center;
 }

 .more3 {
   min-width: 3.02rem;
   height: 0.58rem;
   background: #4B7EF5 linear-gradient(45deg, #ffc985, #f8a63f);
   box-shadow: 0.05rem 0.05rem 0.2rem 0rem rgb(75 125 245 / 30%);
   border-radius: 10em;
   color: #fff;
   border: 0.01rem solid rgb(255 255 255 / 50%);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 0.18rem
 }

 .more3:hover {
   color: #fff
 }

 .sbnaner>img,
 .mbnaner>img {
   width: 100%
 }

 .mbnaner,
 .sbnaner {
   border-radius: 0.2rem;
   overflow: hidden;
   box-shadow: rgb(6 19 139) 0 0.5rem 0.5rem -0.5rem;
 }

 .mbnaner {
   display: none
 }

 .hd-head:first-child {
   margin: 0.2rem auto 0 auto;
 }

 .tabs {
   display: flex;
   align-items: center;
 }

 .hd-head:first-child .tabs {
   padding-bottom: 0.3rem;
 }

 .zybox {
   position: relative;
   z-index: 4;
   min-height: 8rem;
   display: flex;
 }

 .zybox::before {
   content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   border-radius: 0.2rem 1.06rem 0.4rem 0.2rem;
   background: linear-gradient(45deg, #ff8e01, #eb8608);
   width: 90%;
   height: 92%
 }

 .zy-right {
   background: #fff;
   border-radius: 0.5rem;
   padding: 0.4rem;
   flex: 1;
   margin: 0.3rem 0 0 0;
   box-shadow: rgb(75 126 246 /10%) 0.05rem 0 0.3rem;
 }

 .zy-left {
   width: 1.2rem;
   margin: 0.4rem 0.6rem 0.4rem 0.4rem;
   color: #fff;
   text-align: center
 }

 [class*="zynav-"]>img {
   width: 0.5rem;
   margin: 0 auto
 }

 .zy-left>dd {
   padding: 0.2rem 0;
   font-size: 0.18rem;
   font-weight: 500;
   margin-bottom: 0.1rem;
   cursor: pointer
 }

 .zy-left>dd:hover,
 .zy-left>dd.cur {
   background: linear-gradient(45deg, #ffc985, rgb(255 142 0 / 32%));
   border-radius: 0.26rem;
   box-shadow: rgb(16 0 255 / 30%) 0.05rem 0.05rem 0.2rem, rgb(255 255 255 / 20%) -0.05rem -0.05rem 0.2rem
 }

 .down {
   display: flex;
   align-items: center;
   border-radius: 0.2rem;
   padding: 0.25rem;
   width: 100%;
 }

 .down:nth-child(even) {
   background: #f5f7fa;
 }

 .down+.down {
   margin-top: 0.15rem
 }

 .down>.img {
   width: 0.4rem;
   margin-right: 0.2rem
 }

 .down-txt {
   flex: 1;
   width: 50%;
   display: flex;
   flex-wrap: wrap;
   margin-right: 0.2rem;
 }

 .down-txt>h2 {
   font-size: 0.18rem;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
 }

 .down-txt>p {
   zoom: 0.9;
   color: var(--gray);
   margin-top: 0.05rem
 }

 .btn-down {
   border-radius: 10em;
   border: 0.01rem solid var(--gray);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0.05rem 0.2rem
 }

 .btn-down:hover {
   color: #fff;
   border-color: rgb(255 255 255 / 50%);
   background: #4B7EF5 linear-gradient(45deg, #4B7DF5, #B28DFF);
   box-shadow: 0.05rem 0.05rem 0.2rem 0rem rgb(75 125 245 / 30%);
 }

 .bg {
   background: url("../image/bodybg.png") repeat-y;
   background-size: 100% auto;
   padding-bottom: 0.6rem
 }

 .szpxbx.couml-3>dl,
 .couml-3>a,
 .sgsplist.couml-3>.list2 {
   width: calc(33.3333% - 0.4rem);
   margin: 0.2rem;
 }

 .list2 {
   border-radius: 0.2rem;
   box-shadow: rgb(0 31 104 / 10%) 0 0.08rem 0.3rem;
   overflow: hidden;
   display: inline-flex;
   flex-direction: column;
   justify-content: flex-end;
   cursor: pointer;
   background: #fff;
   padding: 0.24rem;
   transition: all 0.2s
 }

 .list2>.img {
   border-radius: 0.2rem;
   overflow: hidden;
   position: relative;
   height: 0;
   padding-bottom: calc(100%/4*3)
 }

 .list2>.img>img,
 .list>.img>img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .list2>h2,
 .list2 dd>h2 {
   font-size: 0.24rem;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   margin: 0.2rem 0 0.1rem 0
 }

 .list2>p,
 .list2 dd>p {
   color: var(--gray);
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   min-height: 0.44rem;
 }

 .list2>a {
   background: var(--blue);
   color: #fff;
   padding: 0.15rem 0.25rem 0.15rem 0.35rem;
   border-radius: 2rem 0 0 0;
   margin: 0.2rem -0.3rem -0.3rem auto
 }

 .szpxbx .morebx {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }

 .szpxbx {
   margin-top: -0.2rem
 }

 .onlinekecheng {
   background: url("../image/zy-bg.png") no-repeat;
   background-size: 100% auto;
   padding-top: 0.01rem;
   padding-bottom: 0.5rem;
 }

 .onlinekecheng .tile {
   margin-top: 1.2rem;
   filter: brightness(4);
   margin-bottom: 0.35rem;
 }

 .online-list {
   padding: 0.3rem 0.2rem;
   border-radius: 0.2rem;
   flex: 1;
   position: relative;
   overflow: hidden;
   z-index: 0;
   background: url(../image/kc-bg.png) no-repeat bottom right #fff;
   background-size: auto 100%;
   border: #fff solid 1px;
 }

 .online-list+.online-list {
   margin-left: 0.3rem;
 }

 .online-list::after {
   width: 100%;
   height: 5rem;
   background: linear-gradient(344deg, transparent, transparent, #cfe7ff);
   content: '';
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
 }

 .school-til {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 0.2rem;
 }

 .school-til>.img {
   height: 0.5rem
 }

 .school-til>.img>img {
   max-width: 100%;
   height: 100%;
   width: auto
 }

 .school-til>i {
   font-size: 0.25rem
 }

 .online-list>.img {
   padding-bottom: calc(100%/4*2);
   overflow: hidden;
   position: relative;
   border-radius: 0.2rem;
   border: #fff solid 1px;
 }

 .online-list>.img>img {
   position: absolute;
   left: 0;
   top: 0;
 }

 .online-list>a {
   margin-top: 0.2rem;
   margin-bottom: 0.1rem;
   font-size: 0.24rem;
   display: block
 }

 .online-list>div {
   color: var(--gray);
   zoom: 0.95;
   display: flex;
   align-items: center;
 }

 .online-list>div>span {
   display: inline-block;
 }

 .line {
   position: relative;
   z-index: 0;
   height: 0.15rem;
   border-left: #ddd solid 1px;
   margin: 0 0.1rem
 }

 .online-txt {
   background: url("../image/dot.png") no-repeat center right;
   background-size: 0.2rem
 }

 .online-list>a {
   color: var(--blue);
   transform: scale(1)
 }

 .ftooer {
   background: url("../image/f-bg.png") no-repeat #001048;
   background-size: 100% 100%;
   padding: 0.4rem 0 0.3rem 0
 }

 .f-txt {
   color: #fff;
   display: flex;
   align-items: center;
   flex-wrap: wrap
 }

 .f-txt .jc {
   margin: 0 0.1rem 0rem 0.05rem
 }

 .ftooer .img img {
   height: 0.5rem;
   width: auto
 }

 .ftooer .img::after {
   border-top: 0.01rem solid #fff;
   content: '';
   display: block;
   width: 3rem;
   margin: 0.15rem 0;
   opacity: 0.3;
 }

 .banner+.tile {
   margin-top: 0.3rem;
 }

 .tabs2 {
   border: var(--blue) solid 1px;
   border-radius: 10em;
   display: inline-flex;
   background: #fff;
   box-shadow: rgb(75 126 246 / 40%) 0 0.1rem 0.25rem;
   font-weight: 600;
   padding: 0.06rem;
   margin-bottom: 0.3rem;
   margin-top: 0.5rem;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
 }

 .tabs2>dd,
 .tabs2>a {
   flex: 1;
   text-align: center;
   padding: 0.1rem 0.3rem;
   font-size: 0.20rem;
   cursor: pointer
 }

 .tabs2>dd.cur,
 .tabs2>a.cur {
   background: linear-gradient(240deg, #fff, transparent, transparent), #3359fe;
   background-blend-mode: soft-light;
   color: #fff;
   border-radius: 10em;
   box-shadow: rgb(75 126 246 / 50%) 0 0rem 0.12rem;
   transform: translateY(-0.12rem) scale(1.05)
 }

 .pagination,
 #pagination {
   padding: 0.6rem 0.2rem 1rem 0.2rem;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
 }

 .pagination a,
 .pagination .active,
 #pagination a,
 #pagination .active,
 .home-off,
 .prev-off {
   padding: 0 !important;
   text-align: center;
 }

 .pagination a,
 #pagination a {
   display: block;
 }

 .pagination li,
 #pagination li {
   margin: 0 0.02rem;
   flex: none;
   padding: 0 !important;
 }

 .pagination .active,
 #pagination .active {
   background: var(--blue);
   color: #fff
 }

 .pagination a,
 .pagination li>span,
 .pagination .active,
 #pagination a,
 #pagination li>span,
 #pagination .active {
   border: rgba(0, 0, 0, 0.2) solid 1px;
   border-radius: 4px;
   min-width: 0.5rem;
   height: 0.3rem;
   line-height: 0.3rem;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0rem 0;
 }

 .pagination a:hover,
 #pagination a:hover {
   background: var(--blue);
   color: #fff
 }

 .sgsplist .list2>h2 {
   text-align: center
 }

 .sgsplist .list2:hover {
   transform: translateY(-0.1rem)
 }

 .sgsplist .img::after {
   content: "";
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   position: absolute;
   z-index: 2;
   width: 1rem;
   height: 1rem;
   background: url("../image/icon-bf.png") no-repeat;
   background-size: 100% 100%;
   filter: drop-shadow(0 0px 0.2rem rgba(0, 0, 0, .5));
 }

 .jsinfo-box {
   background: url("../image/bluebg.jpg") no-repeat top left #4c7ef7;
   padding: 0.6rem 0;
   margin: 0.5rem 0 0 0
 }

 .mblbx {
   display: flex;
   justify-content: space-between
 }

 .mblbx>div {
   width: 48.5%
 }

 .mblbx .in-box {
   break-inside: avoid;
   margin-bottom: 0.38rem;
   border-radius: 0.2rem;
   position: relative;
   z-index: 0;
   padding: 0.25rem 0.4rem;
   min-height: 2rem
 }

 .mblbx .in-box::after {
   background: rgba(255, 255, 255, 0.2);
   border-radius: 0.2rem;
   top: 0.1rem;
   left: -0.1rem;
   box-shadow: rgba(0, 31, 104, 0.5) 0 0 0.4rem;
   z-index: -2;
 }

 .mblbx .in-box::before,
 .mblbx .in-box::after {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   border-radius: 0.2rem;
 }

 .mblbx .in-box::before {
   background: #fff;
   z-index: -1;
   top: 0;
   left: 0;
 }

 .mblbx .in-box:nth-last-child(-n+2)::after {
   left: auto;
   right: -0.1rem;
 }

 .jsinfo-tile {
   font-size: 0.24rem;
   margin-left: 0.75rem;
   border-bottom: solid 1px;
   border-image: linear-gradient(90deg, #749cfd, transparent) 1;
   padding: 0.1rem 0;
   margin-bottom: 0.2rem
 }

 .jsinfo-tile::after {
   content: "";
   width: 90%;
   height: 2rem;
   background: linear-gradient(344deg, transparent, transparent, #cfe7ff);
   content: '';
   position: absolute;
   z-index: -1;
   top: 1px;
   left: 1px;
   border-radius: 0.2rem;
 }

 .jsinfo-tile .img {
   width: 0.65rem;
   height: 0.65rem;
   position: relative;
   margin-left: -0.75rem;
   display: inline-block;
   margin-top: -0.15rem;
   float: left;
 }

 .jsinfo-tile>span {
   background: linear-gradient(45deg, #4B7DF5, #B28DFF);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 .in-box>.img {
   position: relative;
   border-radius: 0.2rem;
   overflow: hidden;
   border: #fff solid 1px;
 }

 .jscont {
   margin-top: 0.2rem;
   text-indent: 0.32rem;
   line-height: 1.6;
   position: relative
 }

 .s-tiles {
   position: absolute;
   z-index: 2;
   top: 45%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 500%;
   text-align: center
 }

 .s-tiles>span {
   background: linear-gradient(90deg, #fff, transparent);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-left: -6%;
 }

 .s-tiles::before {
   content: attr(data-title);
   text-transform: uppercase;
   font-size: 150%;
   opacity: 0.2;
   font-weight: 800;
   bottom: 40%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   white-space: nowrap;
   /* color: #fff; */
   line-height: 1;
   background: linear-gradient(-180deg, #fff, transparent 80%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   letter-spacing: 0.1rem;
 }

 .weizhi {
   display: flex;
   align-items: center;
   border-bottom: solid 1px;
   border-image: linear-gradient(90deg, rgb(119 139 189 / 38%), transparent) 1;
   padding: 0 0 0.1rem 0
 }

 .weizhi>i {
   margin: 0 0.08rem
 }

 .weizhi+.szpxbx {
   margin-top: 0.2rem
 }

 .tzgg,
 .jyshd {
   display: flex;
 }

 .bx-right,
 .bx-left {
   min-height: 3rem;
   /*
   border: rgb(221 221 221 / 60%) solid 1px;
   background: #fff;
   border-radius: 0.1rem;
   box-shadow: rgb(154 160 173 / 10%) 0 0.05rem 0.2rem;
*/
   position: relative;
   z-index: 0
 }

 .bx-left {
   flex: 1;
   min-height: 5rem;
   margin-right: 0.8rem;
 }

 .bx-right {
   width: 3.6rem;
   background: linear-gradient(135deg, rgb(119 139 189 / 90%), transparent);
   border-radius: 0.15rem;
   box-shadow: var(--shadow-elevation-high);
 }

 .bx {
   align-items: flex-start;
   margin-top: 0.2rem;
   /*	     margin-bottom: 0.6rem;*/
 }

 .bx-right::after,
 .bx-left::before {}

 .bx-right .til2 {
   padding: 0.15rem 0.2rem 0.08rem 0.2rem;
 }

 .bx-right .til2>h2 {
   font-size: 0.20rem;
 }

 .bx-right .til2>p {
   font-size: 0.12rem;
 }

 .tjbox {
   background: #fff;
   border-radius: 0.1rem;
   min-height: 3rem;
   margin: 0 0.1rem 0.1rem 0.1rem;
   padding: 0.15rem
 }

 .tjbox>li {
   display: grid;
   grid-template-columns: 0.55rem 1fr;
   border-bottom: #d6ddea7d solid 1px;
   padding-bottom: 0.12rem;
   font-size: 0.15rem
 }

 .tjbox>li+li {
   margin-top: 0.12rem
 }

 .tjbox>li>span {
   display: flex;
   align-items: flex-start;
   grid-area: 1/1/3/2;
 }

 .tjbox>li:nth-child(-N+3)>span>b {
   background: linear-gradient(45deg, #4b7ef6, #a98bfd);
   background: #ff0056;
   /*
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
*/
   color: #fff;
   border-radius: 0.1rem 0.1rem 0.4rem 0.1rem
 }

 .tjbox>li:nth-child(1)>span>b {
   background: #ff0056;
 }

 .tjbox>li:nth-child(2)>span>b {
   background: #ff7d3e;
 }

 .tjbox>li:nth-child(3)>span>b {
   background: #ffb700;
 }

 .tjbox>li>span>b {
   font-size: 160%;
   font-family: Impact;
   color: #ddd;
   font-weight: 500;
   line-height: 1;
   padding: 0.05rem 0.1rem 0.08rem 0.05rem;
 }

 .tjbox>li>.n-list {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }

 .tjbox>li>p {
   zoom: 0.8;
   color: var(--gray);
   margin-top: 0.08rem
 }

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

 .bx-left .notelist {
   margin-left: 0rem;
 }

 .bx-left .notelist>.n-list+.n-list {
   margin-top: 0.3rem;
 }

 .bx-left .notelist>.n-list {
   padding-bottom: 0.3rem;
 }

 .pic {
   margin-right: 0.3rem;
   width: 2.5rem;
   background: #fff;
   border: #ddd solid 1px;
   border-radius: 0.04rem;
 }

 .pic .img {
   position: relative;
   padding-bottom: calc(100%/4*3);
   overflow: hidden
 }

 .pic .img>img {
   position: absolute;
 }

 .bx-left .notelist>.n-list {
   align-items: flex-start;
 }

 .more4 {
   background: var(--blue);
   color: #fff;
   padding: 0.1rem 0.2rem;
   border-radius: 0.06rem;
   display: inline-block
 }

 .bx-left .notelist-txt {}

 .bx-left .notelist-txt>p {
   min-height: 0.9rem;
   margin-bottom: 0.3rem;
   line-height: 1.8;
 }

 .bx-left .txt-contentbox {
   padding: 0.6rem 0.3rem
 }

 .bx-left .txt-title {
   text-align: center;
   font-size: 180%;
   padding: 0 0.4rem
 }

 .c-time {
   color: #999;
   text-align: center;
   border-bottom: #ddd solid 1px;
   padding: 0.15rem 0;
   zoom: 0.98
 }

 .bx-left .txt-contentbox>img {
   max-width: 100%
 }

 .txt-cont {
   padding: 0.3rem 0;
   line-height: 1.8;
   text-indent: 0.36rem;
   text-align: justify
 }

 .txt-cont>p {
   margin-bottom: 0.25rem
 }

 .bg+div .onlinekecheng {
   margin-top: 0
 }

 .picbox {
   background: #fff;
   border-radius: 0.15rem;
   min-height: 50vh;
   padding: 0.2rem;
   box-shadow: var(--shadow-elevation-high);
   margin-bottom: 0.6rem
 }

 .picbox>img {
   width: 100%
 }

 .down-kj .down {
   padding: 0.35rem 0.3rem;
   background: #FFFFFF;
   box-shadow: 0.05rem 0rem 0.3rem 0rem rgb(75 125 245 / 15%);
 }

 .down-kj .down+.down {
   margin-top: 0.1rem;
 }

 .bx-left .notelist-txt>h2 {
   font-size: 0.24rem;
 }

 .bx-left .notelist-txt>p {
   -webkit-line-clamp: 3;
 }

 .downbg {
   background: url("../image/downbg.png") no-repeat top left;
   background-size: 100% auto;
   margin-top: 0.95rem;
   padding-bottom: 1.5rem
 }

 .down-head {
   color: #3d3d3d;
   text-align: center;
   padding: 1rem 0;
   line-height: 1.8;
 }

 .down-head>h3 {
   font-size: 320%;
   margin-bottom: 0.05rem;
   letter-spacing: 0.05rem
 }

 .down-head>p {
   font-size: 110%
 }

 .downbx {
   display: flex;
   align-items: center;
 }

 .downbx>[class*="down-"] {
   flex: 1;
   background: var(--blue);
   margin: 0 0.12rem;
   border-radius: 0.2rem;
   padding: 0.3rem 0.1rem 0.6rem 0.1rem;
   text-align: center;
   color: #fff;
   box-shadow: 0 0.1rem 0.15rem rgb(47 112 206 / 30%), 0 0.2rem 0.3rem rgb(47 112 206 / 30%);
   background: url("../image/ddownbg.png") no-repeat;
   background-size: 100% auto;
   transition: all 0.3s;
   position: relative;
 }

 .downbx h2 {
   font-size: 180%;
   margin-bottom: 0.1rem;
   margin-top: 0.15rem;
 }

 .downbx [class*="d-"],
 .downbx [class*="icona-"] {
   width: 100%;
   height: 2rem;
   background-position: center;
   background-position: center;
   background-repeat: no-repeat;
   background-size: auto 65%;
   display: block;
   margin: 0rem auto 0 auto;
   opacity: 1;
   transition: all 0.6s;
 }

 .d-win {
   background-image: url("../image/icon-windows.png")
 }

 .d-mac {
   background-image: url("../image/icon-apple.png")
 }

 .d-android {
   background-image: url("../image/icon-android.png")
 }

 .d-ip {
   background-image: url("../image/icon-ios.png")
 }

 .downbx [class*="down-"]:hover {
   -webkit-filter: brightness(1.2);
   filter: brightness(1.2);
   cursor: pointer;
   transform: scale(1.05);
 }

 .downbx [class*="icona-"] {
   position: absolute;
   left: 5%;
   top: 0.3rem;
   width: 90%;
   opacity: 0;
   background: url("../image/downa.png") no-repeat center;
   background-size: auto 70%
 }

 .downbx [class*="down-"]:hover [class*="icona-"] {
   opacity: 1;
 }

 .downbx [class*="down-"]:hover [class*="d-"] {
   opacity: 0
 }

 .downbx [class*="icona-"]>img {
   height: 100%;
   margin: 0 auto
 }

 .loginbox {
   padding: 2rem 0 1.5rem 0;
   position: relative;
   z-index: 0;
   display: flex;
   justify-content: flex-end
 }

 .loginbox::before,
 .loginbox::after {
   position: absolute;
   content: "";
 }

 .loginbox::before {
   right: 0%;
   top: 0;
   width: 200%;
   height: 100%;
   transform: skewX(45deg);
   z-index: -2;
   background: linear-gradient(-45deg, transparent, #000) 70%, #133fdb;
 }

 .loginbox::after {
   background: url(../image/loginbg.png) no-repeat left center;
   width: 100%;
   height: 100%;
   left: 0;
   z-index: -1;
   top: 0;
   background-size: auto 8rem
 }

 .login {
   background: #fff;
   border-radius: 0.5rem;
   width: 6rem;
   min-height: 4rem;
   box-shadow: var(--shadow-elevation-high);
   padding: 0.4rem 0.5rem 0.5rem 0.5rem;
   margin-right: 4%;
   position: relative;
 }

 .l-title {
   font-size: 140%;
   margin-bottom: 0.2rem
 }

 .l-title::after {
   content: "";
   display: block;
   width: 0.68rem;
   border-bottom: var(--blue) solid 0.068rem;
   margin: 0.068rem 0;
 }

 .in {
   border: #ddd solid 1px;
   display: flex;
   align-items: center;
   padding: 0 0.2rem;
   border-radius: 0.08rem;
   margin-top: 0.15rem;
 }

 .in>label {
   min-width: 0.9rem;
   border-right: #ddd solid 1px;
 }

 .in>input {
   padding: 0.15rem;
   flex: 1;
   width: 100%;
   margin-left: 0.2rem
 }

 .cloun {
   padding: 0.28rem 0 0 0;
   display: flex;
   align-items: center;
   justify-content: end
 }

 .cloun>span,
 .cloun>a {
   margin-left: 0.2rem;
   cursor: pointer
 }

 .cloun>span:hover,
 .cloun>a:hover {
   color: var(--blue)
 }

 .l-button {
   width: 100%;
   font-weight: 600;
   margin-top: 0.35rem
 }

 .btn-blue,
 .l-button {
   background: linear-gradient(-45deg, rgba(0, 0, 0, 0.6), transparent), var(--blue);
   background-blend-mode: soft-light;
   color: #fff;
   padding: 0.15rem 0.25rem;
   border-radius: 0.06rem;
   font-size: 130%;
   letter-spacing: 0.01rem;
   box-shadow: var(--shadow-elevation-high);
 }

 .btn-bor {
   border: var(--blue) solid 1px;
   color: var(--blue);
   padding: 0.15rem;
   background: #fff;
   border-radius: 0.06rem;
   font-size: 120%;
 }

 .btn-bor:hover {
   background: #ff6600;
   border-color: rgba(0, 0, 0, 0.84) solid 1px;
   color: #fff
 }

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

 .btn-bor+.btn-bor {
   margin-left: 0.2rem
 }

 .btnbox .btn-bor {
   font-size: 110%;
   padding: 0.1rem 0.3rem;
 }

 .zctxt {
   margin-top: 0.3rem;
   display: flex;
   align-items: center;
 }

 .zctxt>span {
   color: var(--blue);
   cursor: pointer
 }

 .zctxt>input[type="checkbox"] {
   transform: scale(1.1);
   margin-right: 0.2rem
 }

 .btnother {
   color: #ccc;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0.35rem 0 0.2rem 0;
   zoom: 0.9
 }

 .btnother::after,
 .btnother::before {
   content: '';
   flex: 1;
   margin: 0 0.2rem;
   border: #ddd solid 1px
 }

 .mask::after,
 .tipsbox::after {
   background: rgba(0, 20, 40, 0.6);
   width: 100vw;
   height: 100vh;
   z-index: -2;
   content: "";
   position: fixed;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) translateZ(-1px);
 }

 .mask,
 .tipsbox {
   position: fixed;
   z-index: 9999;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: none;
   border-radius: 0.08rem;
   box-shadow: rgb(33 51 68 / 54%) 0 0 0.4rem;
   min-width: 4.5rem;
   display: none;
 }

 .mask .tipstil {
   background: linear-gradient(90deg, #0029bd, #954bf6);
 }

 .mbtnbox {
   border: #eee solid 1px;
   background: #fff;
   padding: 0.1rem 0.1rem;
   border-radius: 0 0 0.04rem 0.04rem;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }

 .mbtnbox .btn+.btn {
   margin-left: 0.1rem
 }

 .tipstil {
   background: #d6e5ec;
   border-radius: 0.08rem 0.08rem 0 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   overflow: hidden;
   position: relative;
 }

 .tipstil::after {
   content: "";
   border-bottom: #ddd solid 1px;
   width: 100%;
   position: absolute;
   bottom: 0;
 }

 .tipstxt {
   font-size: 150%;
   font-weight: 600;
   text-align: center;
   padding: 0.3rem 0.3rem;
   background: #fff;
   letter-spacing: 0.02rem;
 }

 .tipstil h2 {
   margin-top: 0;
   margin-bottom: 0;
   position: relative;
   z-index: 0;
   padding: 0.15rem 0.4rem 0.15rem 0.2rem;
   font-size: 120%;
   color: #fff
 }

 .tipstil h2::after {
   position: absolute;
   z-index: -1;
   content: "";
   width: 130%;
   height: 100%;
   top: 0;
   right: 0;
   background: linear-gradient(276deg, rgba(0, 0, 0, 1), transparent 80%), var(--blue);
   background-blend-mode: soft-light;
   background-size: 130% auto;
   transform: skewX(30deg);
   border-radius: 0 0.2rem 0 0;
 }

 .dela {
   width: 0.14rem;
   height: 0.14rem;
   background: url(../image/closew.svg);
   font-size: 0;
   background-size: 100% auto;
   margin-right: 0.2rem;
   opacity: 0.6;
   transition: 0.1s all;
   cursor: pointer;
 }

 .dela:hover {
   opacity: 1
 }

 .tipsbox .dela {
   background-image: url(../image/close.svg);
 }

 .ibox-content {
   background-color: #ffffff;
   color: inherit;
   padding: 15px;
   border-color: #e7eaec;
   border-image: none;
   border-style: solid solid none;
   border-width: 1px 0px;
 }

 .btn-blue {
   font-size: 120%;
 }

 .mbtnbox .btn-blue,
 .mbtnbox .btn-bor {
   padding: 0.1rem 0.25rem;
   margin-left: 0.15rem
 }

 .forget {
   width: 5.5rem
 }

 .yzm {
   color: var(--blue);
   background: none
 }

 .txt-content {
   overflow: auto;
   max-height: 70vh;
   line-height: 1.7;
   padding: 0.2rem.4rem;
   background-color: #ffffff;
 }

 .txt-content p {
   text-indent: 3%;
   padding-bottom: 1vmin;
   color: #000;
 }

 .txt-content h1 {
   font-size: 140%;
   padding: 3vmin 0px 1vmin;
 }

 .txt-content li {
   padding-left: 5%;
   padding-bottom: 1vmin;
 }

 .txt-content dd {
   padding-left: 7%;
 }

 .xieyi {
   width: 70%
 }

 .zycont {

   flex-wrap: wrap;
 }

 .zy-right .zycont {
   display: none;
 }

 .zycont .list {
   padding: 0.25rem;
 }

 .zycont .list-txt>h2 {
   margin-bottom: 0.15rem;
 }

 .zycont .list>.img {
   width: 1rem;
   padding-bottom: calc(1rem/4*3);
 }

 .zspic {
   width: 100%;
   height: 7rem;
   overflow: hidden
 }

 .zycont .list2 {
   box-shadow: 0.05rem 0rem 0.3rem 0rem rgb(75 125 245 / 15%);
   border: rgb(75 125 245 / 15%) solid 1px;
   padding: 0.1rem;
 }

 .zycont.sgsplist.couml-3>.list2 {
   width: calc(33.333% - 0.2rem);
   margin: 0.1rem;
 }

 .zycont .list2>h2 {
   font-size: 0.18rem;
 }

 .kj-video {
   width: 100%;
   display: block;
 }

 .bofang {
   width: 60%;
 }

 .zycont .sgsplist .img::after {
   width: 0.8rem;
   height: 0.8rem;
 }

 .hdnav {
   position: relative;
 }

 .hdnav .dropdown {
   top: 0.55rem;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   background: #fff;
   width: 2rem;
   box-shadow: rgb(13 57 110 / 30%) 0 0.05rem 0.2rem;
   padding: 0.1rem 0.1rem;
   border-radius: 0.15rem;
 }

 .hdnav .dropdown>a {
   display: block;
   text-align: center;
   background: rgba(74, 125, 245, 0.7);
   margin-top: 0.05rem;
   padding: 0.08rem 0
 }

 .hdnav>span {
   cursor: pointer
 }

 .hdnav:hover>span {
   color: var(--blue)
 }

 .hdnav:hover .dropdown {
   display: block;
 }

 .dropdown::before {
   width: 0;
   height: 0;
   border-right: 0.1rem solid transparent;
   border-left: 0.1rem solid transparent;
   border-bottom: 0.1rem solid #fff;
   content: "";
   display: block;
   margin: -0.2rem auto 0 auto;
   filter: drop-shadow(0 -0.01rem 0.02rem rgba(0, 0, 0, 0.1));
   margin-bottom: 0.1rem;
 }

 .dropdown>a:hover {
   background: var(--blue);
   color: #fff;
   font-weight: 500
 }

 .menubox .cura {
   color: var(--blue);
 }

 .menubox .cura::after,
 .menubox .nav::after {
   border-bottom: var(--blue) solid 0.05rem;
   content: "";
   display: block;
   transition: all 0.3s
 }

 .menubox .cura::after {
   width: 50% !important;
 }

 .menubox .nav::after {
   width: 0;
 }

 .menubox .nav:hover::after {
   width: 50% !important;
 }

 .flaotcontent {
   position: fixed;
   display: flex;
   align-items: center;
   top: 50%;
   transform: translateY(-50%);
   right: -2rem;
   z-index: 999;
   font-size: 90%;
   transition: all 0.3s;
 }

 .flaotcontent:hover {
   right: 0
 }

 .us {
   background: linear-gradient(180deg, #6fb7ff 0%, #236cff 100%);
   color: #fff;
   padding: 0.2rem 0.1rem;
   border-radius: 0.08rem 0 0 0.08rem;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .flaotcontent>dl {
   background: url("../image/ddownbg.png") no-repeat left top #236cff;
   padding: 0.35rem 0.1rem;
   border-radius: 0.2rem 0 0 0.2rem;
   margin-right: 0rem;
   width: 2rem;
   box-shadow: rgb(35 108 255 / 85%) 0 0 0.2rem;
 }

 .flaotcontent>dl dd {
   color: #fff;
   text-align: center;
   font-size: 120%;
 }

 .flaotcontent>dl dd+dd {
   margin-top: 0.3rem
 }

 .flaotcontent>dl dd:hover {
   transform: scale(1.15)
 }

 .flaotcontent>dl dd img {
   width: 40%;
   margin: 0 auto;
   display: block
 }

 .flaotcontent>dl dd:hover,
 .flaotcontent .us {
   cursor: pointer
 }

 .downb:hover .on,
 .downb .erwbx {
   display: none;
 }

 .downb:hover .erwbx {
   display: block
 }

 .downb:hover .erwbx img {
   width: 80%
 }

 .more4:hover {
   color: #fff !important
 }

 .rwmbox {
   width: 2rem;
   margin-left: 0.3rem;
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   margin-top: 0.15rem;
 }

 .rwmbox>img {
   width: 24%;
   display: block;
   margin-right: 1%;
 }

 .lxfs-cont {
   flex: 1
 }

 .sgsplist {
   margin-bottom: 1rem;
   justify-content: center;
 }

 .jscont .flex {
   flex-wrap: wrap
 }

 .txt-cont img {
   max-width: 100%
 }

 .mblbx .more3 {
   width: 3rem;
   margin: 0.3rem auto;
 }

 .jsinfo-box .tile {
   filter: brightness(3);

   margin-top: 0.4rem;
 }

 .zwsjbox {
   display: flex;
   justify-content: center;
   padding: 0.5rem 0;
 }

 .zwsjbox>img {
   display: block;
   width: 4rem;
 }

 .notebx .wfgd {
   height: 1.4rem;
   overflow: hidden;
 }

 .note-cont li {
   padding: 0.1rem 0;
   border-bottom: 1px solid hsl(0, 23%, 90%);
 }

 .menc {
   display: none;
 }

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

 .menc .menc_box a {
   display: block;
   font-size: 0.3rem;
   font-weight: 600;
   white-space: nowrap;
   margin-right: 0.3rem;
 }

 .show {
   display: block !important;
 }

 .icon-more img{
   width: 15px;
   float: right;
   margin-top: 4px;
   margin-left: 4px;

 }