.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.flex-row1{
	display: flex;
	height: 30px;
	line-height: 30px;
}
.btn{
	line-height: 20px;
}
.space-x-62 > *:not(:first-child) {
  margin-left: 31px;
}
.space-x-11 > *:not(:first-child) {
  margin-left: 5.5px;
}
.image_3 {
  width: 8.5px;
  height: 10px;
}
.font_1 {
  font-size: 9px;
  font-family: SourceHanSansCN;
  line-height: 9px;
  color: #333333;
}
.image_4 {
  width: 10px;
  height: 10px;
}
.space-x-12 > *:not(:first-child) {
  margin-left: 6px;
}
.image_5 {
  width: 9.5px;
  height: 10px;
}
.space-x-9 > *:not(:first-child) {
  margin-left: 4.5px;
}
.text {
  color: #009fe3;
  font-size: 9px;
  font-family: SourceHanSansCN;
  font-weight: 700;
  line-height: 7px;
}
.image_2 {
  width: 21.5px;
  height: 17px;
}
.group {
  /* overflow-y: auto; */
}
.section {
  padding: 111.5px 58.5px 121px;
  background-color: #fafafa;
}
.text_2 {
  color: #333333;
  font-size: 16px;
  font-family: SourceHanSansCN;
  font-weight: 700;
  line-height: 28.5px;
}
.text-wrapper {
  padding: 12px 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632126907358831.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 120px;
  margin-bottom:10px;
}
.font_3 {
  font-size: 12px;
  font-family: SourceHanSansCN;
  /* line-height: 9px; */
  color: #ffffff;
}
.group_2 {
  width: 883.5px;
}
.image-wrapper {
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632126641013957.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
}
.image_6 {
  width: 100%;
  height: 100%;
}
.group_3 {
  width: 33%;
  margin-left:20px;
}
.font_2 {
  font-size: 12px;
  font-family: SourceHanSansCN;
  line-height: 20px;
  color: #666666;
  text-align: center;
}
.group_4 {
  padding: 45px 0px 0px 0px;
}
.section_2 {
  margin-bottom: 5px;
  padding: 129.5px 29px 30px;
  /* background-image: url('../image/b5ec7cf48ce13c8df7e4a86fa9827ae0.png'); */
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.section_3 {
  background-color: #009fe3;
  width: 2px;
  height: 44px;
}
.group_5 {
  margin: 3px 0;
  padding: 0 12px;
}
.space-y-18 > *:not(:first-child) {
  margin-top: 9px;
}
.font_4 {
  font-size: 20px;
  font-family: SourceHanSansCN;
  line-height: 20px;
  font-weight: 500;
  color: #ffffff;
}
.group_6 {
  padding: 0 14.5px;
}
.font_5 {
  font-size: 14px;
  font-family: SourceHanSansCN;
  line-height: 8px;
  color: #ffffff;
}
.image_7 {
  border-radius: 5px;
  width: 18px;
  height: 10px;
  display: none;
}
.equal-division {
  margin-right: 5px;
}
.equal-division-item {
  padding: 130px 29px 30px;
  flex: 1 1 414.5px;
  /* background-image: url('../image/2b82a2d09cb028d95d4529c5af289ef7.png'); */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 231px;
}
.equal-division-item_2 {
  padding: 130px 29px 30px;
  flex: 1 1 414.5px;
  /* background-image: url('../image/19e92c0acbf7fa5ca95c24d75f6212de.png'); */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 231px;
}
.slider-slides{
	display: flex;
}
.group_7 {
  margin-top: 11.5px;
  padding: 0 1.5px;
}
.view {
  margin-top: 45px;
}
.font_6 {
  font-size: 25px;
  font-family: SourceHanSansCN;
  line-height: 23px;
  font-weight: 500;
  color: #333333;
}
.text_3 {
  line-height: 23.5px;
}
.space-x-35 > *:not(:first-child) {
  margin-left: 17.5px;
}
.section_4 {
  background-color: #009fe3;
  width: 41px;
  height: 1px;
}
.text_4 {
  color: #999999;
}
.group_8 {
  margin-top: 27.5px;
}
.section_5 {
  padding: 10px 0 18px;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632131944694643.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /* width: 183px; */
  /* width: 200px; */
  /* height: 253px; */
  width: 282px;
  height:390px;
  margin: 0 2px;
}
.text-wrapper_2 {
  padding: 5px 0;
  background-color: #00000099;
  border-radius: 5px;
  width: 24px;
}
.view_2 {
  margin-left: 10px;
}
.font_7 {
  font-size: 14px;
  font-family: SourceHanSansCN;
  /* line-height: 7px; */
  color: #ffffff;
}
.image_8 {
  width: 21px;
  height: 21px;
}

.image_9 {
  margin-top: 89.5px;
}
.view_3 {
  margin-top: 22.5px;
}
.section_10 {
  padding: 4px 4px 4px 4px;
  background-color: #00000099;
  border-radius: 1.5px;
}
.image_10 {
  width: 5.5px;
  height: 5.5px;
}
.group_12 {
  /* line-height: 7px; */
  /* height: 7px; */
}
.font_8 {
  /* font-size: 7px; */
  font-family: Roboto;
  /* line-height: 5.5px; */
  color: #ffffff;
}
.font_9 {
  font-size: 7px;
  font-family: SourceHanSansCN;
  line-height: 5.5px;
  color: #ffffff;
}
.text_5 {
  line-height: 6px;
}
.text_6 {
  line-height: 6px;
}
.group_13 {
  margin-top: 7px;
  line-height: 15px;
}
.font_10 {
  font-size: 15px;
  font-family: SourceHanSansCN;
  /* line-height: 15px; */
  font-weight: 500;
  color: #ffffff;
  overflow: hidden;
	white-space: normal;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	width: 60vw;
}
.section_6 {
  padding: 10px 10px 18px;
  background-image: url('../image/f54a0684482fe5284f0c2c94f8a8dbf9.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 183px;
  height: 253px;
}
.section_7 {
  padding: 10px 10px 18px;
  background-image: url('../image/69081c4f21902959f2cd9aab84859d8f.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 183px;
  height: 253px;
}
.section_8 {
  padding: 10px 10px 18px;
  background-image: url('../image/058321204275ba223d32f06a0997ace4.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 183px;
  height: 253px;
}
.space-y-266 > *:not(:first-child) {
  margin-top: 133px;
}
.group_9 {
  width: 63px;
}
.section_9 {
  padding: 10px 0 18.5px 10px;
  background-image: url('../image/537a5b5196e89381801cb040c2ebb61c.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_10 {
  margin-top: 89.5px;
}
.space-y-45 > *:not(:first-child) {
  margin-top: 22.5px;
}
.section_11 {
  padding: 4px 0 4px 7px;
  background-color: #00000099;
  border-radius: 1.5px 0px 0px 1.5px;
}
.space-x-10 > *:not(:first-child) {
  margin-left: 5px;
}
.group_15 {
  margin-top: 50px;
  padding-left: 1.5px;
}
.space-x-23 > *:not(:first-child) {
  margin-left: 11.5px;
}
.image_11 {
  width: 2.5px;
  height: 9px;
}
.group_14 {
  line-height: 15px;
  width: 52.5px;
}
.pos_3 {
  position: absolute;
  right: 0;
  top: 182px;
}
.group_16 {
  margin-top: 30px;
}
.text_8 {
  color: #333333;
  font-size: 25px;
  font-family: Roboto;
  font-weight: 500;
  line-height: 20px;
}
.text_7 {
  line-height: 22.5px;
}
.group_17 {
  margin-top: 28px;
}
.text-wrapper_3 {
  padding: 270.5px 0 19.5px;
  background-image: url('../image/8fac94ef91c89da42082d7972b37b6ee.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 305px;
  
}
.text_11 {
  margin-left: 20.5px;
}
.group_18 {
  margin-right: 5px;
}
.text-wrapper_4 {
  padding: 118px 0 20px;
  background-image: url('../image/abe15316061052a1a1d295743b2e3df0.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 152px;
}
.text_9 {
  margin-left: 19.5px;
}
.text-wrapper_5 {
  padding: 118px 0 20px;
  background-image: url('../image/5bd270531a63b5dafb171d264a3cf06c.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 230px;
  height: 152px;
}
.text_10 {
  margin-left: 20px;
}
.text-wrapper_6 {
  padding: 119px 0 18px;
  background-image: url('../image/26bc3a9a4038fd7bdd8b5b7943ac5abe.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 230px;
  height: 152px;
}
.text_12 {
  margin-left: 19.5px;
}
.text-wrapper_7 {
  padding: 119px 0 18px;
  background-image: url('../image/a77fa57ac7fcdab624532c6aa343c6b5.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 152px;
}
.text_13 {
  margin-left: 20px;
}

.equal-division_2 {
  margin-right: 5px;
  /* margin-top: 27.5px; */
}
.equal-division-item_3 {
  /* padding: 128px 30px 31px; */
  flex: 1 1 414.5px;
  background-image: url('../image/3ea9115c9e148f9a7d4dfd5f4e1961b8.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  /* height: 230px; */
   padding: 300px 24px 31px;
}
.text_15 {
  color: #ffffff;
  font-size: 20px;
  font-family: Roboto;
  font-weight: 500;
  line-height: 20px;
}
.equal-division-item_4 {
  padding: 128px 30px 31px;
  flex: 1 1 414.5px;
  background-image: url('../image/d28549536c81b4c1abd57d4c486af0ec.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 230px;
}
.space-y-35 > *:not(:first-child) {
  margin-top: 17.5px;
}
.section_12 {
  margin-top: 13px;
  padding-top: 43px;
  background-image: url('../image/a260cbf6aad9f9d871207371c01a2cc4.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_19 {
  padding-left: 65px;
  padding-right: 61px;
}
.space-y-102 > *:not(:first-child) {
  margin-top: 51px;
}
.image_12 {
  width: 151px;
  height: 19px;
}
.section_13 {
  background-color: #009fe3;
  width: 1.5px;
  height: 12px;
}
.font_11 {
  font-size: 20px;
  font-family: SourceHanSansCN;
  line-height: 12px;
  font-weight: 500;
  color: #ffffff;
}
.space-x-16 > *:not(:first-child) {
  margin-left: 8px;
}
.divider {
  margin-right: 4px;
  background-color: #ffffff1a;
  height: 1px;
}
.group_20 {
  padding: 21px 16px 12.5px;
}
.space-x-40 > *:not(:first-child) {
  margin-left: 20px;
}
.image_14 {
  margin-top: 58.5px;
  width: 32px;
  height: 32px;
}
.group_21 {
  padding-bottom: 3px;
}
.group_22 {
  margin-right: 24.5px;
  padding: 6.5px 0 52px;
  width: 488px;
}
.space-x-432 > *:not(:first-child) {
  margin-left: 216px;
}
.equal-division-item_5 {
  width: 19.5px;
  height: 19.5px;
}
.section_14 {
  background-color: #ffffff1a;
  height: 80px;
}
.pos_4 {
  position: absolute;
  left: 134px;
  right: 353px;
  top: 0;
}
.pos_5 {
  position: absolute;
  left: 373px;
  right: 114px;
  top: 0;
}
.text_16 {
  color: #ffffff;
  font-size: 18px;
  font-family: Roboto;
  line-height: 13px;
}
.pos_8 {
  position: absolute;
  left: 0;
  bottom: 24px;
}
.group_24 {
  text-align: center;
  width: 140.5px;
}
.pos_6 {
  position: absolute;
  right: 189px;
  bottom: 0;
}
.font_12 {
  font-size: 12px;
  font-family: SourceHanSansCN;
  line-height: 20px;
  font-weight: 500;
  color: #ffffff;
}
.group_25 {
  text-align: center;
  width: 64.5px;
}
.pos_7 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.text_17 {
  color: #ffffff;
  font-size: 12px;
  font-family: Roboto;
  font-weight: 500;
  line-height: 20px;
}
.space-x-109 > *:not(:first-child) {
  margin-left: 54.5px;
}
.section_15 {
  background-color: #ffffff1a;
  width: 1px;
  height: 80px;
}
.group_23 {
  margin-top: 4px;
}
.space-y-15 > *:not(:first-child) {
  margin-top: 7.5px;
}
.image_13 {
  width: 60px;
  height: 60px;
}
.text_18 {
  font-weight: 500;
  line-height: 8.5px;
}
.group_26 {
	margin: 0 auto;
  padding: 19px 0;
  border-top: solid 1px #ffffff1a;
}
.group_27 {
  line-height: 8px;
  height: 50px;
}
.font_13 {
  font-size: 14px;
  font-family: SourceHanSansCN;
  line-height: 20px;
  font-weight: 500;
  color: #ffffff;
}
.font_14 {
  font-size: 16px;
  font-family: PingFangSC;
  line-height: 8px;
  font-weight: 500;
  color: #ffffff;
}
.text_19 {
  opacity: 0.29;
}
.space-x-13 > *:not(:first-child) {
  margin-left: 6.5px;
}