.page {
  /*z-index: 1;*/
  position: relative;
  width: 100%;
  /* height: 1994px; */
  /*background-color: rgba(255, 255, 255, 1);*/
  overflow: hidden;
  background: url(../../../images/edu/backgroundmiddle1.jpg)  no-repeat;
  background-size: 100% 100%;
  align-items: center;
}

.layer1 {
  z-index: auto;
  width: 100%;
  /* height: 1994px; */
  align-items: center;
}
.group2 {
  z-index: 11;
  height: 393px;
  background: url(../../../images/hdp/unit/SketchPngd4d91fa1d49b725721f276c85c02bbf45bb6ca0d6b82a5bd0dc0d80b181a2234.png)
    100% no-repeat;
  /* width: 1920px; */
  justify-content: center;
  align-items: center;
}

.word4 {
  z-index: 12;
  width: 660px;
  height: 92px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 50px;
  font-family: Cursive;
  white-space: nowrap;
  line-height: 92px;
  text-align: center;
}

.group3 {
  z-index: 21;
  height: 60px;
  /*background-color: rgba(255, 255, 255, 1);*/
   width: 100%;
  justify-content: center;
  align-items: center;
/*  margin-top: 60px;*/
  background: rgba(229, 243, 233, 0.9);
}

.layer3 {
  z-index: auto;
  width: 1200px;
  /*height: 20px;*/
  justify-content: space-between;
  align-items: center;
}

.wrap1 {
  z-index: 23;
  width: 246px;
  height: 20px;
  overflow-wrap: break-word;
  text-align: left;
  white-space: nowrap;
  font-size: 0;
}
.wrap1 #wrap1-span{
  font-weight: bold;
  color: #038825;
  width: 20px;
  font-size: 14px;
}
.layer3 #wrip1-back{
  background: #CEE8D5;
  color: rgba(100, 179, 39, 1);
  text-decoration: none;
  z-index: 24;
  width: 68px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
  border-radius: 17px;
  font-weight: bolder;
}
.layer3 #wrip1-back:hover{
  color: #fff;
  background: #64B327;
  text-decoration: none;
}

.info2 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(114, 124, 148, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.word5 {
  font-size: 14px;
  font-family: PingFangSC-Regular;
  color: rgba(29, 36, 55, 1);
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.group4 {
  z-index: 22;
  width: 1920px;
  height: 1px;
  background-color: rgba(238, 238, 238, 1);
}

.group5 {
  z-index: auto;
  width: 1200px;
  height: 150px;
  align-self: center;
  justify-content: center;
  align-items: center;
}

.img1 {
  z-index: 26;
  width: 54px;
  height: 54px;
}

.word7 {
  z-index: 27;
  height: 42px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(29, 36, 55, 1);
  font-size: 36px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 42px;
  text-align: center;
  margin-left: 25px;
  font-weight: bold;
}

.group6 {
  width: 1200px;
  z-index: 29;
  align-self: center;
  align-items: center;
}
.group6 img{
  max-height: 480px;
  max-width: 680px;
  min-height: 360px;
  min-width: 520px;
}
.group10 {
  z-index: 34;
  width: 1200px;
  overflow-wrap: break-word;
  text-align: justify;
  align-self: center;
  margin-top: 40px;
}
.paragraph2 {
  font-size: 17px;
  display: block;
  margin-top: 10px;
  font-family: PingFangSC-Regular;
  color: rgba(29, 36, 55, 1);
  line-height: 28px;
  text-indent: 2em;
}
.txt1 {
  font-weight: bold;
  font-size: 17px;
  font-family: PingFangSC-Medium;
  color: rgba(29, 36, 55, 1);
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.paragraph3 {
  font-size: 17px;
  font-family: PingFangSC-Regular;
  color: rgba(29, 36, 55, 1);
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.word8 {
  font-weight: bold;
  font-size: 17px;
  font-family: PingFangSC-Medium;
  color: rgba(29, 36, 55, 1);
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.txt2 {
  font-size: 17px;
  font-family: PingFangSC-Regular;
  color: rgba(29, 36, 55, 1);
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main2 {
  z-index: auto;
  width: 247px;
  height: 49px;
  margin: 86px 0 0 360px;
}

.txt22{
	font-size: 17px;
	font-family: PingFangSC-Regular;
	color: rgba(29, 36, 55, 1);
	line-height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: rgba(100, 179, 39, 1);
}

.bgco {
	z-index: 182;
	border-radius: 8px;
	width: 100%;
	display: flex;
	    flex-direction: column;
}
.activity-box {
  margin-bottom: 10px;
  align-items: center;
  max-height: 500px;
  /*min-height: 80px;*/
  width: 1200px;
  overflow: auto;
  align-self: center;
}

.activity-mod {
  width: 1180px;
  margin-bottom: 25px;
  margin-left: 5px;
}

.activity-mod img {
  width: 320px;
  height: 180px;
  border-radius: 4px;
}

.act-info {
  width: 600px;
  height: 80px;
  margin-left: 20px;
}

.act-info span {
  display: block;
}

.act-info .act-title {
  width: 360px;
  height: 28px;
  overflow-wrap: break-word;
  color: rgba(29, 36, 55, 1);
  font-size: 20px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 28px;
  text-align: left;
  align-self: flex-start;
}

.act-time {
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(114, 124, 148, 1);
  font-size: 12px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 17px;
  text-align: left;
  align-self: flex-start;
  margin-top: 14px;
}

.act-info .act-intro {
  width: 720px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(114, 124, 148, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  line-height: 20px;
  text-align: left;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.act-bt {
  z-index: 10;
  height: 32px;
  border-radius: 4px;
  background-color: rgba(100, 179, 39, 1);
  margin-top: 20px;
  align-self: flex-start;
  width: 84px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff
}

.artical-right-float {
  z-index: 183;
  position: fixed;
  right: 0;
  bottom: 200px;
}

.artical-right-float img {
  width: 150px;
}

.artical-right-float span {
  display: block;
  width: 150px;
  text-align: center;
  margin-top: -15px;
}

.artical-right-float .yuyue-qr-code {
  width: 150px;
  position: absolute;
  right: 150px;
  bottom: 25px;
  display: none;
  justify-content: center;
}

.artical-right-float div {
  width: 150px;
  height: 126.38px;
}

#way {
  width: 400px;
}
#allmap {width: 1000px;height: 500px; font-family:"微软雅黑";}
#r-result{
  font-size: 16px;
  font-weight: 600;
}
.result-text{
  display: none;
  width: 200px;
  height: 440px;
  overflow-y: auto;
}