.float-left {
  float: left;
}

#followList {
  margin-bottom: 0;
}

.swiper-wrapper {
  z-index: 2;
}

.main-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ess-href {
  position: absolute;
  top: -120px;
}

.app-img {
  display: none;
}

.mobile-content {
  display: none;
}

.hdp-app-font-c {
  padding: 2rem 0rem 1rem 0rem;
  text-align: center;
  font-size: 18px;
  font-weight: 550;
}

.hdp-app-line {
  margin: 20px 0;
  line-height: 1px;
  border-left: 120px solid #dddddd;
  border-right: 110px solid #dddddd;
  text-align: center;
}

.hdp-accept-btn {
  background-color: #ffff;
  text-align: center;
}

.hdp-accept-btn .btn {
  width: 110px;
  border: 1px solid #3f77a3;
  margin: auto;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #3f77a3;
}

@media screen and (max-width: 1087px) {
  .login-btn-div {
    padding: 0;
    padding-left: 0.75rem;
  }

  .navbar-item {
    color: #fff;
  }

  .userInfo {
    flex-direction: column;
  }

  .navbar-dropdown .navbar-item {
    padding-left: 0.75rem;
  }
}

@media screen and (max-width: 768px) {
  .pc-content {
    display: none;
  }

  .navbar-brand {
    display: none;
    height: 40px;
    padding-left: 7px;
    padding-right: 14px;
  }

  .navbar-brand img {
    max-height: 4rem;
  }

  .second-menu img {
    width: 16% !important;
  }

  .mobile-content {
    display: block;
  }

  #adBanner {
    padding-top: 5rem;
  }
  .mobile-content b {
    background: #dddddd;
    margin-top: -33px;
    display: inline-block;
    width: 21rem;
    height: 1px;
    vertical-align: middle;
  }

  .hdp-content-resize {
    overflow-x: hidden;
  }

  .hdp-app-font-12 {
    font-size: 12px !important;
  }

  .hdp-app-font-14 {
    font-size: 14px !important;
  }

  .hdp-app-font-16 {
    font-size: 16px !important;
  }

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

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

  .hdp-app-width-90 {
    width: 90% !important;
  }

  .hdp-app-width-80 {
    width: 80% !important;
  }

  .hdp-app-width-100 {
    width: 100% !important;
  }

  .hdp-app-width-100 p {
    font-size: 14px;
  }

  .hdp-mar-b-5 {
    margin-bottom: 5rem;
  }

  .hdp-app-width-100 .hdp-mar-t-1 {
    width: initial !important;
  }

  .hdp-app-font-s {
    font-size: 14px;
    color: #666666;
  }

  .table-border:not(:last-child) {
    border-bottom: 1px solid #dddddd;
  }

  .contact-bg {
    background-color: #fff !important;
  }

  .mobile-footer {
    height: 240px;
  }

  .function-p {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 7.5rem;
    width: 28rem !important;
    margin: 0.75rem 0.75rem !important;
    border-radius: 1.5rem !important;
    border-color: #dddddd !important;
  }

  .function-p img {
    width: 3rem;
  }

  .function-p p {
    padding-left: 1rem;
    color: #666666;
    text-align: left;
    line-height: 2.3rem;
  }

  .hdp-pad-detail {
    padding: 1rem 2rem !important;
  }

  .app-img {
    display: block;
    text-align: center;
  }

  .app-img img {
    padding-bottom: 18rem;
  }

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

  .font-b {
    font-size: 18px !important;
  }

  .font-s {
    font-size: 16px !important;
  }

  .font-m {
    font-size: 2.5rem !important;
  }

  .app-img img {
    width: 60%;
  }

  /* .hdp-mobile-pad {
    padding-top: 16rem !important;
  } */

  .hdp-mobile-bot {
    padding-bottom: 5rem;
  }

  .pc-img {
    display: none;
  }

  .hdp-app-select .input_Border {
    height: 30px;
  }

  .hdp-app-select .input_Border span {
    font-size: 14px;
  }

  .hdp-app-select #dropdown-menu {
    width: 100%;
  }

  .hdp-app-select #dropdown-menu a {
    font-size: 12px;
  }

  .dtt-contact-input {
    height: 30px;
  }

  .dtt-item-submit {
    font-size: 18px;
    height: 40px;
    border-radius: 18px;
    width: 45%;
    margin-top: 35px;
  }

  .is-paddingless-mobile {
    padding: 0;
  }

  .is-mobile-block {
    margin-left: 10px;
  }

  .is-mobile-block:first-child {
    width: 30%;
  }

  .is-mobile-width {
    width: 90%;
  }

  .is-mobile-width .dtt-checkbox {
    width: 14px;
    height: 14px;
  }

  .is-mobile-bottom {
    width: 90%;
  }

  .hdp-mobile-bottom-10 {
    margin-bottom: 10px;
  }

  .is-mobile-bottom > div {
    width: 100%;
    justify-content: flex-start;
  }

  .is-mobile-start {
    justify-content: flex-start;
  }

  .is-mobile-left {
    align-items: flex-start;
  }

  .is-mobile-left p {
    font-size: 14px;
  }

  .is-mobile-large {
    width: 1000px;
  }

  .is-mobile-scroll {
    overflow-x: scroll;
  }

  .is-mobile-scroll img {
    max-width: 160%;
  }

  .dtt-submit-btn-1 {
    width: 130%;
  }

  .wave {
    width: 235% !important;
  }
}

@-webkit-keyframes move_wave {
  0% {
    transform: translateX(0) scaleY(1);
  }

  50% {
    transform: translateX(-250px) scaleY(0.55);
  }

  100% {
    transform: translateX(-500px) scaleY(1);
  }
}

@keyframes move_wave {
  0% {
    transform: translateX(0) scaleY(1);
  }

  50% {
    transform: translateX(-250px) scaleY(0.55);
  }

  100% {
    transform: translateX(-500px) scaleY(1);
  }
}

.verticalMiddle {
  height: 50px;
}

.verticalMiddle div {
  width: 20%;
  position: relative;
}

.verticalMiddle input {
  vertical-align: middle;
  position: absolute;
  top: 8px;
}

.verticalMiddle p {
  display: inline-block;
  vertical-align: middle;
  width: 74%;
  position: absolute;
  top: 8px;
  left: 28px;
  line-height: 14px;
}

.bgTop {
  z-index: 15;
  opacity: 1;
}

.bgMiddle {
  z-index: 10;
  opacity: 1;
}

.bgBottom {
  z-index: 5;
}

.wave {
  z-index: 9;
  position: absolute;
  left: 0;
  width: 200%;
  height: 100%;
  background-repeat: repeat no-repeat;
  background-position: 0 bottom;
  transform-origin: center bottom;
}

.waveTop {
  background-image: url(../images/Home/wave-top.png);
  background-size: 100% 100px;
}

.waveAnimation .waveTop {
  -webkit-animation: move-wave 3s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  animation: move_wave 20s linear infinite;
}

.waveMiddle {
  background-image: url(../images/Home/wave-mid.png);
  background-size: 100% 120px;
}

.waveAnimation .waveMiddle {
  animation: move_wave 10s linear infinite;
}

.waveBottom {
  background-image: url(../images/Home/wave-bot.png);
  background-size: 100% 100px;
}

.waveAnimation .waveBottom {
  animation: move_wave 15s linear infinite;
}

.bannerInfo {
  width: auto;
  background: #666;
  color: white;
  opacity: 0.8;
  padding: 0.5rem 1.5rem;
}

.dtt-hdp-content {
  padding: 6.7rem 0 3rem 0;
}

.dtt-bg-base {
  background-color: #ffffff;
}

.dtt-navitem-index:hover {
  cursor: pointer;
  color: #86b934 !important;
  background-color: #000000 !important;
}

/* .navbar-link::after{
  border:1px solid #fff !important;
} */
.button.is-link {
  background-color: #86b934;
}

.dtt-top-tips {
  min-height: 3rem;
  width: 100%;
  background-color: #ffffff;
}

.dtt-accept-btn {
  border: 1px solid #3f77a3;
  border-radius: 0.15rem;
}

.dtt-accept-btn-content {
  padding: 0.15rem 0.5rem;
  color: #3f77a3;
}

.dtt-accept-check {
  height: 1rem;
  width: 1rem;
}

.dtt-border-r {
  border-right: 1px solid #4b4e52;
}

.dtt-menus {
  height: 5rem;
  background-color: #000000;
}

.dtt-menus-list {
  color: #fff;
  margin-left: 5%;
}

.dtt-menus-item-focus-on {
  border-bottom: 2px solid #86b934;
  color: #86b934;
}

.dtt-hdp-content-main {
  padding: 2rem 0;
}

.dtt-content-item {
  padding: 3rem 0;
}

.dtt-bit-title {
  font-weight: 900;
  font-size: 1rem;
  margin: 0rem 1rem;
}

.dtt-bit-p {
  padding: 0.2rem 1.5rem;
  background-color: white;
  border: 1px solid #8abb22;
  border-radius: 0.51rem;
  width: 24rem;
}

.dtt-bit-p-l {
  text-align: right;
}

.dtt-bit-icon {
  height: auto;
  width: 3rem;
  margin: 0.5rem 0;
}

.dtt-item-text-padding {
  padding: 10% 0;
}

.dtt-item-login {
  height: 2rem;
  width: 5rem;
}

.dtt-footer-keeponrecord {
  background-color: #14181b;
  color: #c0c0c0;
}

.dtt-footer-version {
  margin-left: 5%;
}

.dtt-portal-footer-bg {
  background-color: #050a12;
}

.dtt-footer-content-bg {
  background-color: rgba(12, 61, 79, 0.2);
}

.dtt-swiper-button-left {
  left: 5%;
}

.dtt-swiper-button-right {
  right: 5%;
}

.swiper-button-prev {
  background-size: 60%;
  background-image: url(../images/Home/left.svg);
}

.swiper-button-next {
  background-size: 60%;
  background-image: url(../images/Home/right.svg);
}

/* 浏览器放大缩小适配样式-css */

/*app-css*/

.dtt-myLogo-app {
  color: #fff;
}

.dtt-tips-app {
  min-height: 3rem;
  display: none;
}

.dtt-tips-app-content {
  min-height: 3rem;
}

.dtt-tips-app-icon {
  height: auto;
  width: 1.5rem;
}

.dtt-menus-app {
  height: auto;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0.25rem 0 0.5rem 0;
  display: none;
}

.dtt-menus-list-app {
  color: #fff;
  margin-left: 5%;
}

.dtt-menus-item-app {
  height: 4rem;
}

/*小屏幕隐藏 top tips*/

/*ipad pro*/

@media screen and (max-device-width: 1024px) {
}

/*小平板、手机*/

@media screen and (max-device-width: 768px) {
  /*body {
        font: normal 50% Helvetica, Arial, sans-serif;
    }*/
  /* .hdp-content {
        padding: 18rem 0;
    } */
  .pc-content {
    display: none;
  }

  .dtt-tips-app {
    display: -webkit-flex;
    display: flex;
  }

  .dtt-tips-logo {
    height: 1.5rem;
    width: auto;
  }
}

@media screen and (max-device-width: 480px) {
}

@media screen and (max-device-width: 320px) {
  /*body {
        font: normal 25% Helvetica, Arial, sans-serif;
    }*/
}

.hdp-table-1 {
  border: 1px solid #c9c9c9;
  padding: 0.3rem 1rem;
}

.hdp-img-h-1 {
  height: 1.25rem;
  width: 0.6rem;
}

.hdp-img-h-2 {
  height: 1.25rem;
  width: 1rem;
}

.hdp-border-r-4 {
  border-radius: 2rem;
}

.second-menu {
  display: flex;
  background-color: #2b2b2b;
  align-items: center;
  padding-left: 12px;
  height: 40px;
}

.navbar-brand {
  align-items: center;
}

.navbar-burger,
.navbar-burger:hover {
  color: #fff;
}

.navbar-menu {
  color: #fff;
}

.navbar {
  min-height: 4rem;
}

@media screen and (max-width: 1366px) {
  .menu-helper {
    display: flex;
    align-items: center;
    height: 100%;
  }
}

@media screen and (max-width: 1088px) {
  .userInfo {
    flex-direction: initial;
  }
}

@media screen and (max-width: 1366px) {
  .navbar-item.is-hoverable .navbar-dropdown {
    display: none;
  }
}

@media screen and (max-width: 1088px) {
  .navbar {
    display: flex;
    align-items: center;
  }

  .navbar-link:hover {
    cursor: default;
    color: #fff;
    background-color: #000;
  }

  .navbar-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .navbar-start,
  .navbar-end {
    display: flex;
  }
}

.navbar .navbar-menu .navbar-item {
  font-size: 1rem;
}

.elc .el-checkbox__label {
  font-size: 1rem;
}