img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

body {
  background-color: #f5f5f5;
}

.hide {
  display: none;
}

* {
  padding: 0;
  margin: 0;
}

a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

.tips {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -52vw;
  width: 100%;
  transform: translateX(-50%);
  height: 10vw;
  font-size: 4vw;
  background: #fff2f0;
  border: 1px solid #ffccc7;
  font-family: 微软雅黑;
  text-align: center;
  line-height: 10vw;
  z-index: 2000;
  display: none;
}

.banner_box {
  width: 94.67vw;
  margin: 3vw auto;
}

.banner_box a {
  width: 100%;
}

.banner_box img {
  border-radius: 1vw;
}

.module_1,
.module_2,
.module_4,
.module_6,
.module_7,
.module_8,
.module_9,
.module_11,
.module_12,
.module_15,
.module_20,
.module_22 {
  width: 100%;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
}

.module_1 {
  height: 10.4vw;
  background-image: url("./1.png");
  background-size: 100% 100%;
}

.log_in {
  width: 20vw;
  height: 6vw;
  position: absolute;
  right: 3vw;
  top: 2vw;
}

.log_out {
  position: absolute;
  right: 3vw;
  top: 2vw;
  font-size: 4vw;
  color: #444444;
}

.log_out img {
  width: 5vw;
}

.module_2 {
  height: 10.5vw;
  background-image: url("./2.png");
  background-size: 100% 100%;
}

.module2_title {
  width: auto;
  color: #ffffff;
  font-size: 5vw;
  line-height: 10.5vw;
  margin-left: 3vw;
  display: flex;
  align-items: center;
}

.module2_title img {
  width: 4vw;
  margin-left: 2vw;
}

.module2_content {
  position: absolute;
  width: 29.6vw;
  height: auto;
  background: #ffffff;
  z-index: 4;
  left: 6vw;
  box-shadow: 0px 5px 10px 0px rgb(150 183 177 / 11%);
  border: 1px solid #e9e9e9;
  padding: 0 2vw;
  border-radius: 1vw;
  display: none;
}

.module2_content a {
  display: inherit;
  font-size: 3vw;
  line-height: 7.47vw;
  border-bottom: 1px dashed silver;
  text-align: center;
}

.module2_content a:nth-last-child(1) {
  border: none !important;
}

.module_4 {
  height: 54vw;
  background-image: url(./4.png);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 5vw 0;
}

.module_4 div {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 3vw;
}

.module_4 a {
  width: 14vw;
}

.module_5 {
  color: #222222;
  padding: 0 3vw;
  margin-bottom: 3vw;
  box-sizing: border-box;
  font-size: 4vw;
  line-height: 6vw;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.module_5 img {
  width: 5vw;
  height: 5vw;
  margin-right: 2vw;
}

.module_5 span {
  color: red;
  margin-left: 8vw;
  text-decoration: underline;
}

.module_6 {
  height: 42vw;
  padding-top: 14vw;
}
.lis6-2,.lis6-title{
  position: relative;

}
.lis6-2 span{
  position: absolute;
  height: 100%;
  width: 80%;
  left: 22vw;
  color: #333;
  font-size: 14px;
}
.lis6-title span{
  position: absolute;
  height: 100%;
  width: 80%;
  left: 7vw;
  font-size: 15px;
  font-weight: bold;
  color: #333;
}
.module_6 a,
.module_7 a,
.module_8 a,
.module_9 a {
  width: 100%;
}

.module_6 {
  background-image: url("./6.png");
}

.module_7 {
  background-image: url("./7.png");
  height: 26.67vw;
}

.module_8 {
  background-image: url("./8.png");
  height: 26.67vw;
}

.module_9 {
  background-image: url("./9.png");
  height: 28vw;
}

.module_6 a:nth-child(2) {
  margin-top: 3vw;
}

.module_7 a:nth-child(2),
.module_8 a:nth-child(2),
.module_9 a:nth-child(2) {
  margin-top: 3vw;
}

.module_6 a:nth-child(3) {
  margin-top: 3vw;
}

.module_7 a:nth-child(3),
.module_8 a:nth-child(3),
.module_9 a:nth-child(3) {
  margin-top: 3vw;
}

.module_10 {
  box-sizing: border-box;
  width: 95%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 3vw;
}

.module_10 img {
  width: 45vw;
}

.module_11 {
  height: 50vw;
  background-image: url("./11.png");
  background-size: 100% 100%;
}

.count_Timeone,
.count_Timetwo,
.count_Timethree {
  font-size: 10vw;
  position: absolute;
  font-weight: 600;
  color: #424141;
  width: 10vw;
  top: 28vw;
  text-align: center;
}

.count_Timeone {
  left: 25.4vw;
}

.count_Timetwo {
  left: 40.8vw;
}

.count_Timethree {
  left: 56vw;
}

.module_12 {
  height: 118.5vw;
  background-image: url("./12.png");
  background-size: 100% 100%;
  color: #ff7e00;
  font-size: 4vw;
  position: relative;
}

.module_12 div {
  position: absolute;
  left: 12vw;
}

.module_12 div:nth-child(1) {
  top: 23.5vw;
}

.module_12 div:nth-child(2) {
  top: 40vw;
}

.module_12 div:nth-child(3) {
  top: 56.5vw;
}

.module_12 div:nth-child(4) {
  top: 72.5vw;
}

.module_12 div:nth-child(5) {
  top: 89vw;
}

.module_12 div:nth-child(6) {
  top: 106vw;
}

.module_12 div a {
  border-bottom: 1px solid;
  margin-right: 8vw;
  display: initial;
}

.module_14 {
  width: 94.7%;
  height: auto;
  margin: 0 auto 2.5vw;
  padding: 4vw 0 4vw;
  background-color: #ffffff;
  border-radius: 2vw;
}

.module_14 a {
  width: 100%;
}

.module_15 {
  height: 107vw;
  background-image: url(./15.png);
  background-size: 100% 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 16vw 3vw 3vw 3vw;
}

.module_15 a {
  width: 42vw;
  position: relative;
}

.module_15 div {
  position: absolute;
  color: #ff3c0a;
  font-size: 4vw;
  bottom: 4.5vw;
  right: 2vw;
  letter-spacing: -1px;
}

.module_15 div span {
  font-size: 6vw;
  font-weight: 600;
  margin-left: 1vw;
}

.module_15 a img {
  box-shadow: 0px 2px 16px 0px rgb(223 223 223 / 88%);
}

.module_16,
.module_18,
.module_21 {
  width: 100%;
}
.module_18{
  margin-bottom: 2vw;
}
.module_20 {
  height: 101vw;
  background-image: url("./20.png");
  background-size: 100% 100%;
  padding: 15vw 4vw 2vw 6vw;
}

.module_20 > a {
  width: 53vw;
  margin: 2vw auto 0;
  display: block;
}

.module_20 div {
  font-size: 3vw;
  color: #444444;
  line-height: 7vw;
}

.module_20 div a {
  display: block;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline !important;
}

.module_20 div.yellow {
  display: flex;
  color: #ff6600;
}

.module_20 span {
  width: 16vw;
  color: red;
}

.module_22 {
  height: 74.4vw;
  background-image: url("./22.png");
  background-size: 100% 100%;
  padding: 44vw 0 0 0;
}

.module_22 div {
  width: 86%;
  display: flex;
  justify-content: space-between;
  margin: auto;
}

.module_22 div input {
  width: 41.8vw;
  height: 7.9vw;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #dcdcdc;
  text-align: center;
  font-size: 3vw;
  border-radius: 1vw;
}

.module_22 button {
  display: block;
  width: 47.07vw;
  height: 7.87vw;
  border: none;
  color: #ffffff;
  font-size: 3.2vw;
  margin: 4vw auto 0;
  background: linear-gradient(0deg, #f0694d 0%, #f69442 100%);
  box-shadow: 0px 1vw 2vw 0px rgb(240 109 76 / 31%);
  border-radius: 4vw;
}