/*公共css*/
article,
aside,
audio,
blockquote,
body,
button,
dd,
details,
div,
dl,
dt,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
legend,
li,
main,
nav,
ol,
p,
pre,
section,
summary,
td,
textarea,
th,
ul,
video {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
  visibility: hidden;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
code,
kbd,
pre,
samp {
  font-family: monospace,serif;
  font-size: 1em;
}
del {
  font-family: Arial;
}
img {
  vertical-align: middle;
  border: 0;
}
li {
  list-style: none;
}
mark {
  background: #ff0;
  color: #000;
}
pre {
  white-space: pre-wrap;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
svg:not(:root) {
  overflow: hidden;
}
address,
caption,
cite,
dfn,
em,
i,
q,
th {
  font-weight: 400;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: 700;
}
fieldset,
legend {
  border: 0;
}
select,
input {
  background: none;
}
.g-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 0.6rem;
  line-height: 1.42857143;
  margin: 0;
  padding: 0.1rem 0.16rem;
  font-family: "Hiragino Sans GB", "微软雅黑", sans-serif;
  color: #333333;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
}
.g-input:-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.g-input::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.g-input:-ms-input-placeholder {
  color: #8c8c8c;
}
.g-input::-webkit-input-placeholder {
  color: #8c8c8c;
}
.g-input:focus {
  outline: 0;
}
.g-input[disabled],
.g-input[readonly],
fieldset[disabled] .g-input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.g-input {
  height: auto;
}
select.g-input {
  height: 0.6rem;
}
.g-input-radio,
.g-input-checkbox {
  display: inline-block;
  height: 0.6rem;
  line-height: 0.6rem;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="radio"],
input[type="checkbox"] {
  margin-right: 4px;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button,
input,
select,
select optgroup,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  line-height: inherit;
  vertical-align: middle;
}
button,
input,
select[multiple],
textarea {
  background-image: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
body {
  font-family: "微软雅黑";
  font-size: 0.28rem;
  line-height: 1.42857143;
  color: #666;
  max-width: 7.5rem;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
  padding-bottom: 0.6rem;
}
a {
  cursor: pointer;
  color: #666;
  text-decoration: none;
}
a:active,
a:hover {
  color: #666;
  /*text-decoration: underline;*/
}
a:focus {
  outline: thin dotted #333;
  outline: 0.05rem auto -webkit-focus-ring-color;
  outline-offset: -0.02rem;
}
/*end*/
button {
  border: 0;
}
.g-wrapper {
  padding-left: 4%;
  padding-right: 4%;
}
.grid-body {
  background-color: #ffff;
  color: #333;
  position: relative;
}
.grid-body .title {
  width: 100%;
  position: relative;
  z-index: 99;
  text-align: center;
  font-size: 0.32rem;
  color: #222;
  font-weight: 700;
  box-sizing: border-box;
  padding: 0.6rem 0 0.2rem;
  background: url(../images/2022040103.png) no-repeat 1.59rem 0.85rem;
  background-size: 4.3rem 0.18rem;
}
.grid-body .title::before {
  content: '';
  display: block;
  position: absolute;
  left: 1rem;
  top: 0.65rem;
  width: 0.12rem;
  height: 0.12rem;
  background: url(../images/2022040101.png) no-repeat center;
  background-size: contain;
  z-index: -1;
}
.grid-body .title::after {
  content: '';
  display: block;
  position: absolute;
  left: 6.2rem;
  top: 0.65rem;
  width: 0.26rem;
  height: 0.28rem;
  background: url(../images/2022040102.png) no-repeat center;
  background-size: contain;
  z-index: -1;
}
.grid-body .subTitle {
  color: #FF696D;
  font-size: 0.28rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.grid-body .linajie {
  width: 83%;
  box-sizing: border-box;
  padding-bottom: 0.4rem;
  margin: 0.4rem auto 0;
  display: flex;
}
.grid-body .linajie .but {
  background-color: #DA2946;
  width: 49%;
  height: 0.94rem;
  border-radius: 0.1rem;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-size: 0.28rem;
  line-height: 0.94rem;
  font-weight: bold;
  border: 0.01rem solid #DA2946;
  box-sizing: border-box;
  padding: 0 0.1rem;
}
.grid-body .linajie .phone {
  position: relative;
  background-color: #fff;
  color: #2E7FFF;
  width: 49%;
  font-weight: bold;
  height: 0.94rem;
  border-radius: 0.1rem;
  text-decoration: none;
  border: 0.01rem solid #2E7FFF;
  text-align: right;
  padding-right: 0.2rem;
  font-size: 0.28rem;
  line-height: 0.94rem;
  margin-left: 6%;
}
.grid-body .linajie .phone::before {
  position: absolute;
  left: 0.2rem;
  transform: translateY(-50%);
  top: 50%;
  display: inline-block;
  content: '';
  width: 0.45rem;
  height: 0.45rem;
  background: url(../images/2022040108.png) no-repeat center;
  background-size: contain;
  line-height: 0.94rem;
}
.grid-body .banner {
  width: 100%;
  height: 6.05rem;
  background: url(../images/2022033101.png) no-repeat center;
  background-size: cover;
  overflow: hidden;
  box-sizing: border-box;
}
.grid-body .banner .info1 {
  position: relative;
  width: 7.1rem;
  height: 1.66rem;
  background: url(../images/2022033102.png) no-repeat center;
  background-size: contain;
  margin-left: 0.6rem;
  margin-top: 0.56rem;
}
.grid-body .banner .info1 p {
  position: absolute;
  top: 0.7rem;
  color: #fff;
  font-size: 0.24rem;
  font-weight: 700;
}
.grid-body .banner .info1 p:first-child {
  left: 0.07rem;
}
.grid-body .banner .info1 p:nth-child(2) {
  left: 1.19rem;
}
.grid-body .banner .info1 p:nth-child(3) {
  left: 2.32rem;
}
.grid-body .banner .info1 p:nth-child(4) {
  left: 3.36rem;
}
.grid-body .banner .info2 {
  margin-top: -0.25rem;
}
.grid-body .banner .info2 h1 {
  font-size: 0.62rem;
  color: #fff;
  text-align: center;
}
.grid-body .banner .info2 h1 i {
  font-weight: 700;
  color: #FFDA72;
}
.grid-body .banner .info3 {
  width: 85%;
  padding: 0 0.1rem;
  height: 0.53rem;
  font-weight: 700;
  text-align: center;
  margin: 0.16rem auto 0;
  border-radius: 0.05rem;
  background-color: #FF8863;
}
.grid-body .banner .info3 p {
  line-height: 0.53rem;
  color: #FEFEFF;
  font-size: 0.26rem;
  text-shadow: 1.88px 2.33px 4px #333;
}
.grid-body .banner .info4 {
  color: #fff;
  font-size: 0.26rem;
}
.grid-body .banner .info4 ul {
  width: 5.26rem;
  margin: 0.2rem auto 0;
  display: flex;
  justify-content: space-between;
}
.grid-body .banner .linajie {
  width: auto;
  margin-top: 0.54rem;
}
.grid-body .banner .linajie .but {
  background-color: #FF3036;
  color: #fff;
  padding: 0 0.15rem;
  height: 0.8rem;
  margin: 0 auto;
  line-height: 0.8rem;
}
.grid-body .content1 {
  padding-bottom: 0.9rem;
}
.grid-body .content1 .info1 {
  position: relative;
  width: 6.91rem;
  margin: 0 auto;
  padding-top: 0.5rem;
  background-color: #dee9fb;
  padding-bottom: 1.4rem;
}
.grid-body .content1 .info1 p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 87%;
  text-align: left;
  margin: 0 auto;
  font-size: 0.26rem;
  margin-bottom: 0.1rem;
}
.grid-body .content1 .info1 p i {
  font-weight: 700;
}
.grid-body .content1 .info1 p:first-child {
  font-weight: 700;
}
.grid-body .content1 .info1 .info2 {
  position: absolute;
  width: 6.46rem;
  height: 1.95rem;
  transform: translateX(-50%);
  left: 50%;
  top: 2.6rem;
  background: url(../images/2022040104.png) no-repeat center;
  background-size: contain;
}
.grid-body .content1 .info1 .info2 div {
  width: 3.2rem;
  height: 0.56rem;
  margin: 0.1rem auto 0.04rem;
  background: url(../images/2022040105.png) no-repeat center;
  background-size: contain;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 0.56rem;
  font-size: 0.28rem;
}
.grid-body .content1 .info1 .info2 ul {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.grid-body .content1 .info1 .info2 ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  flex: 49%;
  font-size: 0.26rem;
  color: #fff;
  margin-bottom: 0.1rem;
  cursor: pointer;
}
.grid-body .content1 .linajie {
  position: absolute;
  z-index: 99;
  transform: translateX(-50%);
  left: 50%;
  top: 3.7rem;
  height: 0.8rem;
  margin-top: 0.54rem;
}
.grid-body .content1 .linajie .but {
  background-color: #ffce48;
  color: #FF6624;
  border: 0;
  padding: 0 0.15rem;
  height: 0.8rem;
  margin: 0 auto;
  line-height: 0.8rem;
}
.grid-body .content2 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(../images/2022040106.png) no-repeat;
  background-size: cover;
  margin-top: 0.3rem;
}
.grid-body .content2 .title::before {
  left: 0.7rem;
}
.grid-body .content2 .title::after {
  left: 6.55rem;
}
.grid-body .content2 .content {
  width: 100%;
}
.grid-body .content2 .content .hd {
  height: 0.7rem;
  margin: 0 auto 0.3rem;
}
.grid-body .content2 .content .hd ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.grid-body .content2 .content .hd ul li {
  padding: 0 0.15rem;
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 0.57rem;
  text-align: center;
  cursor: pointer;
  color: #333;
  background-color: #bfd4fd;
}
.grid-body .content2 .content .hd ul .active {
  color: #FFF;
  background-color: #2e7fff;
  position: relative;
  top: -0.02rem;
  font-weight: bold;
  cursor: pointer;
}
.grid-body .content2 .content .bd {
  width: 6.92rem;
  background: url(../images/2022040107.png) no-repeat;
  background-size: cover;
  box-sizing: border-box;
  padding: 0.4rem;
  padding-bottom: 0.5rem;
}
.grid-body .content2 .content .bd .item {
  font-size: 0.26rem;
  color: #333;
}
.grid-body .content2 .content .bd .item p {
  margin-bottom: 0.1rem;
  line-height: 0.4rem;
}
.grid-body .content2 .content .bd .item p i {
  font-weight: 700;
}
.grid-body .content2 .content .bd .item ul li {
  margin-bottom: 0.1rem;
  line-height: 0.4rem;
}
.grid-body .content2 .content .bd .active {
  display: block;
}
.grid-body .content3 {
  width: 100%;
  height: 10.5rem;
  background: url(../images/2022040109.png) no-repeat center;
  background-size: cover;
}
.grid-body .content3 .title::before {
  left: 0.9rem;
}
.grid-body .content3 .title::after {
  left: 6.5rem;
}
.grid-body .content3 ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.34rem;
  justify-content: space-between;
  row-gap: 0.21rem;
  margin-top: 0.4rem;
}
.grid-body .content3 ul li {
  position: relative;
  width: 2.5rem;
  height: 3.65rem;
  background-color: #E6EFFF;
  box-shadow: 0.01rem 0.01rem 0.13rem 0;
  padding: 0 0.2rem;
}
.grid-body .content3 ul li .wrapper_img {
  width: 0.5rem;
  margin: 0.24rem auto 0;
}
.grid-body .content3 ul li .wrapper_img img {
  width: 100%;
  height: 100%;
}
.grid-body .content3 ul li p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*autoprefixer: off;*/
  /*autoprefixer: on;*/
  -webkit-line-clamp: 4;
  padding-top: 0.14rem;
}
.grid-body .content3 ul li .btn {
  width: 2.16rem;
  height: 0.61rem;
  margin: 0.1rem auto 0;
}
.grid-body .content3 ul li .btn button {
  width: 100%;
  height: 100%;
  background-color: #1561F3;
  color: #fff;
  border-radius: 0.1rem;
}
.grid-body .content3 ul li::before {
  position: absolute;
  left: 0.05rem;
  top: -0.26rem;
  display: block;
  content: '春招';
  text-align: center;
  line-height: 1rem;
  width: 1.2rem;
  height: 1rem;
  background: url(../images/2022040111.png) no-repeat center;
  background-size: contain;
}
.grid-body .content3 ul li::after {
  position: absolute;
  right: -1.1rem;
  top: 0.2rem;
  z-index: 99;
  display: block;
  content: '10-2月';
  color: #fff;
  text-align: center;
  padding-right: 0.2rem;
  box-sizing: border-box;
  line-height: 1.55rem;
  width: 1.12rem;
  height: 1.56rem;
  background: url(../images/2022040113.png) no-repeat center;
  background-size: contain;
}
.grid-body .content3 ul li:nth-child(2) .wrapper_img {
  width: 0.65rem;
}
.grid-body .content3 ul li:nth-child(2)::before {
  content: '秋招';
}
.grid-body .content3 ul li:nth-child(2)::after {
  position: absolute;
  padding-right: 0;
  padding-left: 0.2rem;
  left: -1.1rem;
  top: 1.3rem;
  content: '3-5月';
  background: url(../images/2022040114.png) no-repeat center;
  background-size: contain;
}
.grid-body .content3 ul li:nth-child(3) .wrapper_img {
  width: 0.65rem;
  height: 0.6rem;
}
.grid-body .content3 ul li:nth-child(3)::before {
  content: '补录';
}
.grid-body .content3 ul li:nth-child(3)::after {
  content: '7-8月';
  background: url(../images/2022040113.png) no-repeat center;
  background-size: contain;
}
.grid-body .content3 ul li:nth-child(4) .wrapper_img {
  width: 0.65rem;
  height: 0.6rem;
}
.grid-body .content3 ul li:nth-child(4)::before {
  content: '开学';
}
.grid-body .content3 ul li:nth-child(4)::after {
  position: absolute;
  padding-right: 0;
  padding-left: 0.25rem;
  left: -1.1rem;
  top: 1.3rem;
  content: '9-10月';
  background: url(../images/2022040114.png) no-repeat center;
  background-size: contain;
}
.grid-body .content4 .title::before {
  left: 0.65rem;
}
.grid-body .content4 .title::after {
  left: 6.7rem;
}
.grid-body .content4 .content {
  width: 100%;
  background-color: #fff;
}
.grid-body .content4 .content .hd {
  background-color: #fff;
  height: 0.7rem;
  padding-left: 0.2rem;
  padding-right: 0.3rem;
}
.grid-body .content4 .content .hd ul {
  width: 100%;
  margin: 0.4rem auto 0;
  display: flex;
  justify-content: space-around;
}
.grid-body .content4 .content .hd ul li {
  width: 1.5rem;
  height: 0.57rem;
  font-size: 0.26rem;
  font-weight: 700;
  line-height: 0.57rem;
  text-align: center;
  cursor: pointer;
  color: #555;
  border: 0.01rem solid #555;
  border-radius: 0.05rem;
}
.grid-body .content4 .content .hd ul .active {
  color: #FFF;
  background-color: #1561f3;
  position: relative;
  top: -0.02rem;
  font-weight: bold;
  cursor: pointer;
}
.grid-body .content4 .content .hd ul .active span {
  box-sizing: border-box;
  padding-bottom: 0.05rem;
  border-bottom: 0.05rem solid #fff;
}
.grid-body .content4 .content .bd {
  padding: 0.2rem;
}
.grid-body .content4 .content .bd ul {
  height: 11.7rem;
  overflow-y: scroll;
  display: none;
}
.grid-body .content4 .content .bd ul:after {
  content: "";
  display: table;
  clear: both;
}
.grid-body .content4 .content .bd ul li {
  border: 1px solid #BCBEBE;
  width: 48%;
  height: 3.75rem;
  box-sizing: border-box;
  float: left;
  margin-right: 2%;
  margin-bottom: 0.2rem;
  position: relative;
}
.grid-body .content4 .content .bd ul li > div:first-child {
  width: 100%;
  padding: 0.16rem 0 0.05rem;
  padding: 0.1rem 0;
  border-bottom: 0.01rem solid #BCBEBE;
}
.grid-body .content4 .content .bd ul li .logo {
  height: 0.7rem;
  width: 2.8rem;
  text-align: center;
  margin: 0 auto;
}
.grid-body .content4 .content .bd ul li .logo img {
  width: 100%;
  height: 100%;
}
.grid-body .content4 .content .bd ul li .content {
  width: 100%;
  height: 2rem;
  box-sizing: border-box;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 0.15rem;
}
.grid-body .content4 .content .bd ul li h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*autoprefixer: off;*/
  /*autoprefixer: on;*/
  -webkit-line-clamp: 2;
  line-height: 0.39rem;
  font-size: 0.28rem;
  font-weight: 700;
  box-sizing: border-box;
  padding-bottom: 0.05rem;
}
.grid-body .content4 .content .bd ul li .subject {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*autoprefixer: off;*/
  /*autoprefixer: on;*/
  -webkit-line-clamp: 2;
  width: 2.89rem;
  font-size: 0.26rem;
}
.grid-body .content4 .content .bd ul li .crowd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.26rem;
}
.grid-body .content4 .content .bd ul li .link {
  margin: 0.15rem 4%;
  width: 92%;
  display: flex;
  justify-content: space-between;
}
.grid-body .content4 .content .bd ul li .link a {
  width: 47%;
  height: 0.41rem;
  line-height: 0.35rem;
  font-size: 0.26rem;
  border: 1px solid #5552CA;
  color: #5552CA;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  box-sizing: border-box;
}
.grid-body .content4 .content .bd ul li .link a:last-child {
  color: #FF8201;
  border: 1px solid #FF8201;
}
.grid-body .content4 .content .bd ul li:nth-child(2n) {
  margin-right: 0;
}
.grid-body .content4 .content .bd .active {
  display: block;
}
.grid-body .content5 {
  width: 100%;
  margin-top: 0.4rem;
  height: 8.19rem;
  background-color: #F7F7F7;
}
.grid-body .content5 h1 {
  color: #2578FF;
  font-size: 0.32rem;
  text-align: center;
  margin-bottom: 0.29rem;
}
.grid-body .content5 .info1 {
  padding: 0 0.3rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.grid-body .content5 .info1 .process {
  display: inline-block;
  width: 1.94rem;
  height: 1.88rem;
  font-weight: 700;
  background: url(../images/2022040203.png) no-repeat center;
  background-size: contain;
  color: #fff;
  font-size: 0.28rem;
  text-align: center;
  line-height: 1.3rem;
}
.grid-body .content5 .info1 .second {
  background: url(../images/2022040205.png) no-repeat center;
  background-size: contain;
}
.grid-body .content5 .info1 .third {
  background: url(../images/2022040206.png) no-repeat center;
  background-size: contain;
}
.grid-body .content5 .info1 .arrow {
  width: 0.34rem;
  height: 0.84rem;
}
.grid-body .content5 .info2 {
  position: relative;
  width: 4.41rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.grid-body .content5 .info2::after {
  position: absolute;
  right: -0.55rem;
  top: -0.1rem;
  display: inline-block;
  content: '';
  width: 1rem;
  height: 0.84rem;
  background: url(../images/2022040210.png) no-repeat center;
  background-size: contain;
}
.grid-body .content5 .info2 .process {
  display: inline-block;
  width: 1.94rem;
  height: 1.88rem;
  font-weight: 700;
  background: url(../images/2022040207.png) no-repeat center;
  background-size: contain;
  color: #fff;
  font-size: 0.28rem;
  text-align: center;
  line-height: 2.3rem;
}
.grid-body .content5 .info2 .second {
  background: url(../images/2022040209.png) no-repeat center;
  background-size: contain;
}
.grid-body .content5 .info2 .arrow {
  width: 0.34rem;
  height: 0.84rem;
}
.grid-body .content6 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.grid-body .content6 ul li {
  width: 3.38rem;
  padding-bottom: 0.3rem;
  overflow: hidden;
  margin-bottom: 0.1rem;
}
.grid-body .content6 ul li h1 {
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
  margin-top: 0.4rem;
}
.grid-body .content6 ul li .txt {
  height: 2.6rem;
  margin-top: 1.3rem;
  text-align: center;
  font-size: 0.26rem;
}
.grid-body .content6 ul li .txt p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 0.05rem;
  padding: 0 0.2rem;
}
.grid-body .content6 ul li .btn {
  width: 2.16rem;
  height: 0.61rem;
  margin: 0.1rem auto 0;
}
.grid-body .content6 ul li .btn button {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
  background-color: #FF3036;
  color: #fff;
  cursor: pointer;
}
.grid-body .content6 ul li:first-child {
  background: url(../images/2022040211.png) no-repeat center;
  background-size: cover;
}
.grid-body .content6 ul li:nth-child(2) {
  background: url(../images/2022040212.png) no-repeat center;
  background-size: cover;
}
.grid-body .content6 ul li:nth-child(3) {
  background: url(../images/2022040213.png) no-repeat center;
  background-size: cover;
}
.grid-body .content6 ul li:nth-child(4) {
  background: url(../images/2022040214.png) no-repeat center;
  background-size: cover;
}
.grid-body .content6 ul li:nth-child(4) h3 {
  text-align: center;
  color: #1561F3;
  font-size: 0.26rem;
  padding: 0.4rem 0.33rem 0 0.2rem;
}
.grid-body .content7 {
  width: 100%;
  height: 16.32rem;
  box-sizing: border-box;
  background-color: #E4EAFC;
}
.grid-body .content7 .title::after {
  left: 6.3rem;
}
.grid-body .content7 .info1 {
  width: 6.88rem;
  height: 3.38rem;
  margin: 0 auto;
  border: 0.02rem solid #1561F3;
  border-radius: 0 1rem 0 1rem;
  background-color: #1561f3;
  overflow: hidden;
}
.grid-body .content7 .info1 h1 {
  color: #fff;
  text-align: center;
  padding: 0.15rem 0;
}
.grid-body .content7 .info1 .main {
  width: 100%;
  height: 2.75rem;
  background-color: #fff;
}
.grid-body .content7 .info1 .main .pic {
  width: 100%;
  height: 100%;
  background-color: #fff;
  background: url(../images/2022040215.png) no-repeat center;
  background-size: cover;
}
.grid-body .content7 .info1 .main .pic ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.grid-body .content7 .info1 .main .pic ul li {
  width: 1.45rem;
  height: 0.36rem;
  font-weight: 700;
  background-color: #fff;
  border: 0.01rem solid #7D7D7D;
  text-align: center;
  line-height: 0.36rem;
  padding: 0.1rem 0.05rem;
  margin-top: 0.2rem;
  border-radius: 0.1rem;
}
.grid-body .content7 .info1 .main .pic ul .active {
  color: #fff;
  background-color: #1561F3;
}
.grid-body .content7 .info1 .main .pic .btn {
  width: 2.61rem;
  height: 0.72rem;
  margin: 0.2rem auto 0;
}
.grid-body .content7 .info1 .main .pic .btn button {
  width: 100%;
  height: 100%;
  background-color: #FF3036;
  border-radius: 0.1rem;
  text-align: center;
  line-height: 0.72rem;
  color: #fff;
}
.grid-body .content7 .info2 {
  display: flex;
  justify-content: space-around;
  margin-top: 0.44rem;
}
.grid-body .content7 .info2 div {
  width: 2rem;
  height: 2rem;
  font-weight: 700;
  text-align: center;
}
.grid-body .content7 .info2 div h3 {
  margin-top: 0.47rem;
  color: #fff;
}
.grid-body .content7 .info2 div h2 {
  color: #FFE037;
}
.grid-body .content7 .info2 div:first-child {
  background: url(../images/2022040216.png) no-repeat center;
  background-size: contain;
}
.grid-body .content7 .info2 div:nth-child(2) {
  background: url(../images/2022040217.png) no-repeat center;
  background-size: contain;
}
.grid-body .content7 .info2 div:nth-child(3) {
  background: url(../images/2022040218.png) no-repeat center;
  background-size: contain;
}
.grid-body .content7 .info3 {
  width: 90%;
  overflow: hidden;
  margin: 0.52rem auto 0;
  padding-bottom: 0.4rem;
  background-color: #fff;
  box-shadow: 0 0 0.16rem #aaa;
}
.grid-body .content7 .info3 h1 {
  font-size: 0.32rem;
  font-weight: 700;
  color: #1561F3;
  text-align: center;
  margin: 0.3rem 0;
}
.grid-body .content7 .info3 h1::before {
  display: inline-block;
  content: '';
  width: 0.42rem;
  height: 0.21rem;
  margin-right: 0.37rem;
  background: url(../images/2022040219.png) no-repeat center;
  background-size: contain;
}
.grid-body .content7 .info3 h1::after {
  display: inline-block;
  content: '';
  width: 0.42rem;
  height: 0.21rem;
  margin-left: 0.37rem;
  background: url(../images/2022040219.png) no-repeat center;
  background-size: contain;
}
.grid-body .content7 .info3 fieldset {
  width: 80%;
  margin: 0.1rem auto 0;
  background-color: #fff;
  box-sizing: border-box;
  padding-top: 0.3rem;
}
.grid-body .content7 .info3 fieldset > p {
  position: relative;
}
.grid-body .content7 .info3 fieldset > p input,
.grid-body .content7 .info3 fieldset > p select {
  border-radius: 0.05rem;
  width: 4rem;
  font-size: 0.28rem;
  height: 0.32rem;
  background-color: #eeeeee;
  border: 0;
  margin: 0 auto;
  display: block;
  padding: 0.2rem;
  outline: none;
  position: relative;
  margin-bottom: 0.2rem;
}
.grid-body .content7 .info3 fieldset > p input::-webkit-input-placeholder,
.grid-body .content7 .info3 fieldset > p select::-webkit-input-placeholder {
  color: #999999;
}
.grid-body .content7 .info3 fieldset > p select {
  width: 4.4rem;
  height: 0.72rem;
  padding: 0;
  text-indent: 0.2rem;
  outline: none;
  border-radius: 0.05rem;
  /* 清除默认的箭头样式 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /* 右侧添加箭头的背景图  自行调整位置 */
  background-image: url('../images/2021032203.png');
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-size: 0.26rem auto;
  color: #000;
}
.grid-body .content7 .info3 fieldset .form_btn {
  position: relative;
}
.grid-body .content7 .info3 fieldset .form_btn .btn_s {
  width: 3.1rem;
  height: 0.66rem;
  background: url(../images/2022040220.png) no-repeat center;
  background-size: contain;
  margin: 0.3rem auto;
  border-radius: 0.08rem;
  display: block;
  color: #FF6C00;
  font-weight: 700;
  font-size: 0.28rem;
  text-align: center;
  outline: none;
  line-height: 0.64rem;
}
.grid-body .content7 .info3 fieldset .form_btn a {
  position: absolute;
  right: 0.07rem;
  bottom: 0;
  font-size: 0.14rem;
  color: #CECECE;
}
.grid-body .content7 .info3 ul {
  display: flex;
  padding: 0 0.4rem;
  column-gap: 2%;
}
.grid-body .content7 .info3 ul > li:first-child {
  flex: 15%;
  text-align: center;
  background-color: #E4EDFD;
  padding: 0.05rem;
  border-radius: 0.1rem;
}
.grid-body .content7 .info3 ul > li:first-child h3 {
  font-weight: 700;
}
.grid-body .content7 .info3 ul > li:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*autoprefixer: off;*/
  /*autoprefixer: on;*/
  -webkit-line-clamp: 2;
  flex: 82%;
  height: 0.74rem;
  padding-top: 0.1rem;
  font-size: 0.24rem;
}
.grid-footer {
  background-color: #fff;
}
.form_show_box {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.form_show_box .form_show {
  width: 6.3rem;
/*  height: 8.2rem;*/
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.1rem;
  background-color: #2d1be1;
  animation: mymove 0.5s;
  -webkit-animation: mymove 0.5s;
  padding-bottom: 0.4rem;
}
.form_show_box .form_show .form_top {
  height: 1.2rem;
  width: 100%;
  padding-top: 0.2rem;
}
.form_show_box .form_show .form_top h2 {
  font-size: 0.38rem;
  color: #fff;
  text-align: center;
  line-height: 1.6;
  margin-top: 0.1rem;
}
.form_show_box .form_show .form_top p {
  width: 77%;
  background-color: #1561f3;
  padding: 0 0.1rem;
  border-radius: 0.2rem;
  margin: 0 auto;
  font-size: 0.3rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.2rem;
}
.form_show_box .form_show fieldset {
  width: 80%;
  margin: 0.4rem auto 0;
  background-color: #fff;
  box-sizing: border-box;
  padding-top: 0.3rem;
}
.form_show_box .form_show fieldset > p {
  position: relative;
}
.form_show_box .form_show fieldset > p input,
.form_show_box .form_show fieldset > p select {
  border-radius: 0.05rem;
  width: 4rem;
  font-size: 0.28rem;
  height: 0.32rem;
  border: 1px solid #C2C2C2;
  margin: 0 auto;
  display: block;
  padding: 0.2rem;
  outline: none;
  position: relative;
  margin-bottom: 0.2rem;
}
.form_show_box .form_show fieldset > p input::-webkit-input-placeholder,
.form_show_box .form_show fieldset > p select::-webkit-input-placeholder {
  color: #999999;
}
.form_show_box .form_show fieldset > p select {
  width: 4.4rem;
  height: 0.72rem;
  padding: 0;
  text-indent: 0.2rem;
  outline: none;
  border-radius: 0.05rem;
  /* 清除默认的箭头样式 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /* 右侧添加箭头的背景图  自行调整位置 */
  background-image: url('../images/2021032203.png');
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-size: 0.26rem auto;
  color: #000;
}
.form_show_box .form_show fieldset .form_btn {
  position: relative;
}
.form_show_box .form_show fieldset .form_btn button {
  width: 2.5rem;
  height: 0.66rem;
  background-color: #fec70d;
  margin: 0.3rem auto;
  border-radius: 0.4rem;
  display: block;
  color: #fff;
  font-size: 0.3rem;
  font-weight: 700;
  text-align: center;
  outline: none;
  line-height: 0.64rem;
}
.form_show_box .form_show fieldset .form_btn a {
  position: absolute;
  right: 0.07rem;
  bottom: 0;
  font-size: 0.14rem;
  color: #CECECE;
}
.form_show_box .form_show #hide {
  font-weight: normal;
  text-align: center;
  font-size: 0.4rem;
  color: #fff;
  position: absolute;
  top: 0.1rem;
  display: inline-block;
  width: 0.22rem;
  height: 0.44rem;
  right: 0.3rem;
  z-index: 888;
}
@keyframes mymove {
  from {
    top: 0px;
  }
  to {
    top: 50%;
  }
}
@-webkit-keyframes mymove {
  /*Safari and Chrome*/
  from {
    top: 0px;
  }
  to {
    top: 50%;
  }
}