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

.dtt-tips-logo-1 {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  max-height: 2.5rem !important;
}

.dtt-icon-1 {
  height: 1rem;
  width: auto;
}

.navbar-dropdown {
  background-color: #000000;
  color: #ffffff;
  border-top: none;
}

@media screen and (max-device-width: 1024px) {
  .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
    position: absolute;
    top: 4rem;
    left: -1rem;
  }
}

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

.navbar-dropdown > .navbar-item {
  color: #ffffff;
}

.layui-layer-title {
  background-color: #86b934 !important;
  color: #ffffff !important;
}

.layui-layer-btn .layui-layer-btn0 {
  border-color: #86b934 !important;
  background-color: #86b934 !important;
}

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

.dtt-pagenum {
  padding: 0 0.5rem;
}

.dtt-input {
  background-color: #dddddd;
  height: 2rem;
  padding: 0 1rem;
}

.dtt-checkbox {
  width: 23px;
  height: 23px;
}

.dtt-update-btn {
  padding: 0.35rem 0;
}

.dtt-submit-btn {
  height: 2rem;
  padding: 0.35rem 2rem;
}

.dtt-border-b {
  border-bottom: 1px solid #dddddd;
}

.dtt-border {
  border: 1px solid #dddddd;
}

.dtt-pagenum-on {
  color: #ffffff;
  background-color: #3a8c4d;
}

.dtt-over-hide {
  overflow-y: hidden;
}

.dtt-progress {
  height: 12px;
  background: #cccccc;
  border-radius: 6px;
}

.dtt-progress-bar {
  height: 12px;
  background: green;
  border-radius: 6px;
}

.dtt-table-item {
  margin: 0.2rem 0;
}

.dtt-table-item-content {
  background-color: #f3f8f5;
  padding: 0.5rem 0;
}

.dtt-table-item-content-1 {
  background-color: #ffffff;
  padding: 0.5rem 0;
}

.com {
  width: 100%;
  border: 1px solid #000;
}

.com ul {
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
}

.com li {
  display: inline-block;
  width: 300px;
  height: 50px;
  border: 1px solid red;
}

.dtt-line-h-type1 {
  line-height: 1.25rem;
}

.dtt-menus-item {
  padding: 0.5rem 1.5rem;
}

.dtt-header-left {
  width: 25%;
}

.dtt-header-right {
  width: 75%;
}

/*动态显示vue操作绑定区域*/
[v-cloak] {
  display: none !important;
}

.el-button--primary.confirm-green {
  background: #86bc25 !important;
  border-color: #86bc25 !important;
}

.el-button--primary.confirm-green:hover {
  background: #86bc25;
  border-color: #86bc25;
  color: #fff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  /* <-- Apparently some margin are still there even though it's hidden */
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.el-select-dropdown__item {
  padding: 0 8px !important;
}

.el-button--mini,
.el-button--small {
  font-size: 0.85rem !important;
  font-weight: normal !important;
}

/*************************common template css*********************/
.form-input > span {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: inline-block;
}

.form-input.form-captcha > span {
  height: 40px;
}

.form-input span.icon-user {
  background: url('../images/icon/user.png') no-repeat center center;
  background-size: contain;
}

.form-input span.icon-pwd {
  background: url('../images/icon/password.png') no-repeat center center;
  background-size: contain;
}

.form-input span.icon-code {
  background: url('../images/icon/message.png') no-repeat center center;
  background-size: contain;
}

.form-input span.icon-eye {
  background: url('../images/icon/eye-closed.png') no-repeat center center;
  background-size: contain;
}

.form-input span.icon-eye.open {
  background: url('../images/icon/eye-open.png') no-repeat center center;
  background-size: contain;
}

.form-input span.icon-email {
  background: url('../images/icon/email.png') no-repeat center center;
  background-size: contain;
}

.form-input span.icon-phone {
  background: url('../images/icon/phone.png') no-repeat center center;
  background-size: contain;
}

.form-input span.icon-key {
  background: url('../images/keys.png') no-repeat center center;
  background-size: contain;
}

/*common footer*/
.hdp-footer {
  position: relative;
  margin-top: -50px;
}

.hdp-footer .footer-nav {
  width: 80%;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.footer-nav .nav-item {
  width: 33.33%;
  height: 100%;
  text-align: center;
}

.footer-nav .nav-item a {
  color: #fff;
  height: 100%;
  font-size: 20px;
  line-height: 50px;
  display: inline-block;
}

.footer-nav .nav-item a:hover {
  color: #86bc25;
  cursor: pointer;
}

.hdp-footer .footer-desc {
  width: 80%;
  margin: 0 auto;
  padding: 5px;
}

.footer-desc p {
  color: #a0a0a0;
  padding-top: 10px;
  font-size: 14px;
}

@media screen and (max-width: 1366px) {
  .hdp-footer {
    display: none !important;
  }
}

@media screen and (max-width: 736px) {
  .hdp-footer {
    display: none !important;
  }
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 60%, 0.3);
  border-radius: 4px;
  position: absolute;
  right: 2px;
  bottom: 2px;
  cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
  background: hsla(0, 0%, 60%, 0.5);
}

::-webkit-scrollbar-corner {
  background: #f6f6f6;
}

.dtt-bg-base .gotop {
  width: 40px;
  height: 40px;
  background: rgb(117, 120, 123);
  color: #fff;
  cursor: pointer;
  position: fixed;
  bottom: 70px;
  right: 20px;
  text-align: center;
}

.dtt-bg-base .gotop i {
  position: relative;
  top: 0.2rem;
}

.dtt-bg-base .gotop p {
  font-size: 9px;
  position: relative;
  bottom: 0.2rem;
}

.dtt-bg-base .gotop:hover {
  background: #86bc25;
}

/**********************************************/
.i-table .can-click {
  color: #86bc25;
  text-decoration: underline;
  cursor: pointer;
}

.i-table .text-r {
  text-align: right;
}

.i-table .el-table-column--selection .cell {
  padding-right: 10px;
  text-align: center;
}

/**********************************************/
/*Element UI date-picker 选择时间面板样式*/
.el-picker-panel table.el-month-table tr > td > a.cell {
  width: 100%;
}

#chatBot {
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9;
}