.fx-f,
.fx-f-ac,
.fx-f-ajc {
  display: flex;
}

.fx-f-ac,
.fx-f-ajc {
  align-items: center;
}

.fx-f-ajc {
  justify-content: center;
}

.fx-f-cols {
  justify-content: center;
}

.fx-f-jsb {
  justify-content: space-between;
}

.fx-f-acc {
  align-content: center;
}

.fx-f-1 {
  flex: 1;
}

.fx-f-r {
  justify-content: flex-end;
}

.fx-f-column {
  flex-direction: column;
}

.fx-f-w {
  flex-wrap: wrap;
}

.fx-f-rf {
  flex-flow: row wrap;
  align-content: flex-start;
}

.fx-f-box-5 {
  flex: 0 0 5%;
}

.fx-f-box-10 {
  flex: 0 0 10%;
}

.fx-f-box-15 {
  flex: 0 0 15%;
}

.fx-f-box-18 {
  flex: 0 0 18%;
}

.fx-f-box-20 {
  flex: 0 0 20%;
}

.fx-f-box-23 {
  flex: 0 0 23%;
}

.fx-f-box-25 {
  flex: 0 0 25%;
}

.fx-f-box-30 {
  flex: 0 0 30%;
}

.fx-f-box-33 {
  flex: 0 0 33.33%;
}

.fx-f-box-35 {
  flex: 0 0 35%;
}

.fx-f-box-40 {
  flex: 0 0 40%;
}

.fx-f-box-45 {
  flex: 0 0 45%;
}

.fx-f-box-48 {
  flex: 0 0 48%;
}

.fx-f-box-50 {
  flex: 0 0 50%;
}

.fx-f-box-55 {
  flex: 0 0 55%;
}

.fx-f-box-60 {
  flex: 0 0 60%;
}

.fx-f-box-65 {
  flex: 0 0 65%;
}

.fx-f-box-70 {
  flex: 0 0 70%;
}

.fx-f-box-75 {
  flex: 0 0 75%;
}

.fx-f-box-80 {
  flex: 0 0 80%;
}

.fx-f-box-85 {
  flex: 0 0 85%;
}

.fx-f-box-90 {
  flex: 0 0 90%;
}

.fx-f-box-95 {
  flex: 0 0 95%;
}

.margin-0 {
  margin: 0 !important;
}

.margin-3 {
  margin: 3px !important;
}

.margin-5 {
  margin: 5px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-15 {
  margin: 15px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-25 {
  margin: 25px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-35 {
  margin: 35px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-45 {
  margin: 45px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-70 {
  margin: 70px !important;
}

.margin-80 {
  margin: 80px !important;
}

.margin-vertical-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.margin-vertical-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.margin-vertical-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.margin-vertical-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.margin-vertical-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.margin-vertical-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.margin-vertical-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.margin-vertical-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.margin-vertical-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.margin-vertical-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.margin-vertical-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.margin-vertical-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.margin-vertical-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.margin-vertical-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.margin-vertical-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.margin-horizontal-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.margin-horizontal-3 {
  margin-right: 3px !important;
  margin-left: 3px !important;
}

.margin-horizontal-5 {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.margin-horizontal-10 {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.margin-horizontal-15 {
  margin-right: 15px !important;
  margin-left: 15px !important;
}

.margin-horizontal-20 {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.margin-horizontal-25 {
  margin-right: 25px !important;
  margin-left: 25px !important;
}

.margin-horizontal-30 {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.margin-horizontal-35 {
  margin-right: 35px !important;
  margin-left: 35px !important;
}

.margin-horizontal-40 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.margin-horizontal-45 {
  margin-right: 45px !important;
  margin-left: 45px !important;
}

.margin-horizontal-50 {
  margin-right: 50px !important;
  margin-left: 50px !important;
}

.margin-horizontal-60 {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.margin-horizontal-70 {
  margin-right: 70px !important;
  margin-left: 70px !important;
}

.margin-horizontal-80 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.margin-top-0 {
  margin-top: 0 !important;
}

.margin-top-3 {
  margin-top: 3px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-35 {
  margin-top: 35px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-bottom-3 {
  margin-bottom: 3px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-35 {
  margin-bottom: 35px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-45 {
  margin-bottom: 45px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-left-0 {
  margin-left: 0 !important;
}

.margin-left-3 {
  margin-left: 3px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-35 {
  margin-left: 35px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-45 {
  margin-left: 45px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-right-0 {
  margin-right: 0 !important;
}

.margin-right-3 {
  margin-right: 3px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-35 {
  margin-right: 35px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-45 {
  margin-right: 45px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

@media (max-width: 767px) {
  .margin-xs-0 {
    margin: 0 !important;
  }
}

@media (min-width: 768px) {
  .margin-sm-0 {
    margin: 0 !important;
  }
}

@media (min-width: 992px) {
  .margin-md-0 {
    margin: 0 !important;
  }
}

@media (min-width: 1200px) {
  .margin-lg-0 {
    margin: 0 !important;
  }
}

.padding-0 {
  padding: 0 !important;
}

.padding-3 {
  padding: 3px !important;
}

.padding-5 {
  padding: 5px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-15 {
  padding: 15px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-25 {
  padding: 25px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-35 {
  padding: 35px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-45 {
  padding: 45px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-70 {
  padding: 70px !important;
}

.padding-80 {
  padding: 80px !important;
}

.padding-vertical-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.padding-vertical-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.padding-vertical-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.padding-vertical-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.padding-vertical-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.padding-vertical-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.padding-vertical-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.padding-vertical-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.padding-vertical-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.padding-vertical-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.padding-vertical-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.padding-vertical-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.padding-vertical-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.padding-vertical-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.padding-vertical-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.padding-horizontal-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.padding-horizontal-3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

.padding-horizontal-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.padding-horizontal-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.padding-horizontal-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.padding-horizontal-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.padding-horizontal-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.padding-horizontal-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.padding-horizontal-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.padding-horizontal-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.padding-horizontal-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.padding-horizontal-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.padding-horizontal-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.padding-horizontal-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}

.padding-horizontal-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-3 {
  padding-top: 3px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-35 {
  padding-top: 35px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-45 {
  padding-top: 45px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-65 {
  padding-top: 65px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-bottom-3 {
  padding-bottom: 3px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-35 {
  padding-bottom: 35px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-45 {
  padding-bottom: 45px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-55 {
  padding-bottom: 55px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-90 {
  padding-bottom: 90px !important;
}

.padding-left-0 {
  padding-left: 0 !important;
}

.padding-left-3 {
  padding-left: 3px !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-35 {
  padding-left: 35px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-45 {
  padding-left: 45px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-right-0 {
  padding-right: 0 !important;
}

.padding-right-3 {
  padding-right: 3px !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-35 {
  padding-right: 35px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-45 {
  padding-right: 45px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

@media (max-width: 767px) {
  .padding-xs-0 {
    padding: 0 !important;
  }
}

@media (min-width: 768px) {
  .padding-sm-0 {
    padding: 0 !important;
  }
}

@media (min-width: 992px) {
  .padding-md-0 {
    padding: 0 !important;
  }
}

@media (min-width: 1200px) {
  .padding-lg-0 {
    padding: 0 !important;
  }
}

.font-size-24 {
  font-size: 24px !important;
}
銆€#header .position-flex {
  position: absolute;
  z-index: 999;
  width: 1200px;
}

.width-1200 {
  width: 1200px;
  margin: 0 auto;
}

.width-950 {
  width: 950px;
  margin: 0 auto;
}

.text-center {
  text-align: center;
}

.height-full {
  height: 100%;
}

.width-full {
  width: 100%;
}

.index-head {
  position: absolute;
  z-index: 99999;
  width: 100%;
  background: 0 0 !important;
}

.index-head a {
  color: #fff !important;
}

.index-head a:hover {
  color: #0052d9 !important;
}

.head .head-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.head .head-content .nav-content {
  display: flex;
}

.head .head-content .nav-wrap {
  display: flex;
  align-items: center;
}

.head .head-content .nav-a {
  font-size: 16px;
  color: #fff;
  display: block;
  height: 80px;
  display: flex;
  width: 90px;
  align-items: center;
  justify-content: center;
}

.head .head-content .nav-a:hover {
  color: #0052d9;
}

.head .head-content .login {
  margin-left: 45px;
  display: flex;
  margin-right: 0;
  border: none;
}

.head .head-content .login .nav-a {
  color: #fff;
  width: 74px;
  position: relative;
  font-size: 14px;
}

.head .head-content .login .nav-a:hover {
  color: #0052d9;
}

.head .head-content .zc-btn {
  padding: 6px 11px;
  background: #0052d9;
  border-radius: 4px;
  color: #fff;
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 12px;
}

.head .head-content .zc-btn:hover {
  background: #2e7dff;
}

.head .head-content .logo a {
  display: block;
  width: 157px;
  height: 41px;
  margin-top: -12px;
  border: none;
  margin-right: 0;
}

.head .head-content .logo a img {
  height: 100%;
}

.head .head-content .login .nav-a:first-child::after {
  background: 0 0 !important;
}

.head .head-content .login .zc-btn {
  background: linear-gradient(-55deg, #1885f1, #0058d9);
}

.head .head-content .login .zc-btn:hover {
  background: #0091ff;
}

.head .logout-btn {
  padding-left: 15px;
  font-size: 14px;
}

.hidden {
  display: none !important;
}

.foot {
  background: #212121;
}

.foot .firend-link {
  position: relative;
}

.foot .firend-link::after {
  content: "";
  position: absolute;
  background: #383838;
  height: 1px;
  width: 100%;
  left: 0;
}

.foot .firend-link::after {
  bottom: 0;
}

.foot .firend-link::after::after {
  top: 0;
}

.foot .firend-link .friend-link-content {
  display: flex;
  padding: 17px 0;
}

.foot .firend-link .friend-link-content .title {
  color: #fff;
  height: 30px;
  display: flex;
  align-items: center;
}

.foot .firend-link .friend-link-content .link-a {
  color: #717171;
  height: 30px;
  display: flex;
  align-items: center;
  margin-left: 40px;
}

.foot .firend-link .friend-link-content .link-a:hover {
  color: #0052d9;
}

.foot .foot-bottom {
  display: flex;
  justify-content: space-between;
  padding: 45px 0;
}

.foot .foot-bottom .copy-qx .child-link {
  display: flex;
  padding-bottom: 8px;
}

.foot .foot-bottom .copy-qx .child-link .link-a {
  padding-left: 20px;
}

.foot .foot-bottom .copy-qx .copy {
  color: #717171;
}

.foot .wb-wx-phone {
  display: flex;
  align-items: center;
}

.foot .wb-wx-phone .phone-wrap {
  display: flex;
  align-items: center;
  padding-right: 30px;
}

.foot .wb-wx-phone .phone-wrap .phone-icon {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.foot .wb-wx-phone .phone-wrap .time {
  color: #8b8b8b;
}

.foot .wx-wb {
  display: flex;
}

.foot .icon-wrap {
  width: 34px;
  height: 34px;
  background: #383838;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 6px;
  cursor: pointer;
}

.foot .icon-wrap .copy-icon {
  width: 18px;
  display: block;
}

.foot .icon-wrap .copy-icon-sel {
  display: none;
}

.foot .icon-wrap:hover .qrcoe-wrap {
  display: block;
}

.foot .icon-wrap:hover .copy-icon {
  display: none;
}

.foot .icon-wrap:hover .copy-icon-sel {
  display: block;
}

.foot .qrcoe-wrap {
  display: none;
  position: absolute;
  background: #fff;
  text-align: center;
  padding-bottom: 10px;
  bottom: 42px;
}

.foot .qrcoe-wrap::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 7px solid #fff;
  transform: translateX(-50%);
}

.foot .qrcoe-wrap .code-wrap {
  padding: 10px 10px 4px;
  background: #fff;
}

.foot .qrcoe-wrap .qrcode-img {
  display: block;
  width: 100%;
  height: 100%;
}

.foot a:hover {
  color: #0052d9;
}

.foot .copy-qx a {
  color: #666;
}

.foot .copy-qx a:hover {
  color: #0052d9;
}

#login-box .link-console {
  background: #0052d9;
  border-radius: 15px;
  padding: 5px 15px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff !important;
  line-height: 24px;
}

#nav {
  height: 500px;
}

#nav .nav-bj {
  height: 500px;
}

#nav .nav-box {
  padding-top: 170px;
}

#nav .nav-box .box-title {
  font-size: 40px;
  color: #fff;
}

#nav .nav-box .box-describe {
  padding-top: 20px;
  font-size: 18px;
  color: #f3f3f3;
}

#nav .nav-box .box-link {
  margin-top: 40px;
  width: 142px;
  height: 40px;
  border: 1px solid #fff;
  font-size: 15px;
  color: #f3f3f3;
}

#sreach {
  height: 110px;
  background: #f8f9fa;
}

#sreach .box .box-title {
  height: 110px;
}

#sreach .box .box-title p {
  font-size: 22px;
  color: #666;
}

#sreach .box .box-title p span {
  color: #0052d9;
}

#sreach .box .box-input input {
  width: 550px;
  padding-left: 20px;
  height: 50px;
  background: #fff;
  border: 1px solid #e9e9e9;
  color: #666;
  font-size: 24px;
}

#sreach .box .box-input a {
  width: 170px;
  height: 50px;
  background: #0052d9;
  font-size: 18px;
  color: #fff;
}

#media-selection {
  background: #fff;
}

#media-selection .selection-title p {
  font-size: 28px;
  color: #333;
}

#media-selection .selection-body .lists .list {
  width: 386px;
  height: 462px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(38, 38, 38, 0.1);
}

#media-selection .selection-body .lists .list .list-top {
  width: 386px;
  height: 241px;
  color: #fff;
}

#media-selection .selection-body .lists .list .list-top .p-1 {
  padding-top: 17px;
  padding-left: 20px;
  font-size: 24px;
  font-weight: 700;
}

#media-selection .selection-body .lists .list .list-top .p-2 {
  padding-left: 20px;
  width: 182px;
  font-size: 14px;
}

#media-selection .selection-body .lists .list .list-top .a-link {
  margin-top: 25px;
  margin-left: 20px;
  width: 90px;
  height: 28px;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
}

#media-selection
  .selection-body
  .lists
  .list
  .list-body
  > ul
  > li:nth-child(2n)
  .list-div {
  border-left: 1px solid #fff;
}

#media-selection
  .selection-body
  .lists
  .list
  .list-body
  > ul
  > li:nth-child(n + 3)
  .list-div {
  border-top: 1px solid #fff;
}

#media-selection .selection-body .lists .list .list-body > ul > li .list-div {
  width: 193px;
  height: 111px;
  background: #fff;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
}

#media-selection
  .selection-body
  .lists
  .list
  .list-body
  > ul
  > li
  .list-div
  > div {
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#media-selection
  .selection-body
  .lists
  .list
  .list-body
  > ul
  > li
  .list-div
  .p-1 {
  font-size: 14px;
  color: #333;
  padding-top: 13px;
}

#media-selection
  .selection-body
  .lists
  .list
  .list-body
  > ul
  > li
  .list-div
  .p-2 {
  font-size: 14px;
  color: #666;
  padding-top: 10px;
}

#media-selection
  .selection-body
  .lists
  .list
  .list-body
  > ul
  > li
  .list-div
  .p-2
  span {
  color: #ff7200;
  font-size: 18px;
  font-weight: 700;
}

#media-selection .selection-body .lists .list .list-body > ul > li .list-div a {
  font-size: 14px;
  color: #7b7b7b;
  margin-top: 5px;
}

#media-selection .selection-body .lists .list .list-body > ul > li:hover {
  box-shadow: 0 0 20px 0 rgba(0, 82, 217, 0.3);
  z-index: 999;
}

#special-package {
  background: #f8f9fa;
}

#special-package .package-title .p-1 {
  font-size: 28px;
  color: #333;
}

#special-package .package-title .p-2 {
  font-size: 16px;
  color: #9a9a9a;
}

#special-package .package-body .box .left-box {
  background: url(/mtyx/static/images/loading.png);
  width: 300px;
  height: 600px;
}

#special-package .package-body .box .left-box .p-1 {
  padding-top: 44px;
  padding-left: 31px;
  font-size: 26px;
  color: #fff;
}

#special-package .package-body .box .left-box .p-2 {
  padding-top: 20px;
  padding-left: 31px;
  font-size: 16px;
  color: #fff;
}

#special-package .package-body .box .left-box a {
  margin-top: 30px;
  width: 105px;
  height: 36px;
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 14px;
  margin-left: 31px;
  color: #fff;
}

#special-package .package-body .box .right-box > ul > li > div {
  width: 300px;
  height: 200px;
  background: #fff;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  box-sizing: border-box;
}

#special-package .package-body .box .right-box > ul > li > div .p-1 {
  font-size: 16px;
  color: #333;
  padding-top: 22px;
  padding-left: 25px;
}

#special-package .package-body .box .right-box > ul > li > div .p-2 {
  line-height: 20px;
  padding-left: 25px;
  font-size: 12px;
  color: #7b7b7b;
  padding-top: 15px;
}

#special-package .package-body .box .right-box > ul > li > div .price {
  padding-left: 25px;
  font-size: 14px;
  color: #7b7b7b;
  padding-top: 13px;
}

#special-package .package-body .box .right-box > ul > li > div .price span {
  color: #ff7200;
  font-size: 18px;
  font-weight: 700;
}

#special-package .package-body .box .right-box > ul > li > div .price-hover {
  display: none;
}

#special-package .package-body .box .right-box > ul > li > div .price-hover a {
  color: #fff;
  font-size: 14px;
  margin-top: 18px;
  width: 100%;
  height: 43px;
  background: linear-gradient(-55deg, #0163f6, #0052d9);
}

#special-package .package-body .box .right-box > ul > li:hover {
  box-shadow: 0 0 20px 0 rgba(0, 82, 217, 0.3);
  z-index: 999;
}

#special-package .package-body .box .right-box > ul > li:hover .price-hover {
  display: block;
}

#special-package .package-body .box .right-box > ul > li:hover .price {
  display: none;
}

#special-package .package-body .box .right-box > ul > li:hover > div {
  border: 1px solid #0052d9;
  box-sizing: border-box;
}

#special-package .package-body .box .right-box > ul > li:nth-child(-n + 3) {
  border-top: 1px solid #e9e9e9;
}

#app-scenario {
  background: #fff;
}

#app-scenario .scenario-title .p-1 {
  font-size: 28px;
  color: #333;
}

#app-scenario .scenario-title .p-2 {
  font-size: 16px;
  color: #9a9a9a;
}

#app-scenario .scenario-body .lists .list .box {
  width: 285px;
  height: 285px;
  box-shadow: 0 0 20px 0 rgba(58, 58, 58, 0.1);
}

#app-scenario .scenario-body .lists .list .box .p-title {
  font-size: 18px;
  padding-top: 30px;
  color: #333;
}

#app-scenario .scenario-body .lists .list .box ul {
  width: 200px;
  margin: 0 auto;
}

#app-scenario .scenario-body .lists .list .box ul li {
  line-height: 28px;
}

#app-scenario .scenario-body .lists .list .box ul li span {
  width: 4px;
  height: 4px;
  background: #aaa;
  border-radius: 50%;
  margin-right: 5px;
}

#app-scenario .scenario-body .lists .list .box .a-link {
  margin-top: 24px;
  color: #3a3a3a;
  font-size: 14px;
  width: 285px;
  height: 44px;
  background: #fff;
}

#app-scenario .scenario-body .lists .list .box:hover {
  box-sizing: border-box;
  border: 1px solid #0052d9;
  box-shadow: 0 0 20px 0 rgba(0, 82, 217, 0.3);
}

#app-scenario .scenario-body .lists .list .box:hover .a-link {
  font-size: 14px;
  color: #fff;
  background: linear-gradient(-55deg, #0163f6, #0052d9);
}

#simple-post {
  background: url(/mtyx/static/images/loading.jpg) no-repeat;
}

#simple-post .post-title .p-1 {
  font-size: 28px;
  color: #fff;
}

#simple-post .post-body .lists .list {
  transition: all 0.3s ease-in-out;
  width: 250px;
  height: 250px;
  background: url(/mtyx/static/images/loading.png);
  color: #fff;
}

#simple-post .post-body .lists .list img {
  padding-top: 33px;
}

#simple-post .post-body .lists .list .p-1 {
  font-size: 18px;
  padding-top: 15px;
}

#simple-post .post-body .lists .list .p-2 {
  font-size: 14px;
  padding-top: 10px;
}

#simple-post .post-body .lists .list:hover {
  transform: translateZ(-20px);
}

#simple-post .post-body .a-link {
  width: 190px;
  height: 50px;
  background: #0052d9;
  box-shadow: 0 10px 20px 0 rgba(0, 65, 232, 0.3);
  border-radius: 4px;
  font-size: 16px;
  color: #fff;
  margin-top: 43px;
}

#simple-post .post-body .a-link:hover {
  background: #2e7dff;
}

#simple-post .post-customer {
  margin-top: 60px;
  width: 1200px;
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(121, 121, 121, 0.1);
  border-radius: 10px;
  height: 445px;
}

#simple-post .post-customer .customer-title {
  padding-top: 45px;
}

#simple-post .post-customer .customer-title .p-title {
  font-size: 28px;
  color: #333;
}

#simple-post .post-customer .customer-title .p-des {
  font-size: 16px;
  color: #7b7b7b;
  padding-top: 10px;
}

#simple-post .post-customer .customer-body {
  padding: 0 110px;
}

#simple-post .post-customer .customer-body .p-1 {
  font-size: 16px;
  color: #333;
}

#simple-post .post-customer .customer-body .p-2 {
  font-size: 24px;
  color: #000;
}

#simple-post .post-customer .customer-body .p-2 span {
  font-size: 60px;
}

#simple-post .post-customer .customer-body .p-3 {
  font-size: 14px;
}

#simple-post .post-customer .customer-img {
  width: 1120px;
  height: 280px;
  background: #fff;
  border-top: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}

#simple-post .post-customer .customer-img ul li {
  box-sizing: border-box;
  width: 224px;
  height: 141px;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  transition: all 0.3s ease-in-out;
}

#simple-post .post-customer .customer-img ul li:hover {
  box-shadow: 0 0 20px 0 rgba(0, 82, 217, 0.3);
  transform: translateZ(-20px);
}

#new-information .information-title .h2 {
  font-size: 28px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333;
}

#new-information .information-title .h3 {
  font-size: 16px;
  color: #9a9a9a;
}

#new-information .information-body .list ul {
  border-bottom: 1px solid #ececec;
}

#new-information .information-body .list ul li {
  font-size: 16px;
  height: 62px;
  line-height: 62px;
  cursor: pointer;
  margin: 0 17px;
  color: #333;
  box-sizing: border-box;
}

#new-information .information-body .list ul li:hover {
  color: #0052d9;
  border-bottom: 2px solid #0052d9;
}

#new-information .information-body .list ul .active {
  color: #0052d9;
  border-bottom: 2px solid #0052d9;
}

#new-information .information-body .items .lists .item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 175px;
  width: 100%;
}

#new-information .information-body .items .lists .item .box-1 {
  width: 33.33%;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666;
  line-height: 32px;
}

#new-information .information-body .items .lists .item .box-1 p:first-child {
  width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

#new-information .information-body .items .lists .item .box-1 p {
  height: 34px;
}

#new-information .information-body .items .lists .item .box-1 a {
  color: #666;
}

#new-information .information-body .items .lists .item .box-1 .img-2 {
  display: none;
}

#new-information .information-body .items .lists .item .box-1:hover a {
  color: #0052d9;
}

#new-information .information-body .items .lists .item .box-1:hover .img-1 {
  display: none;
}

#new-information .information-body .items .lists .item .box-1:hover .img-2 {
  display: inline;
}

#consultation {
  height: 160px;
  background: url(/mtyx/static/images/loading.png) center no-repeat;
}

#consultation p {
  font-size: 24px;
  color: #fff;
}

#consultation .consultation-a a {
  width: 140px;
  height: 40px;
  border: 1px solid #fff;
  font-size: 14px;
  color: #fff;
}