.header {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 4.8rem;
  margin: 0 auto;
  background: url(h-background.png;vpn_img) no-repeat top center;
  background-size: 19.2rem 100%;
  padding-top: 0.23rem;
}
.header .h-top {
  height: 0.4rem;
  line-height: 0.4rem;
  width: 100%;
  max-width: 19.2rem;
  margin: 0 auto;
}
.header .h-top .lj {
  margin-left: 0.4rem;
}
.header .h-top .lj a {
  font-size: 0.16rem;
  color: #1B5395;
}
.header .h-top .lj .line {
  display: inline-block;
  width: 0.01rem;
  height: 0.11rem;
  background: #1B5395;
  margin: 0 0.14rem;
}
.header .h-top .gn .xmt {
  display: inline-block;
  padding: 0 0.15rem;
  height: 0.4rem;
  background: rgba(142, 181, 233, 0.5);
  border-radius: 0.08rem 0rem 0rem 0.08rem;
}
.header .h-top .gn .xmt img {
  width: 0.24rem;
  height: 0.24rem;
}
.header .h-top .gn .xmt span {
  font-size: 0.16rem;
  color: #1B5395;
  vertical-align: middle;
  margin-left: 0.06rem;
}
.header .h-top .gn .lnb {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: rgba(142, 181, 233, 0.5);
  margin-left: 0.01rem;
}
.header .h-top .gn .lnb img {
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.08rem;
}
.header .h-top .gn .wza {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background: rgba(142, 181, 233, 0.5);
  margin-left: 0.01rem;
}
.header .h-top .gn .wza img {
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.08rem;
}
.header .h-top .gn .yy-select {
  position: relative;
  display: inline-block;
  width: 1.2rem;
  height: 0.4rem;
  line-height: 0.4rem;
  background: #8EB5E9;
  margin-left: 0.01rem;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.header .h-top .gn .yy-select .select {
  cursor: pointer;
  padding-left: 0.38rem;
}
.header .h-top .gn .yy-select .select .tit {
  font-size: 0.16rem;
  color: #1B5395;
}
.header .h-top .gn .yy-select .select .arrow-icon {
  width: 0.16rem;
  height: 0.09rem;
  background: url(h-yy-arrow.png;vpn_img) no-repeat;
  background-size: 100% 100%;
  margin-top: 0.16rem;
  margin-right: 0.16rem;
  transition: 1s;
  -webkit-transition: 1s;
}
.header .h-top .gn .yy-select .select .arrow-icon.cur {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.header .h-top .gn .yy-select .dropdown-menu {
  display: none;
  width: 1.2rem;
  overflow: hidden;
  padding: 0 0.07rem;
  position: absolute;
  background: #D9E8FD;
  top: 0.4rem;
  left: 0;
}
.header .h-top .gn .yy-select .dropdown-menu .dmh-bottom {
  width: 100%;
}
.header .h-top .gn .yy-select .dropdown-menu .dmh-bottom li {
  width: 100%;
  height: 0.4rem;
  border-bottom: 0.01rem dashed #A4B8D3;
}
.header .h-top .gn .yy-select .dropdown-menu .dmh-bottom li a {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #333333;
  font-size: 0.16rem;
}
.header .h-top .gn .yy-select .dropdown-menu .dmh-bottom li a:hover {
  color: #1B5395;
}
.header .h-top .gn .yy-select .dropdown-menu .dmh-bottom li:last-child {
  border: none;
}
.header .h-top .dh-wap {
  display: none;
}
.header .h-top .ft-mask {
  display: none;
}
.header .h-nav {
  width: 100%;
  max-width: 19.2rem;
  margin: 0 auto;
  height: 0.66rem;
  background: url(h-nav-box.png;vpn_img) no-repeat top center;
  background-size: 100% 100%;
  margin-top: 0.27rem;
}
.header .h-nav .h-nav-box {
  width: 12.8rem;
  height: 0.66rem;
  line-height: 0.66rem;
  margin: 0 auto;
}
.header .h-nav .h-nav-box li {
  display: inline-block;
  width: calc(100% / 4);
  padding: 0 0.1rem;
  height: 100%;
}
.header .h-nav .h-nav-box li a {
  display: inline-block;
  width: 100%;
  color: #1B5395;
  font-size: 0.22rem;
  text-align: center;
}
.header .h-nav .h-nav-box li a img {
  width: 0.26rem;
  height: 0.26rem;
  transform: translateY(-0.02rem);
  opacity: 0;
}
.header .h-nav .h-nav-box li a:hover,
.header .h-nav .h-nav-box li .cur {
  background: url(h-nav-hover.png;vpn_img) no-repeat top center;
  background-size: 100% 100%;
  font-weight: bold;
  position: relative;
}
.header .h-nav .h-nav-box li a:hover img,
.header .h-nav .h-nav-box li .cur img {
  opacity: 1;
}
.header .h-logo-box {
  width: 6rem;
  height: 2.55rem;
  margin: 0 auto;
  padding-top: 0.54rem;
}
.header .h-logo-box .h-logo {
  display: block;
  width: 4.89rem;
  height: 2.2rem;
  margin: 0 auto;
}
.header .h-logo-box .h-logo img {
  width: 100%;
  height: 100%;
}
.header .h-search {
  width: 12.8rem;
  height: 0.64rem;
  margin: 0 auto;
  margin-top: 0.4rem;
}
.header .h-search .s-box {
  width: 11.03rem;
  height: 0.64rem;
  line-height: 0.64rem;
  background: #FFFFFF;
  border-radius: 0.08rem;
  padding: 0 0.3rem;
}
.header .h-search .s-box .type {
  display: inline-block;
  font-size: 0.18rem;
  color: #333;
}
.header .h-search .s-box .tp-select {
  cursor: pointer;
}
.header .h-search .s-box .line {
  display: inline-block;
  width: 0.01rem;
  height: 0.3rem;
  background: #979797;
  margin: 0 0.26rem;
  margin-top: 0.17rem;
}
.header .h-search .s-box input {
  width: 9.5rem;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.18rem;
  color: #999;
  vertical-align: baseline;
}
.header .h-search .s-btn {
  width: 1.64rem;
  height: 0.64rem;
  background: #FDD649;
  border-radius: 0.08rem;
  padding-left: 0.5rem;
  padding-top: 0.17rem;
}
.header .h-search .s-btn img {
  width: 0.24rem;
  height: 0.24rem;
}
.header .h-search .s-btn span {
  font-size: 0.18rem;
  color: #333;
  vertical-align: middle;
  margin-left: 0.12rem;
}
.header .h-search .tp-select {
  font-size: 0.18rem;
  position: relative;
}
.header .h-search .tp-select .dropdown-menu {
  display: none;
  width: 1rem;
  padding: 0rem;
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.13);
  border-radius: 0.08rem;
  top: 0.61rem;
  z-index: 2;
  left: -0.3rem;
  padding-top: 0.06rem;
  font-size: 0.2rem;
}
.header .h-search .tp-select .dropdown-menu li {
  height: 0.47rem;
  line-height: 0.47rem;
  font-size: 0.2rem;
}
.header .h-search .tp-select .dropdown-menu li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #333;
  text-align: center;
}
.header .h-search .tp-select .dropdown-menu li a:hover {
  color: #1B5395;
}
.sy-lb {
  width: 100%;
  height: 7.66rem;
  margin: 0 auto;
  background: url(sy-lb.png;vpn_img) no-repeat top center;
  background-size: 19.2rem 100%;
}
.sy-lb .box {
  width: 12.8rem;
  margin: 0 auto;
  padding-top: 0.72rem;
}
.sy-lb .box .topnews .cm-HotNews .swiper-container {
  height: 0.79rem;
}
.sy-lb .box .topnews .cm-HotNews .swiper-container .level-1 h1 {
  font-size: 0.38rem;
  color: #fff;
}
.sy-lb .box .topnews .cm-HotNews .swiper-container .level-2 p {
  font-size: 0.2rem;
  color: #fff;
  line-height: 0.3rem;
}
.sy-lb .box .content-news {
  width: 12.8rem;
  margin-top: 0.4rem;
}
.sy-lb .box .content-news .lb-box {
  position: relative;
  width: 6.32rem;
  height: 4.74rem;
  overflow: hidden;
}
.sy-lb .box .content-news .lb-box .swiper-slide .text {
  height: 0.6rem;
  padding: 0 0.16rem;
  background: rgba(0, 0, 0, 0.66);
  font-size: 0.2rem;
  line-height: 0.66rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  padding-right: 1.7rem;
}
.sy-lb .box .content-news .lb-box .swiper-pagination {
  right: 0.16rem;
  bottom: 0.24rem;
}
.sy-lb .box .content-news .lb-box .swiper-button-prev {
  display: block;
  position: absolute;
  left: 0;
  top: 2.22rem;
  margin-top: -0.15rem;
  width: 0.31rem;
  height: 0.52rem;
  border-radius: 0 0.04rem 0.04rem 0;
  z-index: 9;
  background: url(sy-arrowLeft.png;vpn_img) no-repeat center;
  background-size: 0.21rem 0.22rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.sy-lb .box .content-news .lb-box .swiper-button-next {
  display: block;
  position: absolute;
  right: 0;
  top: 2.22rem;
  margin-top: -0.15rem;
  width: 0.31rem;
  height: 0.52rem;
  border-radius: 0.04rem 0 0 0.04rem;
  z-index: 9;
  background: url(sy-arrowRight.png;vpn_img) no-repeat center;
  background-size: 0.21rem 0.22rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.sy-lb .box .content-news .news {
  width: 6.18rem;
  height: 4.74rem;
}
.sy-lb .box .content-news .news .cm-tab {
  padding-top: 0.05rem;
}
.sy-lb .box .content-news .news .cm-tab .tabPanel a {
  font-weight: normal;
  font-size: 0.26rem;
  margin: 0 0.2rem;
  padding-bottom: 0.23rem;
  color: #fff;
}
.sy-lb .box .content-news .news .cm-tab .tabPanel .panel:first-child {
  margin-left: 0;
}
.sy-lb .box .content-news .news .cm-tab .tabPanel .cur {
  color: #FDD649;
  font-weight: bold;
}
.sy-lb .box .content-news .news .cm-tab .tabPanel .cur::before {
  width: 100%;
  left: 0.2rem;
  background-color: #FDD649;
}
.sy-lb .box .content-news .news .cm-tab .tabContent {
  margin-top: 0.06rem;
}
.sy-lb .box .content-news .news .cm-tab .tabContent .cm-news-list li {
  height: 0.69rem;
  line-height: 0.69rem;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.96);
  border-bottom: 0.01rem dashed rgba(255, 255, 255, 0.12);
}
.sy-lb .box .content-news .news .cm-tab .tabContent .cm-news-list li a {
  background: url(li-bg.png;vpn_img) no-repeat left center;
  color: rgba(255, 255, 255, 0.96);
  background-size: 0.04rem 0.04rem;
  font-size: 0.2rem;
  padding-left: 0.16rem;
}
.sy-lb .box .content-news .news .cm-tab .tabContent .cm-news-list li a:hover {
  background-size: 0.04rem 0.04rem;
  color: #FDD649;
}
.sy-lb .box .content-news .news .cm-tab .tabContent .cm-news-list li span {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.44);
}
.sy-lms {
  width: 12.8rem;
  margin: 0 auto;
  margin-top: -0.66rem;
}
.sy-lms .lms-tab {
  width: 100%;
  height: 2.2rem;
  background-color: transparent;
}
.sy-lms .lms-tab .lm {
  display: inline-block;
  position: relative;
  width: 1.65rem;
  height: 2.2rem;
  margin-left: 3.91rem;
}
.sy-lms .lms-tab .lm img {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 auto;
}
.sy-lms .lms-tab .lm .normal {
  display: block;
}
.sy-lms .lms-tab .lm .cur-img {
  display: none;
}
.sy-lms .lms-tab .lm span {
  display: inline-block;
  width: 100%;
  font-size: 0.32rem;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-top: 0.17rem;
}
.sy-lms .lms-tab .lm:first-child {
  margin-left: 0;
}
.sy-lms .lms-tab .lm:first-child::before,
.sy-lms .lms-tab .lm:last-child::before,
.sy-lms .lms-tab .lm:nth-child(2)::before {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 1.65rem;
  height: 0.12rem;
  background: url(leftTab-cur-icon.png;vpn_img) no-repeat center top;
  background-size: 100% 100%;
}
.sy-lms .lms-tab .lm:last-child::before {
  background-image: url(rightTab-cur-icon.png;vpn_img);
}
.sy-lms .lms-tab .lm:nth-child(2)::before {
  background-image: url(midTab-cur-icon.png;vpn_img);
}
.sy-lms .lms-tab .lm.cur span {
  color: #1B5395;
}
.sy-lms .lms-tab .lm.cur .normal {
  display: none;
}
.sy-lms .lms-tab .lm.cur .cur-img {
  display: block;
}
.sy-lms .lms-tab .lm.cur::before {
  display: block;
}
.sy-lms .tabContent {
  margin-top: 0.33rem;
  padding-bottom: 0.3rem;
}
.sy-lms .tabContent .tabItem .left-container {
  width: 6.25rem;
  height: 3.04rem;
  background: url(service-bg.png;vpn_img) no-repeat center top;
  background-size: 100% 100%;
  padding: 0.34rem 0.2rem 0.2rem;
}
.sy-lms .tabContent .tabItem .left-container .title {
  padding-left: 0.12rem;
  font-size: 0.34rem;
  color: #1B5395;
}
.sy-lms .tabContent .tabItem .left-container .query-line {
  display: block;
  margin-top: 0.13rem;
  padding-left: 0.12rem;
  font-size: 0.18rem;
  color: #689EDC;
  line-height: 0.24rem;
}
.sy-lms .tabContent .tabItem .left-container .query-line span.text-yellow {
  color: #FFAA30;
}
.sy-lms .tabContent .tabItem .left-container .tab-content {
  margin-top: 0.22rem;
  background-color: #fff;
  padding: 0.2rem;
  border-radius: 0.08rem;
}
.sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item {
  display: inline-block;
  width: 2.62rem;
  height: 1.13rem;
  background-color: #EAF1FF;
  background: linear-gradient(270deg, #EAF1FF 0%, #E1EDFF 100%);
  border-radius: 0.03rem;
  margin-right: 0.2rem;
}
.sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item:nth-child(2n) {
  margin-right: 0;
}
.sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #333333;
  font-size: 0.2rem;
  padding: 0.27rem 0;
}
.sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item a img {
  width: 0.58rem;
  height: 0.58rem;
}
.sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item a .text {
  max-width: calc(100% - 0.8rem);
  display: inline-block;
  margin-left: 0.05rem;
  transform: translateY(0.08rem);
}
.sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item a:hover .text {
  color: #1B5395;
  font-weight: bold;
}
.sy-lms .tabContent .tabItem .hydt {
  width: 6.25rem;
  margin-left: 0.28rem;
}
.sy-lms .tabContent .tabItem .hydt .title {
  position: relative;
  height: 0.35rem;
}
.sy-lms .tabContent .tabItem .hydt .title .tit {
  font-size: 0.26rem;
  font-weight: bold;
  color: #111;
  position: absolute;
  left: 0;
  z-index: 2;
  background-color: #fff;
  padding-right: 0.1rem;
  max-width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sy-lms .tabContent .tabItem .hydt .title .zw {
  height: 0.06rem;
  background: url(sy-title-zw.png;vpn_img) no-repeat center;
  background-size: 100% 100%;
  margin-top: 0.19rem;
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
}
.sy-lms .tabContent .tabItem .hydt .title .more {
  width: 1.5rem;
  height: 0.44rem;
  line-height: 0.44rem;
  border-radius: 0.22rem;
  border: 0.01rem solid #E4E4E4;
  font-size: 0.16rem;
  text-align: center;
  color: #999;
  position: absolute;
  right: 0;
  z-index: 2;
  background-color: #fff;
}
.sy-lms .tabContent .tabItem .hydt .title .more::before {
  position: absolute;
  left: -0.11rem;
  width: 0.1rem;
  height: 0.44rem;
  background-color: #fff;
  content: '';
  pointer-events: none;
}
.sy-lms .tabContent .tabItem .hydt .title .more:hover {
  color: #3E79D6;
}
.sy-lms .tabContent .tabItem .hydt .list .cm-news-list li {
  height: 0.56rem;
  line-height: 0.56rem;
}
.sy-lms .tabContent .tabItem .hydt .list .cm-news-list li a {
  font-size: 0.2rem;
  color: #191919;
  background: url(sy-xw-li-bg.png;vpn_img) no-repeat left center;
  background-size: 0.04rem 0.04rem;
}
.sy-lms .tabContent .tabItem .hydt .list .cm-news-list li a:hover {
  color: #3E79D6;
}
.sy-lms .tabContent .tabItem .hydt .list .cm-news-list li span {
  font-size: 0.2rem;
}
.sy-lms .tabContent .tabItem .zfxxgk {
  width: 6.25rem;
}
.sy-lms .tabContent .tabItem .zfxxgk .title {
  position: relative;
  height: 0.35rem;
}
.sy-lms .tabContent .tabItem .zfxxgk .title .tit {
  font-size: 0.26rem;
  font-weight: bold;
  color: #111;
  position: absolute;
  left: 0;
  z-index: 2;
  background-color: #fff;
  padding-right: 0.1rem;
  max-width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sy-lms .tabContent .tabItem .zfxxgk .title .zw {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 0.06rem;
  background: url(sy-title-zw.png;vpn_img) no-repeat center;
  background-size: 100% 100%;
  margin-top: 0.19rem;
}
.sy-lms .tabContent .tabItem .zfxxgk .title .more {
  width: 1.5rem;
  height: 0.44rem;
  line-height: 0.44rem;
  border-radius: 0.22rem;
  border: 0.01rem solid #E4E4E4;
  font-size: 0.16rem;
  text-align: center;
  color: #999;
  position: absolute;
  right: 0;
  z-index: 2;
  background-color: #fff;
}
.sy-lms .tabContent .tabItem .zfxxgk .title .more::before {
  position: absolute;
  left: -0.11rem;
  width: 0.1rem;
  height: 0.44rem;
  background-color: #fff;
  content: '';
  pointer-events: none;
}
.sy-lms .tabContent .tabItem .zfxxgk .title .more:hover {
  color: #3E79D6;
}
.sy-lms .tabContent .tabItem .zfxxgk .zfxx a {
  display: inline-block;
  width: 1.97rem;
  height: 1.3rem;
  background: #F8F8F8;
  margin-left: 0.15rem;
  margin-top: 0.17rem;
  padding: 0 0.1rem;
}
.sy-lms .tabContent .tabItem .zfxxgk .zfxx a img {
  display: block;
  width: 0.34rem;
  height: 0.42rem;
  margin: 0 auto;
  margin-top: 0.28rem;
}
.sy-lms .tabContent .tabItem .zfxxgk .zfxx a span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 0.2rem;
  color: #333;
  margin-top: 0.08rem;
}
.sy-lms .tabContent .tabItem .zfxxgk .zfxx a:hover span {
  color: #3E79D6;
}
.sy-lms .tabContent .tabItem .zfxxgk .zfxx a:first-child {
  margin-left: 0;
}
.sy-lms .tabContent .tabItem .zfxxgk .zfxx a:nth-child(4) {
  margin-left: 0;
}
.sy-lms .tabContent .tabItem .zcwj {
  width: 4.5rem;
  margin-left: 0.3rem;
}
.sy-lms .tabContent .tabItem .zcwj .title {
  position: relative;
  height: 0.35rem;
}
.sy-lms .tabContent .tabItem .zcwj .title .tit {
  font-size: 0.26rem;
  font-weight: bold;
  color: #111;
  position: absolute;
  left: 0;
  z-index: 2;
  background-color: #fff;
  padding-right: 0.1rem;
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sy-lms .tabContent .tabItem .zcwj .title .zw {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 0.06rem;
  background: url(sy-title-zw.png;vpn_img) no-repeat center;
  background-size: 100% 100%;
  margin-top: 0.19rem;
}
.sy-lms .tabContent .tabItem .zcwj .title .more {
  width: 1.5rem;
  height: 0.44rem;
  line-height: 0.44rem;
  border-radius: 0.22rem;
  border: 0.01rem solid #E4E4E4;
  font-size: 0.16rem;
  text-align: center;
  color: #999;
  position: absolute;
  right: 0;
  z-index: 2;
  background-color: #fff;
}
.sy-lms .tabContent .tabItem .zcwj .title .more::before {
  position: absolute;
  left: -0.11rem;
  width: 0.1rem;
  height: 0.44rem;
  background-color: #fff;
  content: '';
  pointer-events: none;
}
.sy-lms .tabContent .tabItem .zcwj .title .more:hover {
  color: #3E79D6;
}
.sy-lms .tabContent .tabItem .zcwj .zc-con {
  margin-top: 0.02rem;
}
.sy-lms .tabContent .tabItem .zcwj .zc-con .zcItem .cm-news-list li {
  height: 0.55rem;
  line-height: 0.55rem;
}
.sy-lms .tabContent .tabItem .zcwj .zc-con .zcItem .cm-news-list li a {
  font-size: 0.2rem;
  color: #333;
  background-image: url(sy-xw-li-bg.png;vpn_img);
  background-size: 0.04rem 0.04rem;
  max-width: 100%;
}
.sy-lms .tabContent .tabItem .zcwj .zc-con .zcItem .cm-news-list li a:hover {
  color: #3E79D6;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box {
  width: 4.49rem;
  height: 0.62rem;
  background: #FFFFFF;
  border-radius: 0.08rem;
  border: 0.01rem solid #E7E7E7;
  margin-top: 0.08rem;
  box-sizing: border-box;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type {
  width: 0.9rem;
  height: 0.62rem;
  position: relative;
  line-height: 0.62rem;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type p {
  padding-left: 0.2rem;
  cursor: pointer;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type p .tit {
  font-size: 0.18rem;
  color: #333;
  display: inline-block;
  width: 0.5rem;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type p .arrow-icon {
  width: 0.16rem;
  height: 0.09rem;
  background: url(sy-wj-s-arrow.png;vpn_img) no-repeat;
  background-size: 100% 100%;
  margin-top: 0.28rem;
  margin-left: 0rem;
  transition: 1s;
  -webkit-transition: 1s;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type .dropdown-menu {
  display: none;
  width: 1rem;
  height: 1.1rem;
  padding: 0rem;
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.13);
  border-radius: 0.08rem;
  top: 0.61rem;
  z-index: 2;
  left: 0;
  padding-top: 0.06rem;
  overflow-y: auto;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type .dropdown-menu li {
  height: 0.47rem;
  line-height: 0.47rem;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type .dropdown-menu li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 0.2rem;
  color: #333;
  text-align: center;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type .dropdown-menu li a:hover {
  color: #1B5395;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .line {
  display: inline-block;
  width: 0.01rem;
  height: 0.22rem;
  background: #ececec;
  margin: 0 0.16rem;
  margin-top: 0.2rem;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box input {
  padding-left: 0.16rem;
  height: 0.62rem;
  line-height: 0.62rem;
  width: 2.6rem;
  font-size: 0.2rem;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .btn {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  margin-top: 0.2rem;
  margin-left: 0.1rem;
}
.sy-lms .tabContent .tabItem .zcwj .zj-s-box .btn img {
  width: 100%;
  height: 100%;
}
.sy-lms .tabContent .tabItem .right-box {
  width: 1.51rem;
  height: 3.25rem;
  background: #F8F8F8;
  border-radius: 0.08rem;
  border: 0.01rem solid #F2F2F2;
  box-sizing: border-box;
  margin-left: 0.22rem;
  padding: 0.16rem;
}
.sy-lms .tabContent .tabItem .right-box a img {
  display: block;
  width: 0.38rem;
  height: 0.48rem;
  margin: 0 auto;
}
.sy-lms .tabContent .tabItem .right-box a span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 0.18rem;
  color: #000;
  margin-top: 0.08rem;
}
.sy-lms .tabContent .tabItem .right-box a:hover span {
  color: #3E79D6;
}
.sy-lms .tabContent .tabItem .right-box .line {
  display: block;
  width: 0.83rem;
  height: 0.01rem;
  margin: 0 auto;
  background: #e5e5e5;
  margin: 0.12rem auto;
}
.sy-lms .tabContent .tabItem .ztswiper {
  width: 100%;
  margin-top: 0.3rem;
}
.sy-lms .tabContent .tabItem .ztswiper .swiper-outer {
  width: 100%;
  overflow: hidden;
}
.sy-lms .tabContent .tabItem .ztswiper .zwgk-banner {
  width: calc(100% + 0.3rem);
  height: 1rem;
}
.sy-lms .tabContent .tabItem .ztswiper .zwgk-banner .swiper-button-prev,
.sy-lms .tabContent .tabItem .ztswiper .zwgk-banner .swiper-button-next {
  display: none;
  cursor: pointer;
  width: 0.24rem;
  height: 0.4rem;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.sy-lms .tabContent .tabItem .ztswiper .zwgk-banner .swiper-button-prev {
  left: 0;
  background: url(swipe-left.png;vpn_img) no-repeat center center;
}
.sy-lms .tabContent .tabItem .ztswiper .zwgk-banner .swiper-button-next {
  right: 0.31rem;
  background: url(swipe-right.png;vpn_img) no-repeat center center;
}
.sy-lms .tabContent .tabItem .ztswiper .zwgk-banner:hover .swiper-button-prev,
.sy-lms .tabContent .tabItem .ztswiper .zwgk-banner:hover .swiper-button-next {
  display: block;
}
.sy-lms .tabContent .tabItem .ztswiper .zt-item {
  width: 3.27rem;
  margin-left: 0;
}
.sy-lms .tabContent .tabItem .ztswiper .zt-item a {
  display: inline-block;
  width: 2.97rem;
  height: 1.01rem;
}
.sy-lms .tabContent .tabItem .ztswiper .zt-item a img {
  width: 100%;
  height: 100%;
}
.sy-lms .tabContent .tabItem .zmhd {
  width: 6.25rem;
}
.sy-lms .tabContent .tabItem .zmhd .title {
  position: relative;
  height: 0.35rem;
}
.sy-lms .tabContent .tabItem .zmhd .title .tit {
  font-size: 0.26rem;
  font-weight: bold;
  color: #111;
  position: absolute;
  left: 0;
  z-index: 2;
  background-color: #fff;
  padding-right: 0.1rem;
  max-width: 75%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sy-lms .tabContent .tabItem .zmhd .title .zw {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 0.06rem;
  background: url(sy-title-zw.png;vpn_img) no-repeat center;
  background-size: 100% 100%;
  margin-top: 0.19rem;
}
.sy-lms .tabContent .tabItem .zmhd .title .more {
  width: 1.5rem;
  height: 0.44rem;
  line-height: 0.44rem;
  border-radius: 0.22rem;
  border: 0.01rem solid #E4E4E4;
  font-size: 0.16rem;
  text-align: center;
  color: #999;
  position: absolute;
  right: 0;
  z-index: 2;
  background-color: #fff;
}
.sy-lms .tabContent .tabItem .zmhd .title .more::before {
  position: absolute;
  left: -0.11rem;
  width: 0.1rem;
  height: 0.44rem;
  background-color: #fff;
  content: '';
  pointer-events: none;
}
.sy-lms .tabContent .tabItem .zmhd .title .more:hover {
  color: #3E79D6;
}
.sy-lms .tabContent .tabItem .zmhd .title .lj {
  font-size: 0.2rem;
  color: #111;
  margin-left: 0.2rem;
  margin-top: 0.08rem;
}
.sy-lms .tabContent .tabItem .zmhd .title .lj:hover {
  color: #1B5395;
}
.sy-lms .tabContent .tabItem .zmhd .title .lj.cur {
  color: #1B5395;
}
.sy-lms .tabContent .tabItem .zmhd .news {
  margin-top: 0.07rem;
}
.sy-lms .tabContent .tabItem .zmhd .news .cm-news-list li {
  height: 0.55rem;
  line-height: 0.55rem;
}
.sy-lms .tabContent .tabItem .zmhd .news .cm-news-list li a {
  background-image: url(sy-xw-li-bg.png;vpn_img);
  background-size: 0.04rem 0.04rem;
  font-size: 0.2rem;
  color: #333;
}
.sy-lms .tabContent .tabItem .zmhd .news .cm-news-list li a:hover {
  color: #1B5395;
}
.sy-lms .tabContent .tabItem .zmhd .news .cm-news-list li span {
  font-size: 0.2rem;
  color: #999;
}
.sy-lms .tabContent .tabItem .zmhd .xx {
  width: 100%;
  margin-top: 0.06rem;
}
.sy-lms .tabContent .tabItem .zmhd .xx a {
  display: inline-block;
  width: 3.05rem;
  height: 0.79rem;
  line-height: 0.79rem;
  margin-left: 0.13rem;
  position: relative;
}
.sy-lms .tabContent .tabItem .zmhd .xx a img {
  width: 0.4rem;
  height: 0.4rem;
  margin-left: 0.2rem;
  vertical-align: top;
  margin-top: 0.2rem;
}
.sy-lms .tabContent .tabItem .zmhd .xx a span {
  font-size: 0.18rem;
  color: #333;
  margin-left: 0.14rem;
  display: inline-block;
  max-width: 1.7rem;
}
.sy-lms .tabContent .tabItem .zmhd .xx a .arrow {
  position: absolute;
  top: 0.35rem;
  right: 0.23rem;
  width: 0.06rem;
  height: 0.1rem;
  background: url(sy-wyxx-arrow.png;vpn_img) no-repeat top center;
  background-size: 100% 100%;
}
.sy-lms .tabContent .tabItem .zmhd .xx a:first-child {
  margin-left: 0;
}
.sy-lms .tabContent .tabItem .zmhd .xx a:hover span {
  color: #1B5395;
}
.sy-lms .tabContent .tabItem .zmhd .xx .wyxx {
  background: url(sy-wyxx-bg.png;vpn_img) no-repeat top center;
  background-size: 100% 100%;
}
.sy-lms .tabContent .tabItem .zmhd .xx .xjcx {
  background: url(sy-xjcx-bg.png;vpn_img) no-repeat top center;
  background-size: 100% 100%;
}
.sy-lms .tabContent .tabItem .zmhd .xx .xjcx .arrow {
  background-image: url(sy-xjcx-arrow.png;vpn_img);
}
.sy-lms .tabContent .tabItem .hd-zxft {
  width: 6.25rem;
  margin-left: 0.25rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .title {
  position: relative;
  height: 0.35rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .title .tabPanel {
  position: absolute;
  left: 0;
  z-index: 2;
  background-color: #fff;
  padding-right: 0.1rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .title .tabPanel > .panel.cur {
  color: #111;
}
.sy-lms .tabContent .tabItem .hd-zxft .title .tit {
  font-size: 0.26rem;
  font-weight: bold;
  color: #999;
  margin-left: 0.17rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .title .tabPanel .tit:first-child {
  margin-left: 0;
}
.sy-lms .tabContent .tabItem .hd-zxft .title .zw {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 0.06rem;
  background: url(sy-title-zw.png;vpn_img) no-repeat center;
  background-size: 100% 100%;
  margin-top: 0.19rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .title .more {
  width: 1.5rem;
  height: 0.44rem;
  line-height: 0.44rem;
  border-radius: 0.22rem;
  border: 0.01rem solid #E4E4E4;
  font-size: 0.16rem;
  text-align: center;
  color: #999;
  position: absolute;
  right: 0;
  z-index: 2;
  background-color: #fff;
}
.sy-lms .tabContent .tabItem .hd-zxft .title .more::before {
  position: absolute;
  left: -0.11rem;
  width: 0.1rem;
  height: 0.44rem;
  background-color: #fff;
  content: '';
  pointer-events: none;
}
.sy-lms .tabContent .tabItem .hd-zxft .title .more:hover {
  color: #3E79D6;
}
.sy-lms .tabContent .tabItem .hd-zxft .con {
  margin-top: 0.24rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .con .zxft {
  display: inline-block;
  width: 2.92rem;
  height: 1.82rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .con .zxft img {
  width: 100%;
  height: 100%;
}
.sy-lms .tabContent .tabItem .hd-zxft .con .info {
  width: 3.18rem;
  font-size: 0.2rem;
  margin-left: 0.13rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .con .info .title {
  font-size: 0.2rem;
  color: #111111;
  line-height: 0.32rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 0.96rem;
  height: auto;
}
.sy-lms .tabContent .tabItem .hd-zxft .con .info .info-item {
  font-size: 0.18rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .con .info .info-item span {
  vertical-align: middle;
}
.sy-lms .tabContent .tabItem .hd-zxft .con .info .info-item .name {
  color: #3E79D6;
}
.sy-lms .tabContent .tabItem .hd-zxft .con .info .info-item .text {
  display: inline-block;
  max-width: 2rem;
  color: #999999;
}
.sy-lms .tabContent .tabItem .hd-zxft .con .info .time {
  margin-top: 0.09rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .con .info .jb {
  margin-top: 0.12rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .zswdk {
  display: inline-block;
  width: 6.25rem;
  height: 1.42rem;
  margin-top: 0.2rem;
}
.sy-lms .tabContent .tabItem .hd-zxft .zswdk img {
  width: 100%;
  height: 100%;
}
.list-part {
  width: 100%;
  max-width: 19.2rem;
  margin: 0 auto;
  padding: 0.3rem 0;
  background-color: #F8F8F8;
}
.list-part .container {
  width: 12.8rem;
  margin: 0 auto;
  box-shadow: 0rem 0.04rem 0.24rem 0rem rgba(122, 140, 168, 0.16);
  border-radius: 0.08rem;
  border: 0.02rem solid #FFFFFF;
  overflow: hidden;
}
.list-part .list-head {
  position: relative;
  height: 0.35rem;
}
.list-part .list-head .tit {
  font-size: 0.26rem;
  font-weight: bold;
  color: #111;
  position: absolute;
  left: 0;
  z-index: 2;
  padding-right: 0.1rem;
  max-width: 75%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-part .list-head .zw {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 0.06rem;
  background: url(sy-title-zw.png;vpn_img) no-repeat center;
  background-size: 100% 100%;
  margin-top: 0.19rem;
}
.list-part .list-head .more {
  width: 1.5rem;
  height: 0.44rem;
  line-height: 0.44rem;
  border-radius: 0.22rem;
  border: 0.01rem solid #E4E4E4;
  font-size: 0.16rem;
  text-align: center;
  color: #999;
  position: absolute;
  right: 0;
  z-index: 2;
  background-color: #FAFCFF;
}
.list-part .list-head .more::before {
  position: absolute;
  left: -0.11rem;
  width: 0.1rem;
  height: 0.44rem;
  background-color: #FAFCFF;
  content: '';
  pointer-events: none;
}
.list-part .list-head .more:hover {
  color: #3E79D6;
}
.list-part .left-list {
  width: 50%;
  background-color: #FAFCFF;
  padding: 0.19rem 0.24rem;
}
.list-part .left-list .list-head .tit {
  background-color: #FAFCFF;
}
.list-part .left-list .list-head .more::before {
  background-color: #FAFCFF;
}
.list-part .left-list .list-body {
  margin-top: 0.12rem;
}
.list-part .left-list .list-body .cm-news-list li {
  height: 0.48rem;
  line-height: 0.48rem;
  box-sizing: border-box;
}
.list-part .left-list .list-body .cm-news-list li a {
  position: relative;
  color: #333333;
  background-size: 0.08rem 0.08rem;
  font-size: 0.2rem;
  padding-left: 0.16rem;
  max-width: 4.66rem;
}
.list-part .left-list .list-body .cm-news-list li a::before {
  position: absolute;
  content: '';
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background-color: #000;
  top: 0.22rem;
  left: 0;
}
.list-part .left-list .list-body .cm-news-list li a:hover {
  color: #1B5395;
}
.list-part .left-list .list-body .cm-news-list li a:hover::before {
  background-color: #1B5395;
}
.list-part .left-list .list-body .cm-news-list li span {
  font-size: 0.18rem;
  color: #666666;
}
.list-part .right-list {
  width: 50%;
  background-color: #F1F8FF;
  padding: 0.19rem 0.24rem 0.07rem;
}
.list-part .right-list .list-head .tit {
  background-color: #F1F8FF;
}
.list-part .right-list .list-head .more::before {
  background-color: #F1F8FF;
}
.list-part .right-list .list-body {
  margin-top: 0.16rem;
}
.list-part .right-list .list-body .video-swiper {
  position: relative;
  width: 5.84rem;
  height: 2.32rem;
}
.list-part .right-list .list-body .video-swiper .swiper-slide {
  width: 5.84rem;
  height: 2.32rem;
  position: relative;
}
.list-part .right-list .list-body .video-swiper .swiper-slide img {
  width: 5.84rem;
  height: 2.32rem;
}
.list-part .right-list .list-body .video-swiper .swiper-slide .bottom-text {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.53rem;
  line-height: 0.53rem;
  padding: 0 0.12rem;
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
  font-size: 0.18rem;
  color: #FFFFFF;
}
.list-part .right-list .list-body .video-swiper .swiper-button-prev,
.list-part .right-list .list-body .video-swiper .swiper-button-next {
  display: none;
  cursor: pointer;
  width: 0.24rem;
  height: 0.4rem;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.list-part .right-list .list-body .video-swiper .swiper-button-prev {
  left: 0;
  background: url(swipe-left.png;vpn_img) no-repeat center center;
}
.list-part .right-list .list-body .video-swiper .swiper-button-next {
  right: 0;
  background: url(swipe-right.png;vpn_img) no-repeat center center;
}
.list-part .right-list .list-body .video-swiper:hover .swiper-button-prev,
.list-part .right-list .list-body .video-swiper:hover .swiper-button-next {
  display: block;
}
.list-part .right-list .list-body .news-list {
  width: 100%;
}
.list-part .right-list .list-body .news-list .news-item {
  width: 100%;
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.18rem;
  border-bottom: 0.01rem solid #E0E0E0;
}
.list-part .right-list .list-body .news-list .news-item:last-child {
  border-bottom: none;
}
.list-part .right-list .list-body .news-list .news-item a {
  display: block;
}
.list-part .right-list .list-body .news-list .news-item a .icon {
  width: 0.2rem;
  height: 0.2rem;
  margin-top: 0.18rem;
}
.list-part .right-list .list-body .news-list .news-item a .text {
  margin-left: 0.12rem;
  max-width: 4.15rem;
  color: #333;
}
.list-part .right-list .list-body .news-list .news-item a .time {
  color: #999999;
}
.list-part .right-list .list-body .news-list .news-item:hover a .text {
  color: #1B5395;
}
.sy-ztzl {
  width: 100%;
  max-width: 19.2rem;
  height: 3.25rem;
  margin: 0 auto;
  padding-top: 0.35rem;
}
.sy-ztzl .title {
  display: inline-block;
  width: 100%;
  font-size: 0.32rem;
  font-weight: bold;
  background: url(sy-title-bg.png;vpn_img) no-repeat center;
  background-size: 100%;
  text-align: center;
}
.sy-ztzl .title a {
  color: #111;
}
.sy-ztzl .title a:hover {
  color: #111;
}
.sy-ztzl .ztzlbox {
  width: 12.8rem;
  height: 100%;
  margin: auto;
  margin-top: 0.26rem;
}
.sy-ztzl .ztzlbox .swiper-outer {
  width: 100%;
  overflow: hidden;
}
.sy-ztzl .ztzlbox .zt-banner {
  width: calc(100% + 0.22rem);
  height: 1.7rem;
}
.sy-ztzl .ztzlbox .zt-banner .swiper-button-prev,
.sy-ztzl .ztzlbox .zt-banner .swiper-button-next {
  display: none;
  cursor: pointer;
  width: 0.24rem;
  height: 0.4rem;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.sy-ztzl .ztzlbox .zt-banner .swiper-button-prev {
  left: 0;
  background: url(swipe-left.png;vpn_img) no-repeat center center;
}
.sy-ztzl .ztzlbox .zt-banner .swiper-button-next {
  right: 0.23rem;
  background: url(swipe-right.png;vpn_img) no-repeat center center;
}
.sy-ztzl .ztzlbox .zt-banner:hover .swiper-button-prev,
.sy-ztzl .ztzlbox .zt-banner:hover .swiper-button-next {
  display: block;
}
.sy-ztzl .ztzlbox .zt {
  width: 3.24rem;
  height: 1.71rem;
}
.sy-ztzl .ztzlbox .zt a {
  display: inline-block;
  width: 3.04rem;
  height: 100%;
}
.sy-ztzl .ztzlbox .zt a img {
  width: 100%;
  height: 100%;
}
.sy-ztzl .ztzlbox .zt:first-child {
  margin-left: 0;
}
.footer {
  width: 100%;
  max-width: 19.2rem;
  margin: 0 auto;
}
.footer .f-link-line {
  width: 100%;
  height: 0.64rem;
  background: #EFF5FB;
}
.footer .f-link-line .g-box {
  padding-top: 0.12rem;
}
.footer .f-link-line .link-list {
  height: 0.24rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
  color: #333333;
  padding-right: 0.23rem;
  border-right: 0.01rem solid #ddd;
  margin-top: 0.08rem;
}
.footer .f-link-line .link-list .link-icon {
  width: 0.24rem;
  height: 0.24rem;
  transform: translateY(-0.02rem);
}
.footer .f-link-line .link-list .list {
  display: inline-block;
}
.footer .f-link-line .link-list .list a {
  margin-left: 0.32rem;
}
.footer .f-link-line .link-list .list a:first-child {
  margin-left: 0;
}
.footer .f-link-line .ft-link {
  height: 0.4rem;
  line-height: 0.4rem;
  padding-left: 0.23rem;
}
.footer .f-link-line .ft-link .cm-drop .drop-select {
  width: 3.05rem;
  height: 0.4rem;
  line-height: 0.4rem;
  background: #fff;
  border-radius: 0.04rem;
  border: 0.02rem solid #fff;
  margin-right: 0.18rem;
}
.footer .f-link-line .ft-link .cm-drop .drop-select .select {
  padding-left: 0.2rem;
}
.footer .f-link-line .ft-link .cm-drop .drop-select .tit {
  font-size: 0.18rem;
  color: #333;
}
.footer .f-link-line .ft-link .cm-drop .drop-select .arrow-icon {
  width: 0.16rem;
  height: 0.16rem;
  background: url(f-xl-arrow.png;vpn_img) no-repeat;
  background-size: 0.16rem 0.16rem;
  margin-top: 0.09rem;
  margin-right: 0.16rem;
}
.footer .f-link-line .ft-link .cm-drop .drop-select:last-child {
  margin-right: 0;
}
.footer .f-link-line .ft-link .cm-drop .dropdown-menu {
  width: 12.8rem;
  height: 1.54rem;
  bottom: 0.55rem;
  background: #3A6AA3;
  box-shadow: 0 -0.09rem 0.16rem 0 rgba(122, 140, 168, 0.16);
  border-radius: 0.08rem;
  border: none;
  z-index: 9999;
  overflow: unset;
  padding: 0.18rem 0.2rem;
  left: -6.04rem;
}
.footer .f-link-line .ft-link .cm-drop .dropdown-menu::before {
  content: '';
  width: 0;
  height: 0;
  border-top: 0.14rem solid #4b75a6;
  border-right: 0.14rem solid transparent;
  border-left: 0.14rem solid transparent;
  position: absolute;
  bottom: -0.13rem;
  left: 7.63rem;
}
.footer .f-link-line .ft-link .cm-drop .dropdown-menu .dmh-bottom {
  height: 1.15rem;
  overflow: auto;
}
.footer .f-link-line .ft-link .cm-drop .dropdown-menu .dmh-bottom li {
  width: 2rem;
  height: 0.44rem;
  font-size: 0.18rem;
  color: #fff;
}
.footer .f-link-line .ft-link .cm-drop .dropdown-menu .dmh-bottom li a {
  display: inline-block;
  width: 100%;
  color: #fff;
}
.footer .f-link-line .ft-link .cm-drop .dropdown-menu .dmh-bottom::-webkit-scrollbar {
  width: 0.03rem;
  background-color: #d6e2ec;
}
.footer .f-link-line .ft-link .cm-drop .dropdown-menu .dmh-bottom::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background-color: #B0D0F5;
}
.footer .f-bottom {
  width: 100%;
  height: 2.41rem;
  background: #1B5395;
}
.footer .f-bottom .f-info-box {
  width: 12.8rem;
  height: 100%;
  margin: 0 auto;
  padding-top: 0.26rem;
}
.footer .f-bottom .f-info-box .level-1 .lx {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: #3A6AA3;
  box-shadow: 0 0.02rem 0.08rem 0rem rgba(122, 140, 168, 0.16);
  border-radius: 0.04rem;
  padding-top: 0.4rem;
  margin-left: 0.12rem;
  cursor: pointer;
}
.footer .f-bottom .f-info-box .level-1 .lx img {
  display: block;
  width: 0.32rem;
  height: 0.32rem;
  margin: 0 auto;
}
.footer .f-bottom .f-info-box .level-1 .lx span {
  display: inline-block;
  width: 100%;
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  margin-top: 0.09rem;
}
.footer .f-bottom .f-info-box .level-1 .lx:first-child {
  margin-left: 0;
}
.footer .f-bottom .f-info-box .level-1 .info {
  display: inline-block;
  width: 5.2rem;
  height: 1.4rem;
  background: #3A6AA3;
  margin-left: 0.12rem;
  box-shadow: 0 0.02rem 0.08rem 0rem rgba(122, 140, 168, 0.16);
  border-radius: 0.04rem;
  vertical-align: top;
  padding: 0.14rem 0.16rem;
  line-height: 0.24rem;
}
.footer .f-bottom .f-info-box .level-1 .info span {
  width: 100%;
  font-size: 0.16rem;
  color: #fff;
  margin-right: 0.16rem;
}
.footer .f-bottom .f-info-box .level-1 .dzjg {
  padding-top: 0.36rem;
}
.footer .f-bottom .f-info-box .level-1 .dzjg img {
  width: 0.56rem;
  height: 0.68rem;
}
.footer .f-bottom .f-info-box .level-1 .zc {
  padding-top: 0.43rem;
}
.footer .f-bottom .f-info-box .level-1 .zc img {
  width: 1.1rem;
  height: 0.55rem;
}
.footer .f-bottom .f-info-box .level-2 {
  height: 0.2rem;
  line-height: 0.2rem;
  margin-top: 0.29rem;
}
.footer .f-bottom .f-info-box .level-2 a,
.footer .f-bottom .f-info-box .level-2 .ba {
  font-size: 0.16rem;
  color: #fff;
}
.footer .f-bottom .f-info-box .level-2 .ga {
  margin-left: 0.46rem;
}
.footer .f-bottom .f-info-box .level-2 .ga img {
  width: 0.18rem;
  height: 0.19rem;
  vertical-align: top;
  margin-right: 0.04rem;
}
.footer .f-bottom .f-info-box .level-2 .ba {
  margin-left: 0.32rem;
}
@media screen and (max-width: 768px) {
  .header {
    width: 7.5rem;
    height: 5.1rem;
    background: url(wap-sy-header.png;vpn_img) no-repeat top center;
    background-size: 100% 100%;
    padding: 0;
  }
  .header .h-top {
    height: 0.99rem;
    align-items: center;
    display: flex;
    padding: 0 0.24rem;
    justify-content: space-between;
  }
  .header .h-top::after,
  .header .h-top::before {
    display: none;
  }
  .header .h-top .lj {
    display: flex;
    align-items: center;
    margin-left: 0;
    width: 90%;
  }
  .header .h-top .lj a {
    font-size: 0.28rem;
    color: #1B5395;
  }
  .header .h-top .lj .line {
    display: inline-block;
    width: 0.01rem;
    height: 0.2rem;
    background: #1B5395;
    margin: 0 0.14rem;
  }
  .header .h-top .gn.media {
    display: none;
  }
  .header .h-top .gn .xmt {
    display: inline-block;
    width: 1.4rem;
    height: 0.4rem;
    background: rgba(142, 181, 233, 0.5);
    border-radius: 0.08rem 0rem 0rem 0.08rem;
    padding-left: 0.15rem;
  }
  .header .h-top .gn .xmt img {
    width: 0.24rem;
    height: 0.24rem;
  }
  .header .h-top .gn .xmt span {
    font-size: 0.16rem;
    color: #1B5395;
    vertical-align: middle;
    margin-left: 0.06rem;
  }
  .header .h-top .gn .lnb {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background: rgba(142, 181, 233, 0.5);
    margin-left: 0.01rem;
  }
  .header .h-top .gn .lnb img {
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.08rem;
  }
  .header .h-top .gn .wza {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    background: rgba(142, 181, 233, 0.5);
    margin-left: 0.01rem;
  }
  .header .h-top .gn .wza img {
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.08rem;
  }
  .header .h-top .gn .yy-select {
    position: relative;
    display: inline-block;
    width: 1.2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    background: #8EB5E9;
    margin-left: 0.01rem;
    margin-right: 0.4rem;
    vertical-align: middle;
  }
  .header .h-top .gn .yy-select .select {
    cursor: pointer;
    padding-left: 0.38rem;
  }
  .header .h-top .gn .yy-select .select .tit {
    font-size: 0.16rem;
    color: #1B5395;
  }
  .header .h-top .gn .yy-select .select .arrow-icon {
    width: 0.16rem;
    height: 0.09rem;
    background: url(h-yy-arrow.png;vpn_img) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.16rem;
    margin-right: 0.16rem;
    transition: 1s;
    -webkit-transition: 1s;
  }
  .header .h-top .gn .yy-select .select .arrow-icon.cur {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  .header .h-top .gn .yy-select .dropdown-menu {
    display: none;
    width: 1.2rem;
    overflow: hidden;
    padding: 0 0.07rem;
    position: absolute;
    background: #D9E8FD;
    top: 0.4rem;
    left: 0;
  }
  .header .h-top .gn .yy-select .dropdown-menu .dmh-bottom {
    width: 100%;
  }
  .header .h-top .gn .yy-select .dropdown-menu .dmh-bottom li {
    width: 100%;
    height: 0.4rem;
    border-bottom: 0.01rem dashed #A4B8D3;
  }
  .header .h-top .gn .yy-select .dropdown-menu .dmh-bottom li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #333333;
    font-size: 0.16rem;
  }
  .header .h-top .gn .yy-select .dropdown-menu .dmh-bottom li a:hover {
    color: #1B5395;
  }
  .header .h-top .gn .yy-select .dropdown-menu .dmh-bottom li:last-child {
    border: none;
  }
  .header .h-top .dh-wap {
    width: 0.48rem;
    height: 0.48rem;
    display: block;
  }
  .header .h-top .dh-wap img {
    width: 100%;
    height: 100%;
  }
  .header .h-top .ft-mask {
    display: block;
  }
  .header .h-nav {
    width: 100%;
    height: 0.88rem;
    background: url(h-nav-box.png;vpn_img) no-repeat top center;
    background-size: 100% 100%;
    margin-top: 0;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
  }
  .header .h-nav .h-nav-box {
    width: 100%;
    height: 0.88rem;
    line-height: 0.88rem;
  }
  .header .h-nav .h-nav-box li {
    width: calc(100% / 4);
    height: 100%;
  }
  .header .h-nav .h-nav-box li a {
    display: inline-block;
    width: 100%;
    color: #1B5395;
    font-size: 0.32rem;
    padding-left: 0;
    text-align: center;
  }
  .header .h-nav .h-nav-box li a img {
    display: none;
  }
  .header .h-nav .h-nav-box li a:hover,
  .header .h-nav .h-nav-box li .cur {
    background: none;
    font-weight: bold;
    position: relative;
  }
  .header .h-nav .h-nav-box li a:hover::before,
  .header .h-nav .h-nav-box li .cur::before {
    display: none;
  }
  .header .h-logo-box {
    width: 6rem;
    height: 2.55rem;
    margin: 0 auto;
    padding-top: 0.33rem;
  }
  .header .h-logo-box .h-logo {
    display: block;
    width: 4.89rem;
    height: 2.2rem;
    margin: 0 auto;
  }
  .header .h-logo-box .h-logo img {
    width: 100%;
    height: 100%;
  }
  .header .h-search {
    width: 7.02rem;
    height: 0.88rem;
    margin: 0 auto;
    margin-top: 0.3rem;
  }
  .header .h-search .s-box {
    width: 5.31rem;
    height: 0.88rem;
    line-height: 0.88rem;
    background: #FFFFFF;
    border-radius: 0.08rem;
    padding: 0 0.3rem;
  }
  .header .h-search .s-box .type {
    display: inline-block;
    font-size: 0.28rem;
    color: #333;
  }
  .header .h-search .s-box .line {
    display: inline-block;
    width: 0.01rem;
    height: 0.3rem;
    background: #979797;
    margin: 0 0.26rem;
    margin-top: 0.29rem;
  }
  .header .h-search .s-box input {
    width: 3.58rem;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.28rem;
    color: #999;
    vertical-align: baseline;
  }
  .header .h-search .s-btn {
    width: 1.55rem;
    height: 0.88rem;
    background: #FDD649;
    border-radius: 0.08rem;
    padding-left: 0.26rem;
    padding-top: 0.28rem;
  }
  .header .h-search .s-btn img {
    width: 0.32rem;
    height: 0.32rem;
  }
  .header .h-search .s-btn span {
    font-size: 0.28rem;
    color: #333;
    vertical-align: middle;
    margin-left: 0.16rem;
  }
  .sy-lb {
    width: 7.5rem;
    height: unset;
    margin: 0 auto;
    background: url(wap-sy-lb.png;vpn_img) no-repeat top center;
    background-size: 100% 100%;
  }
  .sy-lb .box {
    width: 7.5rem;
    margin: 0 auto;
    padding-top: 0.72rem;
  }
  .sy-lb .box .topnews {
    width: 7.02rem;
    height: 1.72rem;
    margin: 0 auto;
  }
  .sy-lb .box .topnews .cm-HotNews {
    height: 1.72rem;
  }
  .sy-lb .box .topnews .cm-HotNews .yydh-syswp3 {
    height: 1.72rem;
  }
  .sy-lb .box .topnews .level-1 h1 {
    font-size: 0.4rem;
    color: #111;
    -webkit-line-clamp: 2;
    line-height: 0.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .sy-lb .box .topnews .level-2 p {
    font-size: 0.28rem;
    color: #3D485D;
    margin-top: 0.1rem;
  }
  .sy-lb .box .content-news {
    width: 7.5rem;
    padding: 0.32rem 0.24rem 1rem;
    margin-top: 0;
  }
  .sy-lb .box .content-news .lb-box {
    position: relative;
    width: 7.02rem;
    height: 5.27rem;
    overflow: hidden;
  }
  .sy-lb .box .content-news .lb-box .swiper-slide .text {
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.32rem;
    padding-right: 1rem;
  }
  .sy-lb .box .content-news .lb-box .swiper-pagination {
    bottom: 0.34rem;
  }
  .sy-lb .box .content-news .lb-box .swiper-button-prev {
    display: block;
    position: absolute;
    left: 0;
    top: 2.22rem;
    margin-top: -0.15rem;
    width: 0.44rem;
    height: 0.73rem;
    border-radius: 0 0.04rem 0.04rem 0;
    z-index: 9;
    background: url(sy-arrowLeft.png;vpn_img) no-repeat center;
    background-size: 0.21rem 0.22rem;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .sy-lb .box .content-news .lb-box .swiper-button-next {
    display: block;
    position: absolute;
    right: 0;
    top: 2.22rem;
    margin-top: -0.15rem;
    width: 0.44rem;
    height: 0.73rem;
    border-radius: 0.04rem 0 0 0.04rem;
    z-index: 9;
    background: url(sy-arrowRight.png;vpn_img) no-repeat center;
    background-size: 0.21rem 0.22rem;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .sy-lb .box .content-news .news {
    width: 100%;
    height: unset;
  }
  .sy-lb .box .content-news .news .cm-tab {
    padding-top: 0.4rem;
  }
  .sy-lb .box .content-news .news .cm-tab .tabPanel {
    white-space: nowrap;
    overflow-x: auto;
  }
  .sy-lb .box .content-news .news .cm-tab .tabPanel a {
    font-weight: normal;
    font-size: 0.36rem;
    margin: 0 0.25rem;
    line-height: unset;
  }
  .sy-lb .box .content-news .news .cm-tab .tabPanel .panel:first-child {
    margin-left: 0;
  }
  .sy-lb .box .content-news .news .cm-tab .tabPanel .cur {
    color: #FDD649;
    font-weight: bold;
  }
  .sy-lb .box .content-news .news .cm-tab .tabPanel .cur::before {
    width: 100%;
    left: 0.2rem;
    bottom: 0;
    background-color: #FDD649;
  }
  .sy-lb .box .content-news .news .cm-tab .tabContent {
    margin-top: 0.06rem;
  }
  .sy-lb .box .content-news .news .cm-tab .tabContent .cm-news-list li {
    height: 0.88rem;
    line-height: 0.88rem;
    box-sizing: border-box;
    border-bottom: 0.01rem dashed rgba(255, 255, 255, 0.12);
  }
  .sy-lb .box .content-news .news .cm-tab .tabContent .cm-news-list li a {
    background: url(li-bg.png;vpn_img) no-repeat left center;
    color: rgba(255, 255, 255, 0.96);
    background-size: 0.08rem 0.08rem;
    font-size: 0.32rem;
    padding-left: 0.16rem;
    max-width: 98%;
  }
  .sy-lb .box .content-news .news .cm-tab .tabContent .cm-news-list li a:hover {
    background-size: 0.04rem 0.04rem;
    color: #FDD649;
  }
  .sy-lb .box .content-news .news .cm-tab .tabContent .cm-news-list li span {
    font-size: 0.2rem;
    color: rgba(255, 255, 255, 0.44);
    display: none;
  }
  .sy-lms {
    width: 7.5rem;
    margin: 0 auto;
    padding: 0 0.24rem;
    margin-top: -0.76rem;
  }
  .sy-lms .lms-tab {
    width: 100%;
    height: 1.78rem;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
  }
  .sy-lms .lms-tab .lm {
    display: inline-block;
    position: relative;
    width: 1.44rem;
    height: 1.78rem;
    margin-left: 0;
  }
  .sy-lms .lms-tab .lm img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
  }
  .sy-lms .lms-tab .lm .normal {
    display: block;
  }
  .sy-lms .lms-tab .lm .cur-img {
    display: none;
  }
  .sy-lms .lms-tab .lm span {
    display: inline-block;
    width: 100%;
    font-size: 0.32rem;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-top: 0.17rem;
  }
  .sy-lms .lms-tab .lm:first-child {
    margin-left: 0;
  }
  .sy-lms .lms-tab .lm.cur span {
    color: #1B5395;
  }
  .sy-lms .lms-tab .lm.cur .normal {
    display: none;
  }
  .sy-lms .lms-tab .lm.cur .cur-img {
    display: block;
  }
  .sy-lms .lms-tab .lm.cur::before {
    display: none;
  }
  .sy-lms .tabContent {
    margin-top: 0.33rem;
  }
  .sy-lms .tabContent .tabItem .left-container {
    width: 100%;
    height: 3.46rem;
    background: url(service-bg.png;vpn_img) no-repeat center top;
    background-size: 100% 100%;
    padding: 0.37rem 0.24rem 0.24rem;
  }
  .sy-lms .tabContent .tabItem .left-container .title {
    padding-left: 0.22rem;
    font-size: 0.4rem;
    color: #1B5395;
  }
  .sy-lms .tabContent .tabItem .left-container .query-line {
    margin-top: 0.15rem;
    padding-left: 0.2rem;
  }
  .sy-lms .tabContent .tabItem .left-container .query-line span {
    font-size: 0.28rem;
  }
  .sy-lms .tabContent .tabItem .left-container .tab-content {
    margin-top: 0.25rem;
    background-color: #fff;
    padding: 0.23rem;
  }
  .sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item {
    display: inline-block;
    width: 2.94rem;
    height: 1.28rem;
    margin-right: 0.2rem;
  }
  .sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item:nth-child(2n) {
    margin-right: 0;
  }
  .sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0.32rem 0;
    color: #333333;
    font-size: 0.32rem;
  }
  .sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item a .text {
    transform: translateY(0.1rem);
  }
  .sy-lms .tabContent .tabItem .left-container .tab-content .link-list .link-item a:hover {
    color: #1B5395;
  }
  .sy-lms .tabContent .tabItem .hydt {
    width: 100%;
    margin-left: 0;
    margin-top: 0.4rem;
    margin-bottom: 0.48rem;
  }
  .sy-lms .tabContent .tabItem .hydt .title {
    height: 0.45rem;
    display: flex;
    justify-content: space-between;
  }
  .sy-lms .tabContent .tabItem .hydt .title .tit {
    font-size: 0.34rem;
    font-weight: bold;
    color: #111;
    padding-right: 0.29rem;
  }
  .sy-lms .tabContent .tabItem .hydt .title .zw {
    flex: 1;
    height: 0.12rem;
    background: url(sy-title-zw.png;vpn_img) no-repeat center;
    background-size: 100% 100%;
  }
  .sy-lms .tabContent .tabItem .hydt .title .more {
    font-size: 0.22rem;
    color: #999;
    background-color: #fff;
  }
  .sy-lms .tabContent .tabItem .hydt .title .more::before {
    width: 0.25rem;
    left: -0.26rem;
  }
  .sy-lms .tabContent .tabItem .hydt .title .more:hover {
    color: #3E79D6;
  }
  .sy-lms .tabContent .tabItem .hydt .list {
    margin-top: 0.2rem;
  }
  .sy-lms .tabContent .tabItem .hydt .list .cm-news-list {
    border-top: 0.01rem solid #E5E5E5;
  }
  .sy-lms .tabContent .tabItem .hydt .list .cm-news-list li {
    height: 0.88rem;
    line-height: 0.88rem;
  }
  .sy-lms .tabContent .tabItem .hydt .list .cm-news-list li a {
    font-size: 0.32rem;
    color: #191919;
    background: url(sy-xw-li-bg.png;vpn_img) no-repeat left center;
    background-size: 0.04rem 0.04rem;
    max-width: 100%;
  }
  .sy-lms .tabContent .tabItem .hydt .list .cm-news-list li a:hover {
    color: #3E79D6;
  }
  .sy-lms .tabContent .tabItem .hydt .list .cm-news-list li span {
    display: none;
  }
  .sy-lms .tabContent .tabItem .zfxxgk {
    width: 100%;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .title {
    height: 0.45rem;
    display: flex;
    justify-content: space-between;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .title .tit {
    font-size: 0.34rem;
    font-weight: bold;
    color: #111;
    padding-right: 0.29rem;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .title .zw {
    flex: 1;
    height: 0.12rem;
    background: url(sy-title-zw.png;vpn_img) no-repeat center;
    background-size: 100% 100%;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .title .more {
    font-size: 0.22rem;
    color: #999;
    background-color: #fff;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .title .more::before {
    width: 0.25rem;
    left: -0.26rem;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .title .more:hover {
    color: #3E79D6;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .zfxx a {
    display: inline-block;
    width: 2.18rem;
    height: 1.5rem;
    background: #F8F8F8;
    margin-left: 0.24rem;
    margin-top: 0.17rem;
    padding: 0 0.1rem;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .zfxx a img {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 auto;
    margin-top: 0.28rem;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .zfxx a span {
    font-size: 0.32rem;
    margin-top: 0.08rem;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .zfxx a:first-child {
    margin-left: 0;
  }
  .sy-lms .tabContent .tabItem .zfxxgk .zfxx a:nth-child(4) {
    margin-left: 0;
  }
  .sy-lms .tabContent .tabItem .zcwj {
    width: 100%;
    margin-left: 0;
    margin-top: 0.3rem;
  }
  .sy-lms .tabContent .tabItem .zcwj .title {
    display: flex;
    justify-content: space-between;
  }
  .sy-lms .tabContent .tabItem .zcwj .title::before,
  .sy-lms .tabContent .tabItem .zcwj .title::after {
    display: none;
  }
  .sy-lms .tabContent .tabItem .zcwj .title .tit {
    font-size: 0.34rem;
    font-weight: bold;
    color: #111;
    padding-right: 0.29rem;
  }
  .sy-lms .tabContent .tabItem .zcwj .title .zw {
    flex: 1;
    height: 0.12rem;
    background: url(sy-title-zw.png;vpn_img) no-repeat center;
    background-size: 100% 100%;
  }
  .sy-lms .tabContent .tabItem .zcwj .title .more {
    font-size: 0.22rem;
    color: #999;
    background-color: #fff;
  }
  .sy-lms .tabContent .tabItem .zcwj .title .more::before {
    width: 0.25rem;
    left: -0.26rem;
  }
  .sy-lms .tabContent .tabItem .zcwj .title .more:hover {
    color: #3E79D6;
  }
  .sy-lms .tabContent .tabItem .zcwj .zc-con {
    margin-top: 0.02rem;
  }
  .sy-lms .tabContent .tabItem .zcwj .zc-con .zcItem .cm-news-list li {
    height: 0.88rem;
    line-height: 0.88rem;
  }
  .sy-lms .tabContent .tabItem .zcwj .zc-con .zcItem .cm-news-list li a {
    font-size: 0.32rem;
    color: #333;
    background-image: url(sy-xw-li-bg.png;vpn_img);
    background-size: 0.04rem 0.04rem;
    max-width: 100%;
  }
  .sy-lms .tabContent .tabItem .zcwj .zc-con .zcItem .cm-news-list li a:hover {
    color: #3E79D6;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box {
    width: 100%;
    height: 0.72rem;
    background: #FFFFFF;
    border-radius: 0.08rem;
    border: 0.01rem solid #E7E7E7;
    margin-top: 0.08rem;
    box-sizing: border-box;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type {
    width: 1.36rem;
    height: 0.62rem;
    position: relative;
    line-height: 0.62rem;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type p {
    padding-left: 0.2rem;
    cursor: pointer;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type p .tit {
    font-size: 0.28rem;
    color: #333;
    display: inline-block;
    width: 0.6rem;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type p .arrow-icon {
    width: 0.16rem;
    height: 0.09rem;
    background: url(sy-wj-s-arrow.png;vpn_img) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.28rem;
    margin-left: 0rem;
    transition: 1s;
    -webkit-transition: 1s;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type .dropdown-menu {
    display: none;
    width: 1.5rem;
    height: 1rem;
    overflow-y: auto;
    padding: 0rem;
    position: absolute;
    background: #F8F8F8;
    top: 0.61rem;
    z-index: 2;
    left: 0;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type .dropdown-menu li {
    height: 0.5rem;
    line-height: 0.5rem;
    border-bottom: 0.01rem dashed #A4B8D3;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type .dropdown-menu li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 0.28rem;
    padding-left: 0.1rem;
    color: #333;
    text-align: left;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type .dropdown-menu li a:hover {
    color: #3E79D6;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .s-type .dropdown-menu li:last-child {
    border: none;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box input {
    padding-left: 0.16rem;
    height: 0.62rem;
    line-height: 0.62rem;
    width: 2.6rem;
    font-size: 0.2rem;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .btn {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    margin-top: 0.15rem;
    margin-left: 2.1rem;
  }
  .sy-lms .tabContent .tabItem .zcwj .zj-s-box .btn img {
    width: 100%;
    height: 100%;
  }
  .sy-lms .tabContent .tabItem .right-box {
    width: 100%;
    height: 1.8rem;
    background: #f8f8f8;
    border-radius: 0.08rem;
    border: 0.01rem solid #F2F2F2;
    margin: 0;
    padding: 0;
    margin-top: 0.4rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .sy-lms .tabContent .tabItem .right-box a {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sy-lms .tabContent .tabItem .right-box a img {
    display: block;
    width: 0.44rem;
    height: 0.56rem;
    margin: 0 auto;
  }
  .sy-lms .tabContent .tabItem .right-box a span {
    width: 100%;
    padding: 0 0.12rem;
    text-align: center;
    font-size: 0.32rem;
    color: #000;
    margin-top: 0.2rem;
  }
  .sy-lms .tabContent .tabItem .right-box a:hover span {
    color: #3E79D6;
  }
  .sy-lms .tabContent .tabItem .right-box .line {
    width: 0.01rem;
    height: 0.83rem;
    margin: 0;
  }
  .sy-lms .tabContent .tabItem .ztswiper {
    margin-top: 0.48rem;
    padding-bottom: 0.48rem;
  }
  .sy-lms .tabContent .tabItem .ztswiper .zwgk-banner {
    width: 7.5rem;
    height: 1.16rem;
  }
  .sy-lms .tabContent .tabItem .ztswiper .zwgk-banner .swiper-button-prev {
    left: 0;
    background: url(swipe-left.png;vpn_img) no-repeat center center;
  }
  .sy-lms .tabContent .tabItem .ztswiper .zwgk-banner .swiper-button-next {
    right: 0.37rem;
    background: url(swipe-right.png;vpn_img) no-repeat center center;
  }
  .sy-lms .tabContent .tabItem .ztswiper .zt-item {
    margin: 0;
    width: 3.39rem;
    height: 1.16rem;
  }
  .sy-lms .tabContent .tabItem .ztswiper .zt-item a {
    display: inline-block;
    width: 3.39rem;
    height: 1.16rem;
  }
  .sy-lms .tabContent .tabItem .ztswiper .zt-item a img {
    width: 100%;
    height: 100%;
  }
  .sy-lms .tabContent .tabItem .zmhd {
    width: 100%;
  }
  .sy-lms .tabContent .tabItem .zmhd .title {
    display: flex;
    justify-content: space-between;
  }
  .sy-lms .tabContent .tabItem .zmhd .title::before,
  .sy-lms .tabContent .tabItem .zmhd .title::after {
    display: none;
  }
  .sy-lms .tabContent .tabItem .zmhd .title .tit {
    font-size: 0.34rem;
    font-weight: bold;
    color: #111;
    padding-right: 0.29rem;
  }
  .sy-lms .tabContent .tabItem .zmhd .title .zw {
    flex: 1;
    height: 0.12rem;
    background: url(sy-title-zw.png;vpn_img) no-repeat center;
    background-size: 100% 100%;
  }
  .sy-lms .tabContent .tabItem .zmhd .title .more {
    font-size: 0.22rem;
    color: #999;
    background-color: #fff;
  }
  .sy-lms .tabContent .tabItem .zmhd .title .more::before {
    width: 0.25rem;
    left: -0.26rem;
  }
  .sy-lms .tabContent .tabItem .zmhd .title .more:hover {
    color: #3E79D6;
  }
  .sy-lms .tabContent .tabItem .zmhd .title .lj {
    font-size: 0.28rem;
  }
  .sy-lms .tabContent .tabItem .zmhd .news {
    margin-top: 0.07rem;
  }
  .sy-lms .tabContent .tabItem .zmhd .news .cm-news-list li {
    height: 0.88rem;
    line-height: 0.88rem;
  }
  .sy-lms .tabContent .tabItem .zmhd .news .cm-news-list li a {
    background-image: url(sy-xw-li-bg.png;vpn_img);
    background-size: 0.04rem 0.04rem;
    font-size: 0.32rem;
    color: #333;
    max-width: 98%;
  }
  .sy-lms .tabContent .tabItem .zmhd .news .cm-news-list li a:hover {
    color: #1B5395;
  }
  .sy-lms .tabContent .tabItem .zmhd .news .cm-news-list li span {
    display: none;
  }
  .sy-lms .tabContent .tabItem .zmhd .xx {
    width: 100%;
    margin-top: 0.06rem;
  }
  .sy-lms .tabContent .tabItem .zmhd .xx a {
    display: inline-block;
    width: 3.39rem;
    height: 0.89rem;
    line-height: 0.89rem;
    margin-left: 0.24rem;
    position: relative;
  }
  .sy-lms .tabContent .tabItem .zmhd .xx a img {
    width: 0.53rem;
    height: 0.53rem;
  }
  .sy-lms .tabContent .tabItem .zmhd .xx a span {
    font-size: 0.32rem;
  }
  .sy-lms .tabContent .tabItem .zmhd .xx a .arrow {
    width: 0.08rem;
    height: 0.12rem;
  }
  .sy-lms .tabContent .tabItem .zmhd .xx a:first-child {
    margin-left: 0;
  }
  .sy-lms .tabContent .tabItem .zmhd .xx a:hover span {
    color: #1B5395;
  }
  .sy-lms .tabContent .tabItem .zmhd .xx .wyxx {
    background: url(sy-wyxx-bg.png;vpn_img) no-repeat top center;
    background-size: 100% 100%;
  }
  .sy-lms .tabContent .tabItem .zmhd .xx .xjcx {
    background: url(sy-xjcx-bg.png;vpn_img) no-repeat top center;
    background-size: 100% 100%;
  }
  .sy-lms .tabContent .tabItem .zmhd .xx .xjcx .arrow {
    background-image: url(sy-xjcx-arrow.png;vpn_img);
  }
  .sy-lms .tabContent .tabItem .hd-zxft {
    margin-top: 0.41rem;
    width: 100%;
    margin-left: 0rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .title {
    position: relative;
    height: 0.44rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .title .tabPanel {
    position: absolute;
    left: 0;
    z-index: 2;
    background-color: #fff;
    padding-right: 0.1rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .title .tabPanel > .panel.cur {
    color: #111;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .title .tit {
    font-size: 0.34rem;
    font-weight: bold;
    color: #999;
    margin-left: 0.4rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .title .tabPanel .tit:first-child {
    margin-left: 0;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .title .zw {
    flex: 1;
    height: 0.12rem;
    background: url(sy-title-zw.png;vpn_img) no-repeat center;
    background-size: 100% 100%;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .title .more {
    font-size: 0.22rem;
    color: #999;
    background-color: #fff;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .title .more::before {
    width: 0.25rem;
    left: -0.26rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .title .more:hover {
    color: #3E79D6;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con {
    margin-top: 0.24rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con .zxft {
    display: inline-block;
    width: 7.02rem;
    height: 3.9rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con .zxft img {
    width: 100%;
    height: 100%;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con .info {
    width: 100%;
    margin-left: 0rem;
    margin-top: 0.24rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con .info .title {
    font-size: 0.32rem;
    color: #111111;
    line-height: 0.44rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 0.88rem;
    height: auto;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con .info .info-item {
    display: flex;
    font-size: 0.28rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con .info .info-item span {
    vertical-align: middle;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con .info .info-item .name {
    color: #3E79D6;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con .info .info-item .text {
    flex: 1;
    width: 0;
    color: #999999;
    max-width: unset;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con .info .time {
    margin-top: 0.3rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .con .info .jb {
    margin-top: 0.3rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .zswdk {
    display: inline-block;
    width: 7.02rem;
    height: 1.59rem;
    margin-top: 0.3rem;
  }
  .sy-lms .tabContent .tabItem .hd-zxft .zswdk img {
    width: 100%;
    height: 100%;
  }
  .list-part {
    width: 100%;
    height: auto;
    max-width: 19.2rem;
    margin: 0 auto;
    padding: 0.24rem;
    background: linear-gradient(to bottom, #f8f8f8 7.84rem, #fff 7.84rem);
  }
  .list-part .container {
    width: 100%;
    margin: 0 auto;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    overflow: hidden;
  }
  .list-part .list-head {
    position: relative;
    height: 0.45rem;
  }
  .list-part .list-head .tit {
    font-size: 0.34rem;
    font-weight: bold;
    color: #111;
    padding-right: 0.29rem;
  }
  .list-part .list-head .zw {
    flex: 1;
    height: 0.12rem;
    background: url(sy-title-zw.png;vpn_img) no-repeat center;
    background-size: 100% 100%;
  }
  .list-part .list-head .more {
    font-size: 0.22rem;
    color: #999;
    background-color: #fff;
  }
  .list-part .list-head .more::before {
    width: 0.25rem;
    left: -0.26rem;
  }
  .list-part .list-head .more:hover {
    color: #3E79D6;
  }
  .list-part .left-list {
    width: 100%;
    background: linear-gradient(180deg, #FAFCFF 0%, #FFFFFF 100%);
    box-shadow: 0rem 0.04rem 0.24rem 0rem rgba(122, 140, 168, 0.16);
    border-radius: 0.08rem;
    border: 0.02rem solid #FFFFFF;
    padding: 0.32rem 0.24rem 0.16rem;
  }
  .list-part .left-list .list-head .tit {
    background-color: #FAFCFF;
  }
  .list-part .left-list .list-head .more::before {
    background-color: #FAFCFF;
  }
  .list-part .left-list .list-body {
    margin-top: 0.18rem;
  }
  .list-part .left-list .list-body .cm-news-list li {
    height: 0.88rem;
    line-height: 0.88rem;
    box-sizing: border-box;
  }
  .list-part .left-list .list-body .cm-news-list li a {
    position: relative;
    color: #333333;
    background-size: 0.08rem 0.08rem;
    font-size: 0.32rem;
    padding-left: 0.16rem;
    max-width: 100%;
  }
  .list-part .left-list .list-body .cm-news-list li a::before {
    position: absolute;
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background-color: #000;
    top: 0.41rem;
    left: 0;
  }
  .list-part .left-list .list-body .cm-news-list li span {
    display: none;
  }
  .list-part .right-list {
    margin-top: 0.56rem;
    width: 100%;
    background-color: #F1F8FF;
    padding: 0.19rem 0.24rem 0.07rem;
    box-shadow: 0rem 0.04rem 0.24rem 0rem rgba(122, 140, 168, 0.16);
  }
  .list-part .right-list .list-head .tit {
    background-color: #F1F8FF;
  }
  .list-part .right-list .list-head .more::before {
    background-color: #F1F8FF;
  }
  .list-part .right-list .list-body {
    margin-top: 0.27rem;
  }
  .list-part .right-list .list-body .video-swiper {
    position: relative;
    width: 6.54rem;
    height: 3rem;
  }
  .list-part .right-list .list-body .video-swiper .swiper-slide {
    width: 6.54rem;
    height: 3rem;
    position: relative;
  }
  .list-part .right-list .list-body .video-swiper .swiper-slide img {
    width: 6.54rem;
    height: 3rem;
  }
  .list-part .right-list .list-body .video-swiper .swiper-slide .bottom-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.24rem;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-size: 0.32rem;
    color: #FFFFFF;
  }
  .list-part .right-list .list-body .video-swiper .swiper-button-prev,
  .list-part .right-list .list-body .video-swiper .swiper-button-next {
    display: none;
    cursor: pointer;
    width: 0.24rem;
    height: 0.4rem;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .list-part .right-list .list-body .news-list {
    width: 100%;
  }
  .list-part .right-list .list-body .news-list .news-item {
    width: 100%;
    height: 0.96rem;
    line-height: 0.96rem;
    font-size: 0.32rem;
    border-bottom: 0.01rem solid #E0E0E0;
  }
  .list-part .right-list .list-body .news-list .news-item:last-child {
    border-bottom: none;
  }
  .list-part .right-list .list-body .news-list .news-item a {
    display: block;
  }
  .list-part .right-list .list-body .news-list .news-item a .icon {
    width: 0.32rem;
    height: 0.32rem;
    margin-top: 0.32rem;
  }
  .list-part .right-list .list-body .news-list .news-item a .text {
    margin-left: 0.1rem;
    max-width: calc(100% - 0.42rem);
    color: #333;
  }
  .list-part .right-list .list-body .news-list .news-item a .time {
    display: none;
  }
  .sy-ztzl {
    width: 7.5rem;
    background: #F8F8F8;
    padding: 0.48rem 0.24rem 0.39rem;
  }
  .sy-ztzl .title {
    display: inline-block;
    width: 100%;
    font-size: 0.32rem;
    font-weight: bold;
    background: url(wap-sy-title-bg.png;vpn_img) no-repeat center;
    background-size: 100%;
    text-align: center;
  }
  .sy-ztzl .ztzlbox {
    width: 100%;
    height: 100%;
    margin: auto;
    margin-top: 0.26rem;
  }
  .sy-ztzl .ztzlbox .zt {
    width: 3.59rem;
    height: 1.91rem;
    margin: 0;
  }
  .sy-ztzl .ztzlbox .zt a {
    display: inline-block;
    width: 3.39rem;
    height: 100%;
  }
  .sy-ztzl .ztzlbox .zt a img {
    width: 100%;
    height: 100%;
  }
  .footer .f-link-line {
    width: 100%;
    height: auto;
    background: #EFF5FB;
  }
  .footer .f-link-line .g-box {
    padding: 0.29rem 0.24rem;
  }
  .footer .f-link-line .link-list {
    height: auto;
    line-height: unset;
    font-size: 0.32rem;
    color: #333333;
    padding-right: 0;
    border-right: 0;
    margin-top: 0;
  }
  .footer .f-link-line .link-list .link-icon {
    width: 0.44rem;
    height: 0.44rem;
    transform: translateY(-0.02rem);
  }
  .footer .f-link-line .link-list .list {
    display: flex;
    flex-direction: column;
    margin-top: 0.3rem;
  }
  .footer .f-link-line .link-list .list a {
    height: 0.72rem;
    line-height: 0.72rem;
    margin-left: 0;
  }
  .footer .f-link-line .ft-link {
    padding-left: 0;
    width: 100%;
    height: auto;
    margin-top: 0.24rem;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select {
    width: 7.02rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background: linear-gradient(180deg, #F4F6F8 0%, #FFFFFF 100%);
    box-shadow: 0rem 0.02rem 0.08rem 0rem rgba(122, 140, 168, 0.16);
    border-radius: 0.04rem;
    margin-bottom: 0.16rem;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select .select {
    padding-left: 0.2rem;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select .tit {
    font-size: 0.32rem;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select .arrow-icon {
    width: 0.32rem;
    height: 0.32rem;
    background: url(f-xl-arrow.png;vpn_img) no-repeat;
    background-size: 0.32rem 0.32rem;
    margin-top: 0.25rem;
    margin-right: 0.16rem;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select:last-child {
    margin-bottom: 0;
  }
  .footer .f-link-line .ft-link .cm-drop .dropdown-menu {
    width: 100%;
    height: 4.2rem;
    bottom: 0.9rem;
    border-radius: 0;
    padding: 0;
    left: 0;
  }
  .footer .f-link-line .ft-link .cm-drop .dropdown-menu::before {
    content: '';
    width: 0;
    height: 0;
    border-top: 0.14rem solid #4b75a6;
    border-right: 0.14rem solid transparent;
    border-left: 0.14rem solid transparent;
    position: absolute;
    bottom: -0.13rem;
    left: 3.37rem;
  }
  .footer .f-link-line .ft-link .cm-drop .dropdown-menu .dmh-bottom {
    height: 4.2rem;
    overflow: auto;
  }
  .footer .f-link-line .ft-link .cm-drop .dropdown-menu .dmh-bottom li {
    width: 50%;
    height: 1.4rem;
    font-size: 0.32rem;
    line-height: 0.32rem;
    color: #fff;
  }
  .footer .f-link-line .ft-link .cm-drop .dropdown-menu .dmh-bottom li a {
    display: inline-block;
    width: 100%;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    color: #fff;
  }
  .footer .f-link-line .ft-link .cm-drop .dropdown-menu .dmh-bottom::-webkit-scrollbar {
    display: none;
  }
  .footer .f-link-line .ft-link .cm-drop .dropdown-menu .dmh-bottom::-webkit-scrollbar-thumb {
    display: none;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select:nth-child(2) .dropdown-menu {
    left: 0;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select:nth-child(2) .dropdown-menu::before {
    left: 3.37rem;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select:nth-child(3) .dropdown-menu {
    left: 0;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select:nth-child(3) .dropdown-menu::before {
    left: 3.37rem;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select:nth-child(4) .dropdown-menu {
    left: 0;
  }
  .footer .f-link-line .ft-link .cm-drop .drop-select:nth-child(4) .dropdown-menu::before {
    left: 3.37rem;
  }
  .footer .f-bottom {
    width: 100%;
    padding: 0 0.18rem;
    height: unset;
  }
  .footer .f-bottom .f-info-box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-top: 0.26rem;
  }
  .footer .f-bottom .f-info-box .level-1 .lx {
    display: inline-block;
    width: 2.2rem;
    height: 1.96rem;
    background: #3A6AA3;
    box-shadow: 0 0.02rem 0.08rem 0rem rgba(122, 140, 168, 0.16);
    border-radius: 0.04rem;
    padding-top: 0.4rem;
    margin-left: 0.2rem;
  }
  .footer .f-bottom .f-info-box .level-1 .lx img {
    width: 0.6rem;
    height: 0.6rem;
  }
  .footer .f-bottom .f-info-box .level-1 .lx span {
    font-size: 0.32rem;
  }
  .footer .f-bottom .f-info-box .level-1 .lx:first-child {
    margin-left: 0;
  }
  .footer .f-bottom .f-info-box .level-1 .lx:nth-last-child(1),
  .footer .f-bottom .f-info-box .level-1 .lx:nth-last-child(2) {
    width: 2.11rem;
    height: 1.58rem;
  }
  .footer .f-bottom .f-info-box .level-1 .info {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0.24rem 0;
    background: #3A6AA3;
    padding: 0.35rem 0;
    line-height: 0.48rem;
  }
  .footer .f-bottom .f-info-box .level-1 .info span {
    margin: 0;
    display: block;
    text-align: center;
    height: 0.48rem;
    line-height: 0.48rem;
    width: 100%;
    font-size: 0.32rem;
    font-weight: 300;
  }
  .footer .f-bottom .f-info-box .level-1 .dzjg {
    padding-top: 0.36rem;
    width: 2.11rem;
    height: 1.58rem;
    margin-left: 1.3rem;
  }
  .footer .f-bottom .f-info-box .level-1 .dzjg img {
    width: 0.72rem;
    height: 0.86rem;
  }
  .footer .f-bottom .f-info-box .level-1 .zc {
    padding-top: 0.43rem;
  }
  .footer .f-bottom .f-info-box .level-1 .zc img {
    width: 1.5rem;
    height: 0.75rem;
  }
  .footer .f-bottom .f-info-box .level-2 {
    height: 2.3rem;
    margin-top: 0.59rem;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .footer .f-bottom .f-info-box .level-2 a,
  .footer .f-bottom .f-info-box .level-2 .ba {
    font-size: 0.32rem;
    line-height: 0.45rem;
    font-weight: 300;
    color: #fff;
  }
  .footer .f-bottom .f-info-box .level-2 .ga {
    margin-left: 0rem;
  }
  .footer .f-bottom .f-info-box .level-2 .ga img {
    width: 0.36rem;
    height: 0.38rem;
    vertical-align: top;
    margin-right: 0.04rem;
  }
  .footer .f-bottom .f-info-box .level-2 .ba {
    margin-left: 0;
  }
}

.fixed-nav {
  position: fixed;
  top: 30%;
  z-index: 100;
  right: 0.1rem;
}
.fixed-nav .fixed-nav-list,
.fixed-nav .go-top {
  width: 0.8rem;
}
.fixed-nav .icon-img {
  width: 0.36rem;
  height: 0.36rem;
  margin: 0 auto;
  background-size: 100% 100%;
}
.fixed-nav .go-top {
  cursor: pointer;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.11);
  padding-top: 0.22rem;
  margin-top: 0.2rem;
}
.fixed-nav .go-top .icon-img-gotop {
  background-image: url(gotop.png;vpn_img);
}
.fixed-nav .go-top:hover {
  background: linear-gradient(206deg, #225EBC 0%, #3E79D6 100%);
}
.fixed-nav .go-top:hover .icon-img-gotop {
  background-image: url(gotop-hov.png;vpn_img);
}
.fixed-nav .go-top:hover .text {
  color: #FFFFFF;
}
.fixed-nav .nav-item {
  position: relative;
  cursor: pointer;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 0 0.08rem 0 rgba(0, 0, 0, 0.11);
  padding-top: 0.22rem;
  margin-top: 0.2rem;
}
.fixed-nav .nav-item .qr-code {
  display: none;
  position: absolute;
  top: -0.1rem;
  left: -1.48rem;
  width: 1.51rem;
  height: 1.61rem;
  background: url(qr-bg.png;vpn_img);
  background-size: 100% 100%;
  padding: 0.1rem;
}
.fixed-nav .nav-item .qr-code img {
  width: 0.92rem;
  height: 0.92rem;
  margin-top: 0.12rem;
  margin-left: 0.15rem;
}
.fixed-nav .nav-item .qr-code span {
  display: block;
  width: 1rem;
  margin: 0 auto;
  text-align: center;
  font-size: 0.18rem;
  margin-right: 0.19rem;
  margin-top: 0.05rem;
  color: #333;
}
.fixed-nav .nav-item .icon-img-wx {
  background-image: url(wx-icon.png;vpn_img);
}
.fixed-nav .nav-item .icon-img-wb {
  background-image: url(weibo-icon.png;vpn_img);
}
.fixed-nav .nav-item .icon-img-ewm {
  background-image: url(ewm.png;vpn_img);
}
.fixed-nav .nav-item .icon-img-intell {
  background-image: url(intell.png;vpn_img);
}
.fixed-nav .nav-item:hover {
  background: linear-gradient(206deg, #225EBC 0%, #3E79D6 100%);
}
.fixed-nav .nav-item:hover .qr-code {
  display: block;
}
.fixed-nav .nav-item:hover .icon-img-wx {
  background-image: url(wx-hov.png;vpn_img);
}
.fixed-nav .nav-item:hover .icon-img-wb {
  background-image: url(weibo-hov.png;vpn_img);
}
.fixed-nav .nav-item:hover .icon-img-ewm {
  background-image: url(ewm-hov.png;vpn_img);
}
.fixed-nav .nav-item:hover .icon-img-intell {
  background-image: url(intell-hov.png;vpn_img);
}
.fixed-nav .nav-item:hover .text {
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .fixed-nav {
    display: none;
  }
}

body {
  position: relative;
}
.m-auto {
  margin: 0 auto;
}
.c-box {
  width: 11rem;
}
.c-local {
  padding: 0.84rem 0.36rem 0.36rem;
  margin-top: 1.12rem;
  background: #f6f6f6;
}
.info-bg {
  padding-bottom: 0.48rem;
  background: #f1f5fb url(v2024-xxgk-bg.png;vpn_img) no-repeat top center;
}
.gov-info-header {
  width: 100%;
  max-width: 19.2rem;
  padding-top: 0.35rem;
  margin: 0 auto;
  margin-bottom: 0.9rem;
}
.gov-info-header .logo {
  width: 3.63rem;
  height: 0.61rem;
}
.gov-info-header .name {
  width: 2.42rem;
  height: 0.58rem;
  margin-left: 0.21rem;
}
.gov-info-header .tt {
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.gov-search {
  position: relative;
  height: 0.5rem;
}
.gov-search .line {
  position: absolute;
  top: 0.25rem;
  z-index: 0;
  width: 100%;
  height: 0.01rem;
  background-color: #ccc;
}
.gov-search .con {
  position: relative;
  z-index: 1;
  width: 5.48rem;
  margin: 0 auto;
  background: #f2f2f2;
}
.gov-search .input {
  width: 5.1rem;
  height: 0.5rem;
  margin: 0 auto;
  padding: 0.08rem 0.24rem;
  border-radius: 0.08rem;
  border: 0.01rem solid #026ab6;
}
.gov-search .input img {
  width: 0.34rem;
  cursor: pointer;
}
.gov-search .input input {
  width: 4rem;
  height: 0.34rem;
  font-size: 0.16rem;
}
.gov-search .input input::placeholder {
  font-size: 0.16rem;
}
.gov-left-nav {
  width: 2.4rem;
}
.gov-left-nav .nav-item {
  margin-bottom: 0.16rem;
}
.gov-left-nav .nav-info {
  display: block;
  width: 100%;
  height: 0.7rem;
  line-height: 0.7rem;
  padding-left: 0.24rem;
  background-color: #fff;
  overflow: hidden;
}
.gov-left-nav .nav-info .zw-img {
  display: inline-block;
  width: 0.4rem;
  height: 0.68rem;
  line-height: 0.68rem;
  float: left;
  background: url(v2024-gov_info_left_01.png;vpn_img) no-repeat center center / 0.4rem 0.4rem;
}
.gov-left-nav .nav-info .zw-img1 {
  background-image: url(v2024-gov_info_left_01.png;vpn_img);
}
.gov-left-nav .nav-info .zw-img2 {
  background-image: url(v2024-gov_info_left_02.png;vpn_img);
}
.gov-left-nav .nav-info .zw-img3 {
  background-image: url(v2024-gov_info_left_03.png;vpn_img);
}
.gov-left-nav .nav-info .zw-img4 {
  background-image: url(v2024-gov_info_left_04.png;vpn_img);
}
.gov-left-nav .nav-info .zw-img5 {
  background-image: url(v2024-gov_info_left_05.png;vpn_img);
}
.gov-left-nav .nav-info .zw-img6 {
  background-image: url(v2024-gov_info_left_06.png;vpn_img);
}
.gov-left-nav .nav-info:hover {
  background-color: #015293;
  color: #fff;
}
.gov-left-nav .nav-info:hover .zw-img1 {
  background-image: url(v2024-gov_info_left_cur_01.png;vpn_img);
}
.gov-left-nav .nav-info:hover .zw-img2 {
  background-image: url(v2024-gov_info_left_cur_02.png;vpn_img);
}
.gov-left-nav .nav-info:hover .zw-img3 {
  background-image: url(v2024-gov_info_left_cur_03.png;vpn_img);
}
.gov-left-nav .nav-info:hover .zw-img4 {
  background-image: url(v2024-gov_info_left_cur_04.png;vpn_img);
}
.gov-left-nav .nav-info:hover .zw-img5 {
  background-image: url(v2024-gov_info_left_cur_05.png;vpn_img);
}
.gov-left-nav .nav-info:hover .zw-img6 {
  background-image: url(v2024-gov_info_left_cur_06.png;vpn_img);
}
.gov-left-nav .nav-info:hover .zw-plus {
  background-image: url(v2024-unfold-hov.png;vpn_img);
}
.gov-left-nav .nav-info:hover .cur-img {
  display: inline-block;
}
.gov-left-nav .nav-info:hover .tt {
  color: #fff;
}
.gov-left-nav .tt {
  display: inline-block;
  width: 1.13rem;
  color: #015293;
  line-height: 0.26rem;
  font-size: 0.23rem;
  vertical-align: middle;
  padding-left: 0.14rem;
}
.gov-left-nav .tt-140 {
  width: 1.53rem;
}
.gov-left-nav .zw-plus {
  display: inline-block;
  width: 0.2rem;
  vertical-align: top;
  height: 0.68rem;
  margin-right: 0.2rem;
  float: right;
  background: url(v2024-unfold.png;vpn_img) no-repeat center center / 0.2rem 0.2rem;
}
.gov-left-nav .second-con {
  display: none;
}
.gov-left-nav .third-con {
  background-color: #fff;
  display: none;
}
.gov-left-nav .third-con .third-item {
  cursor: pointer;
  height: auto;
}
.gov-left-nav .third-con .third-item .third-self {
  height: 0.45rem;
  line-height: 0.45rem;
  font-size: 0.16rem;
  padding: 0 0.17rem 0 0.37rem;
  background-color: #F1F1F1;
}
.gov-left-nav .third-con .third-item .third-self .third-title {
  display: inline-block;
  max-width: 85%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #4D4D4D;
}
.gov-left-nav .third-con .third-item .third-self img {
  width: 0.13rem;
  height: 0.13rem;
  float: right;
  margin-top: 0.16rem;
}
.gov-left-nav .third-con .third-item.cur .third-title {
  color: #015293;
}
.gov-left-nav .second-law.second-con {
  background-color: #fff;
}
.gov-left-nav .second-law.second-con .second-item {
  height: auto;
}
.gov-left-nav .second-law.second-con .second-item .second-self {
  cursor: pointer;
  display: block;
  position: relative;
  padding-left: 0.59rem;
  font-size: 0.16rem;
  height: 0.32rem;
  line-height: 0.32rem;
  color: #333;
}
.gov-left-nav .second-law.second-con .second-item .second-self .small-plus {
  float: right;
  width: 0.13rem;
  height: 100%;
  margin-right: 0.15rem;
  background: url(v2024-xxgk-second-unfold.png;vpn_img) no-repeat center center / 0.13rem 0.13rem;
}
.gov-left-nav .second-law.second-con .second-item .second-self::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.43rem;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: #626262;
}
.gov-left-nav .second-law.second-con .second-item .second-self:hover {
  background-color: #e8f5ff;
}
.gov-left-nav .second-law.second-con .second-item .second-self:hover::before {
  background-color: #015293;
}
.gov-left-nav .second-law.second-con .second-item.cur .second-self .small-plus {
  background-image: url(v2024-xxgk-second-pickup.png;vpn_img);
}
.gov-left-nav .second-law.second-con .second-item.cur .second-self .second-title {
  color: #015293;
  font-weight: bold;
}
.gov-left-nav .second-law.second-con .second-item.cur .second-self::before {
  background-color: #015293;
}
.gov-left-nav .second-law.second-con .second-item.cur {
  background: #f3f9ff;
}
.gov-left-nav .second-law.second-con .third-con {
  font-size: 0.15rem;
  display: none;
}
.gov-left-nav .second-law.second-con .third-con .third-item .third-self {
  position: relative;
  padding-left: 0.83rem;
  padding-right: 0.17rem;
  line-height: 0.32rem;
  height: 0.32rem;
  background-color: #F3F9FF;
}
.gov-left-nav .second-law.second-con .third-con .third-item .third-self .small-plus {
  float: right;
  width: 0.13rem;
  height: 100%;
  background: url(v2024-xxgk-second-unfold.png;vpn_img) no-repeat center center / 0.13rem 0.13rem;
}
.gov-left-nav .second-law.second-con .third-con .third-item .third-self::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.63rem;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: #626262;
}
.gov-left-nav .second-law.second-con .third-con .third-item .third-self img {
  width: 0.13rem;
  height: 0.13rem;
  float: right;
}
.gov-left-nav .second-law.second-con .third-con .third-item .third-self:hover .third-self .third-title {
  color: #015293;
}
.gov-left-nav .second-law.second-con .third-con .third-item.cur .third-self .small-plus {
  background-image: url(v2024-xxgk-second-pickup.png;vpn_img);
}
.gov-left-nav .second-law.second-con .third-con .third-item.cur .third-self::before {
  background-color: #015293;
}
.gov-left-nav .nav-info.cur {
  background-color: #015293;
  color: #fff;
}
.gov-left-nav .nav-info.cur .zw-img1 {
  background-image: url(v2024-gov_info_left_cur_01.png;vpn_img);
}
.gov-left-nav .nav-info.cur .zw-img2 {
  background-image: url(v2024-gov_info_left_cur_02.png;vpn_img);
}
.gov-left-nav .nav-info.cur .zw-img3 {
  background-image: url(v2024-gov_info_left_cur_03.png;vpn_img);
}
.gov-left-nav .nav-info.cur .zw-img4 {
  background-image: url(v2024-gov_info_left_cur_04.png;vpn_img);
}
.gov-left-nav .nav-info.cur .zw-img5 {
  background-image: url(v2024-gov_info_left_cur_05.png;vpn_img);
}
.gov-left-nav .nav-info.cur .zw-img6 {
  background-image: url(v2024-gov_info_left_cur_06.png;vpn_img);
}
.gov-left-nav .nav-info.cur .zw-plus {
  background: url(v2024-pickup.png;vpn_img) no-repeat center center / 0.4rem 0.03rem;
}
.gov-left-nav .nav-info.cur .tt {
  color: #fff;
}
.gov-title {
  position: relative;
}
.gov-title .title {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0.14rem 0.24rem;
  font-size: 0.2rem;
  line-height: 0.2rem;
  font-weight: bold;
  color: #fff;
  background-color: #154CAF;
}
.gov-title .info {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0.11rem 0.24rem;
  font-size: 0.2rem;
  line-height: 0.2rem;
}
.gov-title .line {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 0.02rem;
  background-color: #dcdcdc;
}
.gov-title2 {
  position: relative;
  margin-bottom: 0.32rem;
}
.gov-title2 span {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0.11rem 0.24rem;
  font-size: 0.18rem;
  line-height: 0.18rem;
  font-weight: bold;
  color: #191910;
  background-color: #F7F8FB;
}
.gov-title2 .line {
  position: absolute;
  bottom: -0.02rem;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 0.02rem;
  background-color: #dcdcdc;
}
.gov-com-list li {
  position: relative;
  padding-left: 0.16rem;
  color: #333;
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-bottom: 0.24rem;
}
.gov-com-list li .tag {
  position: absolute;
  display: inline-block;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background-color: #B0B0B0;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.gov-com-list li a {
  display: inline-block;
  width: 5.53rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gov-com-list li:hover .tag {
  background-color: #015293;
}
.gov-com-list li:hover a {
  color: #015293;
}
.gov-com-list .date {
  float: right;
  font-size: 0.16rem;
  color: #999;
}
.gov-con {
  margin-top: 0.84rem;
}
.gov-con .gov-left-nav {
  float: left;
}
.gov-con .cm-container {
  float: right;
  width: 7.7rem;
  min-height: 10.65rem;
  background-color: #fff;
}
.regime-con .gov-com-list {
  padding: 0.16rem 0.24rem;
}
.regime-con .gov-com-list .clearfix {
  height: 0.3rem;
  line-height: 0.3rem;
}
.regime-con .gov-com-list .date {
  float: right;
}
.regime-con .gov-com-list .separator {
  width: 7.09rem;
  height: 0.24rem;
  margin-bottom: 0;
}
.leader-content {
  padding: 0 0.34rem;
}
.leader-content .leader-item {
  text-align: center;
  width: 1.65rem;
}
.leader-content .leader-item .item-img {
  height: 1.72rem;
}
.leader-content .leader-item .name {
  font-size: 0.2rem;
  margin-top: 0.04rem;
  color: #026AB6;
}
.leader-content .leader-item .job {
  font-size: 0.15rem;
  margin-top: 0.05rem;
  color: #333333;
}
.leader-content .first {
  text-align: center;
  padding: 0.3rem 0;
  border-bottom: 0.01rem #eee solid;
}
.leader-content .first .leader-item {
  margin: 0 auto;
}
.leader-content .second {
  padding-left: 0.47rem;
  padding-bottom: 0.3rem;
}
.leader-content .second .leader-item {
  float: left;
  margin-right: 0.52rem;
  margin-top: 0.3rem;
}
.leader-content .second .leader-item:nth-child(3n) {
  margin-right: 0;
}
.leader-info {
  padding: 0 1.48rem;
}
.leader-info .leader-item {
  text-align: center;
  width: 1.9rem;
}
.leader-info .leader-item .item-img {
  height: 2.4rem;
}
.leader-info .first {
  border: none;
  padding: 0.48rem 0;
}
.leader-info .job {
  font-size: 0.18rem;
  margin-top: 0.24rem;
  color: #191919;
  line-height: 0.24rem;
}
.px-24 {
  padding: 0 0.24rem;
}
.zn-tt {
  margin-top: 0.24rem;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.32rem;
  color: #015293;
  font-weight: bold;
}
.scroll-con {
  padding: 0 0.24rem 0 0.44rem;
  margin-top: 0.3rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.scroll-con .scroll-wrap {
  max-height: 9.4rem;
  padding-right: 0.2rem;
  overflow-y: auto;
}
.scroll-wrap::-webkit-scrollbar {
  width: 0.04rem;
}
.scroll-wrap::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  border-radius: 1rem;
}
.scroll-wrap::-webkit-scrollbar-thumb {
  background-color: #B7B7B7;
  border-radius: 1rem;
}
.zcjd-con {
  padding: 0.17rem 0.24rem;
}
.zcjd-con .plc-zfxx-table {
  width: 100%;
}
.yearReport-con {
  padding: 0.17rem 0.2rem;
}
.yearReport-con .yearList {
  width: 100%;
  padding-top: 0.2rem;
}
.yearReport-con .yearList .gov-com-list {
  padding-top: 0.3rem;
  margin-bottom: -0.2rem;
}
@media screen and (max-width: 768px) {
  .c-box {
    width: 7.5rem;
  }
  .gov-com-list li {
    margin-bottom: 0.4rem;
    padding-left: 0.22rem;
  }
  .gov-com-list li .tag {
    top: 0.22rem;
    width: 0.06rem;
    height: 0.06rem;
    transform: translateY(0);
    border-radius: 50%;
    background-color: #CCCCCC;
  }
  .gov-com-list li a {
    white-space: normal;
    font-size: 0.32rem;
    line-height: 0.48rem;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .gov-com-list li .date {
    display: none;
  }
  .gov-com-list li:last-child {
    margin-bottom: 0;
  }
  .leader-content {
    margin-bottom: 0.25rem;
    padding: 0.05rem 0.15rem;
  }
  .leader-content .leader-item {
    display: inline-block;
    width: auto;
    padding: 0.37rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    border: 0.02rem solid #B0C4E0;
  }
  .leader-content .leader-item img.item-img {
    height: 2.8rem;
  }
  .leader-content .leader-item .name {
    font-size: 0.35rem;
    margin-top: 0.15rem;
    color: #026AB6;
  }
  .leader-content .leader-item .job {
    font-size: 0.3rem;
    margin-top: 0.05em;
    color: #333333;
  }
  .leader-content .second {
    padding: 0;
  }
  .leader-content .second .leader-item {
    margin-right: 0;
    float: left;
  }
  .leader-content .second .leader-item:nth-child(2n) {
    margin-right: 0;
    float: right;
  }
  .leader-info {
    padding: 0 0.3rem;
  }
  .leader-info .leader-item {
    display: inline-block;
    width: auto;
    padding: 0.37rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    border: 0.02rem solid #B0C4E0;
  }
  .leader-info .first {
    border: none;
    padding: 0.48rem 0;
  }
  .leader-info .job {
    font-size: 0.28rem;
    margin-top: 0.33rem;
    color: #191919;
    line-height: 0.4rem;
  }
  .gov-info .gov-con .cm-container {
    float: none;
    width: unset;
    min-height: unset;
    padding-bottom: 0.08rem;
  }
  .gov-public-info .gov-con .cm-container {
    padding: 0.48rem 0.24rem;
  }
  .gov-public-info .gov-con .cm-container .zn-tt {
    margin: 0;
    font-size: 0.48rem;
    line-height: 0.48rem;
  }
  .gov-public-info .gov-con .cm-container .scroll-con {
    margin-top: 0.32rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    color: #333;
  }
  .gov-public-info .gov-con .cm-container .scroll-con .scroll-wrap {
    max-height: 20rem;
  }
  .c-local {
    padding: 0.32rem 0.24rem;
  }
  .gov-title .title,
  .gov-title .info {
    width: auto;
    height: 0.8rem;
    font-size: 0.36rem;
    line-height: 0.8rem;
    padding: 0 0.24rem;
  }
  .gov-title2 {
    margin-bottom: 0.2rem;
  }
  .gov-title2 span {
    width: auto;
    height: 0.56rem;
    font-size: 0.36rem;
    line-height: 0.56rem;
    padding: 0 0.33rem;
  }
  .gov-con .regime-con {
    width: 7.02rem;
  }
  .gov-con .regime-con .tag {
    top: 0.25rem;
    width: 0.06rem;
    height: 0.06rem;
  }
  .gov-con .regime-con .gov-com-list {
    margin: 0;
    padding: 0.32rem 0.24rem;
    padding-left: 0.24rem;
    width: 100%;
  }
  .gov-con .regime-con .gov-com-list li {
    height: unset;
    padding-left: 0.22rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    margin-bottom: 0.32rem;
  }
  .gov-con .regime-con .gov-com-list li a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    float: none;
  }
  .gov-con .regime-con .gov-com-list .date {
    display: none;
  }
  .gov-con .regime-con .gov-com-list li.separator {
    margin: 0.4rem 0;
    padding: 0;
    width: 100%;
    height: 0.01rem;
    background: none;
    border-bottom: 0.01rem #D1D1D1 dashed;
  }
  .gov-info-header {
    padding: 0.32rem 0.24rem;
  }
  .gov-info-header .c-box {
    width: 7.02rem;
  }
  .gov-info-header .tt {
    position: relative;
    margin-top: 0.88rem;
    font-size: 0.72rem;
    line-height: 0.72rem;
  }
  .gov-search {
    height: 0.72rem;
  }
  .gov-search .line {
    display: none;
  }
  .gov-search .con,
  .gov-search .input {
    width: 7.02rem;
    height: 0.72rem;
    background-color: #fff;
  }
  .gov-search .input {
    padding: 0.16rem 0.24rem;
  }
  .gov-search .input input {
    height: 0.4rem;
    font-size: 0.28rem;
    color: #999;
  }
  .gov-search .input input::placeholder {
    font-size: 0.28rem;
  }
  .gov-search .input img {
    width: 0.4rem;
  }
  .gov-con {
    margin-top: 0.32rem;
  }
  .gov-con .gov-left-nav {
    float: none;
  }
  .gov-left-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 7.02rem;
    background-color: #f1f1f2;
  }
  .gov-left-nav .nav-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
  }
  .gov-left-nav .nav-info .zw-img {
    width: 0.5rem;
    background-size: 0.5rem 0.5rem;
  }
  .gov-left-nav .nav-info .zw-plus {
    width: 0.32rem;
    margin-left: 0.3rem;
    background-size: 0.32rem 0.32rem;
  }
  .gov-left-nav .nav-info .tt-140 {
    width: 2.3rem !important;
  }
  .gov-left-nav .nav-item {
    position: relative;
    display: inline-block;
    width: 3.39rem;
    height: 1.12rem;
    margin-bottom: 0.24rem;
  }
  .gov-left-nav .nav-item img {
    width: 0.48rem;
    height: 0.48rem;
  }
  .gov-left-nav .nav-item .tt {
    width: 1.8rem;
    font-size: 0.36rem;
    line-height: 0.36rem;
    color: #015293;
  }
  .gov-left-nav .nav-item:nth-child(1).second-law.second-item.second-self.small-plus {
    display: none;
  }
  .gov-left-nav .cur .tt {
    color: #fff;
  }
  .gov-left-nav .second-con {
    display: none;
    position: absolute;
    z-index: 9;
    justify-content: space-between;
    width: 7.02rem;
    background-color: #fff;
  }
  .gov-left-nav .nav-info.cur + .second-law {
    width: 7.02rem;
    padding: 0.3rem 0.24rem;
    top: 1.36rem;
    background: #fff;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.12);
    border: 1px solid #ddd;
    grid-template-columns: repeat(2, 3.15rem);
    justify-content: space-between;
  }
  .gov-left-nav .nav-info.cur + .second-law .second-con {
    padding: 0.3rem 0.24rem;
  }
  .gov-left-nav .nav-info.cur + .second-law .second-item {
    float: left;
    width: 3.15rem;
  }
  .gov-left-nav .nav-info.cur + .second-law .second-item .second-self {
    width: 3.15rem;
    height: 0.64rem;
    padding: 0;
    margin: 0;
    background-color: #fff;
  }
  .gov-left-nav .nav-info.cur + .second-law .second-item .second-self .small-plus {
    width: 0.24rem;
    background-size: 0.24rem 0.24rem;
  }
  .gov-left-nav .nav-info.cur + .second-law .second-item .second-self a.second-title {
    font-size: 0.28rem;
    line-height: 0.64rem;
    padding-left: 0.42rem;
  }
  .gov-left-nav .nav-info.cur + .second-law .second-item .second-self::before {
    left: 0.32rem;
  }
  .gov-left-nav .nav-info.cur + .second-law .second-item.cur .second-self {
    background-color: #E8F5FF;
  }
  .gov-left-nav .nav-info.cur + .second-law .second-item.cur .third-con .third-self {
    background-color: #F0F6FB;
  }
  .gov-left-nav .nav-info.cur + .second-law .third-con {
    display: block;
    width: 3.15rem;
  }
  .gov-left-nav .nav-info.cur + .second-law .third-con .third-item .third-self {
    background-color: #fff;
    padding: 0;
    line-height: 0.64rem;
    height: 0.64rem;
    text-align: left;
    width: 100%;
  }
  .gov-left-nav .nav-info.cur + .second-law .third-con .third-item .third-self .third-title {
    max-width: 100%;
    width: 100%;
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.64rem;
    height: 0.64rem;
    padding-left: 0.66rem;
    padding-right: 0.16rem;
  }
  .gov-left-nav .nav-info.cur + .second-law .third-con .third-item .third-self::before {
    left: 0.56rem;
  }
  .gov-left-nav .cur + .second-law {
    padding: 0.24rem;
  }
  .zcjd-con {
    padding: 0;
  }
  .zcjd-con .plc-zfxx-table {
    width: 6.54rem;
    margin: 0.28rem 0.25rem;
  }
  .zcjd-con .plc-zfxx-table .table-title {
    height: 0.64rem;
    line-height: 0.64rem;
  }
  .zcjd-con .plc-zfxx-table .table-title div {
    font-size: 0.28rem;
    height: 0.64rem;
    line-height: 0.64rem;
  }
  .zcjd-con .plc-zfxx-table .table-title .zt {
    width: 2.28rem;
  }
  .zcjd-con .plc-zfxx-table .table-title .fbsj {
    display: none;
  }
  .zcjd-con .plc-zfxx-table .table-list .table-item {
    height: 0.88rem;
    line-height: 0.88rem;
  }
  .zcjd-con .plc-zfxx-table .table-list .table-item div {
    font-size: 0.32rem;
    height: 0.88rem;
    line-height: 0.88rem;
  }
  .zcjd-con .plc-zfxx-table .table-list .table-item .zt-content {
    width: 2.28rem;
  }
  .zcjd-con .plc-zfxx-table .table-list .table-item .fbsj-content {
    display: none;
  }
  .zcjd-con .gov-title {
    margin-bottom: 0!important;
  }
  .zcjd-con .gov-com-list {
    padding: 0.32rem 0.24rem;
    margin-bottom: 0;
  }
  .zcjd-con .gov-com-list li {
    margin-bottom: 0.32rem;
    padding-left: 0.22rem;
  }
  .zcjd-con .gov-com-list li .tag {
    top: 0.22rem;
    width: 0.06rem;
    height: 0.06rem;
    transform: translateY(0);
    border-radius: 50%;
    background-color: #CCCCCC;
  }
  .zcjd-con .gov-com-list li a {
    white-space: normal;
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
  .zcjd-con .gov-com-list li:last-child {
    margin-bottom: 0;
  }
  .zcjd-con .page {
    padding: 0 0.23rem;
  }
  .yearReport-con {
    padding: 0.17rem 0.2rem;
  }
  .yearReport-con .yearList {
    width: 100%;
    padding-top: 0.2rem;
  }
  .yearReport-con .yearList .gov-com-list {
    padding: 0.32rem 0.24rem;
    margin-bottom: 0;
  }
  .yearReport-con .yearList .gov-com-list li {
    margin-bottom: 0.32rem;
    padding-left: 0.22rem;
  }
  .yearReport-con .yearList .gov-com-list li .tag {
    top: 0.22rem;
    width: 0.06rem;
    height: 0.06rem;
    transform: translateY(0);
    border-radius: 50%;
    background-color: #CCCCCC;
  }
  .yearReport-con .yearList .gov-com-list li a {
    white-space: normal;
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
  .yearReport-con .yearList .gov-com-list li:last-child {
    margin-bottom: 0;
  }
}

a:hover {
  color: #1B5395;
}
.m-auto {
  margin: 0 auto;
}
.g-box {
  width: 12.8rem;
}
.mask {
  display: none;
  left: calc(100vw + 0.28rem);
}
.wap-show {
  display: none;
}
.gd-cm-page {
  padding: 0.2rem 0;
  line-height: 0.32rem;
  color: #666;
  font-size: 0.14rem;
  text-align: center;
}
.gd-cm-page .mobile {
  display: none;
}
.gd-cm-page .pageprv,
.gd-cm-page .pagenext {
  width: 0.32rem;
}
.gd-cm-page .pageprv.disabled,
.gd-cm-page .pagenext.disabled {
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.3);
}
.gd-cm-page .pageprv.disabled:hover,
.gd-cm-page .pagenext.disabled:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
  color: #333 !important;
}
.gd-cm-page a {
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  background: #FFFFFF;
  border-radius: 0.04rem;
  border: 0.01rem solid #E5E5E5;
  text-align: center;
}
.gd-cm-page a.cur,
.gd-cm-page a:hover {
  background: #194897 !important;
  color: #fff !important;
}
.gd-cm-page a,
.gd-cm-page span {
  margin: 0 0.02rem;
}
.gd-cm-page .select {
  vertical-align: top;
  cursor: pointer;
  width: 0.8rem;
  height: 0.32rem;
  outline: none;
  font-size: 0.14rem;
  margin: 0 0.14rem;
  border-radius: 0.04rem;
  border: 0.01rem solid #E5E5E5;
}
.gd-cm-page .turn input {
  text-align: center;
  box-sizing: border-box;
  vertical-align: top;
  width: 0.48rem;
  height: 0.32rem;
  border: 0.01rem solid #E5E5E5;
  padding: 0 0.02rem;
}
.more-btn .more-text {
  height: 100%;
  width: 0.62rem;
  font-size: 0.16rem;
  color: #999;
  background: url(blockcontainer-right.png;vpn_img) no-repeat right center;
  background-size: 0.28rem 0.28rem;
}
.more-btn:hover .more-text {
  color: #1B5395;
}
@media screen and (max-width: 768px) {
  body {
    min-width: 3.75rem;
  }
  .g-box {
    width: 7.5rem;
  }
  .wap-show {
    display: block;
  }
  .mask {
    display: block;
    position: fixed;
    top: 0;
    left: calc(100vw + 0.28rem);
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100vh;
    transition: left linear 0.5s;
  }
  .mask .close {
    display: block;
    width: 0.36rem;
    height: 0.36rem;
    position: absolute;
    left: 0.28rem;
    top: 0.31rem;
  }
  .mask .bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 6.5rem;
    height: 100vh;
    background-color: #fff;
  }
  .gd-cm-page {
    display: flex;
    justify-content: space-between;
    height: 0.85rem;
    padding: 0;
    font-size: 0.32rem;
    margin: 0.08rem 0.24rem 0.4rem 0.24rem;
  }
  .gd-cm-page span,
  .gd-cm-page a,
  .gd-cm-page select {
    display: none;
  }
  .gd-cm-page .current-show {
    color: #015293;
  }
  .gd-cm-page .mobile {
    display: block;
    width: 1.64rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    border: 0.01rem solid #E2E2E2;
  }
  .gd-cm-page .pageprv,
  .gd-cm-page .pagenext {
    width: 2rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    color: #666;
    background: #f5f5f5;
    border: none;
  }
  .gd-cm-page .pageprv:hover,
  .gd-cm-page .pagenext:hover {
    color: #666 !important;
    background: #f5f5f5 !important;
  }
}

.ft-mask {
  position: fixed;
  top: 0;
  left: calc(100vw + 0.28rem);
  z-index: 99;
  background: rgba(43, 95, 157);
  width: 5.23rem;
  height: 100vh;
  transition: left linear 0.5s;
  padding: 0.24rem 0rem;
}
.ft-mask .title {
  display: flex;
  align-items: center;
  font-size: 0.4rem;
  flex-direction: row-reverse;
  margin-right: 0.24rem;
}
.ft-mask .title .close {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.04rem;
}
.ft-mask .buttons {
  padding: 0.48rem 0 0 0.32rem;
}
.ft-mask .buttons a {
  font-size: 0.32rem;
  color: #fff;
  height: 0.88rem;
  line-height: 0.88rem;
  display: inline-block;
  background: rgba(255, 255, 255, 0.16);
  border-radius: 0.08rem;
  margin-right: 0.16rem;
}
.ft-mask .buttons .xmt {
  width: 2.49rem;
  font-size: 0.32rem;
  text-align: center;
}
.ft-mask .buttons .xmt img {
  height: 0.44rem;
  width: 0.44rem;
}
.ft-mask .buttons .lnb {
  width: 0.88rem;
  text-align: center;
}
.ft-mask .buttons .lnb img {
  width: 0.29rem;
  height: 0.44rem;
}
.ft-mask .buttons .wza {
  padding: 0;
  background: none;
  margin-right: 0;
  width: 0.88rem;
  height: 0.88rem;
  position: relative;
  top: -0.04rem;
}
.ft-mask .buttons .wza img {
  width: 100%;
  height: 100%;
}
.ft-mask .buttons .jt,
.ft-mask .buttons .ft {
  margin-top: 0.32rem;
  width: 2.16rem;
  text-align: center;
}
.ft-mask .buttons .jt {
  margin-right: 0.25rem;
}

.cm-location {
  position: relative;
  padding: 0.26rem 0 0.29rem 0.29rem;
  background: url(bread-crumbs.png;vpn_img) no-repeat;
  background-position: 0 0.29rem;
  background-size: 0.18rem 0.18rem;
  font-size: 0.168rem;
  color: #999;
}
.cm-location a {
  padding: 0;
  font-size: 0.18rem;
  color: #999;
}
.cm-location a span {
  margin-left: 0.05rem;
}
.cm-location a:hover {
  color: #015293;
}
.cm-location .arrow {
  margin: 0 0.02rem;
}
.cm-location .cur,
.cm-location span.cur {
  font-size: 0.18rem;
  color: #015293;
}
.cm-location::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.08rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .cm-location {
    margin-left: 0.24rem;
    padding: 0.24rem;
    padding-left: 0.36rem;
    background-size: 0.28rem 0.28rem;
    background-position: 0 0.32rem;
    font-size: 0.28rem;
  }
  .cm-location a {
    font-size: 0.28rem;
  }
  .cm-location .arrow {
    margin: 0 0.04rem;
  }
  .cm-location .cur,
  .cm-location span.cur {
    font-size: 0.28rem;
  }
  .cm-location::after {
    display: none;
  }
}

.nav-pc .nav-item {
  width: 2.2rem;
  line-height: 0.3rem;
  margin-bottom: 0.1rem;
  font-size: 0.2rem;
  background: #f2f6f9;
  border-radius: 0.04rem;
}
.nav-pc .nav-item > a {
  display: block;
  padding: 0.1rem 0.5rem 0.1rem 0.32rem;
  color: #22222a;
}
.nav-pc .nav-item:hover,
.nav-pc .nav-item.cur {
  background: #015293 url(blockcontainer-right.png;vpn_img) no-repeat 1.77rem center / 0.28rem 0.288rem;
  background-color: #015293;
}
.nav-pc .nav-item:hover > a,
.nav-pc .nav-item.cur > a {
  color: #fff;
}

.nav-wap {
  display: none;
}
@media screen and (max-width: 768px) {
  .nav-wap {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 0.24rem;
    background-color: #f9f9f9;
  }
  .nav-wap .wap-txt {
    padding: 0.2rem 0.44rem;
    line-height: 0.48rem;
    max-width: 4.76rem;
    word-break: break-all;
    font-size: 0.36rem;
    color: #fff;
    font-weight: bold;
    background: #015293 no-repeat left center / 100% 100%;
  }
  .nav-wap img {
    position: absolute;
    width: 0.52rem;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.26rem;
  }
  .detail-mask .detail-nav-tt {
    width: 100%;
    background-color: #015293;
    font-size: 0.36rem;
    color: #fff;
    font-weight: bold;
    padding-left: 0.36rem;
    line-height: 0.9rem;
    text-align: left;
  }
  .detail-mask .detail-nav-list-wap {
    height: calc(100vh - 0.9rem);
    overflow: auto;
    padding: 0.24rem;
  }
  .detail-mask .detail-nav-list-wap .nav-item {
    width: 100%;
    background-color: #f4f4f4;
    margin-bottom: 0.24rem;
  }
  .detail-mask .detail-nav-list-wap .nav-item.cur {
    background-color: #015293;
  }
  .detail-mask .detail-nav-list-wap .nav-item.cur .text {
    color: #fff;
  }
  .detail-mask .detail-nav-list-wap .nav-item.cur .go-icon {
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    margin-top: 0.21rem;
  }
  .detail-mask .detail-nav-list-wap a {
    display: block;
    padding: 0 0.24rem;
    height: 0.9rem;
  }
  .detail-mask .detail-nav-list-wap a .text {
    display: inline-block;
    font-size: 0.32rem;
    max-width: 75%;
    color: #333;
    line-height: 0.9rem;
  }
  .detail-mask .detail-nav-list-wap a .go-icon {
    display: none;
  }
  .nav-pc {
    display: none;
  }
}

.child-header {
  padding-top: 0.06rem;
}
.child-header .top {
  height: 0.32rem;
  line-height: 0.32rem;
  font-size: 0.16rem;
  color: #999;
}
.child-header .top .related-links {
  margin-left: 0.09rem;
}
.child-header .top .related-links li {
  display: inline-block;
}
.child-header .top .related-links li a {
  color: #999;
}
.child-header .top .related-links li a::after {
  display: inline-block;
  content: '';
  margin: 0 0.03rem;
  height: 0.1rem;
  width: 0.01rem;
  background-color: #d1d1d1;
}
.child-header .top .related-links li a:hover {
  color: #1B5395;
}
.child-header .top .related-links li:last-child a::after {
  display: none;
}
.child-header .top .features-list .lang a,
.child-header .top .features-list .features a {
  color: #999;
}
.child-header .top .features-list .lang a::after,
.child-header .top .features-list .features a::after {
  display: inline-block;
  content: '';
  margin: 0 0.07rem;
  height: 0.1rem;
  width: 0.01rem;
  background-color: #d1d1d1;
}
.child-header .top .features-list .lang a:hover,
.child-header .top .features-list .features a:hover {
  color: #1B5395;
}
.child-header .top .features-list .lang a:last-child::after,
.child-header .top .features-list .features a:last-child::after {
  display: none;
}
.child-header .top .features-list .lang {
  margin-right: 0.13rem;
}
.child-header .top .features-list .lang a {
  font-size: 0.16rem;
}
.child-header .top .features-list .lang a::after {
  margin: 0 0.08rem;
}
.child-header .top .features-list .features {
  padding: 0 0.18rem;
  background-color: #F2F5F8;
  border-radius: 0.16rem;
  backdrop-filter: blur(0.1rem);
}
.child-header .top .features-list .features a {
  font-size: 0.14rem;
}
.child-header .main {
  margin-top: 0.16rem;
}
.child-header .main .logo {
  display: block;
  width: 5.49rem;
  height: 0.96rem;
}
.child-header .main .logo img {
  width: 100%;
  height: 100%;
}
.child-header .main .search {
  height: 0.56rem;
  margin-top: 0.23rem;
  border-radius: 0.04rem;
  border: 0.01rem #B7CCDC solid;
}
.child-header .main .search input {
  box-sizing: border-box;
  width: 4.33rem;
  height: 100%;
  padding: 0 0.17rem;
  font-size: 0.18rem;
  color: #999;
  border-radius: 0.04rem 0 0 0.04rem;
}
.child-header .main .search button {
  width: 0.94rem;
  height: 100%;
  text-align: center;
  border-radius: 0 0.04rem 0.04rem 0;
  background-color: #1B5395;
  cursor: pointer;
}
.child-header .main .search button img {
  width: 0.26rem;
  height: 0.26rem;
}
.child-header .main .search-wap-box {
  display: none;
}
.child-header .nav-container {
  width: 100%;
  font-size: 0.24rem;
  height: 0.72rem;
  line-height: 0.72rem;
  background-color: #1B5395;
  max-width: 19.2rem;
  margin: 0.26rem auto 0;
}
.child-header .nav-container .nav .nav-item {
  box-sizing: border-box;
  display: inline-block;
  width: calc(100% / 8);
  text-align: center;
  position: relative;
  margin-left: -0.07rem;
}
.child-header .nav-container .nav .nav-item::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0.01rem;
  height: 0.18rem;
  background-color: #fff;
  right: 0;
  top: 50%;
  margin-top: -0.09rem;
}
.child-header .nav-container .nav .nav-item:last-child::after {
  display: none;
}
.child-header .nav-container .nav .nav-item.cur,
.child-header .nav-container .nav .nav-item:hover a {
  font-size: 0.24rem;
  font-weight: bold;
  background-color: #0083C8;
}
.child-header .nav-container .nav .nav-item a {
  display: block;
  color: #fff;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .child-header .top .related-links {
    margin-left: 0.24rem;
  }
  .child-header .top .related-links li a {
    color: #333;
    font-size: 0.28rem;
  }
  .child-header .top .related-links li a::after {
    height: 0.2rem;
    margin: 0 0.16rem;
    background-color: #333;
  }
  .child-header .top .features-list {
    display: none;
  }
  .child-header .main {
    position: relative;
    margin-top: 0.48rem;
    z-index: 2;
  }
  .child-header .main .logo {
    width: 5.49rem;
    height: 0.96rem;
    margin-left: 0.19rem;
  }
  .child-header .main .search {
    display: none;
  }
  .child-header .main .right-content .search-icon,
  .child-header .main .right-content .nav-icon {
    width: 0.48rem;
    height: 0.49rem;
    margin-top: 0.24rem;
    margin-right: 0.28rem;
  }
  .child-header .main .right-content .search-icon {
    margin-right: 0.48rem;
  }
  .child-header .main .search-wap-box {
    position: absolute;
    top: 1.28rem;
    display: block;
    width: 7.5rem;
    height: 0;
    background: linear-gradient(180deg, #F0F5FF 0%, #FFFFFF 100%);
    transition: all 0.3s ease-in-out;
    overflow: hidden;
  }
  .child-header .main .search-wap-box .input-box {
    margin: 0.48rem 0.48rem 0.57rem;
    display: flex;
    border-radius: 0.08rem;
    border: 0.01rem solid #D6D6D6;
    overflow: hidden;
  }
  .child-header .main .search-wap-box .search-input {
    flex: 1;
    height: 0.88rem;
    padding: 0 0.24rem;
    color: #999999;
    font-size: 0.32rem;
    background-color: #fff;
  }
  .child-header .main .search-wap-box .sub-btn {
    width: 1.1rem;
    height: 0.88rem;
    text-align: center;
    line-height: 0.88rem;
    font-size: 0.32rem;
    color: #154CAF;
    font-weight: bold;
    background-color: #fff;
  }
  .child-header .nav-container {
    z-index: 1;
    position: relative;
    width: 7.5rem;
    height: 0.88rem;
    line-height: 0.88rem;
    white-space: nowrap;
    font-size: 0.32rem;
    margin: 0.32rem auto 0;
  }
  .child-header .nav-container .nav {
    height: 0.88rem;
    overflow: hidden;
    overflow-x: auto;
  }
  .child-header .nav-container .nav .nav-item {
    width: calc(100% / 4);
    margin-left: -0.1rem;
  }
  .child-header .nav-container .nav .nav-item::after {
    display: none;
  }
  .child-header .nav-container .nav .nav-item.cur a,
  .child-header .nav-container .nav .nav-item:hover a {
    font-weight: bold;
    font-size: 0.32rem;
  }
}

.bg-box {
  width: 100%;
  height: 3.64rem;
  background: url(sy-lb.png;vpn_img) no-repeat bottom center / 19.2rem 7.66rem;
  position: absolute;
  z-index: 0;
}
.child-page {
  padding-top: 0.72rem;
}
.child-page .container {
  position: relative;
  z-index: 1;
  padding: 0.2rem;
  background-color: #F7F9FB;
  background: linear-gradient(180deg, #F2F6F9 0%, #F7F9FB 100%);
  border-radius: 0.08rem;
  margin-bottom: 0.5rem;
}
.child-page .container .left-nav {
  padding-bottom: 1rem;
}
.child-page .container .left-nav .nav-active-tit {
  position: relative;
  display: block;
  width: 2.2rem;
  background: url(nav-theme.png;vpn_img) no-repeat;
  background-size: 100% 100% ;
  margin-bottom: 0.1rem;
  padding: 0.22rem 0.18rem 0.27rem;
  font-size: 0.24rem;
  color: #111;
  font-weight: bold;
}
.child-page .container .left-nav .nav-active-tit .text {
  position: relative;
}
.child-page .container .left-nav .nav-active-tit .text::after {
  content: "";
  width: 0.24rem;
  height: 0.03rem;
  position: absolute;
  left: 0;
  bottom: -0.12rem;
  background-color: #299DDA;
}
.child-page .container .left-nav .nav-pc .nav-item {
  background-color: #fff;
}
.child-page .container .left-nav .nav-pc .nav-item.cur,
.child-page .container .left-nav .nav-pc .nav-item:hover {
  background-color: #1B5395;
}
.child-page .container > .right-container {
  float: right;
  border-radius: 0.08rem;
  background-color: #fff;
}
.child-page .container > .right-container .cm-location {
  padding: 0.24rem 0.24rem 0.24rem 0.53rem;
  background-position: 0.24rem 0.29rem;
  border-bottom: 0.01rem solid #dfdfdf;
}
.child-page .container > .right-container .right-content {
  width: 10rem;
}
.child-page .container > .right-container.full-container {
  width: 100%;
}
.child-page .child-content {
  position: relative;
  z-index: 1;
  padding: 0.2rem;
  background-color: #F7F9FB;
  background: linear-gradient(180deg, #F2F6F9 0%, #F7F9FB 100%);
  border-radius: 0.08rem;
  margin-bottom: 0.5rem;
}
.child-page .child-content .bg {
  background: #fff;
}
.child-page .child-content .nav {
  border-bottom: 0.01rem solid #DFDFDF;
  padding-left: 0.24rem;
}
.child-page .child-content .article-overview-wrapper {
  padding: 0;
}
.child-page .child-content .Information-disclosure-wrapper {
  padding: 0;
}
.child-page .child-content .Information-disclosure-wrapper .left-box {
  width: 8.8rem;
  border-right: 0;
}
.child-page .child-content .Information-disclosure-wrapper .right-box {
  width: 2.91rem;
  background: #F7F8FB;
  border-radius: 0.08rem 0.08rem 0rem 0rem;
  padding: 0 0.04rem 0.04rem;
  box-sizing: border-box;
}
.child-page .child-content .Information-disclosure-wrapper .right-box .box-title {
  width: 100%;
  color: #000;
}
.child-page .child-content .Information-disclosure-wrapper .right-box .rb-con {
  width: 100%;
  background: #fff;
  font-size: 0.18rem;
  color: #22222A;
  line-height: 0.36rem;
}
.child-page .child-content .Information-disclosure-wrapper .right-box .rb-con .detail {
  display: block;
  padding: 0.08rem 0.12rem;
}
.yjzj-con .recomment .tit {
  margin-top: 0.4rem;
  font-weight: bold;
  font-size: 0.34rem;
  color: #22222A;
  text-align: center;
  margin-bottom: 0.2rem;
}
.yjzj-con .recomment .rec-list {
  padding: 0 0.2rem;
}
.yjzj-con .recomment .rec-list .rec-item {
  padding-top: 0.2rem;
}
.yjzj-con .recomment .rec-list .zj-list .in-zj-box {
  background: linear-gradient(180deg, #0088FF 0%, #0084F3 100%);
}
.service-page .full-container .news-list {
  width: 100%;
}
.service-page .news-list {
  width: 10rem;
  background: #FFFFFF;
  border-radius: 0.08rem;
  padding: 0.21rem 0.34rem;
}
.service-page .news-list .list {
  padding-top: 0.23rem;
  padding-bottom: 0.23rem;
  border-bottom: 0.01rem dashed #dcdcdc;
}
.service-page .news-list .list:first-child {
  padding-top: 0;
}
.service-page .news-list .list-item {
  position: relative;
  height: 0.55rem;
  line-height: 0.55rem;
  padding-left: 0.16rem;
  font-size: 0.18rem;
  color: #111;
}
.service-page .news-list .list-item a {
  display: block;
}
.service-page .news-list .list-item .text {
  color: #333333;
  max-width: 75%;
}
.service-page .news-list .list-item .time {
  color: #999999;
}
.service-page .news-list .list-item::before {
  position: absolute;
  content: "";
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #CCCCCC;
}
.service-page .news-list .list-item:hover .text {
  color: #015293;
}
.service-page .news-list .list-item:hover .time {
  color: #015293;
}
.service-page .news-list .list-item:hover::before {
  background-color: #015293;
}
.service-page2 .right-part {
  width: 100%!important;
  background-color: #fff;
}
.service-page2 .right-part .cm-location {
  margin-left: 0.34rem;
  border-bottom: 0.01rem solid #eee;
}
.service-page2 .bottom-content {
  padding: 0 0.32rem;
}
.service-page2 .bottom-content .search-row {
  height: 0.48rem;
  width: 7.9rem;
  margin: 0.32rem auto;
}
.service-page2 .bottom-content .search-row input {
  width: 3.2rem;
  height: 0.48rem;
  background: linear-gradient(180deg, #EEF4FF 0%, #FFFFFF 100%);
  box-shadow: 0rem 0.02rem 0.08rem 0rem rgba(0, 0, 0, 0.12);
  border-radius: 0.06rem;
  border: 0.02rem solid #FFFFFF;
  margin-right: 0.16rem;
  font-size: 0.18rem;
  padding-left: 0.1rem;
  box-sizing: border-box;
}
.service-page2 .bottom-content .search-row .btn {
  width: 1.1rem;
  display: block;
  height: 0.48rem;
  font-size: 0.18rem;
  color: #FFFFFF;
  background: radial-gradient(0% 74% at 53% 23%, #0088FF 0%, #0878D6 100%);
  border-radius: 0.06rem;
  text-align: center;
  line-height: 0.48rem;
}
.service-page2 .bottom-content .plc-zfxx-table {
  width: 100%;
  border: none;
}
.service-page2 .bottom-content .plc-zfxx-table .table-item {
  height: 0.55rem;
  line-height: 0.55rem;
}
.service-page2 .bottom-content .plc-zfxx-table .table-item:nth-child(7n) {
  border-bottom: 0.01rem solid #E5E5E5;
  padding-bottom: 0.15rem;
  margin-bottom: 0.2rem;
}
.service-page2 .bottom-content .plc-zfxx-table .table-item div {
  border: none;
}
.service-page2 .bottom-content .plc-zfxx-table .table-item .zt-content {
  color: #268DE0;
}
.service-page2 .bottom-content .plc-zfxx-table .table-item .title-content {
  border: none;
  position: relative;
}
.service-page2 .bottom-content .plc-zfxx-table .table-item .title-content::before {
  position: absolute;
  content: "";
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background-color: #B0B0B0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.service-page2 .bottom-content .plc-zfxx-table .table-item .title-content:hover {
  color: #015293;
}
.service-page2 .bottom-content .plc-zfxx-table .table-item .title-content:hover::before {
  background-color: #015293;
}
.service-page2 .bottom-content .plc-zfxx-table div {
  border: none;
}
.gov-public-page .container {
  background: #fff;
  padding: 0;
  margin-top: 0.5rem;
}
.gov-public-page .top .left {
  width: 8.4rem;
}
.gov-public-page .top .right {
  width: 4rem;
  background-color: #F7F7F7;
  border-radius: 0.08rem;
  margin-top: 0.04rem;
  overflow: hidden;
}
.gov-public-page .top .right .link-list {
  padding: 0.26rem 0.24rem;
}
.gov-public-page .top .right .link-list .link-item {
  width: 3.52rem;
  height: 0.66rem;
  margin-bottom: 0.16rem;
  background-color: #fff;
  border-radius: 0.08rem;
}
.gov-public-page .top .right .link-list .link-item a {
  display: block;
  padding: 0.21rem 0.24rem;
}
.gov-public-page .top .right .link-list .link-item:last-child {
  margin-bottom: 0;
}
.gov-public-page .top .right .link-list .link-item .link-icon {
  width: 0.24rem;
  height: 0.24rem;
}
.gov-public-page .top .right .link-list .link-item .text {
  font-size: 0.18rem;
  color: #333;
  margin-left: 0.12rem;
  max-width: 80%;
}
.gov-public-page .top .right .link-list .link-item .go-icon {
  margin-top: 0.06rem;
  display: inline-block;
  width: 0.12rem;
  height: 0.12rem;
  background: url(go-icon.png;vpn_img) no-repeat center center;
  background-size: 100% 100%;
}
.gov-public-page .top .right .link-list .link-item:hover .text {
  color: #1B5395;
  font-weight: bold;
}
.zwgk-container {
  width: 12.8rem;
  background: #FFFFFF;
  padding: 0.3rem 0;
  position: relative;
  z-index: 1;
  margin-bottom: 0.32rem;
  border-radius: 0.08rem;
}
.zwgk-container .top-pic-list {
  margin-bottom: 0.51rem;
  padding: 0 0.24rem;
}
.zwgk-container .zswj-top-tab-dsj .tab-box {
  width: 8.18rem;
  margin-left: 0.24rem;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .title {
  position: relative;
  height: 0.35rem;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .title .tabPanel {
  position: absolute;
  left: 0;
  z-index: 2;
  background-color: #fff;
  padding-right: 0.1rem;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .title .tabPanel > .panel.cur {
  color: #111;
  font-weight: bold;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .title .tit {
  font-size: 0.26rem;
  color: #999;
  margin-left: 0.17rem;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .title .tabPanel .tit:first-child {
  margin-left: 0;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .title .zw {
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 0.12rem;
  background: url(sy-title-zw.png;vpn_img) no-repeat center;
  object-fit: cover;
  margin-top: 0.13rem;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .title .more {
  font-size: 0.16rem;
  color: #999;
  padding-left: 0.23rem;
  padding-right: 0.13rem;
  position: absolute;
  height: 0.35rem;
  line-height: 0.35rem;
  right: 0;
  z-index: 2;
  background-color: #fff;
  border-radius: 0.17rem;
  border: 0.01rem solid #E4E4E4;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .title .more:hover {
  color: #015293;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .title .more::after {
  content: '';
  height: 100%;
  width: 0.1rem;
  background: #fff;
  position: absolute;
  left: -0.11rem;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .hd-con {
  margin-top: 0.18rem;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .hd-con .cm-news-list li {
  height: 0.55rem;
  line-height: 0.55rem;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .hd-con .cm-news-list li a {
  font-size: 0.2rem;
  color: #191919;
  background: url(sy-xw-li-bg.png;vpn_img) no-repeat left center;
  background-size: 0.04rem 0.04rem;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .hd-con .cm-news-list li a:hover {
  color: #3E79D6;
}
.zwgk-container .zswj-top-tab-dsj .tab-box .hd-con .cm-news-list li span {
  font-size: 0.18rem;
  color: #999;
}
.zwgk-container .zswj-top-tab-dsj .right-dsj-box {
  margin-right: 0.24rem;
}
.zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj {
  width: 4rem;
}
.zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content {
  margin-top: 0.31rem;
  max-height: 4.1rem;
}
.zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content .cm-news-list > li {
  height: 0.5rem;
  color: #999999;
  line-height: 0.5rem;
  font-size: 0.18rem;
  position: relative;
}
.zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content .cm-news-list > li:hover > a {
  color: #3E79D6;
}
.zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content .cm-news-list > li::before {
  position: absolute;
  display: block;
  content: '';
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: #B0B0B0;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content .cm-news-list > li > a {
  padding-left: 0.12rem;
  font-size: 0.18rem;
  color: #191919;
  max-width: 98%;
}
.zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content .cm-news-list > li > span {
  display: none;
}
.zwgk-container .zfxxgk-box {
  margin-top: 0.3rem;
}
.zwgk-container .zfxxgk-box .gray-content-box > .content {
  padding: 0.4rem 0;
  border-radius: 0.06rem;
}
.zwgk-container .zfxxgk-box .img-container-box {
  display: inline-block;
  border-right: 0.01rem dotted #E0E0E0;
  width: calc(100% / 6);
  margin-top: 0.48rem;
  text-align: center;
}
.zwgk-container .zfxxgk-box .img-container-box:nth-child(-n + 6) {
  margin-top: 0;
}
.zwgk-container .zfxxgk-box .img-container-box .imgBox {
  width: 100%;
  padding: 0 0.12rem;
  box-sizing: border-box;
}
.zwgk-container .zfxxgk-box .img-container-box .imgBox:hover .text {
  color: #015293;
  font-weight: bold;
}
.zwgk-container .zfxxgk-box .img-container-box .imgBox .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zwgk-container .zfxxgk-box .img-container-box:nth-child(6n),
.zwgk-container .zfxxgk-box .img-container-box:last-child {
  border-right: 0;
}
.zwgk-container .interpretation-box {
  margin-top: 0.34rem;
  width: 100%;
  background-color: #F7F7F7;
  border-radius: 0.08rem;
  padding-bottom: 0.04rem;
}
.zwgk-container .interpretation-box .interpretation-header {
  height: 0.56rem;
  padding: 0 0.3rem 0 0.2rem;
  line-height: 0.56rem;
}
.zwgk-container .interpretation-box .interpretation-header .title {
  font-size: 0.22rem;
  color: #1B5395;
}
.zwgk-container .interpretation-box .interpretation-content {
  margin: 0 auto;
  width: calc(100% - 0.08rem);
  background-color: #fff;
  padding: 0.3rem 0.17rem 0.13rem;
  border-radius: 0.06rem;
}
.zwgk-container .interpretation-box .interpretation-content .swiper-outer {
  width: 100%;
  overflow: hidden;
}
.zwgk-container .interpretation-box .interpretation-content .swiper-container {
  position: relative;
  width: calc(100% + 0.15rem);
  height: 1.78rem;
}
.zwgk-container .interpretation-box .interpretation-content .swiper-container .swiper-slide img {
  width: 3.93rem;
  height: 1.78rem;
  border-radius: 0.08rem;
}
.zwgk-container .interpretation-box .interpretation-content .swiper-container .swiper-slide img:hover {
  transform: translate3d(0, 0, 0) scale(1.05);
}
.zwgk-container .interpretation-box .interpretation-content .swiper-container .swiper-button-prev,
.zwgk-container .interpretation-box .interpretation-content .swiper-container .swiper-button-next {
  display: none;
  cursor: pointer;
  width: 0.24rem;
  height: 0.4rem;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.zwgk-container .interpretation-box .interpretation-content .swiper-container .swiper-button-prev {
  left: 0;
  background: url(swipe-left.png;vpn_img) no-repeat center center;
}
.zwgk-container .interpretation-box .interpretation-content .swiper-container .swiper-button-next {
  right: 0.27rem;
  background: url(swipe-right.png;vpn_img) no-repeat center center;
}
.zwgk-container .interpretation-box .interpretation-content .swiper-container:hover .swiper-slide img {
  width: 3.93rem;
  height: 1.78rem;
}
.zwgk-container .interpretation-box .interpretation-content .swiper-container:hover .swiper-button-prev,
.zwgk-container .interpretation-box .interpretation-content .swiper-container:hover .swiper-button-next {
  display: block;
}
.zwgk-container .interpretation-box .interpretation-content .interpretation-list {
  margin-top: 0.16rem;
}
.zwgk-container .interpretation-box .interpretation-content .interpretation-list .interpretation-item {
  position: relative;
  height: 0.5rem;
  line-height: 0.5rem;
  padding-left: 0.11rem;
  font-size: 0.18rem;
}
.zwgk-container .interpretation-box .interpretation-content .interpretation-list .interpretation-item .text {
  color: #333333;
  max-width: 75%;
}
.zwgk-container .interpretation-box .interpretation-content .interpretation-list .interpretation-item .time {
  color: #999999;
}
.zwgk-container .interpretation-box .interpretation-content .interpretation-list .interpretation-item::before {
  position: absolute;
  content: "";
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #CCCCCC;
}
.zwgk-container .interpretation-box .interpretation-content .interpretation-list .interpretation-item:hover .text {
  color: #015293;
}
.zwgk-container .interpretation-box .interpretation-content .interpretation-list .interpretation-item:hover .time {
  color: #015293;
}
.zwgk-container .interpretation-box .interpretation-content .interpretation-list .interpretation-item:hover::before {
  background-color: #015293;
}
.interaction-page {
  position: relative;
}
.interaction-page .container {
  padding: 0;
  padding-top: 0.53rem;
  background: transparent;
}
.interaction-page .container .part-line {
  width: 100%;
}
.interaction-page .container .part-line .part {
  display: inline-block;
  width: 4rem;
  height: 0.99rem;
  background: url(interaction-bg-2.png;vpn_img);
  background-size: 100% 100%;
  padding: 0.22rem;
  margin-right: 0.4rem;
}
.interaction-page .container .part-line .part .part-icon {
  width: 0.5rem;
  height: 0.5rem;
  vertical-align: top;
}
.interaction-page .container .part-line .part .right {
  display: inline-block;
  margin-left: 0.17rem;
}
.interaction-page .container .part-line .part .right .part-tit {
  font-size: 0.18rem;
  color: #111111;
  margin-bottom: 0.07rem;
}
.interaction-page .container .part-line .part .right .part-tip {
  font-size: 0.12rem;
  color: #666666;
}
.interaction-page .container .part-line .part:hover .right .part-tit,
.interaction-page .container .part-line .part:hover .right .part-tip {
  color: #005293;
  font-weight: bold;
}
.interaction-page .container .part-line .part:first-child {
  background: url(interaction-bg-1.png;vpn_img);
  background-size: 100% 100%;
}
.interaction-page .container .part-line .part:last-child {
  background: url(interaction-bg-3.png;vpn_img);
  background-size: 100% 100%;
  margin-right: 0;
}
.interaction-page .container .letter-box {
  width: 100%;
  margin-top: 0.51rem;
  background-color: #fff;
  border: 0.01rem solid #E8E8E8;
  border-radius: 0.08rem;
  padding: 0.3rem;
}
.interaction-page .container .letter-box .left {
  width: 7.6rem;
}
.interaction-page .container .letter-box .left .tabs-header {
  height: 0.45rem;
  border-bottom: 0.01rem solid #e7e7e7;
}
.interaction-page .container .letter-box .left .tabs-header .tabs-item {
  display: inline-block;
  height: 100%;
  color: #333;
  position: relative;
}
.interaction-page .container .letter-box .left .tabs-header .tabs-item .text {
  border-right: 0.01rem solid #d6d6d6;
  padding-right: 0.15rem;
  padding-left: 0.21rem;
  font-size: 0.22rem;
  line-height: 0.2rem;
}
.interaction-page .container .letter-box .left .tabs-header .tabs-item:first-child .text {
  padding-left: 0;
}
.interaction-page .container .letter-box .left .tabs-header .tabs-item:first-child.active::after {
  width: calc(100% - 0.15rem);
  left: 0;
}
.interaction-page .container .letter-box .left .tabs-header .tabs-item:last-child .text {
  padding-right: 0;
  border-right: none;
}
.interaction-page .container .letter-box .left .tabs-header .tabs-item:last-child.active::after {
  width: calc(100% - 0.15rem);
}
.interaction-page .container .letter-box .left .tabs-header .tabs-item.active {
  color: #1B5395;
}
.interaction-page .container .letter-box .left .tabs-header .tabs-item.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0.15rem;
  width: calc(100% - 0.3rem);
  height: 0.03rem;
  background: #1B5395;
}
.interaction-page .container .letter-box .left .tabs-body .list-item {
  position: relative;
  height: 0.58rem;
  line-height: 0.58rem;
  padding-left: 0.11rem;
  font-size: 0.18rem;
  color: #333;
}
.interaction-page .container .letter-box .left .tabs-body .list-item:last-child {
  border-bottom: none;
}
.interaction-page .container .letter-box .left .tabs-body .list-item::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: #ccc;
}
.interaction-page .container .letter-box .left .tabs-body .list-item:hover::before {
  background-color: #015293;
}
.interaction-page .container .letter-box .left .tabs-body .list-item:hover .text,
.interaction-page .container .letter-box .left .tabs-body .list-item:hover .time {
  color: #015293;
}
.interaction-page .container .letter-box .left .tabs-body .list-item .text {
  max-width: 75%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.interaction-page .container .letter-box .tj-con {
  width: 4.3rem;
  height: auto;
  background: #F7F7F7;
  border-radius: 0.08rem;
  padding: 0.04rem;
}
.interaction-page .container .letter-box .tj-con .tj-con-tit {
  font-size: 0.22rem;
  color: #1B5395;
  line-height: 0.56rem;
  height: 0.56rem;
  padding: 0 0.2rem;
}
.interaction-page .container .letter-box .tj-con .tit {
  height: 0.38rem;
  line-height: 0.38rem;
  font-size: 0.16rem;
  color: #666666;
}
.interaction-page .container .letter-box .tj-con .tit .font {
  height: 0.38rem;
}
.interaction-page .container .letter-box .tj-con .num {
  font-size: 0.16rem;
  color: #666666;
  text-align: center;
}
.interaction-page .container .letter-box .tj-con .num span:first-child {
  font-weight: bold;
  font-size: 0.36rem;
  color: #111111;
}
.interaction-page .container .letter-box .tj-con .tj-con-top {
  width: 100%;
  padding: 0.16rem 0.2rem 0.28rem;
  height: 1.13rem;
  border-radius: 0.06rem;
  background: url(tj-top-bg.png;vpn_img) no-repeat center center / 100% 100%;
}
.interaction-page .container .letter-box .tj-con .tj-con-mid {
  margin-top: 0.04rem;
}
.interaction-page .container .letter-box .tj-con .tj-con-mid .mid-item {
  padding-top: 0.23rem;
  width: 2.08rem;
  height: 1.17rem;
  background: #fff;
  padding-left: 0.21rem;
  border-radius: 0.06rem;
}
.interaction-page .container .letter-box .tj-con .tj-con-mid .mid-item:first-child {
  margin-right: 0.04rem;
  margin-bottom: 0.04rem;
}
.interaction-page .container .letter-box .tj-con .tj-con-bottom {
  height: 1.4rem;
  background: #fff;
  border-radius: 0.06rem;
}
.interaction-page .container .letter-box .tj-con .tj-con-bottom .echarts {
  height: 1.4rem;
}
.interaction-page .container .zxft-box {
  margin-top: 0.3rem;
}
.interaction-page .container .zxft-box .gray-content-box .content {
  padding: 0.2rem 0.2rem 0.12rem;
}
.interaction-page .container .zxft-box .gray-content-box .title-box {
  margin-top: 0.3rem;
}
.interaction-page .container .zxft-box .gray-content-box .wq-list-container {
  margin-top: 0.16rem;
}
.interaction-page .container .zxft-box .gray-content-box .wq-list-container .wq-list-item {
  width: 6.1rem;
  height: 0.5rem;
}
.interaction-page .container .zxft-box .gray-content-box .wq-list-container .wq-list-item:nth-child(n) {
  float: left;
}
.interaction-page .container .zxft-box .gray-content-box .wq-list-container .wq-list-item:nth-child(2n) {
  float: right;
}
.interaction-page .container .survey-box {
  margin-top: 0.44rem;
  width: 100%;
  background: #FFFFFF;
  border-radius: 0.08rem;
  background-color: #F7F8FB;
  padding-bottom: 0.04rem;
}
.interaction-page .container .survey-box .survey-header {
  width: 100%;
  padding: 0 0.29rem;
  line-height: 0.64rem;
  height: 0.64rem;
}
.interaction-page .container .survey-box .survey-header .tit {
  font-size: 0.22rem;
  color: #333;
  font-weight: bold;
}
.interaction-page .container .survey-box .survey-list {
  border-radius: 0.06rem;
  background-color: #fff;
  width: calc(100% - 0.08rem);
  margin: 0 auto;
  padding: 0.12rem 0.22rem 0.1rem 0.28rem;
}
.interaction-page .container .survey-box .survey-list .list-item {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
}
.interaction-page .container .survey-box .survey-list .list-item .status {
  width: 0.58rem;
  height: 0.24rem;
  background: #FFFFFF;
  border-radius: 0.05rem;
  border: 0.01rem solid #1B5395;
  font-size: 0.12rem;
  color: #1B5395;
  text-align: center;
  line-height: 0.24rem;
  margin-top: 0.13rem;
}
.interaction-page .container .survey-box .survey-list .list-item.end .status {
  border: 0.01rem solid #DFDFDF;
  color: #C2C2C2;
}
.interaction-page .container .survey-box .survey-list .list-item .text {
  margin-left: 0.15rem;
  position: relative;
  max-width: 75%;
  padding-left: 0.11rem;
  font-size: 0.18rem;
  color: #333333;
}
.interaction-page .container .survey-box .survey-list .list-item .text::before {
  position: absolute;
  width: 0.04rem;
  height: 0.04rem;
  content: '';
  background: #DADADA;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.interaction-page .container .survey-box .survey-list .list-item .time {
  font-size: 0.18rem;
  color: #999999;
}
.interaction-page .container .survey-box .survey-list .list-item.end status {
  border: 0.01rem solid #DFDFDF;
  color: #C2C2C2;
}
.interaction-page .container .survey-box .survey-list .list-item:hover .text {
  color: #1B5395;
}
.interaction-page .container .survey-box .survey-list .list-item:hover .text::before {
  background-color: #1B5395;
}
.interaction-page .container .survey-box .survey-list .list-item:hover .time {
  color: #1B5395;
}
@media screen and (max-width: 768px) {
  .bg-box {
    width: 100%;
    height: 16.11rem;
    background: url(sy-lb.png;vpn_img) no-repeat bottom center / 19.2rem 16.11rem;
    position: absolute;
    z-index: 0;
  }
  .child-page .container {
    width: 7.02rem;
    margin: 0 auto;
    padding: 0.24rem;
    margin-bottom: 0.48rem;
  }
  .child-page .container .left-nav {
    width: 100%;
    padding-bottom: 0;
  }
  .child-page .container .left-nav .tit {
    display: none;
  }
  .child-page .container .left-nav .nav-wap {
    background-color: #fff;
    border-radius: 0.08rem;
    overflow: hidden;
  }
  .child-page .container .left-nav .nav-wap .wap-txt {
    background-color: #fff;
    color: #333;
  }
  .child-page .container .right-content {
    width: 100%;
  }
  .child-page .child-content {
    width: 7.02rem;
    margin: 0 auto;
    padding: 0.2rem;
    background-color: #F7F9FB;
    background: linear-gradient(180deg, #F2F6F9 0%, #F7F9FB 100%);
    border-radius: 0.08rem;
    margin-bottom: 0.5rem;
  }
  .child-page .child-content .bg {
    background: #fff;
  }
  .child-page .child-content .nav {
    border-bottom: 0.01rem solid #DFDFDF;
    padding-left: 0.24rem;
  }
  .child-page .child-content .article-overview-wrapper {
    padding: 0;
  }
  .child-page .child-content .Information-disclosure-wrapper {
    width: 100%;
    padding: 0;
  }
  .child-page .child-content .Information-disclosure-wrapper .left-box {
    width: 100%;
    border-right: 0;
  }
  .child-page .child-content .Information-disclosure-wrapper .right-box {
    width: 100%;
    height: auto;
    margin-top: 0.52rem;
    background: #F7F8FB;
    border-radius: 0.08rem 0.08rem 0rem 0rem;
    padding: 0 0.04rem 0.04rem;
    box-sizing: border-box;
  }
  .child-page .child-content .Information-disclosure-wrapper .right-box .box-title {
    width: 100%;
    color: #000;
  }
  .child-page .child-content .Information-disclosure-wrapper .right-box .rb-con {
    width: 100%;
    background: #fff;
    font-size: 0.32rem;
    color: #22222A;
    line-height: 0.48rem;
  }
  .child-page .child-content .Information-disclosure-wrapper .right-box .rb-con .detail {
    display: block;
    padding: 0.08rem 0.12rem;
  }
  .service-page2 .right-part {
    width: 100%!important;
  }
  .service-page2 .bottom-content {
    padding: 0 0.24rem;
  }
  .service-page2 .bottom-content .search-row {
    height: 0.48rem;
    width: 100%;
    margin: 0.32rem auto;
  }
  .service-page2 .bottom-content .search-row input {
    width: 2.36rem;
    height: 0.56rem;
    background: linear-gradient(180deg, #EEF4FF 0%, #FFFFFF 100%);
    box-shadow: 0rem 0.02rem 0.08rem 0rem rgba(0, 0, 0, 0.12);
    border-radius: 0.06rem;
    border: 0.02rem solid #FFFFFF;
    margin-right: 0.16rem;
    font-size: 0.24rem;
    padding-left: 0.1rem;
    box-sizing: border-box;
  }
  .service-page2 .bottom-content .search-row .btn {
    width: 1rem;
    display: block;
    height: 0.56rem;
    font-size: 0.24rem;
    color: #FFFFFF;
    background: radial-gradient(0% 74% at 53% 23%, #0088FF 0%, #0878D6 100%);
    border-radius: 0.06rem;
    text-align: center;
    line-height: 0.56rem;
  }
  .service-page2 .bottom-content .plc-zfxx-table {
    width: 100%;
  }
  .service-page2 .bottom-content .plc-zfxx-table .table-title {
    margin-bottom: 0.1rem;
    height: 0.64rem;
    line-height: 0.64rem;
  }
  .service-page2 .bottom-content .plc-zfxx-table .table-title > div {
    font-size: 0.28rem;
    color: #248DEA;
    height: 0.64rem;
    line-height: 0.64rem;
  }
  .service-page2 .bottom-content .plc-zfxx-table .bt {
    width: calc(100% - 1.2rem);
  }
  .service-page2 .bottom-content .plc-zfxx-table .table-item {
    height: 0.55rem;
    line-height: 0.55rem;
  }
  .service-page2 .bottom-content .plc-zfxx-table .table-item .title-content,
  .service-page2 .bottom-content .plc-zfxx-table .table-item .zt-content {
    font-size: 0.32rem;
  }
  .service-page2 .bottom-content .plc-zfxx-table .table-item .title-content {
    width: calc(100% - 1.2rem);
  }
  .service-page2 .bottom-content .plc-zfxx-table .table-item div {
    border: none;
  }
  .service-page2 .bottom-content .plc-zfxx-table .table-item .zt-content {
    color: #268DE0;
  }
  .service-page2 .bottom-content .plc-zfxx-table .table-item .title-content {
    border: none;
  }
  .service-page2 .bottom-content .plc-zfxx-table .table-item .fbsj,
  .service-page2 .bottom-content .plc-zfxx-table .table-item .fbsj-content {
    display: none;
  }
  .service-page2 .bottom-content .plc-zfxx-table .fbsj,
  .service-page2 .bottom-content .plc-zfxx-table .fbsj-content {
    display: none;
  }
  .yjzj-con .recomment .tit {
    font-size: 0.4rem;
  }
  .yjzj-con .recomment .rec-list .zj-list .zj-container-box .box-title {
    width: 3.48rem;
  }
  .yjzj-con .recomment .rec-list .zj-list .zj-container-box .box-content {
    width: 100%;
  }
  .service-page .container .news-list {
    width: 100%;
    padding: 0.32rem 0.24rem 0;
  }
  .service-page .container .news-list .list {
    padding-bottom: 0.42rem;
    padding-top: 0.4rem;
  }
  .service-page .container .news-list .list:first-child {
    padding-top: 0;
  }
  .service-page .container .news-list .list-item {
    height: auto;
    margin-bottom: 0.32rem;
  }
  .service-page .container .news-list .list-item:last-child {
    margin-bottom: 0;
  }
  .service-page .container .news-list .list-item::before {
    width: 0.07rem;
    height: 0.07rem;
    top: 0.2rem;
    transform: translateY(0);
  }
  .service-page .container .news-list .list-item .text {
    max-height: 0.96rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    white-space: normal;
  }
  .service-page .container .news-list .list-item .time {
    display: none;
  }
  .service-page .container .news-page {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }
  .gov-public-page .container {
    padding: 0.49rem 0 0;
  }
  .gov-public-page .container .left {
    width: 100%;
  }
  .gov-public-page .container .right {
    width: 100%;
    margin-top: 0.48rem;
  }
  .gov-public-page .container .right .link-list {
    padding: 0.25rem 0.24rem 0.24rem;
  }
  .gov-public-page .container .right .link-list .link-item {
    width: 100%;
    height: 0.88rem;
  }
  .gov-public-page .container .right .link-list .link-item a {
    height: 100%;
    padding: 0.23rem 0.32rem;
  }
  .gov-public-page .container .right .link-list .link-item .link-icon {
    width: 0.42rem;
    height: 0.42rem;
  }
  .gov-public-page .container .right .link-list .link-item .text {
    font-size: 0.32rem;
    margin-left: 0.24rem;
    max-width: 80%;
  }
  .gov-public-page .container .right .link-list .link-item .go-icon {
    margin-top: 0.06rem;
    display: inline-block;
    width: 0.32rem;
    height: 0.32rem;
  }
  .zwgk-container {
    width: 7.02rem;
    padding: 0.41rem 0 0.48rem;
  }
  .zwgk-container .top-pic-list {
    padding: 0 0.26rem;
    margin-bottom: 0.32rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.24rem 0.22rem;
  }
  .zwgk-container .top-pic-list .ver-img-text {
    margin-right: 0;
    flex: 1;
    width: 3.15rem;
    height: 1.99rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  .zwgk-container .top-pic-list .ver-img-text:last-child {
    margin-right: 0;
  }
  .zwgk-container .top-pic-list .ver-img-text:last-child,
  .zwgk-container .top-pic-list .ver-img-text:nth-last-child(2) {
    margin-bottom: 0;
  }
  .zwgk-container .top-pic-list .ver-img-text > img {
    width: 0.88rem;
    height: 0.63rem;
    margin-bottom: 0.16rem;
  }
  .zwgk-container .top-pic-list .ver-img-text .text {
    font-size: 0.32rem;
  }
  .zwgk-container .zswj-top-tab-dsj .tab-box {
    padding: 0 0.24rem;
    width: 100%;
    margin: 0;
    height: unset;
    float: unset;
  }
  .zwgk-container .zswj-top-tab-dsj .tab-box .title {
    display: flex;
    justify-content: space-between;
  }
  .zwgk-container .zswj-top-tab-dsj .tab-box .title::before,
  .zwgk-container .zswj-top-tab-dsj .tab-box .title::after {
    display: none;
  }
  .zwgk-container .zswj-top-tab-dsj .tab-box .title .tit {
    font-size: 0.34rem;
    margin-left: 0.36rem;
  }
  .zwgk-container .zswj-top-tab-dsj .tab-box .title .zw,
  .zwgk-container .zswj-top-tab-dsj .tab-box .title .more {
    display: none;
  }
  .zwgk-container .zswj-top-tab-dsj .tab-box .title .lj {
    font-size: 0.28rem;
  }
  .zwgk-container .zswj-top-tab-dsj .tab-box .hd-con .cm-news-list {
    padding-top: 0.2rem;
  }
  .zwgk-container .zswj-top-tab-dsj .tab-box .hd-con .cm-news-list li {
    font-size: 0.32rem;
    color: #191919;
    line-height: 0.88rem;
    height: 0.88rem;
  }
  .zwgk-container .zswj-top-tab-dsj .tab-box .hd-con .cm-news-list li a {
    padding-left: 0.22rem;
    font-size: 0.32rem;
    max-width: 100%;
    background-size: 0.11rem 0.11rem;
  }
  .zwgk-container .zswj-top-tab-dsj .tab-box .hd-con .cm-news-list li span {
    display: none;
  }
  .zwgk-container .zswj-top-tab-dsj .right-dsj-box {
    float: none;
    margin-top: 0.32rem;
    margin-right: 0;
    width: 100%;
  }
  .zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj {
    width: 100%;
  }
  .zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content {
    margin-top: 0.47rem;
    max-height: unset;
  }
  .zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content .cm-news-list > li {
    height: 0.88rem;
    color: #999999;
    line-height: 0.88rem;
    font-size: 0.18rem;
    position: relative;
  }
  .zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content .cm-news-list > li::before {
    position: absolute;
    display: block;
    content: '';
    width: 0.11rem;
    height: 0.11rem;
    background: #B0B0B0;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content .cm-news-list > li > a {
    padding-left: 0.22rem;
    font-size: 0.32rem;
    color: #191919;
    max-width: 98%;
  }
  .zwgk-container .zswj-top-tab-dsj .right-dsj-box .dsj .content .cm-news-list > li > span {
    display: none;
  }
  .zwgk-container .zfxxgk-box {
    margin-top: 0.32rem;
  }
  .zwgk-container .zfxxgk-box .gray-content-box > .content {
    padding: 0.24rem 0;
    display: grid;
    grid-template-columns: repeat(4, 25%);
    row-gap: 0.72rem;
  }
  .zwgk-container .zfxxgk-box .img-container-box {
    padding: 0;
    margin: 0;
    padding-right: 0;
    width: 100%;
    border-right: 0.01rem dotted #E0E0E0;
    display: flex;
    justify-content: center;
  }
  .zwgk-container .zfxxgk-box .img-container-box:nth-child(4n) {
    border: none;
  }
  .zwgk-container .zfxxgk-box .img-container-box:nth-child(6n) {
    border-right: 0.01rem dotted #E0E0E0;
  }
  .zwgk-container .zfxxgk-box .img-container-box:first-child {
    margin: 0;
  }
  .zwgk-container .zfxxgk-box .img-container-box .imgBox .text {
    width: 100%;
  }
  .zwgk-container .interpretation-box {
    margin-top: 0.48rem;
  }
  .zwgk-container .interpretation-box .interpretation-header {
    height: 0.8rem;
    padding: 0 0.2rem 0 0.24rem;
    line-height: 0.8rem;
  }
  .zwgk-container .interpretation-box .interpretation-header .title {
    font-size: 0.36rem;
  }
  .zwgk-container .interpretation-box .interpretation-content {
    padding: 0.24rem;
    padding-bottom: 0.16rem;
  }
  .zwgk-container .interpretation-box .interpretation-content .swiper-container {
    width: calc(100% + 0.12rem);
    height: 1.41rem;
  }
  .zwgk-container .interpretation-box .interpretation-content .swiper-container .swiper-slide img {
    width: 3.11rem;
    height: 1.41rem;
  }
  .zwgk-container .interpretation-box .interpretation-content .interpretation-list .interpretation-item {
    height: 0.88rem;
    line-height: 0.88rem;
    padding-left: 0.12rem;
    font-size: 0.32rem;
  }
  .zwgk-container .interpretation-box .interpretation-content .interpretation-list .interpretation-item .text {
    max-width: 100%;
  }
  .zwgk-container .interpretation-box .interpretation-content .interpretation-list .interpretation-item .time {
    display: none;
  }
  .interaction-page .container {
    padding: 0;
    padding-top: 0.32rem;
    background: transparent;
  }
  .interaction-page .container .part-line {
    width: 100%;
  }
  .interaction-page .container .part-line .part {
    width: 100%;
    height: 1.16rem;
    padding: 0.28rem 0.34rem;
    margin-right: 0;
    margin-bottom: 0.24rem;
    background: url(interaction-wap-2.png;vpn_img);
    background-size: 100% 100%;
  }
  .interaction-page .container .part-line .part:last-child {
    margin-bottom: 0;
  }
  .interaction-page .container .part-line .part .part-icon {
    width: 0.6rem;
    height: 0.6rem;
  }
  .interaction-page .container .part-line .part .right {
    margin-left: 0.26rem;
  }
  .interaction-page .container .part-line .part .right .part-tit {
    font-size: 0.28rem;
    line-height: 0.32rem;
    margin-bottom: 0.09rem;
  }
  .interaction-page .container .part-line .part .right .part-tip {
    font-size: 0.22rem;
  }
  .interaction-page .container .part-line .part:first-child {
    background: url(interaction-wap-1.png;vpn_img);
    background-size: 100% 100%;
  }
  .interaction-page .container .part-line .part:last-child {
    background: url(interaction-wap-3.png;vpn_img);
    background-size: 100% 100%;
  }
  .interaction-page .container .letter-box {
    width: 100%;
    margin-top: 0.32rem;
    padding: 0.32rem 0.24rem 0.24rem;
  }
  .interaction-page .container .letter-box .left {
    width: 100%;
  }
  .interaction-page .container .letter-box .left .tabs-header {
    height: 0.63rem;
  }
  .interaction-page .container .letter-box .left .tabs-header .tabs-item .text {
    padding-right: 0.4rem;
    padding-left: 0.4rem;
    font-size: 0.36rem;
    line-height: 0.36rem;
  }
  .interaction-page .container .letter-box .left .tabs-header .tabs-item:first-child.active::after {
    width: calc(100% - 0.4rem);
  }
  .interaction-page .container .letter-box .left .tabs-header .tabs-item:last-child.active::after {
    left: 0.4rem;
    width: calc(100% - 0.4rem);
  }
  .interaction-page .container .letter-box .left .tabs-header .tabs-item.active {
    color: #1B5395;
  }
  .interaction-page .container .letter-box .left .tabs-header .tabs-item.active::after {
    left: 0.4rem;
    width: calc(100% - 0.8rem);
  }
  .interaction-page .container .letter-box .left .tabs-body {
    margin-top: 0.08rem;
  }
  .interaction-page .container .letter-box .left .tabs-body .list-item {
    height: 0.88rem;
    line-height: 0.88rem;
    padding-left: 0.16rem;
    font-size: 0.32rem;
  }
  .interaction-page .container .letter-box .left .tabs-body .list-item::before {
    width: 0.06rem;
    height: 0.06rem;
  }
  .interaction-page .container .letter-box .left .tabs-body .list-item .text {
    max-width: 100%;
  }
  .interaction-page .container .letter-box .left .tabs-body .list-item .time {
    display: none;
  }
  .interaction-page .container .letter-box .tj-con {
    width: 100%;
    height: auto;
    border-radius: 0.08rem;
    padding: 0.04rem;
  }
  .interaction-page .container .letter-box .tj-con .tj-con-tit {
    font-size: 0.32rem;
    line-height: 0.88rem;
    height: 0.88rem;
    padding-left: 0.1rem;
    font-weight: bold;
  }
  .interaction-page .container .letter-box .tj-con .tit {
    height: 0.57rem;
    line-height: 0.57rem;
    font-size: 0.32rem;
    color: #666666;
  }
  .interaction-page .container .letter-box .tj-con .tit .font {
    height: 0.57rem;
  }
  .interaction-page .container .letter-box .tj-con .num {
    font-size: 0.28rem;
    color: #666666;
    text-align: center;
  }
  .interaction-page .container .letter-box .tj-con .num span:first-child {
    font-weight: bold;
    font-size: 0.52rem;
    color: #111111;
  }
  .interaction-page .container .letter-box .tj-con .tj-con-top {
    width: 100%;
    padding: 0.16rem 0.2rem 0.28rem;
    height: 1.73rem;
  }
  .interaction-page .container .letter-box .tj-con .tj-con-mid {
    margin-top: 0.04rem;
  }
  .interaction-page .container .letter-box .tj-con .tj-con-mid .mid-item {
    padding-top: 0.23rem;
    width: 49.5%;
    height: 1.73rem;
    background: #fff;
    padding-left: 0.21rem;
  }
  .interaction-page .container .letter-box .tj-con .tj-con-mid .mid-item:first-child {
    margin-right: 0.04rem;
    margin-bottom: 0.04rem;
  }
  .interaction-page .container .letter-box .tj-con .tj-con-bottom {
    height: 2.4rem;
    background: #fff;
  }
  .interaction-page .container .letter-box .tj-con .tj-con-bottom .echarts {
    height: 2.4rem;
  }
  .interaction-page .container .zxft-box {
    margin-top: 0.32rem;
  }
  .interaction-page .container .zxft-box .gray-content-box .content {
    padding: 0.24rem 0.24rem 0.43rem;
  }
  .interaction-page .container .zxft-box .gray-content-box .title-box {
    margin-top: 0.56rem;
  }
  .interaction-page .container .zxft-box .gray-content-box .wq-list-container {
    margin-top: 0.32rem;
  }
  .interaction-page .container .zxft-box .gray-content-box .wq-list-container .wq-list-item {
    width: 100%;
    height: max-content;
    margin-bottom: 0.24rem;
  }
  .interaction-page .container .zxft-box .gray-content-box .wq-list-container .wq-list-item:nth-child(n) {
    float: none;
  }
  .interaction-page .container .zxft-box .gray-content-box .wq-list-container .wq-list-item:nth-child(2n) {
    float: none;
  }
  .interaction-page .container .zxft-box .gray-content-box .wq-list-container .wq-list-item:last-child {
    margin-bottom: 0;
  }
  .interaction-page .container .survey-box {
    margin-top: 0.32rem;
  }
  .interaction-page .container .survey-box .survey-header {
    width: 100%;
    padding: 0 0.32rem;
    line-height: 0.88rem;
    height: 0.88rem;
  }
  .interaction-page .container .survey-box .survey-header .tit {
    font-size: 0.36rem;
  }
  .interaction-page .container .survey-box .survey-header .more-btn {
    line-height: 0.88rem;
  }
  .interaction-page .container .survey-box .survey-header .more-btn .more-text {
    font-weight: normal;
    width: 1.06rem;
    font-size: 0.28rem;
    background-size: 0.5rem 0.5rem;
  }
  .interaction-page .container .survey-box .survey-list {
    padding: 0.32rem 0.24rem;
  }
  .interaction-page .container .survey-box .survey-list .list-item {
    height: 0.6rem;
    line-height: 0.6rem;
    margin-bottom: 0.24rem;
  }
  .interaction-page .container .survey-box .survey-list .list-item:last-child {
    margin-bottom: 0;
  }
  .interaction-page .container .survey-box .survey-list .list-item .status {
    width: 1.16rem;
    height: 0.6rem;
    border-radius: 0.08rem;
    font-size: 0.28rem;
    line-height: 0.6rem;
    margin-top: 0;
  }
  .interaction-page .container .survey-box .survey-list .list-item .text {
    margin-left: 0.24rem;
    position: relative;
    max-width: 4.95rem;
    padding-left: 0.16rem;
    font-size: 0.32rem;
  }
  .interaction-page .container .survey-box .survey-list .list-item .time {
    display: none;
  }
}

.online-detail-con {
  padding: 0.2rem;
  margin-bottom: 0.38rem;
  background-color: #f2f6f9;
  border-radius: 0.08rem;
}
.ft-part {
  overflow: hidden;
  margin-top: 0.16rem;
}
.ft-part .mask {
  position: relative;
  left: -0.1rem;
  width: 12rem;
  display: block;
}
.ft-part .mask .nav {
  position: absolute;
  top: 0.7rem;
  z-index: 999;
  width: 0.24rem;
  cursor: pointer;
}
.ft-part .mask .nav img {
  width: 100%;
}
.ft-part .mask .prev {
  left: 0.1rem;
}
.ft-part .mask .next {
  right: 0.1rem;
}
.ft-banner {
  height: 1.72rem;
}
.ft-banner .swiper-slide {
  width: 2.8rem !important;
  height: 1.72rem !important;
  margin: 0 0.1rem;
}
.ft-banner img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .online-detail-con .ft-banner {
    width: 6.6rem;
    height: 3.73rem;
  }
  .online-detail-con .ft-banner .swiper-slide {
    width: 6.6rem !important;
    height: 3.73rem !important;
    margin: 0 !important;
  }
  .online-detail-con .ft-part .mask {
    width: auto;
    height: auto;
  }
  .online-detail-con .ft-part .mask .nav {
    width: 0.39rem;
    height: 0.67rem;
    top: 1.5rem;
  }
  .online-detail-con .ft-part .mask .next {
    right: 0;
  }
}

.gd-cm-page {
  color: #666;
  font-size: 0.14rem;
}
.gd-cm-page .mobile {
  display: none;
}
.gd-cm-page .pageprv,
.gd-cm-page .pagenext {
  width: 0.32rem;
}
.gd-cm-page a {
  width: 0.32rem;
  height: 0.32rem;
  background: #FFFFFF;
  border-radius: 0.04rem;
  border: 0.01rem solid #E5E5E5;
}
.gd-cm-page a.cur,
.gd-cm-page a:hover {
  background: #194897 !important;
  color: #fff !important;
}
.gd-cm-page a,
.gd-cm-page span {
  margin: 0 0.02rem;
}
@media screen and (max-width: 768px) {
  .gd-cm-page {
    display: flex;
    justify-content: space-between;
    height: 0.85rem;
    padding: 0;
    font-size: 0.32rem;
    margin: 0.08rem 0.24rem 0.4rem 0.24rem;
  }
  .gd-cm-page span,
  .gd-cm-page a {
    display: none;
  }
  .gd-cm-page .mobile {
    display: block;
    width: 1.64rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    border: 0.01rem solid #E2E2E2;
  }
  .gd-cm-page .pageprv,
  .gd-cm-page .pagenext {
    width: 2rem;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    color: #666;
    background: #f5f5f5;
    border: none;
  }
  .gd-cm-page .pageprv:hover,
  .gd-cm-page .pagenext:hover {
    color: #666 !important;
    background: #f5f5f5 !important;
  }
}

.letter-detail-index .g-box {
  padding-top: 0.72rem;
}
.letter-detail-index .outer {
  position: relative;
  z-index: 1;
  width: 100%;
  background: #FFFFFF;
  border-radius: 0.16rem 0.16rem 0rem 0rem;
  background-color: #F2F6F9;
  background: linear-gradient(180deg, #F2F6F9 0%, #F7F9FB 100%);
  padding: 0.2rem;
  margin-bottom: 0.5rem;
}
.letter-detail-index .content {
  width: 12.4rem;
  background: #FFFFFF;
  border-radius: 0.08rem;
  padding: 0 0.24rem 0.34rem;
}
.letter-detail-index .content .cm-location {
  border-bottom: 0.01rem #e5e5e5 solid;
  margin-bottom: 0.4rem;
}
.letter-detail-index .content .part {
  width: 11.72rem;
  background: #F6F8FD;
  border-radius: 0.08rem;
  border: 0.01rem solid #F6F8FD;
  margin-bottom: 0.34rem;
  position: relative;
}
.letter-detail-index .content .part .part-header {
  border-bottom: 0.01rem solid #DBEAFD;
  padding: 0.2rem 0.2rem 0.18rem;
}
.letter-detail-index .content .part .part-header .left-type {
  float: left;
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 50%;
  line-height: 0.56rem;
  text-align: center;
  font-size: 0.24rem;
  color: #FFFFFF;
}
.letter-detail-index .content .part .part-header .left-type img {
  width: 0.24rem;
  height: 0.24rem;
  transform: translateY(-0.02rem);
}
.letter-detail-index .content .part .part-header .right {
  float: left;
  margin-left: 0.16rem;
}
.letter-detail-index .content .part .part-header .right .top-title {
  font-weight: bold;
  font-size: 0.2rem;
  color: #22222A;
  line-height: 0.26rem;
}
.letter-detail-index .content .part .part-header .right .bottom-date {
  font-size: 0.16rem;
  color: #454545;
  line-height: 0.21rem;
  margin-top: 0.08rem;
}
.letter-detail-index .content .part .part-header .finished {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.8rem;
  height: 0.8rem;
}
.letter-detail-index .content .part .part-header .finished .big-triangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 0.8rem solid #59A87E;
  border-left: 0.8rem solid transparent;
  z-index: 1;
}
.letter-detail-index .content .part .part-header .finished .small-triangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 0.32rem solid #F6F8FD;
  border-left: 0.32rem solid transparent;
  z-index: 2;
}
.letter-detail-index .content .part .part-header .finished .text {
  position: absolute;
  z-index: 3;
  font-size: 0.16rem;
  color: #fff;
  transform: rotate(45deg);
  right: 0.01rem;
  top: 0.19rem;
}
.letter-detail-index .content .part .part-header .doing {
  position: absolute;
  right: 0;
  top: 0;
  width: 0.8rem;
  height: 0.8rem;
}
.letter-detail-index .content .part .part-header .doing .big-triangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 0.8rem solid #d2a524;
  border-left: 0.8rem solid transparent;
  z-index: 1;
}
.letter-detail-index .content .part .part-header .doing .small-triangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 0.32rem solid #F6F8FD;
  border-left: 0.32rem solid transparent;
  z-index: 2;
}
.letter-detail-index .content .part .part-header .doing .text {
  position: absolute;
  z-index: 3;
  font-size: 0.16rem;
  color: #fff;
  transform: rotate(45deg);
  right: 0.01rem;
  top: 0.19rem;
}
.letter-detail-index .content .part.ask .part-header .left-type {
  background: #015293;
}
.letter-detail-index .content .part.reply .part-header .left-type {
  background: #669999;
}
.letter-detail-index .content .part.reply .part-content {
  color: #333333;
}
.letter-detail-index .content .part .part-content {
  padding: 0.17rem 0.4rem 0.23rem 0.2rem;
  font-size: 0.18rem;
  background-color: #fff;
  color: #666666;
  line-height: 0.36rem;
}

.letter-detail-index .content .part .part-content .date {
  text-align: right;
}
.letter-detail-index .content .part:last-child {
  margin-bottom: 0;
}
.online-interview .interview-box {
  width: 12.8rem;
  background: #FFFFFF;
  border: 0.2rem solid #F2F6F9;
  border-radius: 0.08rem;
  padding: 0 0.24rem 0.34rem;
  margin-bottom: 0.5rem;
}
.online-interview .interview-box .title-line {
  padding: 0 0.34rem;
  font-weight: bold;
  font-size: 0.34rem;
  color: #22222A;
  text-align: center;
  margin-bottom: 0.28rem;
}
.online-interview .interview-box .more-btn {
  line-height: 0.5rem;
}
.online-interview .interview-box .more-btn .more-text {
  width: 0.62rem;
  font-size: 0.16rem;
  color: #999;
  background: url(blockcontainer-right.png;vpn_img) no-repeat right center / 0.28rem 0.28rem;
}
.online-interview .interview-box .more-btn .more-text:hover {
  color: #015293;
}
.online-interview-detail .g-box {
  position: relative;
  z-index: 1;
  padding-top: 0.72rem;
}
.online-interview-detail .cm-location {
  background-color: #fff;
  border-radius: 0.08rem 0.08rem 0 0;
  border-bottom: 0.01rem solid #e5e5e5;
  padding-left: 0.54rem;
  background-position: 0.29rem 0.29rem;
  margin-bottom: 0.46rem;
}
.online-interview-detail .interview-box .title-line {
  line-height: 0.54rem;
}
.online-interview-detail .interview-summary .part-content {
  padding: 0.28rem 0;
}
.online-interview-detail .interview-summary .part-content .left-img-box {
  position: relative;
  width: 6.5rem;
  height: 4rem;
  background: url(video-bg.png;vpn_img) no-repeat center center / 100% 100%;
}
.online-interview-detail .interview-summary .part-content .left-img-box .play {
  cursor: pointer;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: rgba(92, 92, 102, 0.75);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.online-interview-detail .interview-summary .part-content .left-img-box .play .triangle {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0.105rem solid transparent;
  border-bottom: 0.105rem solid transparent;
  border-left: 0.165rem solid white;
  top: 50%;
  left: 50%;
  transform: translate(-30%, -50%);
}
.online-interview-detail .interview-summary .part-content .right-box {
  width: 4.92rem;
}
.online-interview-detail .interview-summary .part-content .right-box .right-top {
  font-size: 0.2rem;
  line-height: 0.4rem;
  padding-left: 0.22rem;
  color: #045891;
  width: 1.4rem;
  height: 0.4rem;
  background: url(hdjl-hgbj.png;vpn_img) no-repeat center center / 100% 100%;
  margin: 0.13rem 0 0.15rem;
  font-weight: bold;
}
.online-interview-detail .interview-summary .part-content .right-box .right-content .right-content-tit {
  font-size: 0.24rem;
  color: #22222A;
  line-height: 0.36rem;
  max-height: 1.44rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0.28rem;
}
.online-interview-detail .interview-summary .part-content .right-box .right-content .label {
  color: #015293;
  margin-right: 0.09rem;
}
.online-interview-detail .interview-summary .part-content .right-box .right-content .right-content-date,
.online-interview-detail .interview-summary .part-content .right-box .right-content .right-content-person {
  margin-bottom: 0.19rem;
  font-size: 0.18rem;
  color: #22222A;
  max-height: 0.48rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.online-interview-detail .interview-summary .part-content .right-box .right-content .right-content-introduction {
  margin-bottom: 0.19rem;
  font-size: 0.18rem;
  color: #22222A;
  max-height: 1.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.online-interview-detail .part .title-row {
  font-weight: bold;
  position: relative;
  width: 11.8rem;
  height: 0.48rem;
  background: #EDF2F7;
  border-radius: 0.08rem;
  padding-left: 0.18rem;
  line-height: 0.48rem;
  font-size: 0.18rem;
}
.online-interview-detail .part .title-row a {
  color: #22222A;
}
.online-interview-detail .part .title-row a:hover {
  color: #22222A;
}
.online-interview-detail .part .title-row::before {
  content: '';
  width: 0.04rem;
  height: 0.16rem;
  background: #015293;
  border-radius: 0.02rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.online-interview-detail .background-information {
  width: 11.6rem;
}
.online-interview-detail .background-information .content {
  width: 100%;
  padding: 0.17rem 0.13rem 0.1rem;
}
.online-interview-detail .background-information .content .info-list {
  width: 100%;
}
.online-interview-detail .background-information .content .info-list .item {
  height: 0.24rem;
  line-height: 0.24rem;
  margin-bottom: 0.17rem;
}
.online-interview-detail .background-information .content .info-list .item a {
  display: block;
}
.online-interview-detail .background-information .content .info-list .item a:hover .text {
  color: #015293;
}
.online-interview-detail .background-information .content .info-list .item .tag {
  width: 0.56rem;
  height: 0.24rem;
  background: #FFF2E8;
  border-radius: 0.04rem;
  border: 0.01rem solid #FFBC96;
  line-height: 0.24rem;
  text-align: center;
  font-size: 0.14rem;
  color: #FFBC96;
  margin-right: 0.12rem;
}
.online-interview-detail .background-information .content .info-list .item .text {
  font-weight: bold;
  max-width: 90%;
  font-size: 0.18rem;
  color: #22222A;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.online-interview-detail .written-records {
  width: 11.6rem;
}
.online-interview-detail .written-records .content {
  width: 100%;
  padding: 0.16rem 0 0.3rem;
}
.online-interview-detail .written-records .records-list {
  width: 100%;
}
.online-interview-detail .written-records .records-list .item .label {
  float: left;
  max-width: 7%;
  font-size: 0.2rem;
  color: #015293;
  line-height: 0.36rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.online-interview-detail .written-records .records-list .item .fh {
  float: left;
  width: 1%;
  font-size: 0.2rem;
  line-height: 0.36rem;
}
.online-interview-detail .written-records .records-list .item .text {
  width: 92%;
  float: right;
  font-size: 0.18rem;
  color: #22222A;
  line-height: 0.36rem;
}
.online-interview-detail .broadcast .content {
  padding: 0.16rem 0 0.3rem;
  width: 11.6rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .letter-detail-index .outer {
    width: 7.02rem;
    margin: 0 auto 0.48rem;
  }
  .letter-detail-index .outer .content {
    width: 100%;
    padding: 0.24rem;
  }
  .letter-detail-index .outer .part {
    width: 100%;
  }
  .letter-detail-index .outer .part .part-header {
    height: unset;
  }
  .letter-detail-index .outer .part .part-header .left-type {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.34rem;
  }
  .letter-detail-index .outer .part .part-header .right {
    width: 5.58rem;
    margin-left: 0;
  }
  .letter-detail-index .outer .part .part-header .right .top-title {
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
  .letter-detail-index .outer .part .part-header .right .bottom-date {
    margin-top: 0.16rem;
    font-size: 0.24rem;
  }
  .letter-detail-index .outer .part .part-header .finished {
    width: 0.96rem;
    height: 0.96rem;
  }
  .letter-detail-index .outer .part .part-header .finished .big-triangle {
    border-top: 0.96rem solid #59A87E;
    border-left: 0.96rem solid transparent;
  }
  .letter-detail-index .outer .part .part-header .finished .small-triangle {
    border-top: 0.384rem solid #fff;
    border-left: 0.384rem solid transparent;
  }
  .letter-detail-index .outer .part .part-header .finished .text {
    font-size: 0.24rem;
    right: -0.02rem;
    top: 0.19rem;
  }
  .letter-detail-index .outer .part .part-header .doing {
    width: 0.96rem;
    height: 0.96rem;
  }
  .letter-detail-index .outer .part .part-header .doing .big-triangle {
    border-top: 0.96rem solid #d2a524;
    border-left: 0.96rem solid transparent;
  }
  .letter-detail-index .outer .part .part-header .doing .small-triangle {
    border-top: 0.384rem solid #fff;
    border-left: 0.384rem solid transparent;
  }
  .letter-detail-index .outer .part .part-header .doing .text {
    font-size: 0.24rem;
    right: -0.02rem;
    top: 0.19rem;
  }
  .letter-detail-index .outer .part .part-content {
    padding: 0.24rem;
    font-size: 0.28rem;
    line-height: 0.37rem;
  }
  .online-interview-detail .interview-box {
    width: 7.02rem;
    margin: auto;
    padding: 0.34rem 0.24rem;
  }
  .online-interview-detail .interview-box .cm-location {
    margin-left: 0;
    background-position: 0.1rem 0.29rem;
  }
  .online-interview-detail .interview-box .title-line {
    padding: 0 0.32rem 0.32rem;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 0.01rem solid #e5e5e5;
  }
  .online-interview-detail .interview-box .part-content {
    padding-bottom: 0.32rem;
  }
  .online-interview-detail .interview-box .part-content .left-img-box {
    width: 6.06rem;
    height: 3.73rem;
  }
  .online-interview-detail .interview-box .part-content .left-img-box .play {
    width: 0.96rem;
    height: 0.96rem;
  }
  .online-interview-detail .interview-box .part-content .left-img-box .play .triangle {
    border-top: 0.168rem solid transparent;
    border-bottom: 0.168rem solid transparent;
    border-left: 0.264rem solid white;
  }
  .online-interview-detail .interview-box .part-content .right-box {
    float: left;
    width: 100%;
  }
  .online-interview-detail .interview-box .part-content .right-box .right-top {
    margin: 0.32rem 0 0.24rem;
    width: 2.3rem;
    height: 0.8rem;
    font-size: 0.36rem;
    line-height: 0.8rem;
    padding-left: 0.33rem;
  }
  .online-interview-detail .interview-box .part-content .right-box .right-content .label {
    color: #1B5395;
    width: 20%;
    margin-right: 0;
  }
  .online-interview-detail .interview-box .part-content .right-box .right-content .right-content-tit {
    font-size: 0.28rem;
    color: #111111;
    line-height: 0.42rem;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: unset;
  }
  .online-interview-detail .interview-box .part-content .right-box .right-content .right-content-date,
  .online-interview-detail .interview-box .part-content .right-box .right-content .right-content-person {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .online-interview-detail .interview-box .part-content .right-box .right-content .right-content-date {
    margin-top: 0.32rem;
  }
  .online-interview-detail .interview-box .part-content .right-box .right-content .right-content-person {
    max-height: unset;
    margin-top: 0.16rem;
  }
  .online-interview-detail .interview-box .part-content .right-box .right-content .right-content-person .label {
    float: left;
  }
  .online-interview-detail .interview-box .part-content .right-box .right-content .right-content-person .person {
    width: 75%;
    float: left;
  }
  .online-interview-detail .interview-box .part-content .right-box .right-content .right-content-introduction {
    font-size: 0.28rem;
    line-height: 0.42rem;
    max-height: 0.9rem;
    -webkit-line-clamp: 2;
  }
  .online-interview-detail .interview-box .part .title-row {
    width: 6.06rem;
    height: 0.72rem;
    line-height: 0.72rem;
    font-size: 0.32rem;
  }
  .online-interview-detail .interview-box .background-information {
    width: 6.06rem;
  }
  .online-interview-detail .interview-box .background-information .content {
    padding: 0.24rem 0 0.02rem 0;
  }
  .online-interview-detail .interview-box .background-information .info-list .item {
    height: 1.71rem;
    margin-bottom: 0.35rem;
  }
  .online-interview-detail .interview-box .background-information .info-list .item .tag {
    width: 1.37rem;
    height: 0.6rem;
    line-height: 0.6rem;
    border-radius: 0.07rem;
    border: 0.02rem solid #FFBC96;
    font-size: 0.28rem;
    margin-right: 0.16rem;
    margin-top: 0.08rem;
    margin-bottom: 0.15rem;
  }
  .online-interview-detail .interview-box .background-information .info-list .item .text {
    max-width: 100%;
    font-size: 0.32rem;
    line-height: 0.48rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    font-weight: normal;
  }
  .online-interview-detail .interview-box .written-records {
    width: 6.06rem;
  }
  .online-interview-detail .interview-box .written-records .content {
    padding: 0.32rem 0;
  }
  .online-interview-detail .interview-box .written-records .records-list .item {
    display: flex;
  }
  .online-interview-detail .interview-box .written-records .records-list .item .label {
    flex-shrink: 0;
    max-width: 20%;
    width: max-content;
    min-width: 0.88rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .online-interview-detail .interview-box .written-records .records-list .item .fh {
    flex-shrink: 0;
    font-size: 0.28rem;
    line-height: 0.42rem;
    margin-right: 0.1rem;
  }
  .online-interview-detail .interview-box .written-records .records-list .item .text {
    flex: 1;
    font-size: 0.28rem;
    color: #22222A;
    line-height: 0.42rem;
  }
  .online-interview-detail .interview-box .broadcast {
    overflow: hidden;
  }
  .online-interview-detail .interview-box .broadcast .content {
    width: 6.06rem;
    padding: 0.24rem 0 0.4rem 0;
  }
}

.le-write {
  position: relative;
  z-index: 1;
  margin-bottom: 0.3rem;
}
.write-letter .letter-box {
  width: 12.8rem;
  padding: 0.2rem;
  background: #F2F6F9;
  border-radius: 0.08rem;
}
.write-letter .content {
  background-color: #fff;
  width: 12.4rem;
  border-radius: 0.08rem;
  padding-bottom: 0.38rem;
}
.write-letter .show-info {
  display: block;
}
.write-letter .show-info .cm-location {
  background-color: #fff;
  border-radius: 0.08rem 0.08rem 0 0;
  border-bottom: 0.01rem solid #e5e5e5;
  padding-left: 0.54rem;
  background-position: 0.29rem 0.29rem;
}
.write-letter .show-form {
  display: none;
}
.write-letter .show-form .cm-location {
  background-color: #fff;
  border-radius: 0.08rem 0.08rem 0 0;
  border-bottom: 0.01rem solid #e5e5e5;
  padding-left: 0.54rem;
  background-position: 0.29rem 0.29rem;
}
.write-letter .title {
  font-size: 0.34rem;
  color: #000;
  text-align: center;
  padding-top: 0.24rem;
  font-weight: bold;
}
.write-letter .head {
  position: relative;
}
.write-letter .left-title {
  font-weight: bold;
  font-size: 0.24rem;
  color: #111111;
  line-height: 0.34rem;
  margin-left: 0.3rem;
  padding-top: 0.3rem;
  text-align: center;
}
.write-letter .form {
  margin-top: 0.28rem;
  width: 11.72rem;
  height: 9.65rem;
  background-color: #F3F7F9;
  border-radius: 0.08rem;
}
.write-letter .form .form-head {
  width: 100%;
  height: 0.56rem;
  color: #DD3A3A;
  font-size: 0.2rem;
  line-height: 0.56rem;
  padding-left: 0.24rem;
  border-radius: 0.08rem;
}
.write-letter .form .form-content {
  width: 11.64rem;
  height: 9.05rem;
  background-color: #fff;
  border-radius: 0.04rem;
  padding: 0.32rem 0.23rem;
}
.write-letter .form .form-content .line-tit {
  font-size: 0.22rem;
  font-weight: bold;
  color: #111;
  line-height: 0.24rem;
  padding-left: 0.18rem;
}
.write-letter .form .form-content .line-tit::before {
  float: left;
  content: '';
  width: 0.06rem;
  height: 0.18rem;
  background: #015293;
  border-radius: 0.03rem;
  margin-top: 0.03rem;
  margin-right: 0.12rem;
}
.write-letter .form .line-body {
  padding-top: 0.32rem;
}
.write-letter .form .line-body .item {
  float: left;
  margin-bottom: 0.2rem;
}
.write-letter .form .line-body .item.line {
  float: none;
  margin-bottom: 0.2rem;
}
.write-letter .form .line-body .item.full-item {
  margin-right: 0;
}
.write-letter .form .line-body .input-title {
  float: left;
  width: 1.4rem;
  text-align: right;
  padding-right: 0.1rem;
  font-size: 0.18rem;
  color: #333;
  line-height: 0.44rem;
}
.write-letter .form .line-body input,
.write-letter .form .line-body select,
.write-letter .form .line-body textarea {
  box-sizing: border-box;
  outline: none;
  float: left;
  width: 3.7rem;
  height: 0.44rem;
  border: 0.01rem solid #ddd;
  padding: 0 0.2rem;
  font-size: 0.18rem;
}
.write-letter .form .line-body input.full-input {
  width: 8.93rem;
}
.write-letter .form .line-body select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(arrow.png;vpn_img) no-repeat 3.64rem center transparent;
  background-size: 0.16rem 0.16rem;
}
.write-letter .form .required {
  color: #DD3A3A;
  line-height: 0.44rem;
  font-size: 0.18rem;
  margin-left: 0.13rem;
}
.write-letter .form .second-tit {
  margin-top: 0.28rem;
}
.write-letter .form .line-body textarea.full-textarea {
  width: 8.93rem;
  height: 1.44rem;
  padding-top: 0.05rem;
  padding-bottom: 0.05rem;
}
.write-letter .form .item.left-item {
  margin-right: 0.57rem;
}
.write-letter .form .line-body .verification {
  float: left;
  width: 0.9rem;
  height: 0.44rem;
  margin-left: 0.1rem;
  cursor: pointer;
}
.write-letter .form .line-body .info {
  float: left;
  margin-left: 0.18rem;
  line-height: 0.44rem;
  color: #333;
  font-size: 0.18rem;
}
.write-letter .form .line-btn {
  transform: translateX(0.27rem);
  text-align: center;
  margin-top: 0.4rem;
}
.write-letter .form button.submit,
.write-letter .form button.reset {
  width: 2.4rem;
  height: 0.46rem;
  text-align: center;
  line-height: 0.46rem;
  border-radius: 0.04rem;
  font-size: 0.18rem;
  margin-right: 0.32rem;
  color: #fff;
  cursor: pointer;
}
.write-letter .form button.submit {
  background-color: #015293;
}
.write-letter .form button.reset {
  color: #999;
}
.write-letter .form.info-form {
  position: relative;
  height: 4.78rem;
  border-radius: 0.04rem;
  padding-top: 0.3rem;
  padding-left: 0.3rem;
  line-height: 0.36rem;
  font-size: 0.18rem;
  color: #111;
  background-color: #F9F9F9;
}
.write-letter .info-title {
  line-height: 0.36rem;
  font-size: 0.18rem;
  color: #111;
  font-weight: bold;
}
.write-letter .info-content {
  margin-top: 0.04rem;
}
.write-letter .info-content p.content-line {
  position: relative;
  z-index: 9;
  padding-left: 0.12rem;
  line-height: 0.48rem;
}
.write-letter .info-content p.content-line .index {
  margin-right: 0.08rem;
}
.write-letter .show-info {
  padding-bottom: 0.12rem;
}
.write-letter .show-info .cm-location {
  margin-left: 0;
  background-position: 0.1rem 0.29rem;
}
.write-letter .show-info .line-btn {
  transform: translateX(0.17rem);
  text-align: center;
  margin-top: 0.32rem;
}
.write-letter .show-info .agree,
.write-letter .show-info a.disagree {
  display: inline-block;
  width: 2.4rem;
  height: 0.46rem;
  text-align: center;
  line-height: 0.46rem;
  border-radius: 0.04rem;
  font-size: 0.18rem;
  margin-right: 0.32rem;
  color: #fff;
  cursor: pointer;
}
.write-letter .show-info .agree {
  background-color: #015293;
}
.write-letter .show-info a.disagree {
  background-color: #EDF2F7;
  color: #999;
}
.write-letter .show-info .info-decorate {
  position: absolute;
  width: 2.9rem;
  height: 2rem;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .write-letter .letter-box {
    width: 7.02rem;
    padding: 0.24rem;
  }
  .write-letter .content {
    width: 6.54rem;
  }
  .write-letter .left-title {
    padding-top: 0.3rem;
  }
  .write-letter .left-title img {
    width: 0.44rem;
    height: 0.44rem;
    vertical-align: middle;
  }
  .write-letter .left-title span {
    font-size: 0.36rem;
    line-height: 0.36rem;
    margin-left: 0;
    vertical-align: middle;
  }
  .write-letter .form {
    width: 6.06rem;
    height: auto;
    padding-bottom: 0.04rem;
  }
  .write-letter .form .form-head {
    height: 0.76rem;
    line-height: 0.76rem;
    font-size: 0.28rem;
  }
  .write-letter .form .form-content {
    width: 5.94rem;
    height: auto;
  }
  .write-letter .form .form-content .line-tit {
    font-size: 0.32rem;
    line-height: 0.32rem;
    padding-left: 0;
  }
  .write-letter .form .item {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .write-letter .form .item .left-item {
    margin-right: 0;
  }
  .write-letter .form .item .input-title {
    width: 100%;
    padding-left: 0.3rem;
    text-align: left;
    font-size: 0.32rem;
    margin-bottom: 0.16rem;
  }
  .write-letter .form .item input,
  .write-letter .form .item select,
  .write-letter .form .item input.full-input {
    width: 5.46rem;
    height: 0.88rem;
    font-size: 0.32rem;
  }
  .write-letter .form .item .required {
    position: absolute;
    top: 0.05rem;
    left: 0;
    font-size: 0.24rem;
  }
  .write-letter .form .item select {
    background: url(arrow.png;vpn_img) no-repeat 4.82rem center transparent;
    background-size: 0.4rem 0.4rem;
  }
  .write-letter .form .yzm {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .write-letter .form .yzm .info {
    font-size: 0.28rem;
    margin-top: 0.26rem;
  }
  .write-letter .form .yzm input {
    width: 3.74rem;
  }
  .write-letter .form .yzm .verification {
    width: 1.6rem;
    height: 0.88rem;
    margin-left: 0;
  }
  .write-letter .form .item.left-item {
    margin-right: 0;
  }
  .write-letter .info-title {
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
  .write-letter .form.info-form {
    height: auto;
    font-size: 0.32rem;
    line-height: 0.48rem;
    font-weight: 500;
    padding: 0.24rem;
  }
  .write-letter .form .line-body textarea.full-textarea {
    width: 5.46rem;
    height: 4.15rem;
  }
  .write-letter .info-content p.content-line {
    margin-top: 0.04rem;
  }
  .write-letter .title {
    font-size: 0.4rem;
  }
  .write-letter .form .line-btn .agree,
  .write-letter .form .line-btn .disagree,
  .write-letter .form .line-btn .submit,
  .write-letter .form .line-btn .reset {
    width: 5.46rem;
    font-size: 0.32rem;
    font-weight: 600;
    height: 0.88rem;
    line-height: 0.88rem;
  }
  .write-letter .form .line-btn .agree,
  .write-letter .form .line-btn .submit {
    margin-bottom: 0.24rem;
  }
  .write-letter .show-info .line-btn .agree,
  .write-letter .show-info .line-btn .disagree,
  .write-letter .show-info .line-btn .submit,
  .write-letter .show-info .line-btn .reset {
    width: 6.06rem;
    font-size: 0.32rem;
    font-weight: 600;
    height: 0.88rem;
    line-height: 0.88rem;
  }
  .write-letter .show-info .line-btn .agree,
  .write-letter .show-info .line-btn .submit {
    margin-bottom: 0.24rem;
  }
  .write-letter .form .line-btn {
    transform: translateX(0rem);
    margin-top: 0rem;
  }
  .write-letter .show-info .info-decorate {
    width: 3.6rem;
    height: 2.4rem;
    opacity: 0.37;
    right: 0.7rem;
    bottom: 0.3rem;
  }
}

.article-overview-wrapper {
  margin-bottom: 0.38rem;
  background-color: #f2f6f9;
  border-radius: 0.08rem;
  padding: 0.2rem;
}
.article-overview-wrapper .article-overview-container {
  background: #FFFFFF;
  border-radius: 0.08rem;
  padding: 0.3rem 0.3rem 0.32rem;
}
.article-overview-wrapper .margin-box {
  margin-bottom: 0.28rem;
}
.article-overview-wrapper .acticle-content {
  margin-top: 0.21rem;
  position: relative;
  font-family: MicrosoftYaHei;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.36rem;
  margin-bottom: 0.14rem;
}
.article-overview-wrapper .acticle-content .qr-code {
  display: block;
  height: 1.45rem;
  object-fit: cover;
  margin: 0 auto;
}
.article-overview-wrapper .acticle-content .search {
  text-indent: 0;
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.16rem;
  margin-top: 0.14rem;
  margin-bottom: 0.41rem;
  text-align: center;
}
.article-overview-wrapper .acticle-content .bottom-button {
  text-indent: 0;
  width: 3.28rem;
  height: 0.42rem;
  margin: 0 auto;
}
.article-overview-wrapper .acticle-content .bottom-button .fix-error {
  display: block;
  float: left;
  width: 1.52rem;
  height: 0.42rem;
  background: #EDF2F7;
  border-radius: 0.04rem;
  text-align: center;
  line-height: 0.42rem;
}
.article-overview-wrapper .acticle-content .bottom-button .close-page {
  display: block;
  float: right;
  width: 1.52rem;
  height: 0.42rem;
  background: #EDF2F7;
  border-radius: 0.04rem;
  text-align: center;
  line-height: 0.42rem;
}
.article-overview-wrapper .acticle-content .bottom-button .pic-button {
  width: 0.14rem;
  object-fit: cover;
  vertical-align: middle;
  margin-right: 0.09rem;
}
.article-overview-wrapper .acticle-content .bottom-button .font-buton {
  font-family: MicrosoftYaHei;
  font-size: 0.16rem;
  color: #1B5395;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .article-overview-wrapper {
    width: 7.02rem;
    margin: 0 auto;
    padding: 0.24rem;
    margin-bottom: 0.48rem;
    background-color: #f2f6f9;
    border-radius: 0.08rem;
  }
  .article-overview-wrapper .article-overview-container {
    background: #FFFFFF;
    border-radius: 0.08rem;
    padding: 0.37rem 0.24rem 0.32rem;
  }
  .article-overview-wrapper .margin-box {
    margin-bottom: 0.4rem;
  }
  .article-overview-wrapper .acticle-content {
    margin-top: 0.29rem;
    position: relative;
    font-family: MicrosoftYaHei;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.52rem;
    text-align: left;
    margin-bottom: 0.14rem;
  }
  .article-overview-wrapper .acticle-content .qr-code {
    display: none;
  }
  .article-overview-wrapper .acticle-content .search {
    display: none;
  }
  .article-overview-wrapper .acticle-content .bottom-button {
    margin-top: 0.32rem;
    width: 100%;
    height: max-content;
  }
  .article-overview-wrapper .acticle-content .bottom-button .fix-error {
    display: block;
    float: none;
    width: 100%;
    height: 0.88rem;
    background: #EDF2F7;
    border-radius: 0.06rem;
    line-height: 0.88rem;
    box-shadow: 0rem 0.08rem 0.06rem -0.09rem rgba(0, 0, 0, 0.08);
    margin-bottom: 0.24rem;
  }
  .article-overview-wrapper .acticle-content .bottom-button .close-page {
    float: none;
    width: 100%;
    height: 0.88rem;
    background: #EDF2F7;
    border-radius: 0.06rem;
    line-height: 0.88rem;
    box-shadow: 0rem 0.08rem 0.06rem -0.09rem rgba(0, 0, 0, 0.08);
  }
  .article-overview-wrapper .acticle-content .bottom-button .pic-button {
    width: 0.4rem;
    object-fit: cover;
    vertical-align: middle;
    margin-right: 0.16rem;
  }
  .article-overview-wrapper .acticle-content .bottom-button .font-buton {
    font-family: MicrosoftYaHei;
    font-size: 0.32rem;
    color: #1B5395;
    vertical-align: middle;
  }
}

.fw-table {
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  width: 11.72rem;
}
.fw-table .tb-top span:first-child {
  border-left: 0.01rem solid #DDDDDD;
}
.fw-table .tb-top:first-child span {
  border-top: 0.01rem solid #DDDDDD;
}
.fw-table .tb-top:first-child span:first-child {
  border-top-left-radius: 0.04rem;
}
.fw-table .tb-top:first-child span:last-child {
  border-top-right-radius: 0.04rem;
}
.fw-table .tb-top:last-child span:first-child {
  border-bottom-left-radius: 0.04rem;
}
.fw-table .tb-top:last-child span:last-child {
  border-bottom-right-radius: 0.04rem;
}
.fw-table .td-header {
  display: table-cell;
  width: 1.5rem;
  background: #F7F7F7;
  font-weight: 500;
  font-size: 0.16rem;
  color: #333333;
  border-right: 0.01rem solid #DDDDDD;
  border-bottom: 0.01rem solid #DDDDDD;
  vertical-align: middle;
  text-align: center;
}
.fw-table .td-body {
  display: table-cell;
  word-wrap: break-word;
  padding: 0.12rem;
  font-size: 0.16rem;
  color: #333333;
  border-right: 0.01rem solid #DDDDDD;
  border-bottom: 0.01rem solid #DDDDDD;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .fw-table {
    display: block !important;
    border-collapse: unset;
    border-spacing: unset;
    width: 6.06rem;
    margin: 0;
  }
  .fw-table .tb-top span:first-child {
    border-left: 0;
  }
  .fw-table .tb-top:first-child span {
    border-top: 0;
  }
  .fw-table .tb-top:first-child span:first-child {
    border-top-left-radius: 0;
  }
  .fw-table .tb-top:first-child span:last-child {
    border-top-right-radius: 0;
  }
  .fw-table .tb-top:last-child span:first-child {
    border-bottom-left-radius: 0;
  }
  .fw-table .tb-top:last-child span:last-child {
    border-bottom-right-radius: 0;
  }
  .fw-table .tb-top {
    display: flex;
    flex-wrap: wrap;
  }
  .fw-table .tb-top:first-child .td-header:first-child {
    border-top-left-radius: 0.08rem;
    border-top: 0.02rem solid #DDDDDD;
  }
  .fw-table .tb-top:first-child span:nth-child(2) {
    border-top-right-radius: 0.08rem;
    border-top: 0.02rem solid #DDDDDD;
  }
  .fw-table .tb-top:last-child span:nth-last-child(2) {
    border-bottom-left-radius: 0.08rem;
  }
  .fw-table .tb-top:last-child span:last-child {
    border-bottom-right-radius: 0.08rem;
  }
  .fw-table .td-header {
    display: flex !important;
    width: 1.62rem;
    border-right: 0;
    border-bottom: 0;
    align-items: center;
    justify-content: center;
    border-right: 0.02rem solid #DDDDDD !important;
    border-bottom: 0.02rem solid #DDDDDD !important;
    border-left: 0.02rem solid #DDDDDD !important;
    font-size: 0.26rem;
  }
  .fw-table .td-body {
    width: 4.42rem !important;
    display: block !important;
    border-right: 0;
    border-bottom: 0;
    border-right: 0.02rem solid #DDDDDD !important;
    border-bottom: 0.02rem solid #DDDDDD !important;
    line-height: 0.48rem;
    font-size: 0.26rem;
  }
}

.public-title-nav .title {
  font-size: 0.34rem;
  font-weight: 600;
  color: #333;
  line-height: 0.54rem;
  text-align: center;
  margin-bottom: 0.2rem;
}
.public-title-nav .detail-title {
  height: 0.6rem;
  background: #F9F9F9;
  position: relative;
}
.public-title-nav .title-left {
  position: absolute;
  top: calc(50% - 0.18rem);
  left: 0.2rem;
  height: 0.36rem;
  line-height: 0.36rem;
}
.public-title-nav .title-left .time {
  font-family: MicrosoftYaHei;
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.36rem;
  margin-right: 0.31rem;
}
.public-title-nav .title-left .line {
  display: inline-block;
  width: 0.01rem;
  height: 0.1rem;
  background: #D8D8D8;
  margin-right: 0.22rem;
}
.public-title-nav .title-left .source {
  font-family: MicrosoftYaHei;
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.36rem;
}
.public-title-nav .title-right {
  position: absolute;
  top: calc(50% - 0.18rem);
  right: 0.2rem;
  height: 0.36rem;
  line-height: 0.36rem;
}
.public-title-nav .title-right > a {
  display: inline-block;
  height: 0.36rem;
  margin-right: 0.14rem;
  vertical-align: middle;
}
.public-title-nav .title-right > a > img {
  height: 0.36rem;
  object-fit: cover;
}
.public-title-nav .title-right .con {
  display: inline-block;
  font-family: MicrosoftYaHei;
  font-size: 0.16rem;
  color: #999999;
  margin-left: 0.12rem;
  height: 0.36rem;
  line-height: 0.36rem;
  margin-right: 0.05rem;
}
.public-title-nav .title-right .wx > img {
  height: 0.21rem;
  object-fit: contain;
}
.public-title-nav .title-right .wb > img {
  height: 0.36rem;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  .public-title-nav .title {
    font-size: 0.4rem;
    color: #333333;
    line-height: 0.6rem;
    text-align: left;
    margin-bottom: 0.4rem;
  }
  .public-title-nav .detail-title {
    height: max-content;
    background: #F9F9F9;
    position: unset;
    display: flex;
    flex-direction: column;
    padding: 0.3rem 0.24rem 0.32rem;
  }
  .public-title-nav .title-left {
    position: unset;
    top: unset;
    left: unset;
    height: max-content;
    line-height: unset;
    display: flex;
    flex-direction: column;
  }
  .public-title-nav .title-left .time {
    display: block;
    font-size: 0.28rem;
    color: #999999;
    line-height: 0.28rem;
    margin-right: 0;
    margin-bottom: 0.24rem;
  }
  .public-title-nav .title-left .line {
    display: none;
  }
  .public-title-nav .title-left .source {
    display: block;
    font-size: 0.28rem;
    line-height: 0.28rem;
  }
  .public-title-nav .title-right {
    position: unset;
    top: unset;
    bottom: unset;
    left: unset;
    height: 0.44rem;
    line-height: 0.44;
    margin-top: 0.27rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .public-title-nav .title-right > a {
    display: inline-block;
    height: 0.44rem;
    margin-right: 0.2rem;
    vertical-align: middle;
  }
  .public-title-nav .title-right > a > img {
    height: 0.44rem;
    object-fit: cover;
  }
  .public-title-nav .title-right .con {
    display: inline-block;
    font-family: MicrosoftYaHei;
    font-size: 0.28rem;
    color: #999999;
    margin-left: 0.2rem;
    height: 0.44rem;
    line-height: 0.44rem;
    margin-right: 0.04rem;
  }
  .public-title-nav .title-right .wx {
    display: flex;
    align-items: center;
  }
  .public-title-nav .title-right .wx > img {
    height: 0.36rem;
    object-fit: contain;
  }
  .public-title-nav .title-right .wb > img {
    height: 0.44rem;
    object-fit: contain;
  }
}

.public-annex-downLoad {
  border-radius: 0.08rem;
  background-color: #F9F9F9;
  padding-left: 0.04rem;
  padding-right: 0.04rem;
  padding-bottom: 0.04rem;
  margin-top: 0.3rem;
}
.public-annex-downLoad .annex-header {
  display: block;
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.18rem;
  padding-left: 0.23rem;
}
.public-annex-downLoad .annex-header .annex-pic {
  height: 0.24rem;
  object-fit: contain;
  margin-right: 0.08rem;
}
.public-annex-downLoad .annex-header .font-download {
  font-weight: bold;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.18rem;
  vertical-align: middle;
}
.public-annex-downLoad .annex-content {
  background-color: #FFFFFF;
  border-radius: 0.04rem;
  padding-left: 0.19rem;
  padding-right: 0.19rem;
  padding-top: 0.22rem;
  padding-bottom: 0.19rem;
}
.public-annex-downLoad .annex-content .annex-item {
  margin-bottom: 0.19rem;
  height: 0.18rem;
  line-height: 0.18rem;
}
.public-annex-downLoad .annex-content .annex-item:last-child {
  margin-bottom: 0;
}
.public-annex-downLoad .annex-content .annex-item .rounded {
  display: inline-block;
  width: 0.04rem;
  height: 0.04rem;
  background: #DADADA;
  border-radius: 50%;
  margin-right: 0.07rem;
  vertical-align: middle;
}
.public-annex-downLoad .annex-content .annex-item .font {
  max-width: 95%;
  display: inline-block;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.18rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .public-annex-downLoad {
    margin-top: 0.36rem;
  }
  .public-annex-downLoad .annex-header {
    height: 0.88rem;
    line-height: 0.88rem;
    padding-left: 0.18rem;
  }
  .public-annex-downLoad .annex-header .annex-pic {
    height: 0.4rem;
    object-fit: contain;
    margin-right: 0.14rem;
  }
  .public-annex-downLoad .annex-header .font-download {
    font-weight: bold;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.32rem;
    vertical-align: middle;
  }
  .public-annex-downLoad .annex-content {
    background-color: #FFFFFF;
    border-radius: 0.04rem;
    padding-left: 0.18rem;
    padding-right: 0.25rem;
    padding-top: 0.22rem;
    padding-bottom: 0.39rem;
  }
  .public-annex-downLoad .annex-content .annex-item {
    margin-bottom: 0.2rem;
    height: max-content;
    line-height: unset;
    padding-left: 0.16rem;
  }
  .public-annex-downLoad .annex-content .annex-item:last-child {
    margin-bottom: 0;
  }
  .public-annex-downLoad .annex-content .annex-item::before {
    display: inline-block;
    content: '';
    width: 0.04rem;
    height: 0.04rem;
    background: url(rounded.png;vpn_img) no-repeat center center / 100% 100%;
    transform: translate(-0.16rem, 0.26rem);
  }
  .public-annex-downLoad .annex-content .annex-item .rounded {
    display: none;
    width: 0.04rem;
    height: 0.04rem;
    background: #DADADA;
    border-radius: 50%;
    margin-right: 0.12rem;
    vertical-align: middle;
  }
  .public-annex-downLoad .annex-content .annex-item .font {
    max-width: unset;
    display: inline-block;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.48rem;
    vertical-align: unset;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
  }
}

.Information-disclosure-wrapper {
  margin-bottom: 0.38rem;
  background-color: #f2f6f9;
  border-radius: 0.08rem;
  padding: 0.2rem;
}
.Information-disclosure-wrapper .Information-disclosure-container {
  background: #FFFFFF;
  border-radius: 0.08rem;
  padding: 0.3rem 0.3rem 0.32rem;
}
.Information-disclosure-wrapper .margin-bottom {
  margin-bottom: 0.28rem;
}
.Information-disclosure-wrapper .Information-disclosure-body {
  margin-top: 0.25rem;
}
.Information-disclosure-wrapper .Information-disclosure-body .left-box {
  float: left;
  width: 7.6rem;
  padding-right: 0.24rem;
  border-right: 0.01rem solid #DFDFDF;
}
.Information-disclosure-wrapper .Information-disclosure-body .right-box {
  width: calc(100% - 7.6rem);
  float: right;
  padding-left: 0.24rem;
  padding-top: 0.03rem;
  width: 3.88rem;
  height: 0.58rem;
  line-height: 0.58rem;
}
.Information-disclosure-wrapper .Information-disclosure-body .right-box .box-title {
  background: #F7F7F7;
  font-weight: bold;
  font-size: 0.2rem;
  color: #1B5395;
  padding-left: 0.19rem;
  padding-top: 0.1rem;
  margin-bottom: 0.11rem;
}
.Information-disclosure-wrapper .Information-disclosure-body .right-box .pic {
  height: 1.41rem;
  object-fit: cover;
}
.Information-disclosure-wrapper .font-box {
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.36rem;
}
.Information-disclosure-wrapper .qr-code {
  display: block;
  height: 1.45rem;
  object-fit: cover;
  margin: 0 auto;
  margin-top: 0.86rem;
}
.Information-disclosure-wrapper .search {
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.16rem;
  margin-top: 0.14rem;
  margin-bottom: 0.41rem;
  text-align: center;
}
.Information-disclosure-wrapper .bottom-button {
  width: 3.28rem;
  height: 0.42rem;
  margin: 0 auto;
}
.Information-disclosure-wrapper .bottom-button .fix-error {
  display: block;
  float: left;
  width: 1.52rem;
  height: 0.42rem;
  background: #EDF2F7;
  border-radius: 0.04rem;
  text-align: center;
  line-height: 0.42rem;
}
.Information-disclosure-wrapper .bottom-button .close-page {
  display: block;
  float: right;
  width: 1.52rem;
  height: 0.42rem;
  background: #EDF2F7;
  border-radius: 0.04rem;
  text-align: center;
  line-height: 0.42rem;
}
.Information-disclosure-wrapper .bottom-button .pic-button {
  width: 0.14rem;
  object-fit: cover;
  vertical-align: middle;
  margin-right: 0.09rem;
}
.Information-disclosure-wrapper .bottom-button .font-buton {
  font-family: MicrosoftYaHei;
  font-size: 0.16rem;
  color: #1B5395;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .Information-disclosure-wrapper {
    width: 7.02rem;
    margin: 0 auto;
    border-radius: 0.08rem 0.08rem 0 0;
    padding: 0.24rem;
  }
  .Information-disclosure-wrapper .Information-disclosure-container {
    background: #FFFFFF;
    border-radius: 0.08rem;
    padding: 0.37rem 0.24rem 0.32rem;
  }
  .Information-disclosure-wrapper .margin-bottom {
    margin-bottom: 0.4rem;
  }
  .Information-disclosure-wrapper .Information-disclosure-body {
    margin-top: 0.32rem;
    display: flex;
    flex-direction: column;
  }
  .Information-disclosure-wrapper .Information-disclosure-body .left-box {
    float: none;
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
  .Information-disclosure-wrapper .Information-disclosure-body .right-box {
    float: none;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 0.32rem;
    width: 100%;
    height: 0.91rem;
    line-height: 0.91rem;
  }
  .Information-disclosure-wrapper .Information-disclosure-body .right-box .box-title {
    background: #F7F7F7;
    font-weight: bold;
    font-size: 0.28rem;
    padding-left: 0.34rem;
    padding-top: 0.23rem;
    margin-bottom: 0.17rem;
  }
  .Information-disclosure-wrapper .Information-disclosure-body .right-box .pic {
    height: 2.97rem;
    width: 6.06rem;
    object-fit: cover;
  }
  .Information-disclosure-wrapper .font-box {
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.52rem;
  }
  .Information-disclosure-wrapper .qr-code {
    display: none;
  }
  .Information-disclosure-wrapper .search {
    display: none;
  }
  .Information-disclosure-wrapper .bottom-button {
    margin-top: 0.32rem;
    width: 100%;
    height: max-content;
  }
  .Information-disclosure-wrapper .bottom-button .fix-error {
    display: block;
    float: none;
    width: 100%;
    height: 0.88rem;
    background: #EDF2F7;
    border-radius: 0.06rem;
    line-height: 0.88rem;
    box-shadow: 0rem 0.08rem 0.06rem -0.09rem rgba(0, 0, 0, 0.08);
    margin-bottom: 0.24rem;
  }
  .Information-disclosure-wrapper .bottom-button .close-page {
    float: none;
    width: 100%;
    height: 0.88rem;
    background: #EDF2F7;
    border-radius: 0.06rem;
    line-height: 0.88rem;
    box-shadow: 0rem 0.08rem 0.06rem -0.09rem rgba(0, 0, 0, 0.08);
  }
  .Information-disclosure-wrapper .bottom-button .pic-button {
    width: 0.4rem;
    object-fit: cover;
    vertical-align: middle;
    margin-right: 0.16rem;
  }
  .Information-disclosure-wrapper .bottom-button .font-buton {
    font-family: MicrosoftYaHei;
    font-size: 0.32rem;
    color: #1B5395;
    vertical-align: middle;
  }
}

.gchild-page .container {
  padding: 0.2rem;
  background-color: #F7F9FB;
  background: linear-gradient(180deg, #F2F6F9 0%, #F7F9FB 100%);
  border-radius: 0.08rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}
.gchild-page .container .left-nav {
  padding-bottom: 1rem;
}
.gchild-page .container .left-nav .nav-pc .nav-item {
  background-color: #fff;
}
.gchild-page .container .left-nav .nav-pc .nav-item.cur,
.gchild-page .container .left-nav .nav-pc .nav-item:hover {
  background-color: #1B5395;
}
.gchild-page .container .right-content {
  width: 10rem;
  background-color: #fff;
  border-radius: 0.08rem;
}
.wz-map .map-list {
  padding: 0.34rem 0.34rem 0;
  background: #fff;
}
.wz-map .map-list .map-item .mp-tt {
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 0.18rem;
  height: 0.48rem;
  line-height: 0.48rem;
  color: #1B5395;
  background: #EDF2F7;
  border-radius: 0.08rem;
  padding-left: 0.18rem;
}
.wz-map .map-list .map-item .mp-tt::after {
  content: '';
}
.wz-map .map-list .map-item .mp-tt::before {
  content: '';
  position: absolute;
  width: 0.04rem;
  height: 0.16rem;
  background: #1B5395;
  border-radius: 0.02rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.wz-map .map-list .map-item .map-item-list {
  padding: 0.16rem 0rem 0.1rem;
}
.wz-map .map-list .map-item .map-item-list .list-item {
  position: relative;
  display: inline-block;
  width: 2.18rem;
  height: 0.52rem;
  margin-right: 0.19rem;
  margin-bottom: 0.25rem;
  text-align: center;
  line-height: 0.52rem;
  font-size: 0.18rem;
  color: #333333;
  background: #fff;
}
.wz-map .map-list .map-item .map-item-list .list-item::after {
  content: '';
  position: absolute;
  width: 1.98rem;
  height: 0.47rem;
  background: #F3F7F9;
  border-radius: 0.08rem;
  top: 0.11rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.wz-map .map-list .map-item .map-item-list .list-item.cur a,
.wz-map .map-list .map-item .map-item-list .list-item:hover a {
  color: #1B5395;
}
.wz-map .map-list .map-item .map-item-list .list-item.cur::after,
.wz-map .map-list .map-item .map-item-list .list-item:hover::after {
  background-color: #D8E9F3;
}
.wz-map .map-list .map-item .map-item-list .list-item:nth-child(5n) {
  margin-right: 0;
}
.wz-map .map-list .map-item .map-item-list .list-item a {
  position: relative;
  z-index: 2;
  background: #FFFFFF;
  border-radius: 0.08rem;
  border: 0.01rem solid #EFF0F2;
  display: block;
  width: 100%;
  padding: 0 0.22rem;
  height: 100%;
}
.zxfp-interact-page .g-box {
  position: relative;
  z-index: 1;
  padding-top: 0.72rem;
}
.zxfp-interact-page .container .cm-location {
  background-color: #fff;
  border-radius: 0.08rem 0.08rem 0 0;
  border-bottom: 0.01rem solid #e5e5e5;
  padding-left: 0.54rem;
  background-position: 0.29rem 0.29rem;
}
.zxfp-interact-page .container .title {
  font-weight: bold;
  font-size: 0.22rem;
  color: #333333;
  height: 0.24rem;
  line-height: 0.24rem;
  padding-left: 0.15rem;
  border-left: 0.04rem solid #1B5395;
}
.zxfp-interact-page .container .newest {
  width: 100%;
  background: #fff;
  margin-bottom: 0.2rem;
  padding: 0.34rem;
}
.zxfp-interact-page .container .newest .n-con {
  margin-top: 0.24rem;
}
.zxfp-interact-page .container .newest .n-con .video {
  width: 5.6rem;
  height: 3.44rem;
  margin-right: 0.22rem;
  position: relative;
}
.zxfp-interact-page .container .newest .n-con .video .v-play {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  top: calc(50% - 0.3rem);
  left: calc(50% - 0.3rem);
}
.zxfp-interact-page .container .newest .n-con .video img {
  width: 100%;
  height: 100%;
}
.zxfp-interact-page .container .newest .n-con .detail {
  width: 5.88rem;
}
.zxfp-interact-page .container .newest .n-con .detail .w-de-tp {
  display: none;
}
.zxfp-interact-page .container .newest .n-con .detail .de-tp {
  width: 1.4rem;
  height: 0.4rem;
}
.zxfp-interact-page .container .newest .n-con .detail .de-tt {
  margin-top: 0.1rem;
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.36rem;
}
.zxfp-interact-page .container .newest .n-con .detail .de-de {
  margin-top: 0.25rem;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.28rem;
}
.zxfp-interact-page .container .newest .n-con .detail .de-de .de-item {
  margin-top: 0.15rem;
}
.zxfp-interact-page .container .newest .n-con .detail .de-de .de-item .de-k {
  font-size: 0.18rem;
  color: #1B5395;
}
.zxfp-interact-page .container .newest .n-con .detail .de-de .de-item .de-v {
  max-width: 4.9rem;
}
.zxfp-interact-page .container .review {
  width: 100%;
  background: #fff;
  padding: 0.34rem;
}
.zxfp-interact-page .container .review .news-list {
  margin-top: 0.16rem;
}
.zxfp-interact-page .container .review .news-list .list {
  border-bottom: 0.01rem #dcdcdc dashed;
}
.zxfp-interact-page .container .review .list-item {
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.54rem;
  height: 0.54rem;
}
.zxfp-interact-page .container .review .list-item .wq {
  width: 0.56rem;
  height: 0.24rem;
  font-size: 0.14rem;
  line-height: 0.24rem;
  background: #FFF2E8;
  border-radius: 0.04rem;
  border: 0.01rem solid #FFBC96;
  color: #D97C2E;
  text-align: center;
  margin-top: 0.15rem;
  margin-right: 0.15rem;
}
.zxfp-interact-page .container .review .list-item .text {
  max-width: 70%;
}
@media screen and (max-width: 768px) {
  .gchild-page .container {
    width: 7.02rem;
  }
  .wz-map .map-list {
    padding: 0.24rem 0.24rem 0.08rem;
  }
  .wz-map .map-list .map-item .mp-tt {
    font-size: 0.36rem;
    height: 0.88rem;
    line-height: 0.88rem;
    border-radius: 0.08rem;
    padding-left: 0.24rem;
  }
  .wz-map .map-list .map-item .mp-tt::after {
    content: '';
  }
  .wz-map .map-list .map-item .mp-tt::before {
    width: 0.04rem;
    height: 0.28rem;
  }
  .wz-map .map-list .map-item .map-item-list {
    padding: 0.24rem 0rem 0.16rem;
  }
  .wz-map .map-list .map-item .map-item-list .list-item {
    width: 2.91rem;
    height: 0.86rem;
    line-height: 0.86rem;
    font-size: 0.32rem;
    background: url(map-list-item.png;vpn_img) no-repeat center top / 100% 100%;
    margin-bottom: 0.24rem;
    margin-right: 0.24rem;
  }
  .wz-map .map-list .map-item .map-item-list .list-item:nth-child(5n) {
    margin-right: 0.24rem;
  }
  .wz-map .map-list .map-item .map-item-list .list-item:nth-child(2n) {
    margin-right: 0;
  }
  .zxfp-interact-page .container .cm-location {
    margin-left: 0;
    background-position: 0.1rem 0.29rem;
  }
  .zxfp-interact-page .container .title {
    font-size: 0.36rem;
    height: 0.36rem;
    line-height: 0.36rem;
    padding-left: 0.22rem;
    border-left: 0.06rem solid #1B5395;
  }
  .zxfp-interact-page .container .newest {
    width: 100%;
    background: #fff;
    margin-bottom: 0.2rem;
    padding: 0.32rem 0.24rem;
  }
  .zxfp-interact-page .container .newest .n-con {
    margin-top: 0.32rem;
  }
  .zxfp-interact-page .container .newest .n-con .video {
    width: 100%;
    height: 3.73rem;
    margin-right: 0;
  }
  .zxfp-interact-page .container .newest .n-con .video .v-play {
    width: 0.88rem;
    height: 0.88rem;
    top: calc(50% - 0.44rem);
    left: calc(50% - 0.44rem);
  }
  .zxfp-interact-page .container .newest .n-con .detail {
    width: 100%;
  }
  .zxfp-interact-page .container .newest .n-con .detail .w-de-tp {
    width: 2.4rem;
    height: 0.7rem;
    margin-top: 0.4rem;
    display: block;
  }
  .zxfp-interact-page .container .newest .n-con .detail .de-tp {
    display: none;
  }
  .zxfp-interact-page .container .newest .n-con .detail .de-tt {
    margin-top: 0.15rem;
    line-height: 0.36rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.48rem;
  }
  .zxfp-interact-page .container .newest .n-con .detail .de-tt.f-oh2 {
    -webkit-line-clamp: 3;
  }
  .zxfp-interact-page .container .newest .n-con .detail .de-de {
    margin-top: 0.25rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.48rem;
  }
  .zxfp-interact-page .container .newest .n-con .detail .de-de .de-item {
    margin-top: 0.15rem;
  }
  .zxfp-interact-page .container .newest .n-con .detail .de-de .de-item .de-k {
    font-size: 0.32rem;
    color: #1B5395;
  }
  .zxfp-interact-page .container .newest .n-con .detail .de-de .de-item .de-v {
    max-width: 100%;
    line-height: 0.48rem;
  }
  .zxfp-interact-page .container .review {
    width: 100%;
    background: #fff;
    padding: 0.34rem;
  }
  .zxfp-interact-page .container .review .news-list {
    margin-top: 0.16rem;
  }
  .zxfp-interact-page .container .review .news-list .list {
    border-bottom: 0.01rem #dcdcdc dashed;
    padding: 0.1rem 0 0.3rem;
  }
  .zxfp-interact-page .container .review .news-list .list:last-child {
    border-bottom: none;
  }
  .zxfp-interact-page .container .review .list-item {
    font-size: 0.18rem;
    color: #333333;
    line-height: unset;
    height: unset;
  }
  .zxfp-interact-page .container .review .list-item .wq {
    width: 1.37rem;
    height: 0.6rem;
    font-size: 0.28rem;
    line-height: 0.6rem;
    color: #D97C2E;
    margin-top: 0.15rem;
    margin-right: 0.15rem;
  }
  .zxfp-interact-page .container .review .list-item .tim {
    font-size: 0.32rem;
    color: #999999;
    margin-top: 0.25rem;
  }
  .zxfp-interact-page .container .review .list-item .time {
    display: none;
  }
  .zxfp-interact-page .container .review .list-item .text {
    margin-top: 0.1rem;
    font-size: 0.32rem;
    max-width: 100%;
    line-height: 0.6rem;
    overflow: unset;
    white-space: unset;
    text-overflow: unset;
  }
}

.wdk-box {
  width: 11.4rem;
}
.wdk-header {
  height: 0.86rem;
  line-height: 0.86rem;
  background: url(wdk-h-bg.png;vpn_img);
  position: relative;
  z-index: 2;
}
.wdk-header .logo {
  width: 3.45rem;
  height: 0.57rem;
}
.wdk-header .rp {
  font-size: 0.16rem;
  height: 0.86rem;
  line-height: 0.86rem;
}
.wdk-header .rp .icon {
  width: 0.2rem;
  height: 0.2rem;
}
.wdk-header .rp .rpitem {
  margin-right: 0.24rem;
}
.wdk-header .rp .rpitem:last-child {
  margin-right: 0;
}
.wdk-header .rp .btn {
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.2rem;
  font-weight: bold;
  font-size: 0.2rem;
  color: #FFFFFF;
  background: #DFAB2C;
  border-radius: 0.08rem;
  margin-top: 0.22rem;
}
.wdk-header .wap {
  display: none;
}
.wdk-content .wdk-tit {
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.24rem;
  color: #252628;
}
.wdk-content .wdk-tit .icon {
  width: 0.4rem;
  height: 0.48rem;
  margin-right: 0.16rem;
}
.wdk-content .wdk-tit .fresh {
  font-size: 0.14rem;
  color: #0C77FF;
  margin-left: 0.16rem;
}
.wdk-content .wdk-tit .fresh .ficon {
  width: 0.22rem;
  height: 0.22rem;
}
.wdk-content .wdk-bg {
  margin-top: -0.86rem;
  background: url(wdk-bg.png;vpn_img) no-repeat top center;
  padding-top: 1.5rem;
  position: relative;
  width: 100%;
}
.wdk-content .wdk-bg::after {
  content: '';
  width: 3.54rem;
  height: 3.67rem;
  position: absolute;
  top: 9.84rem;
  left: 50%;
  transform: translateX(calc(-50% - 7.9rem));
  background: url(wdk-bg2.png;vpn_img) no-repeat center center / 100% 100%;
}
.wdk-content .wdk-bg.wdk-detail::after {
  top: 8.54rem;
  z-index: -1;
}
.wdk-content .wdk-bg .zl-tit {
  font-weight: bold;
  font-size: 0.48rem;
  color: #242948;
  text-align: center;
}
.wdk-content .wdk-bg .zl-search {
  width: 7.66rem;
  height: 0.6rem;
  background: #FFFFFF;
  border-radius: 0.12rem;
  margin-top: 0.56rem;
}
.wdk-content .wdk-bg .zl-search .s-box {
  width: 6.92rem;
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.6rem;
  padding-left: 0.2rem;
  box-sizing: border-box;
}
.wdk-content .wdk-bg .zl-search .s-icon {
  width: 0.74rem;
  height: 0.6rem;
  line-height: 0.6rem;
  background: #0059FF;
  border-radius: 0rem 0.12rem 0.12rem 0rem;
  text-align: center;
}
.wdk-content .wdk-bg .zl-search .s-icon .icon {
  width: 0.26rem;
  height: 0.26rem;
}
.wdk-content .wdk-type {
  margin-top: 0.4rem;
}
.wdk-content .wdk-type .type-list {
  margin-top: 0.24rem;
  width: 100%;
}
.wdk-content .wdk-type .type-list .type-item {
  position: relative;
  width: 25%;
  font-size: 0.16rem;
  color: #535C6A;
  margin-bottom: 0.22rem;
  padding-left: 0.15rem;
  padding-right: 0.08rem;
  box-sizing: border-box;
}
.wdk-content .wdk-type .type-list .type-item::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 0.04rem;
  height: 0.04rem;
  background-color: #7B8BA5;
  border-radius: 50%;
}
.wdk-content .wdk-type .type-list .type-item:nth-last-child(-n+4) {
  margin-bottom: 0;
}
.wdk-content .wdk-lm {
  margin-top: 0.24rem;
  margin-bottom: 0.24rem;
  width: 100%;
}
.wdk-content .wdk-lm .lm-list {
  margin-top: 0.24rem;
}
.wdk-content .wdk-lm .lm-list .lm-item {
  height: 1.78rem;
  border: 0.01rem solid #E9EDF1;
  margin-bottom: 0.16rem;
  border-radius: 0rem 0rem 0.08rem 0.08rem;
}
.wdk-content .wdk-lm .lm-list .lm-item .item-tt {
  display: block;
  height: 0.56rem;
  line-height: 0.56rem;
  background: #F7FAFF;
  border-radius: 0rem 0rem 0.08rem 0.08rem;
  border: 0.01rem solid #E9EDF1;
  font-size: 0.2rem;
  color: #363A44;
  padding-left: 0.24rem;
}
.wdk-content .wdk-lm .lm-list .lm-item .item-content {
  padding: 0.12rem 0.24rem;
  font-size: 0.16rem;
  color: #535C6A;
  line-height: 0.24rem;
}
.wdk-content .wdk-lm .lm-list .lm-item .item-content .tag {
  display: inline-block;
  height: 0.32rem;
  line-height: 0.32rem;
  padding: 0 0.16rem;
  border-radius: 0.04rem;
  border: 0.01rem solid #E9EDF1;
  margin-top: 0.12rem;
}
.wdk-content .wdk-page {
  height: 0.64rem;
  background: #F7FAFF;
  border-radius: 0.08rem;
  margin-bottom: 0.4rem;
}
.wdk-tabs .tab-panel .panel {
  width: 3.78rem;
  height: 0.68rem;
  line-height: 0.68rem;
  background: #F0F5FF;
  border-radius: 0.08rem;
  font-weight: bold;
  font-size: 0.2rem;
  text-align: center;
  margin-right: 0.02rem;
}
.wdk-tabs .tab-panel .panel:last-child {
  margin-right: 0;
}
.wdk-tabs .tab-panel .panel.cur {
  color: #fff;
  background: url(wdk-tab-cur.png;vpn_img) no-repeat center center / 100% 100%;
}
.wdk-tabs .tab-panel .panel img {
  width: 0.45rem;
}
.wdk-tabs .tab-content .tab-item {
  font-size: 0.2rem;
}
.wdk-tabs .tab-content .tab-zsk {
  padding: 0.24rem 0;
}
.wdk-tabs .tab-content .tab-zsk .zsk-item {
  width: 5.6rem;
  height: 2.74rem;
  margin-right: 0.2rem;
  margin-bottom: 0.22rem;
  padding: 0 0.24rem 0.24rem;
  background: url(zsk-item-bg.png;vpn_img) no-repeat center center / 100% 100%;
}
.wdk-tabs .tab-content .tab-zsk .zsk-item .zsk-tt {
  font-size: 0.2rem;
  height: 0.68rem;
  line-height: 0.68rem;
  font-weight: 500;
  color: #363A44;
  border-bottom: 0.01rem solid #E9EDF1;
}
.wdk-tabs .tab-content .tab-zsk .zsk-item .zsk-con {
  margin-top: 0.19rem;
  line-height: 0.32rem;
  font-size: 0.16rem;
  color: #535C6A;
  overflow: hidden;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.wdk-tabs .tab-content .tab-zsk .zsk-item .zsk-con .icon {
  display: inline-block;
  width: 0.28rem;
  height: 0.28rem;
  line-height: 0.28rem;
  text-align: center;
  font-size: 0.15rem;
  background: url(zsk-answer.png;vpn_img) no-repeat center center / 100% 100%;
  color: #fff;
}
.wdk-tabs .tab-content .tab-zsk .zsk-item:nth-child(2n) {
  margin-right: 0;
}
.wdk-tabs .tab-content .tab-zsk .zsk-item .zsk-info {
  margin-top: 0.16rem;
  font-size: 0.14rem;
  color: #7E8891;
}
.wdk-links {
  margin-bottom: 0.4rem;
}
.wdk-links .wdk-link {
  display: block;
  float: left;
  width: 3.7rem;
  height: 0.75rem;
  margin-right: 0.15rem;
}
.wdk-links .wdk-link:last-child {
  margin-right: 0;
}
.wdk-links .wdk-link img {
  width: 100%;
  height: 100%;
}
.zsk-detail {
  margin-top: 0.4rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.06rem 0.12rem 0rem rgba(69, 78, 108, 0.08);
  border-radius: 0.08rem;
  border: 0.01rem solid #E9EDF1;
  padding: 0.24rem 0.4rem;
  margin-bottom: 0.4rem;
}
.zsk-detail .zsk-d-con {
  margin-top: 0.16rem;
  padding: 0.24rem 0.35rem;
  background: #F2F8FF;
  border-radius: 0.08rem;
}
.zsk-detail .zsk-d-con .d-question {
  line-height: 0.52rem;
  font-size: 0.2rem;
  color: #363A44;
  margin-right: 0.14rem;
}
.zsk-detail .zsk-d-con .d-question .ques {
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-weight: 500;
  font-size: 0.18rem;
  color: #FFFFFF;
  margin-right: 0.14rem;
  background: url(wdk-ques.png;vpn_img) no-repeat center center / 100% 100%;
}
.zsk-detail .zsk-d-con .d-question .q-con {
  background: #D3EBFF;
}
.zsk-detail .zsk-d-con .d-info {
  margin: 0.4rem 0 0.12rem 0.78rem;
}
.zsk-detail .zsk-d-con .d-info span {
  font-size: 0.16rem;
  color: #363A44;
}
.zsk-detail .zsk-d-con .d-info span:nth-child(2n) {
  margin-right: 0.32rem;
}
.zsk-detail .zsk-d-con .d-answer {
  font-size: 0.2rem;
  color: #363A44;
  line-height: 0.36rem;
}
.zsk-detail .zsk-d-con .d-answer .ans {
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0.4rem;
  text-align: center;
  font-weight: 500;
  font-size: 0.18rem;
  color: #FFFFFF;
  margin-right: 0.14rem;
  background: url(wdk-ans.png;vpn_img) no-repeat center center / 100% 100%;
}
.zsk-detail .zsk-d-con .d-answer .a-con {
  background: #fff;
}
.zsk-detail .zsk-d-con .a-con,
.zsk-detail .zsk-d-con .q-con {
  font-size: 0.2rem;
  color: #363A44;
  line-height: 0.36rem;
  padding: 0.08rem 0.24rem;
  border-radius: 0.02rem 0.08rem 0.08rem 0.08rem;
  max-width: 9.02rem;
}
.zsk-detail .zsk-feedback {
  display: inline-block;
  margin-top: 0.24rem;
  height: 0.48rem;
  line-height: 0.48rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.04rem 0.08rem 0rem rgba(0, 0, 0, 0.08);
  border-radius: 0.08rem;
  border: 0.01rem solid rgba(0, 0, 0, 0.1);
  padding: 0 0.32rem 0 0.24rem;
  font-weight: 500;
  font-size: 0.2rem;
  color: #252628;
}
.zsk-detail .zsk-feedback .icon {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.05rem;
  vertical-align: middle;
  position: relative;
  top: -0.02rem;
}
.wdk-mask {
  width: 100%;
  height: calc(100% + 1rem);
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: -1rem;
  z-index: 3;
  display: none;
}
.wdk-mask .wdk-dialog {
  width: 7.44rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(0, 0, 0, 0.15);
  border-radius: 0.04rem;
  position: absolute;
  bottom: 4.03rem;
  left: calc(50% - 3.72rem);
  padding-bottom: 0.24rem;
}
.wdk-mask .wdk-dialog .dia-tt {
  height: 0.58rem;
  line-height: 0.58rem;
  padding: 0 0.16rem 0 0.24rem;
  font-weight: 500;
  font-size: 0.18rem;
  color: #333333;
  border-bottom: 0.01rem solid #eee;
}
.wdk-mask .wdk-dialog .dia-tt .cancel {
  line-height: 0.58rem;
  height: 0.58rem;
}
.wdk-mask .wdk-dialog .dia-tt .cancel img {
  height: 0.24rem;
  width: 0.24rem;
}
.wdk-mask .wdk-dialog .dia-con {
  border-bottom: 0.01rem solid #eee;
  text-align: center;
}
.wdk-mask .wdk-dialog .dia-con .con {
  margin: 0.32rem auto;
  font-size: 0.16rem;
  color: #999999;
  width: 6.8rem;
  height: 2.4rem;
  background: #F7FAFF;
  border-radius: 0.04rem;
  border: 0.01rem solid #DDDDDD;
  padding: 0.1rem;
}
.wdk-mask .wdk-dialog .dia-oper {
  text-align: center;
  margin-top: 0.24rem;
}
.wdk-mask .wdk-dialog .dia-oper .oper {
  height: 0.4rem;
  line-height: 0.4rem;
  display: inline-block;
  padding: 0 0.23rem;
  font-size: 0.14rem;
  color: #5B5B5B;
  text-align: center;
  border-radius: 0.04rem;
  border: 0.01rem solid #C5C5C5;
}
.wdk-mask .wdk-dialog .dia-oper .oper:last-child {
  margin-left: 0.24rem;
  color: #fff;
  background: #2D88F5;
}
@media screen and (max-width: 768px) {
  .wdk-box {
    width: 7.02rem;
  }
  .wdk-header logo {
    display: block;
    margin-top: 0.16rem;
  }
  .wdk-header .rp {
    display: none;
  }
  .wdk-header .wap {
    display: block;
    width: 0.56rem;
    height: 0.56rem;
    background: #1D72D9;
    border-radius: 0.3rem;
    backdrop-filter: blur(0.1rem);
    line-height: 0.56rem;
    text-align: center;
    margin-top: 0.14rem;
  }
  .wdk-header .wap .wap-icon {
    width: 0.24rem;
    height: 0.24rem;
  }
  .wdk-content .wdk-tit {
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.4rem;
  }
  .wdk-content .wdk-tit .icon {
    width: 0.4rem;
    height: 0.48rem;
    margin-right: 0.12rem;
  }
  .wdk-content .wdk-tit .fresh {
    font-size: 0.28rem;
    color: #0C77FF;
    margin-left: 0.16rem;
  }
  .wdk-content .wdk-tit .fresh .ficon {
    width: 0.28rem;
    height: 0.28rem;
  }
  .wdk-content .wdk-bg {
    margin-top: -0.86rem;
    background-position: 69% 0;
    padding-top: 1.5rem;
  }
  .wdk-content .wdk-bg .zl-tit {
    width: 3.84rem;
    line-height: 0.62rem;
    margin: 0 auto;
  }
  .wdk-content .wdk-bg .zl-search {
    width: 7.02rem;
    height: 0.8rem;
    margin-top: 0.47rem;
  }
  .wdk-content .wdk-bg .zl-search .s-box {
    width: 6.06rem;
    font-size: 0.28rem;
    line-height: 0.8rem;
  }
  .wdk-content .wdk-bg .zl-search .s-icon {
    width: 0.96rem;
    height: 0.8rem;
    line-height: 0.8rem;
    border-radius: 0rem 0.12rem 0.12rem 0rem;
  }
  .wdk-content .wdk-bg .zl-search .s-icon .icon {
    width: 0.32rem;
    height: 0.32rem;
  }
  .wdk-content .wdk-type {
    margin-top: 0.4rem;
  }
  .wdk-content .wdk-type .type-list {
    margin-top: 0.48rem;
    width: 100%;
  }
  .wdk-content .wdk-type .type-list .type-item {
    width: 49%;
    font-size: 0.28rem;
    margin-bottom: 0.32rem;
    padding-left: 0.2rem;
    color: #535C6A;
  }
  .wdk-content .wdk-type .type-list .type-item::before {
    width: 0.08rem;
    height: 0.08rem;
  }
  .wdk-content .wdk-type .type-list .type-item:nth-last-child(-n+4) {
    margin-bottom: 0.32rem;
  }
  .wdk-content .wdk-lm .lm-list {
    margin-top: 0.32rem;
  }
  .wdk-content .wdk-lm .lm-list .lm-item {
    height: 2.88rem;
    margin-bottom: 0.24rem;
    border-radius: 0.08rem;
  }
  .wdk-content .wdk-lm .lm-list .lm-item .item-tt {
    display: block;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.32rem;
  }
  .wdk-content .wdk-lm .lm-list .lm-item .item-content {
    padding: 0.24rem;
    font-size: 0.28rem;
    line-height: 0.44rem;
  }
  .wdk-content .wdk-lm .lm-list .lm-item .item-content .tag {
    font-size: 0.24rem;
    display: inline-block;
    height: 0.48rem;
    line-height: 0.48rem;
    padding: 0 0.12rem;
    border-radius: 0.05rem;
    border: 0.01rem solid #E9EDF1;
    margin-top: 0.24rem;
  }
  .wdk-content .wdk-page {
    height: 1.2rem;
    background: #F7FAFF;
    border-radius: 0.08rem;
    margin-bottom: 0.4rem;
    padding-top: 0.08rem;
  }
  .wdk-tabs .mobile-scroll {
    overflow-x: auto;
  }
  .wdk-tabs .tab-panel {
    width: 9.3rem;
  }
  .wdk-tabs .tab-panel .panel {
    width: 3.08rem;
    height: 0.88rem;
    line-height: 0.88rem;
    background: #F0F5FF;
    border-radius: 0.08rem;
    font-weight: bold;
    font-size: 0.4rem;
    text-align: center;
    margin-right: 0.02rem;
  }
  .wdk-tabs .tab-panel .panel:last-child {
    margin-right: 0;
  }
  .wdk-tabs .tab-panel .panel.cur {
    color: #fff;
    background: url(wdk-tab-cur.png;vpn_img) no-repeat center center / 100% 100%;
  }
  .wdk-tabs .tab-panel .panel img {
    width: 0.45rem;
  }
  .wdk-tabs .tab-content .tab-item {
    font-size: 0.2rem;
  }
  .wdk-tabs .tab-content .tab-zsk {
    padding: 0.24rem 0;
  }
  .wdk-tabs .tab-content .tab-zsk .zsk-item {
    width: 7.02rem;
    height: 3.16rem;
    margin-right: 0.2rem;
    margin-bottom: 0.22rem;
    padding: 0 0.24rem 0.24rem;
    background: url(zsk-item-bg.png;vpn_img) no-repeat center center / 100% 100%;
  }
  .wdk-tabs .tab-content .tab-zsk .zsk-item .zsk-tt {
    font-size: 0.32rem;
    height: 0.78rem;
    line-height: 0.78rem;
    font-weight: 500;
    color: #363A44;
    border-bottom: 0.01rem solid #E9EDF1;
  }
  .wdk-tabs .tab-content .tab-zsk .zsk-item .zsk-con {
    margin-top: 0.23rem;
    line-height: 0.48rem;
    font-size: 0.25rem;
    color: #535C6A;
    -webkit-line-clamp: 3;
  }
  .wdk-tabs .tab-content .tab-zsk .zsk-item .zsk-con .icon {
    width: 0.48rem;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    font-size: 0.25rem;
  }
  .wdk-tabs .tab-content .tab-zsk .zsk-item:nth-child(2n) {
    margin-right: 0;
  }
  .wdk-tabs .tab-content .tab-zsk .zsk-item .zsk-info {
    font-size: 0.24rem;
    color: #7E8891;
  }
  .wdk-links {
    margin-bottom: 0.5rem;
  }
  .wdk-links .wdk-link {
    display: block;
    width: 7.02rem;
    height: 1.4rem;
    margin-right: 0;
    margin-bottom: 0.24rem;
  }
  .wdk-links .wdk-link img {
    width: 100%;
    height: 100%;
  }
  .wdk-links .wdk-link:last-child {
    margin-bottom: 0;
  }
  .zsk-detail {
    padding: 0.24rem;
  }
  .zsk-detail .zsk-d-con {
    margin-top: 0.16rem;
    padding: 0.4rem 0.24rem 0.24rem 0.24rem;
    background: #F2F8FF;
    border-radius: 0.08rem;
  }
  .zsk-detail .zsk-d-con .d-question {
    line-height: 0.52rem;
    font-size: 0.2rem;
    color: #363A44;
    margin-right: 0.14rem;
    margin-bottom: 0.64rem;
  }
  .zsk-detail .zsk-d-con .d-question .ques {
    display: inline-block;
    width: 0.72rem;
    height: 0.72rem;
    line-height: 0.72rem;
    font-size: 0.32rem;
    margin-right: 0.14rem;
    position: relative;
    top: -0.5rem;
    background: url(wdk-ques.png;vpn_img) no-repeat center center / 100% 100%;
  }
  .zsk-detail .zsk-d-con .d-question .q-con {
    background: #D3EBFF;
  }
  .zsk-detail .zsk-d-con .d-info {
    margin: 0.4rem 0 0.12rem 0.98rem;
  }
  .zsk-detail .zsk-d-con .d-info span {
    font-size: 0.24rem;
    margin-right: 0;
    margin-bottom: 0.24rem;
  }
  .zsk-detail .zsk-d-con .d-info span:nth-child(2n) {
    margin-right: 0.2rem;
  }
  .zsk-detail .zsk-d-con .d-info span:nth-child(2n+1) {
    display: none;
  }
  .zsk-detail .zsk-d-con .d-answer {
    font-size: 0.2rem;
    color: #363A44;
    line-height: 0.36rem;
  }
  .zsk-detail .zsk-d-con .d-answer .ans {
    display: inline-block;
    width: 0.72rem;
    height: 0.72rem;
    line-height: 0.72rem;
    font-size: 0.32rem;
    margin-right: 0.14rem;
    position: relative;
    top: -0.5rem;
    background: url(wdk-ans.png;vpn_img) no-repeat center center / 100% 100%;
  }
  .zsk-detail .zsk-d-con .d-answer .a-con {
    background: #fff;
  }
  .zsk-detail .zsk-d-con .a-con,
  .zsk-detail .zsk-d-con .q-con {
    font-size: 0.32rem;
    line-height: 0.56rem;
    max-width: 5.02rem;
  }
  .zsk-detail .zsk-feedback {
    display: block;
    text-align: center;
    margin-top: 0.24rem;
    height: 0.96rem;
    line-height: 0.96rem;
    padding: 0 0 2.07rem 0 2.07rem;
    font-weight: 500;
    font-size: 0.4rem;
  }
  .zsk-detail .zsk-feedback .icon {
    width: 0.56rem;
    height: 0.56rem;
    margin-right: 0.1rem;
    position: relative;
    top: -0.05rem;
  }
  .wdk-mask {
    width: 100%;
    height: calc(100% + 1rem);
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: -1rem;
    z-index: 3;
    display: none;
  }
  .wdk-mask .wdk-dialog {
    width: 7.44rem;
    height: 9.12rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.04rem 0.12rem 0rem rgba(0, 0, 0, 0.15);
    border-radius: 0.04rem;
    position: absolute;
    bottom: 0;
    left: calc(50% - 3.72rem);
    padding-bottom: 0.24rem;
  }
  .wdk-mask .wdk-dialog .dia-tt {
    height: 1.01rem;
    line-height: 1.01rem;
    padding: 0 0.16rem 0 0.24rem;
    font-size: 0.36rem;
    color: #333333;
    border-bottom: 0.01rem solid #eee;
  }
  .wdk-mask .wdk-dialog .dia-tt .cancel {
    line-height: 1.01rem;
    height: 1.01rem;
  }
  .wdk-mask .wdk-dialog .dia-tt .cancel img {
    width: 0.48rem;
    height: 0.48rem;
  }
  .wdk-mask .wdk-dialog .dia-con {
    border-bottom: none;
    text-align: center;
  }
  .wdk-mask .wdk-dialog .dia-con .con {
    height: 6.03rem;
    font-size: 0.32rem;
  }
  .wdk-mask .wdk-dialog .dia-oper {
    text-align: center;
    margin-top: -0.1rem;
  }
  .wdk-mask .wdk-dialog .dia-oper .oper {
    width: 3.35rem;
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.23rem;
    font-size: 0.28rem;
  }
  .wdk-mask .wdk-dialog .dia-oper .oper:last-child {
    margin-left: 0.24rem;
    color: #fff;
    background: #2D88F5;
  }
}

.public-about-news {
  border-radius: 0.08rem;
  background-color: #F9F9F9;
  padding-left: 0.04rem;
  padding-right: 0.04rem;
  padding-bottom: 0.04rem;
  margin-top: 0.38rem;
}
.public-about-news .annex-header {
  display: block;
  height: 0.56rem;
  line-height: 0.56rem;
  font-size: 0.18rem;
  padding-left: 0.23rem;
}
.public-about-news .annex-header .annex-pic {
  height: 0.24rem;
  object-fit: contain;
  margin-right: 0.08rem;
}
.public-about-news .annex-header .font-download {
  font-weight: bold;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.18rem;
  vertical-align: middle;
}
.public-about-news .annex-content {
  background-color: #FFFFFF;
  border-radius: 0.04rem;
  padding-left: 0.19rem;
  padding-right: 0.19rem;
  padding-top: 0.22rem;
  padding-bottom: 0.19rem;
}
.public-about-news .annex-content .annex-item {
  margin-bottom: 0.19rem;
  height: 0.18rem;
  line-height: 0.18rem;
}
.public-about-news .annex-content .annex-item:last-child {
  margin-bottom: 0;
}
.public-about-news .annex-content .annex-item .rounded {
  display: inline-block;
  width: 0.04rem;
  height: 0.04rem;
  background: #DADADA;
  border-radius: 50%;
  margin-right: 0.07rem;
  vertical-align: middle;
}
.public-about-news .annex-content .annex-item .font {
  max-width: 95%;
  display: inline-block;
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.18rem;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .public-about-news {
    margin-top: 0.32rem;
  }
  .public-about-news .annex-header {
    height: 0.88rem;
    line-height: 0.88rem;
    padding-left: 0.18rem;
  }
  .public-about-news .annex-header .annex-pic {
    height: 0.48rem;
    object-fit: contain;
    margin-right: 0.14rem;
  }
  .public-about-news .annex-header .font-download {
    font-weight: bold;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.32rem;
    vertical-align: middle;
  }
  .public-about-news .annex-content {
    background-color: #FFFFFF;
    border-radius: 0.04rem;
    padding-left: 0.18rem;
    padding-right: 0.25rem;
    padding-top: 0.22rem;
    padding-bottom: 0.39rem;
  }
  .public-about-news .annex-content .annex-item {
    margin-bottom: 0.2rem;
    height: max-content;
    line-height: unset;
    padding-left: 0.16rem;
  }
  .public-about-news .annex-content .annex-item:last-child {
    margin-bottom: 0;
  }
  .public-about-news .annex-content .annex-item::before {
    display: inline-block;
    content: '';
    width: 0.04rem;
    height: 0.04rem;
    background: url(rounded.png;vpn_img) no-repeat center center / 100% 100%;
    transform: translate(-0.16rem, 0.26rem);
  }
  .public-about-news .annex-content .annex-item .rounded {
    display: none;
    width: 0.04rem;
    height: 0.04rem;
    background: #DADADA;
    border-radius: 50%;
    margin-right: 0.12rem;
    vertical-align: middle;
  }
  .public-about-news .annex-content .annex-item .font {
    max-width: unset;
    display: inline-block;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.48rem;
    vertical-align: unset;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
  }
}

.sys-page {
  position: relative;
  background-color: #f4f4f4;
  width: 100%;
  max-width: 19.2rem;
  margin: 0 auto;
}
.sys-page .bg-box {
  position: absolute;
  top: 0;
  width: 100%;
  height: 4.12rem;
  background: url(ysqgk-top-bg.png;vpn_img) no-repeat top center;
  background-size: 19.2rem 100%;
  padding-top: 0.59rem;
}
.sys-page .bg-box .title {
  text-align: center;
}
.sys-page .bg-box .title .text {
  position: relative;
  display: inline-block;
  font-size: 0.25rem;
  color: #fff;
}
.sys-page .bg-box .title .text::before,
.sys-page .bg-box .title .text::after {
  position: absolute;
  content: '';
  width: 0.37rem;
  height: 0.09rem;
  top: 50%;
  transform: translateY(-50%);
}
.sys-page .bg-box .title .text::before {
  left: -0.73rem;
  background: url(ysqgk-title-before.png;vpn_img);
  background-size: 100% 100%;
}
.sys-page .bg-box .title .text::after {
  right: -0.73rem;
  background: url(ysqgk-title-after.png;vpn_img);
  background-size: 100% 100%;
}
.sys-page .sys-container {
  position: relative;
  z-index: 1;
  width: 12rem;
  margin: 1.42rem auto 0.39rem;
  background-color: #fff;
  padding: 0 0.15rem 0.52rem;
}
.sys-page .sys-container .tit {
  display: block;
  width: 100%;
  height: 1.8rem;
  position: relative;
}
.sys-page .sys-container .tit img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.sys-page .sys-container .tit .text {
  text-align: center;
  color: #fff;
  line-height: 1.8rem;
  font-size: 0.4rem;
  padding: 0 0.28rem;
}
.sys-page .sys-container .dividing {
  margin-top: 0.4rem;
  width: 100%;
  height: 0.01rem;
  background-color: #ddd;
  position: relative;
}
.sys-page .sys-container .dividing .text {
  padding: 0 0.15rem;
  background: #fff;
  position: absolute;
  font-weight: bold;
  font-size: 0.18rem;
  color: #333333;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sys-page .sys-container .btn-line {
  margin-top: 0.83rem;
  text-align: center;
}
.sys-page .sys-container .btn-line .btn {
  display: inline-block;
  width: 2.5rem;
  height: 0.5rem;
  background: #437AD5;
  border-radius: 0.08rem;
  text-align: center;
  line-height: 0.5rem;
  color: #fff;
  font-size: 0.16rem;
  margin-right: 0.24rem;
  cursor: pointer;
}
.sys-page .sys-container .btn-line .btn:last-child {
  margin-right: 0;
}
.sys-page .sys-container .btn-line .btn img {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.1rem;
  transform: translateY(-0.02rem);
}
.syqgk-introduce .content,
.application-instructions-page .content {
  margin-top: 0.38rem;
  font-size: 0.16rem;
  color: #333333;
  line-height: 0.4rem;
  padding: 0 0.17rem;
}
.application-instructions-page .btn-line {
  margin-top: 0.23rem;
}
.application-person-page .sys-container {
  margin: 0.5rem auto 0.38rem;
}
.application-person-page .content {
  margin-top: 0.79rem;
}
.application-person-page .content .type-form {
  text-align: center;
}
.application-person-page .content .type-form .info {
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
}
.application-person-page .content .type-form .radio-line {
  margin-top: 0.41rem;
}
.application-person-page .content .type-form .radio-line .radio {
  display: inline-block;
  width: 2.15rem;
  height: 1.02rem;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.15rem 0rem rgba(40, 74, 111, 0.15);
  border-radius: 0.16rem;
  border: 0.01rem solid #E5E5E5;
  margin-right: 0.3rem;
  padding: 0.26rem;
}
.application-person-page .content .type-form .radio-line .radio:last-child {
  margin-right: 0;
}
.application-person-page .content .type-form .radio-line .radio .text {
  font-weight: bold;
  font-size: 0.16rem;
  text-align: left;
}
.application-person-page .content .type-form .radio-line .radio.citizen .text {
  margin-top: 0.16rem;
}
.application-person-page .content .type-form .radio-line .radio.legal-person .text {
  margin-top: 0.06rem;
}
.application-person-page .content .type-form .radio-line .radio img {
  height: 0.5rem;
}
.application-person-page .content .type-form .radio-line .radio:hover {
  border: 0.01rem solid #437AD5;
}
.application-person-page .content .type-form .radio-line .radio:hover .text {
  color: #437AD5;
}
.application-person-page .content .btn-line {
  margin-top: 0.41rem;
}
.application-form-page .sys-container {
  margin: 0.5rem auto 0.38rem;
}
.application-form-page .content .apply-form {
  margin-top: 0.65rem;
}
.application-form-page .content .apply-form .part {
  margin-top: 0.56rem;
}
.application-form-page .content .apply-form .part:first-child {
  margin-top: 0;
}
.application-form-page .content .apply-form .part .title-line {
  position: relative;
  width: 100%;
  height: 0.08rem;
  border-top: 0.01rem dashed #ddd;
}
.application-form-page .content .apply-form .part .title-line .part-tit {
  position: absolute;
  padding-left: 0.16rem;
  padding-right: 0.18rem;
  font-weight: bold;
  font-size: 0.16rem;
  line-height: 0.16rem;
  color: #333333;
  background-color: #fff;
  left: 0;
  bottom: 0;
}
.application-form-page .content .apply-form .part .title-line .part-tit::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.05rem;
  height: 0.14rem;
  background: url(line.png;vpn_img);
  background-size: 100% 100%;
}
.application-form-page .content .apply-form .part .input-group {
  margin-top: 0.16rem;
  padding-left: 0.23rem;
  padding-right: 0.51rem;
}
.application-form-page .content .apply-form .part .input-group li {
  display: inline-block;
  margin-top: 0.28rem;
}
.application-form-page .content .apply-form .part .input-group li.full {
  width: 100%;
}
.application-form-page .content .apply-form .part .input-group li .label {
  display: inline-block;
  width: 1.6rem;
  text-align: right;
  margin-right: 0.1rem;
  font-size: 0.16rem;
  color: #333333;
  margin-top: 0.1rem;
  vertical-align: top;
}
.application-form-page .content .apply-form .part .input-group li .label .required {
  color: #FF3131;
}
.application-form-page .content .apply-form .part .input-group li .label .indent-2 {
  margin-left: 0.5rem;
}
.application-form-page .content .apply-form .part .input-group li.textarea-row .label {
  margin-top: 0;
}
.application-form-page .content .apply-form .part .input-group li input {
  box-sizing: border-box;
  width: 3.67rem;
  height: 0.4rem;
  background: #FFFFFF;
  border-radius: 0.05rem;
  border: 0.01rem solid #BFBFBF;
  padding: 0 0.15rem;
}
.application-form-page .content .apply-form .part .input-group li input.full-input {
  width: 9.03rem;
}
.application-form-page .content .apply-form .part .input-group li textarea {
  box-sizing: border-box;
  width: 9.03rem;
  height: 1.9rem;
  border-radius: 0.05rem;
  border: 0.01rem solid #BFBFBF;
  padding: 0.15rem;
  outline: none;
}
.application-form-page .content .apply-form .part .input-group li .radio-box {
  display: inline-block;
}
.application-form-page .content .apply-form .part .input-group li .radio-input {
  display: inline-block;
  font-size: 0.16rem;
  color: #333333;
  margin-right: 0.73rem;
  line-height: 0.4rem;
}
.application-form-page .content .apply-form .part .input-group li .radio-input input {
  width: 0.12rem;
  height: 0.12rem;
  margin-left: 0.17rem;
  margin-right: 0.15rem;
  transform: translateY(-0.02rem);
  cursor: pointer;
}
.application-form-page .content .apply-form .part .input-group li .upload-file {
  display: inline-block;
}
.application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer {
  position: relative;
  display: inline-block;
  padding: 0.12rem 0.1rem;
  color: #fff;
  font-size: 0.16rem;
  background: #437AD5;
  border-radius: 0.05rem;
  cursor: pointer;
}
.application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer .upload-file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap {
  display: none;
}
.application-form-page .content .apply-form .part .input-group li .upload-file .tip {
  margin-top: 0.1rem;
  font-size: 0.14rem;
  color: #666666;
}
.application-form-page .content .apply-form .part .input-group li .upload-file .tip .text-red {
  color: #F5222D;
}
.application-form-page .content .apply-form .part .input-group li .verification {
  display: inline-block;
}
.application-form-page .content .apply-form .part .input-group li .verification .verification-input {
  width: 1.05rem;
  line-height: 0.4rem;
}
.application-form-page .content .apply-form .part .input-group li .verification img {
  width: 0.75rem;
  height: 0.4rem;
  margin-left: 0.11rem;
}
.application-form-page .content .apply-form .part .input-group li .verification a {
  display: inline-block;
  margin-left: 0.05rem;
  font-size: 0.14rem;
  color: #333333;
  transform: translateY(0.05rem);
}
.application-form-page .content .apply-form .part .input-group li .verification a:hover {
  text-decoration: underline;
}
.application-form-page .content .btn-line {
  margin-top: 0.6rem;
}
.inquire-page .sys-container {
  margin: 0.5rem auto 0.38rem;
}
.inquire-page .content {
  margin-top: 0.9rem;
}
.inquire-page .content .inquire-form {
  text-align: center;
}
.inquire-page .content .inquire-form .form-item {
  margin-bottom: 0.22rem;
}
.inquire-page .content .inquire-form .form-item:last-child {
  margin-bottom: 0;
}
.inquire-page .content .inquire-form .form-item .form-label {
  display: inline-block;
  font-size: 0.16rem;
  color: #333333;
  margin-right: 0.1rem;
  text-align: right;
  width: 1.36rem;
  transform: translateY(0.05rem);
}
.inquire-page .content .inquire-form .form-item input {
  box-sizing: border-box;
  width: 3.55rem;
  height: 0.4rem;
  background: #FFFFFF;
  border-radius: 0.05rem;
  border: 0.01rem solid #BFBFBF;
  padding: 0 0.15rem;
}
.inquire-page .content .inquire-form .form-item .verification {
  display: inline-block;
  width: 3.55rem;
  text-align: left;
}
.inquire-page .content .inquire-form .form-item .verification .verification-input {
  width: 1.05rem;
  line-height: 0.4rem;
}
.inquire-page .content .inquire-form .form-item .verification img {
  width: 0.75rem;
  height: 0.4rem;
  margin-left: 0.11rem;
}
.inquire-page .content .inquire-form .form-item .verification a {
  display: inline-block;
  margin-left: 0.05rem;
  font-size: 0.14rem;
  color: #333333;
  transform: translateY(0.05rem);
}
.inquire-page .content .inquire-form .form-item .verification a:hover {
  text-decoration: underline;
}
.inquire-page .content .btn-line {
  margin-top: 0.6rem;
}
.inquire-result-page .sys-container {
  margin: 0.5rem auto 0.38rem;
}
.inquire-result-page .content {
  margin-top: 0.36rem;
}
.inquire-result-page .content table {
  width: 11rem;
  margin: 0 auto;
  border-collapse: collapse;
  font-size: 0.16rem;
  color: #333333;
}
.inquire-result-page .content table th,
.inquire-result-page .content table td {
  border: 0.01rem solid #E5E5E5;
  padding: 0.22rem 0.3rem;
  width: 3.37rem;
  line-height: 0.3rem;
}
.inquire-result-page .content table .indent-2 {
  margin-left: 0.5rem;
}
.inquire-result-page .content table td.label {
  text-align: right;
  width: 2.12rem;
  line-height: 0.18rem;
}
.inquire-result-page .content table th {
  text-align: left;
  font-weight: bold;
  padding-left: 0;
  background-color: #E5E5E5;
}
.inquire-result-page .content table th .text {
  padding-left: 0.49rem;
  position: relative;
}
.inquire-result-page .content table th .text::before {
  content: '';
  position: absolute;
  left: 0.33rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.05rem;
  height: 0.14rem;
  background: url(line.png;vpn_img);
  background-size: 100% 100%;
}
.ysqgk-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 88888;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
}
.modal-auth {
  width: 8rem;
  border-radius: 0.05rem;
  position: fixed;
  left: 50%;
  top: 1rem;
  margin-left: -4rem;
  background-color: #fff;
  z-index: 99999;
  display: none;
  padding: 0.4rem;
  box-sizing: border-box;
}
.modal-auth .close {
  position: absolute;
  right: 0.2rem;
  top: 0.15rem;
  width: 0.24rem;
  height: 0.24rem;
}
.modal-auth .close img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.modal-auth .title {
  margin: 0.16rem 0;
  display: block;
  font-size: 0.2rem;
  font-weight: bold;
}
.modal-auth .step-box {
  margin-bottom: 0.3rem;
}
.modal-auth .step-box .text {
  width: 100%;
  font-size: 0.2rem;
  line-height: 0.4rem;
  font-weight: bold;
}
.modal-auth .btn {
  display: block;
  margin: 0 auto;
  width: 3rem;
  font-size: 0.2rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  background-color: #BDBDBD;
}
.modal-auth .btn:hover {
  color: #015293;
}
@media screen and (max-width: 768px) {
  .sys-page {
    width: 7.5rem;
    margin: 0 auto;
  }
  .sys-page .bg-box {
    height: 6.06rem;
    background-size: 7.5rem 6.06rem;
    padding-top: 0.48rem;
  }
  .sys-page .bg-box .title .text {
    font-size: 0.4rem;
  }
  .sys-page .bg-box .title .text::before,
  .sys-page .bg-box .title .text::after {
    position: absolute;
    content: '';
    width: 0.37rem;
    height: 0.09rem;
    top: 50%;
    transform: translateY(-50%);
  }
  .sys-page .bg-box .title .text::before {
    left: -0.61rem;
  }
  .sys-page .bg-box .title .text::after {
    right: -0.61rem;
  }
  .sys-page .sys-container {
    width: 7.02rem;
    margin: 1.36rem auto 0.49rem;
  }
  .sys-page .sys-container .tit {
    display: block;
    width: 100%;
    height: 1.76rem;
    position: relative;
  }
  .sys-page .sys-container .tit img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .sys-page .sys-container .tit .text {
    text-align: left;
    line-height: 1.76rem;
    font-size: 0.36rem;
    padding-left: 0.46rem;
  }
  .sys-page .sys-container .dividing .text {
    font-size: 0.32rem;
  }
  .sys-page .sys-container .btn-line {
    margin-top: 0.32rem;
  }
  .sys-page .sys-container .btn-line .btn {
    width: 3.18rem;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.28rem;
    background-color: #015293;
  }
  .sys-page .sys-container .btn-line .btn img {
    width: 0.32rem;
    height: 0.32rem;
  }
  .syqgk-introduce .content,
  .application-instructions-page .content {
    margin-top: 0.36rem;
    font-size: 0.32rem;
    padding: 0;
    line-height: 0.64rem;
  }
  .application-instructions-page .btn-line {
    margin-top: 0.32rem;
  }
  .application-person-page .sys-container {
    margin: 0.5rem auto 0.38rem;
  }
  .application-person-page .content {
    margin-top: 0.32rem;
  }
  .application-person-page .content .type-form .info {
    font-size: 0.32rem;
  }
  .application-person-page .content .type-form .radio-line {
    margin-top: 0.47rem;
  }
  .application-person-page .content .type-form .radio-line .radio {
    display: inline-block;
    width: 3.15rem;
    height: 1.38rem;
    margin-right: 0.24rem;
    padding: 0.45rem 0.24rem;
  }
  .application-person-page .content .type-form .radio-line .radio .text {
    font-weight: bold;
    font-size: 0.32rem;
    text-align: left;
  }
  .application-person-page .content .type-form .radio-line .radio.citizen .text {
    margin-top: 0.09rem;
  }
  .application-person-page .content .type-form .radio-line .radio.legal-person .text {
    margin-top: 0.06rem;
  }
  .application-person-page .content .type-form .radio-line .radio.legal-person .text p {
    display: inline-block;
  }
  .application-person-page .content .type-form .radio-line .radio img {
    height: 0.5rem;
  }
  .application-person-page .content .btn-line {
    margin-top: 0.48rem;
  }
  .application-form-page .sys-container {
    margin: 0.5rem auto 0.38rem;
  }
  .application-form-page .content .apply-form {
    margin-top: 0.6rem;
  }
  .application-form-page .content .apply-form .part {
    margin-top: 0.56rem;
  }
  .application-form-page .content .apply-form .part .title-line {
    height: 0.16rem;
    border-top: 0.01rem dashed #ddd;
  }
  .application-form-page .content .apply-form .part .title-line .part-tit {
    padding-left: 0.21rem;
    padding-right: 0.16rem;
    font-size: 0.32rem;
    line-height: 0.32rem;
  }
  .application-form-page .content .apply-form .part .input-group {
    margin-top: 0.32rem;
    padding-left: 0;
    padding-right: 0;
  }
  .application-form-page .content .apply-form .part .input-group li {
    width: 100%;
    display: inline-block;
    margin-top: 0.32rem;
  }
  .application-form-page .content .apply-form .part .input-group li.full {
    width: 100%;
  }
  .application-form-page .content .apply-form .part .input-group li .label {
    display: inline-block;
    width: 2.3rem;
    text-align: right;
    margin-right: 0;
    font-size: 0.28rem;
    margin-right: 0.1rem;
    margin-top: 0.15rem;
    vertical-align: top;
  }
  .application-form-page .content .apply-form .part .input-group li .label .required {
    color: #FF3131;
  }
  .application-form-page .content .apply-form .part .input-group li .label .indent-2 {
    margin-left: 0.5rem;
  }
  .application-form-page .content .apply-form .part .input-group li .label.wap-full {
    width: 100%;
    text-align: left;
  }
  .application-form-page .content .apply-form .part .input-group li .label.wap-full .indent-2 {
    display: inline-block;
    margin-left: 0;
  }
  .application-form-page .content .apply-form .part .input-group li.textarea-row .label {
    margin-top: 0;
  }
  .application-form-page .content .apply-form .part .input-group li input {
    box-sizing: border-box;
    width: 4.2rem;
    height: 0.72rem;
    background: #FFFFFF;
    border-radius: 0.05rem;
    border: 0.01rem solid #BFBFBF;
    padding: 0 0.15rem;
    font-size: 0.28rem;
  }
  .application-form-page .content .apply-form .part .input-group li input.full-input {
    width: 4.2rem;
  }
  .application-form-page .content .apply-form .part .input-group li textarea {
    box-sizing: border-box;
    width: 100%;
    height: 2.4rem;
    margin-top: 0.24rem;
    font-size: 0.28rem;
    padding: 0.24rem;
  }
  .application-form-page .content .apply-form .part .input-group li.radio-row {
    display: flex;
  }
  .application-form-page .content .apply-form .part .input-group li.radio-row .label {
    margin-top: 0;
  }
  .application-form-page .content .apply-form .part .input-group li .radio-box {
    display: inline-block;
    width: 4.86rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem 0.2rem;
  }
  .application-form-page .content .apply-form .part .input-group li .radio-input {
    display: flex;
    flex-shrink: 0;
    width: 45%;
    font-size: 0.32rem;
    color: #333333;
    margin-right: 0;
    line-height: 0.4rem;
  }
  .application-form-page .content .apply-form .part .input-group li .radio-input input {
    flex-shrink: 0;
    width: 0.32rem;
    height: 0.32rem;
    margin-left: 0;
    margin-right: 0.06rem;
    transform: translateY(0.055rem);
    cursor: pointer;
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file {
    display: inline-block;
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer {
    display: none;
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap {
    display: block;
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap .front,
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap .reverse {
    position: relative;
    width: 100%;
    height: 2.7rem;
    background: url(front.png;vpn_img);
    background-size: 100% 100%;
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap .front .add,
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap .reverse .add {
    position: absolute;
    top: 0.8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.7rem;
    height: 0.7rem;
    background-color: #026AB6;
    border-radius: 50%;
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap .front .add::after,
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap .reverse .add::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.26rem;
    height: 0.26rem;
    background: url(add.png;vpn_img) center center no-repeat;
    background-size: 100% 100%;
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap .front .add-tip,
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap .reverse .add-tip {
    font-size: 0.28rem;
    color: #333333;
    position: absolute;
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap .front .upload-file-input,
  .application-form-page .content .apply-form .part .input-group li .upload-file .upload-file-outer-wap .reverse .upload-file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file .reverse {
    margin-top: 0.27rem;
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file .tip {
    width: 4.29rem;
    margin-top: 0.27rem;
    font-size: 0.24rem;
    color: #999;
    line-height: 0.36rem;
  }
  .application-form-page .content .apply-form .part .input-group li .upload-file .tip .text-red {
    color: #F5222D;
  }
  .application-form-page .content .apply-form .part .input-group li .verification {
    display: inline-block;
    width: 4.2rem;
  }
  .application-form-page .content .apply-form .part .input-group li .verification .verification-input {
    width: 4.2rem;
    height: 0.72rem;
    line-height: 0.72rem;
    font-size: 0.28rem;
  }
  .application-form-page .content .apply-form .part .input-group li .verification img {
    width: 0.75rem;
    height: 0.4rem;
    margin-left: 0;
    margin-top: 0.16rem;
  }
  .application-form-page .content .apply-form .part .input-group li .verification a {
    display: inline-block;
    margin-left: 0.2rem;
    font-size: 0.28rem;
    color: #333333;
    transform: translateY(0.18rem);
  }
  .application-form-page .content .apply-form .part .input-group li .verification a:hover {
    text-decoration: underline;
  }
  .application-form-page .content .btn-line {
    margin-top: 0.4rem;
  }
  .inquire-page .sys-container {
    margin: 0.5rem auto 0.38rem;
  }
  .inquire-page .content {
    margin-top: 0.47rem;
  }
  .inquire-page .content .inquire-form {
    width: 100%;
    text-align: center;
  }
  .inquire-page .content .inquire-form .form-item {
    display: flex;
    margin-bottom: 0.32rem;
  }
  .inquire-page .content .inquire-form .form-item:last-child {
    margin-bottom: 0;
  }
  .inquire-page .content .inquire-form .form-item .form-label {
    display: inline-block;
    font-size: 0.28rem;
    color: #333333;
    margin-right: 0.1rem;
    text-align: right;
    width: 1.55rem;
    transform: translateY(0.17rem);
  }
  .inquire-page .content .inquire-form .form-item input {
    box-sizing: border-box;
    width: 4.8rem;
    height: 0.72rem;
    background: #FFFFFF;
    border-radius: 0.05rem;
    border: 0.01rem solid #BFBFBF;
    padding: 0 0.15rem;
    font-size: 0.28rem;
  }
  .inquire-page .content .inquire-form .form-item .verification {
    display: flex;
    flex-wrap: wrap;
    width: 4.8rem;
    text-align: left;
  }
  .inquire-page .content .inquire-form .form-item .verification .verification-input {
    width: 4.8rem;
    height: 0.72rem;
  }
  .inquire-page .content .inquire-form .form-item .verification img {
    margin-top: 0.16rem;
    width: 0.75rem;
    height: 0.4rem;
    margin-left: 0;
  }
  .inquire-page .content .inquire-form .form-item .verification a {
    margin-top: 0.15rem;
    display: inline-block;
    margin-left: 0.2rem;
    font-size: 0.28rem;
    color: #333333;
    transform: translateY(0);
  }
  .inquire-page .content .inquire-form .form-item .verification a:hover {
    text-decoration: underline;
  }
  .inquire-page .content .btn-line {
    margin-top: 0.4rem;
  }
  .inquire-result-page .sys-container {
    margin: 0.5rem auto 0.38rem;
  }
  .inquire-result-page .content {
    margin-top: 0.36rem;
  }
  .inquire-result-page .content table {
    width: 6.54rem;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.42rem;
  }
  .inquire-result-page .content table tbody {
    display: grid;
    grid-template-columns: 2.8rem 3.74rem;
  }
  .inquire-result-page .content table tbody tr {
    display: contents;
  }
  .inquire-result-page .content table th,
  .inquire-result-page .content table td {
    border: 0.01rem solid #E5E5E5;
    padding: 0.18rem 0.24rem;
    width: 3.74rem;
    line-height: 0.42rem;
  }
  .inquire-result-page .content table td {
    border-right: 0;
    border-top: 0;
  }
  .inquire-result-page .content table td:nth-child(2n) {
    border-right: 0.01rem solid #E5E5E5;
  }
  .inquire-result-page .content table .indent-2 {
    margin-left: 0;
  }
  .inquire-result-page .content table td.label {
    text-align: left;
    width: 2.8rem;
    line-height: 0.42rem;
  }
  .inquire-result-page .content table th {
    text-align: left;
    font-weight: bold;
    padding-left: 0;
    background-color: #E5E5E5;
  }
  .inquire-result-page .content table th .text {
    padding-left: 0.63rem;
    position: relative;
  }
  .inquire-result-page .content table th .text::before {
    content: '';
    position: absolute;
    left: 0.24rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.05rem;
    height: 0.14rem;
    background: url(line.png;vpn_img);
    background-size: 100% 100%;
  }
  .modal-auth {
    width: 6.54rem;
    border-radius: 0.08rem;
    position: fixed;
    left: 50%;
    top: 3.82rem;
    transform: translate(-50%);
    margin-left: 0;
    padding: 0.56rem;
  }
  .modal-auth .close {
    position: absolute;
    right: 0.32rem;
    top: 0.32rem;
  }
  .modal-auth .title {
    margin: 0 auto 0.16rem;
    display: block;
    text-align: center;
    font-size: 0.32rem;
    font-weight: bold;
  }
  .modal-auth .step-box {
    margin-bottom: 0.3rem;
  }
  .modal-auth .step-box .text {
    font-size: 0.32rem;
    line-height: 0.64rem;
    font-weight: normal;
  }
  .modal-auth .btn {
    display: block;
    margin: 0 auto;
    width: 100%;
    font-size: 0.32rem;
    height: 0.72rem;
    line-height: 0.72rem;
    text-align: center;
    background-color: #BDBDBD;
  }
  .modal-auth .btn:hover {
    color: #015293;
  }
}

.gray-content-box {
  background: #F7F8FB;
  border-radius: 0.08rem;
  padding: 0 0.04rem 0.04rem;
  margin-bottom: 0.36rem;
}
.gray-content-box .gray-content-box-itle {
  height: 0.56rem;
  line-height: 0.56rem;
  padding-left: 0.2rem;
  font-weight: bold;
  font-size: 0.22rem;
  color: #111111;
  padding-right: 0.2rem;
}
.gray-content-box .content {
  padding: 0.1rem;
  background-color: white;
}
@media screen and (max-width: 768px) {
  .gray-content-box {
    background: #F7F8FB;
    border-radius: 0.08rem;
    padding: 0 0.04rem 0.04rem;
  }
  .gray-content-box .gray-content-box-itle {
    height: 0.88rem;
    line-height: 0.88rem;
    padding-left: 0.24rem;
    font-weight: bold;
    font-size: 0.36rem;
    color: #111111;
  }
  .gray-content-box .content {
    padding: 0.48rem 0.24rem 0.53rem;
    background-color: white;
  }
}

.imgBox {
  width: 0.9rem;
  box-sizing: content-box;
  padding: 0 0.15rem;
  text-align: center;
  display: inline-block;
  height: 0.95rem;
}
.imgBox .picbox {
  display: inline-block;
  width: 0.66rem;
  height: 0.66rem;
  background: #F3F8FC;
  text-align: center;
  line-height: 0.66rem;
  border-radius: 50%;
}
.imgBox .picbox .pic {
  height: 0.32rem;
  object-fit: contain;
}
.imgBox .text {
  display: block;
  margin-top: 0.11rem;
  font-size: 0.18rem;
  color: #191919;
  line-height: 0.18rem;
}
@media screen and (max-width: 768px) {
  .imgBox {
    width: max-content;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    display: inline-block;
    height: 1.32rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .imgBox .picbox {
    display: inline-block;
    width: 0.88rem;
    height: 0.88rem;
    background: #F3F8FC;
    text-align: center;
    line-height: 0.88rem;
    border-radius: 50%;
  }
  .imgBox .picbox .pic {
    height: 0.44rem;
    width: 0.44rem;
    object-fit: contain;
  }
  .imgBox .text {
    display: block;
    margin-top: 0;
    font-size: 0.28rem;
    color: #191919;
    line-height: 0.28rem;
  }
}

.ver-img-text {
  text-align: center;
  display: inline-block;
  width: 1.9rem;
}
.ver-img-text img {
  width: 0.48rem;
  height: 0.48rem;
}
.ver-img-text .text {
  margin: 0 auto;
  font-size: 0.16rem;
  color: #333;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ver-img-text.gov-pub-item {
  margin-right: 0.24rem;
  width: 2.27rem;
  height: 1.2rem;
  padding: 0.21rem 0;
  background: url(gov-pub-bg.png;vpn_img) no-repeat;
  background-size: 100% 100%;
}
.ver-img-text.gov-pub-item img {
  width: 0.45rem;
  height: 0.36rem;
}
.ver-img-text.gov-pub-item:last-child {
  margin-right: 0;
}
.ver-img-text.gov-pub-item .text {
  margin-top: 0.11rem;
  font-size: 0.2rem;
}
.ver-img-text.gov-pub-item:hover .text {
  color: #015293;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ver-img-text {
    width: 3.03rem;
  }
  .ver-img-text img {
    width: 0.65rem;
    height: 0.68rem;
  }
  .ver-img-text .text {
    font-size: 0.32rem;
  }
  .ver-img-text.gov-pub-item {
    width: 3.03rem;
    height: 1.56rem;
    padding: 0.35rem 0 0.27rem;
  }
  .ver-img-text.gov-pub-item img {
    width: 0.65rem;
    height: 0.46rem;
  }
  .ver-img-text.gov-pub-item .text {
    margin-top: 0.016rem;
    font-size: 0.32rem;
  }
}

.dsj {
  background-image: url(dsj-bg.png;vpn_img);
  background-size: 100% 100%;
  padding: 0.16rem 0.2rem;
  width: 4.27rem;
}
.dsj .title {
  font-weight: bold;
  font-size: 0.22rem;
  color: #111111;
  line-height: 0.22rem;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .dsj {
    padding: 0.3rem;
    width: 7.02rem;
  }
  .dsj .title {
    font-size: 0.36rem;
    line-height: 0.36rem;
  }
}

.fttt-box-wapper {
  height: 2.96rem;
}
.fttt-box-wapper .pic-containner {
  width: 5.32rem;
  height: 2.96rem;
}
.fttt-box-wapper .pic-containner .fttt-img {
  width: 100%;
  height: 100%;
}
.fttt-box-wapper .content-containner {
  display: inline-block;
  max-width: 6.6rem;
  height: 100%;
  padding-top: 0.27rem;
  padding-bottom: 0.26rem;
}
.fttt-box-wapper .content-containner .title {
  max-height: 0.72rem;
  display: block;
  font-size: 0.24rem;
  color: #154CAF;
  line-height: 0.36rem;
  margin-bottom: 0.3rem;
  overflow: hidden;
}
.fttt-box-wapper .content-containner .time {
  font-size: 0.18rem;
  line-height: 0.18rem;
  margin-bottom: 0.19rem;
}
.fttt-box-wapper .content-containner .time .time-title {
  color: #999999;
}
.fttt-box-wapper .content-containner .time .the-time {
  color: #22222A;
}
.fttt-box-wapper .content-containner .leader {
  margin-bottom: 0.3rem;
  font-size: 0.18rem;
  line-height: 0.18rem;
}
.fttt-box-wapper .content-containner .leader .leader-title {
  color: #999999;
}
.fttt-box-wapper .content-containner .leader .the-leader {
  color: #22222A;
}
.fttt-box-wapper .content-containner .bottom-button img {
  height: 0.18rem;
  object-fit: contain;
  margin-right: 0.1rem;
}
.fttt-box-wapper .content-containner .bottom-button .ask {
  width: 3.2rem;
  height: 0.56rem;
  background: #F0F6FC;
  border-radius: 0.08rem;
  border: 0.01rem solid #DDEDFF;
  margin-right: 0.2rem;
}
.fttt-box-wapper .content-containner .bottom-button .ask .tw {
  font-size: 0.18rem;
  color: #154CAF;
  line-height: 0.18rem;
  vertical-align: middle;
}
.fttt-box-wapper .content-containner .bottom-button .ftyg {
  width: 3.2rem;
  height: 0.56rem;
  background: #F4F4F4;
  border-radius: 0.08rem;
}
.fttt-box-wapper .content-containner .bottom-button .ftyg .yg {
  font-size: 0.18rem;
  color: #22222A;
  line-height: 0.18rem;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .fttt-box-wapper {
    height: max-content;
    display: flex;
    flex-direction: column;
  }
  .fttt-box-wapper .pic-containner {
    width: 100%;
    height: 3.63rem;
  }
  .fttt-box-wapper .pic-containner .fttt-img {
    width: 100%;
    height: 100%;
  }
  .fttt-box-wapper .content-containner {
    display: flex;
    max-width: 100%;
    height: max-content;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0.24rem;
    flex-direction: column;
  }
  .fttt-box-wapper .content-containner .title {
    max-height: unset;
    font-size: 0.36rem;
    color: #154CAF;
    line-height: 0.48rem;
    margin-bottom: 0.24rem;
    margin-bottom: 0.3rem;
  }
  .fttt-box-wapper .content-containner .time {
    font-size: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.16rem;
  }
  .fttt-box-wapper .content-containner .time .time-title {
    color: #999999;
  }
  .fttt-box-wapper .content-containner .time .the-time {
    color: #22222A;
  }
  .fttt-box-wapper .content-containner .leader {
    margin-bottom: 0.32rem;
    font-size: 0.28rem;
    line-height: 0.28rem;
  }
  .fttt-box-wapper .content-containner .leader .leader-title {
    color: #999999;
  }
  .fttt-box-wapper .content-containner .leader .the-leader {
    color: #22222A;
  }
  .fttt-box-wapper .content-containner .bottom-button {
    display: flex;
    justify-content: space-between;
  }
  .fttt-box-wapper .content-containner .bottom-button img {
    height: 0.3rem;
    object-fit: contain;
    margin-right: 0.16rem;
  }
  .fttt-box-wapper .content-containner .bottom-button .ask {
    width: 3.15rem;
    height: 0.8rem;
    background: #F0F6FC;
    border-radius: 0.08rem;
    border: 0.01rem solid #DDEDFF;
    margin-right: 0;
    cursor: pointer;
  }
  .fttt-box-wapper .content-containner .bottom-button .ask .tw {
    font-size: 0.32rem;
    color: #154CAF;
    line-height: 0.32rem;
    vertical-align: middle;
  }
  .fttt-box-wapper .content-containner .bottom-button .ftyg {
    width: 3.15rem;
    height: 0.8rem;
    background: #F4F4F4;
    border-radius: 0.08rem;
    cursor: pointer;
  }
  .fttt-box-wapper .content-containner .bottom-button .ftyg .yg {
    font-size: 0.32rem;
    color: #22222A;
    line-height: 0.32rem;
    vertical-align: middle;
  }
}

.icon-title-box {
  display: block;
  width: 1.4rem;
  height: 0.4rem;
  background: url(qpk.png;vpn_img) no-repeat center center / cover;
  line-height: 0.4rem;
  font-size: 0.2rem;
  color: #154CAF;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .icon-title-box {
    display: block;
    width: 2.3rem;
    height: 0.8rem;
    background: url(qpk-sj.png;vpn_img) no-repeat center center / cover;
    line-height: 0.8rem;
    font-size: 0.36rem;
    color: #154CAF;
    text-align: center;
  }
}

.wq-list-box {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
}
.wq-list-box .wq-icon {
  display: inline-block;
  width: 0.56rem;
  height: 0.24rem;
  background: #FFF2E8;
  border-radius: 0.04rem;
  border: 0.01rem solid #FFBC96;
  text-align: center;
  line-height: 0.24rem;
  vertical-align: middle;
  font-size: 0.14rem;
  color: #D97C2E;
  margin-right: 0.12rem;
}
.wq-list-box .wq-content {
  display: inline-block;
  max-width: 88%;
  font-size: 0.18rem;
  color: #191919;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .wq-list-box {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .wq-list-box .wq-icon {
    display: inline-block;
    width: 0.93rem;
    height: 0.4rem;
    background: #FFF2E8;
    border-radius: 0.07rem;
    border: 0.02rem solid #FFBC96;
    text-align: center;
    line-height: 0.4rem;
    vertical-align: middle;
    font-size: 0.24rem;
    color: #D97C2E;
    margin-right: 0.16rem;
  }
  .wq-list-box .wq-content {
    display: unset;
    max-width: 90%;
    font-size: 0.32rem;
    color: #191919;
    vertical-align: middle;
    text-align: left;
  }
}

.plc-zfxx-table {
  width: 8.17rem;
  background: #FFFFFF;
  border: 0.01rem solid #DDDDDD;
}
.plc-zfxx-table .table-title {
  height: 0.48rem;
  background: rgba(21, 76, 175, 0.08);
  border-bottom: 0.01rem solid #EEEEEE;
}
.plc-zfxx-table .table-title .bt {
  height: 0.48rem;
  line-height: 0.48rem;
  display: inline-block;
  width: calc(100% - 2.28rem);
  padding-left: 0.15rem;
  font-size: 0.18rem;
  color: #015293;
  border-right: 0.01rem solid #EEEEEE;
}
.plc-zfxx-table .table-title .fbsj {
  display: inline-block;
  height: 0.48rem;
  line-height: 0.48rem;
  width: 1.14rem;
  text-align: center;
  font-size: 0.18rem;
  color: #015293;
  border-right: 0.01rem solid #EEEEEE;
}
.plc-zfxx-table .table-title .zt {
  display: inline-block;
  text-align: center;
  height: 0.48rem;
  width: 1.14rem;
  line-height: 0.48rem;
  font-size: 0.18rem;
  color: #015293;
}
.plc-zfxx-table .table-list .table-item {
  height: 0.48rem;
  border-bottom: 0.01rem solid #ddd;
}
.plc-zfxx-table .table-list .table-item:last-child {
  border-bottom: 0;
}
.plc-zfxx-table .table-list .table-item .title-content {
  display: block;
  height: 0.48rem;
  line-height: 0.48rem;
  display: inline-block;
  width: calc(100% - 2.28rem);
  padding-left: 0.15rem;
  font-size: 0.18rem;
  color: #191919;
  border-right: 0.01rem solid #EEEEEE;
}
.plc-zfxx-table .table-list .table-item .fbsj-content {
  display: inline-block;
  height: 0.48rem;
  line-height: 0.48rem;
  width: 1.14rem;
  text-align: center;
  font-size: 0.16rem;
  color: #191919;
  border-right: 0.01rem solid #EEEEEE;
}
.plc-zfxx-table .table-list .table-item .zt-content {
  display: inline-block;
  height: 0.48rem;
  line-height: 0.48rem;
  width: 1.14rem;
  text-align: center;
  font-size: 0.16rem;
  color: #191919;
}

.zj-list {
  height: 0.92rem;
  border-bottom: 0.01rem solid #e5e5e5;
}
.zj-list .in-zj-box {
  width: 0.64rem;
  height: 0.64rem;
  background: linear-gradient(180deg, #154CAF 0%, #0084F3 100%);
  border-radius: 0.08rem;
  font-size: 0.22rem;
  text-wrap: wrap;
  color: #FFFFFF;
  line-height: 0.26rem;
  padding: 0.06rem 0.1rem;
  font-weight: 500;
}
.zj-list .no-zj-box {
  width: 0.64rem;
  height: 0.64rem;
  background: linear-gradient(180deg, #DCE2E7 0%, #F8FCFF 100%);
  border-radius: 0.08rem;
  backdrop-filter: blur(6px);
  font-size: 0.22rem;
  text-wrap: wrap;
  font-weight: 500;
  color: #A8B1B7;
  line-height: 0.26rem;
  padding: 0.06rem 0.1rem;
}
.zj-list .zj-container-box {
  max-width: 80%;
  margin-left: 0.16rem;
}
.zj-list .zj-container-box .box-title {
  font-size: 0.18rem;
  color: #22222A;
  line-height: 0.24rem;
  margin-bottom: 0.08rem;
}
.zj-list .zj-container-box .box-content {
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.21rem;
}
.zj-list .wycj {
  display: block;
  margin-top: 0.19rem;
}
.zj-list .wycj .wycj-img {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.09rem;
}
.zj-list .wycj .wycj-font {
  font-size: 0.18rem;
  color: #E32C2C;
  line-height: 0.18rem;
  vertical-align: middle;
}
.zj-list .ckjg {
  display: block;
  margin-top: 0.19rem;
}
.zj-list .ckjg .ckjg-img {
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.09rem;
}
.zj-list .ckjg .ckjg-font {
  font-size: 0.18rem;
  color: #268DE0;
  line-height: 0.18rem;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .zj-list {
    height: 2.58rem;
    border-bottom: 0.01rem solid #e5e5e5;
    position: relative;
  }
  .zj-list .in-zj-box {
    margin-top: 0.06rem;
    width: 0.72rem;
    height: 0.72rem;
    background: linear-gradient(180deg, #154CAF 0%, #0084F3 100%);
    border-radius: 0.08rem;
    font-size: 0.24rem;
    text-wrap: wrap;
    color: #FFFFFF;
    line-height: 0.28rem;
    padding: 0.08rem 0.12rem;
    font-weight: 500;
  }
  .zj-list .no-zj-box {
    margin-top: 0.06rem;
    width: 0.72rem;
    height: 0.72rem;
    background: linear-gradient(180deg, #DCE2E7 0%, #F8FCFF 100%);
    border-radius: 0.08rem;
    backdrop-filter: blur(6px);
    font-size: 0.24rem;
    text-wrap: wrap;
    font-weight: 500;
    color: #A8B1B7;
    line-height: 0.28rem;
    padding: 0.08rem 0.12rem;
  }
  .zj-list .zj-container-box {
    max-width: unset;
    margin-left: 0.16rem;
  }
  .zj-list .zj-container-box .box-title {
    font-size: 0.32rem;
    color: #22222A;
    line-height: 0.43rem;
    margin-bottom: 0.08rem;
    width: 3.88rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: unset;
  }
  .zj-list .zj-container-box .box-content {
    position: absolute;
    width: 6.54rem;
    font-size: 0.16rem;
    line-height: 0.21rem;
    -webkit-line-clamp: 3;
    left: 0;
    font-size: 0.28rem;
    color: #666666;
    line-height: 0.42rem;
  }
  .zj-list .wycj {
    display: block;
    margin-top: 0.26rem;
  }
  .zj-list .wycj .wycj-img {
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.08rem;
  }
  .zj-list .wycj .wycj-font {
    font-size: 0.28rem;
    color: #E32C2C;
    line-height: 0.28rem;
    vertical-align: middle;
  }
  .zj-list .ckjg {
    display: block;
    margin-top: 0.26rem;
  }
  .zj-list .ckjg .ckjg-img {
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.08rem;
  }
  .zj-list .ckjg .ckjg-font {
    font-size: 0.28rem;
    color: #268DE0;
    line-height: 0.28rem;
    vertical-align: middle;
  }
}