.hidden {
  display: none !important;
}
input,
textarea {
  background-color: #fff;
}
.my_btn {
  cursor: pointer;
}
.my_btn:active {
  opacity: 0.8 !important;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #adadad;
}
body {
  background-color: #f9f9f9;
}
#app {
  margin: 0 auto;
  position: relative;
  user-select: text;
  overflow-x: hidden;
  background-color: #fff;
}
#app::-webkit-scrollbar {
  display: none;
}
#app.prevent-scroll {
  overflow: hidden;
}
.van-image {
  height: 100%;
}
.van-popup {
  max-width: 100%;
}
@media screen and (min-width: 561px) {
  .van-overlay {
    position: absolute;
  }
}
html {
  font-size: 23.4375px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
  font-size: 0.68266667rem;
  color: #333;
  text-align: justify;
}
#homePage {
  width: 100%;
  background-image: url("../images/home_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
#homePage .top-bg {
  width: 100%;
  height: 15.36rem;
  background-image: url("../images/top-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#homePage .content-wrapper {
  width: 100%;
  margin-top: -1.06666667rem;
  padding: 0 0.512rem 0.64rem;
}
#homePage .content-wrapper .qy-box {
  width: 100%;
  min-height: 5.01333333rem;
  background-image: url("../images/qy.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0.85333333rem;
  border-radius: 0.42666667rem;
  padding: 0.512rem 0.64rem;
}
#homePage .content-wrapper .qy-box .qy-text {
  font-size: 0.64rem;
  margin-bottom: 0.34133333rem;
  color: #2d2d2d;
  line-height: 1.6;
  text-align: justify;
  text-indent: 2em;
}
#homePage .content-wrapper .qy-box .qy-text:last-child {
  margin-bottom: 0;
}
#homePage .content-wrapper .area-box {
  width: 100%;
  margin-bottom: 1.28rem;
}
#homePage .content-wrapper .area-box .box-title {
  width: 8.10666667rem;
  height: 2.176rem;
  margin: 0 auto 0.85333333rem;
}
#homePage .content-wrapper .area-box .title-1 {
  background-image: url("../images/title-1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#homePage .content-wrapper .area-box .title-2 {
  background-image: url("../images/title-2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#homePage .content-wrapper .area-box .title-3 {
  background-image: url("../images/title-3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#homePage .content-wrapper .area-box .title-4 {
  background-image: url("../images/title-4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#homePage .content-wrapper .summary-box .article-title {
  font-size: 0.72533333rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  padding-bottom: 0.34133333rem;
  margin-bottom: 0.34133333rem;
  border-bottom: 1px dashed #ccc;
}
#homePage .content-wrapper .summary-box .summary {
  font-size: 0.64rem;
}
#homePage .content-wrapper .summary-box .summary .text {
  margin-bottom: 0.34133333rem;
  color: #2d2d2d;
  line-height: 1.6;
  text-align: justify;
  text-indent: 2em;
}
#homePage .content-wrapper .summary-box .summary .text:last-child {
  margin-bottom: 0;
}
#homePage .content-wrapper .summary-box .summary .link {
  color: red;
}
#homePage .content-wrapper .summary-box .video-zs {
  display: block;
  width: 15.14666667rem;
  height: 8.53333333rem;
  max-width: 100%;
  margin: 0.42666667rem 0;
  border: 1px solid #efefef;
  border-radius: 4px;
}
#homePage .content-wrapper .qtsy-box .list-qtsy {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#homePage .content-wrapper .qtsy-box .list-qtsy .list-item {
  width: calc(50% - 0.2133rem);
  text-align: center;
  margin-bottom: 0.42666667rem;
  padding: 0.42666667rem;
  background-color: #ecf0f7;
  border-radius: 0.21333333rem;
  cursor: pointer;
}
#homePage .content-wrapper .qtsy-box .list-qtsy .list-item .img-cover {
  border-radius: 0.17066667rem;
  margin-bottom: 0.21333333rem;
}
#homePage .content-wrapper .qtsy-box .list-qtsy .list-item .subject {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.59733333rem;
}
#homePage .content-wrapper .qtsy-box .list-qtsy .list-item:hover .subject {
  color: #cf4026;
}
#homePage .content-wrapper .fcly-box .swiper-fcly {
  width: 100%;
  background-color: #ecf0f7;
  border-radius: 0.256rem;
  overflow: hidden;
}
#homePage .content-wrapper .fcly-box .swiper-fcly .fcly-item {
  width: 100%;
}
#homePage .content-wrapper .fcly-box .swiper-fcly .fcly-item .img-item {
  user-select: none;
  pointer-events: none;
  border-radius: 0.17066667rem;
}
#homePage .content-wrapper .fcly-box .swiper-fcly .fcly-item .text-item {
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.64rem;
  line-height: 1.5;
  text-align: justify;
  margin: 0.42666667rem 0;
  padding: 0 0.42666667rem;
  color: #3f3f3f;
}
#homePage .content-wrapper .fcly-box .swiper-fcly .custom-indicator {
  position: absolute;
  top: 0.256rem;
  right: 0.256rem;
  padding: 0.128rem 0.256rem;
  font-size: 0.55466667rem;
  border-radius: 0.08533333rem;
  line-height: 1;
  background: rgba(255, 255, 255, 0.7);
}
#homePage .content-wrapper .xshx-box .list-xshx .list-item {
  width: 100%;
  text-align: justify;
  background-color: #ecf0f7;
  padding: 0.42666667rem 0.64rem;
  margin-bottom: 0.42666667rem;
  border-radius: 0.21333333rem;
}
#homePage .content-wrapper .xshx-box .list-xshx .list-item .item-title {
  font-size: 0.72533333rem;
  font-weight: bold;
  margin-bottom: 0.21333333rem;
}
#homePage .content-wrapper .xshx-box .list-xshx .list-item .item-text {
  text-indent: 2em;
  font-size: 0.64rem;
  line-height: 1.7;
  margin-bottom: 0.21333333rem;
}
#homePage .btn-bottom {
  width: 100%;
  height: 2.688rem;
  background-image: url("../images/btn-bottom.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.popup-box {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  opacity: 0;
  transform: scale(0);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.popup-box.show {
  animation: popup-show 0.35s ease-out 0s 1 normal forwards;
}
.popup-box.hide {
  animation: popup-hide 0.25s ease-out 0s 1 normal forwards;
}
.popup-box .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.75);
}
.popup-box .popup-wrapper {
  width: 94%;
  height: 85vh;
  overflow: hidden;
  position: relative;
  z-index: 99;
  background-color: #fff;
  border-radius: 0.34133333rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.64rem;
}
.popup-box .popup-wrapper .video-qtsy {
  display: block;
  width: 100%;
}
.popup-box .popup-wrapper .popup-content {
  width: 100%;
  flex: 1;
  margin-top: 0.64rem;
  padding: 0 0.42666667rem 1.28rem;
  overflow-y: auto;
  text-align: center;
}
.popup-box .popup-wrapper .popup-content .popup-title {
  font-size: 0.85333333rem;
  font-weight: bold;
}
.popup-box .popup-wrapper .popup-content .popup-author,
.popup-box .popup-wrapper .popup-content .popup-reciter {
  font-size: 0.72533333rem;
  font-weight: bold;
}
.popup-box .popup-wrapper .popup-content .list-row {
  min-height: 0.256rem;
  margin-top: 0.34133333rem;
  line-height: 1.4;
  text-align: center;
}
.popup-box .btn-close {
  width: 1.28rem;
  height: 1.28rem;
  background-image: url("../images/close.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  z-index: 99;
  margin-top: 0.64rem;
  cursor: pointer;
}
@keyframes popup-show {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes popup-hide {
  0% {
    opacity: 1;
    transform: scale(1);
    z-index: 999;
  }
  99% {
    opacity: 0;
    transform: scale(1);
    z-index: -1;
  }
  100% {
    opacity: 1;
    transform: scale(0);
    z-index: -1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#goTop {
  display: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: fixed;
  bottom: 45%;
  right: 20px;
  opacity: 1;
  cursor: pointer;
  z-index: 999;
  text-align: center;
  background-color: rgba(102, 102, 102, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
#goTop .icon {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../images/backTop.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#goTop:hover {
  background-color: skyblue;
}
.particles {
  position: relative;
}
.particles-canvas {
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.particles-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
@keyframes toRight {
  0% {
    transform: translateX(-500px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes toLeft {
  0% {
    transform: translateX(500px);
  }
  100% {
    transform: translateX(0);
  }
}
.makeWishShowHide-leave-active {
  -webkit-animation: zoomOutDown 0.5s 1 forwards;
  animation: zoomOutDown 0.5s 1 forwards;
}
.makeWishShowHide-enter-active {
  -webkit-animation: zoomIn 0.5s 1 forwards;
  animation: zoomIn 0.5s 1 forwards;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomIn {
  0% {
    visibility: visible;
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  80% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    visibility: visible;
  }
}
.popup-enter-active {
  animation: popupIn 0.5s 1 forwards;
}
.popup-leave-active {
  animation: popupOut 0.45s 1 forwards;
}
.popup-fadeOut-enter-active {
  animation: popupIn 0.5s 1 forwards;
}
.popup-fadeOut-leave-active {
  animation: fadeOut 0.75s 1 forwards;
}
@keyframes popupIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popupOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.slide-toLeft-enter-active {
  animation: pageSwitchToLeftIn 0.35s ease-out 0s 1 both;
  will-change: transform;
}
.slide-toLeft-leave-active {
  animation: pageSwitchToLeftOut 0.35s ease-out 0s 1 both;
  will-change: transform;
}
.slide-toRight-enter-active {
  animation: pageSwitchToRightIn 0.35s ease-out 0s 1 both;
  will-change: transform;
}
.slide-toRight-leave-active {
  animation: pageSwitchToRightOut 0.35s ease-out 0s 1 both;
  will-change: transform;
}
@keyframes pageSwitchToLeftIn {
  0% {
    z-index: 5;
    transform: translateX(100%) translateZ(0px);
  }
  100% {
    z-index: 5;
    transform: translateX(0%) translateZ(0px);
  }
}
@keyframes pageSwitchToLeftOut {
  0% {
    z-index: 4;
    transform: translateX(0%) translateZ(0px);
  }
  100% {
    z-index: 4;
    transform: translateX(-20%) translateZ(0px);
  }
}
@keyframes pageSwitchToRightIn {
  0% {
    z-index: 4;
    transform: translateX(-20%) translateZ(0px);
  }
  100% {
    z-index: 4;
    transform: translateX(0%) translateZ(0px);
  }
}
@keyframes pageSwitchToRightOut {
  0% {
    z-index: 5;
    transform: translateX(0%) translateZ(0px);
  }
  100% {
    z-index: 5;
    transform: translateX(100%) translateZ(0px);
  }
}
.page-fade-enter-active {
  animation: pageSliceIn 0.5s ease 0s 1 both;
  will-change: transform,opacity;
}
.page-fade-leave-active {
  animation: pageSliceOut 0.5s ease 0s 1 both;
  will-change: transform,opacity;
}
@keyframes pageSliceIn {
  0% {
    z-index: 4;
    opacity: 0;
    transform: translateZ(0px);
  }
  100% {
    z-index: 5;
    opacity: 1;
    transform: translateZ(0px);
  }
}
@keyframes pageSliceOut {
  0% {
    z-index: 5;
    opacity: 1;
    transform: translateZ(0px);
  }
  100% {
    z-index: 4;
    opacity: 0;
    transform: translateZ(0px);
  }
}