:root {
  --mainColor: rgba(93, 206, 240, 1);
  --contentPadding: 5%;
  /* user，width: 90%, 所以padding为5% */
}

.main-color {
  color: var(--mainColor);
}

button[type="primary"] {
  background-color: var(--mainColor) !important;
}

.bg-main-color {
  background-color: var(--mainColor);
}

.white-color {
  color: white;
}

.bg-white-color {
  background-color: white !important;
}

.contactuse_bottom {
  text-align: center;
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

.contactuse_01 {
  padding-top: 10rem;
  padding-left: 10rem;
  padding-bottom: 6rem;
}

.lead {
  font-size: 0.25rem;
}

.container {
  /* width: 100% !important; */
}

@media (min-width: 1400px) {
  .container {
    width: 1320px;
  }
}


@media (max-width: 500px) {
  .part2-navbar {
    display: none;
  }
}

@media (max-width: 1200px) {
  .part-navbar {
    display: none;
  }
}

.header {
  position: sticky;
  top: 0;
  /* z-index: 9000; */
  z-index: 1000;
  background: rgb(0 169 219) !important;
  opacity: 0.8;
  border: 0;
}

.mg-20 {
  margin-top: 20px;
}

.fontstyle {
  font-size: 20px;
  color: white;
  text-align: center;
}

.font-size-15 {
  font-size: 15px;
}

.menu_margin {
  margin-left: 2rem;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.menu_boder {
  border: 0.2rem solid;
  border-color: #009dfffc;
  border-radius: 1.5rem;
  background: transparent;
}

.menu_padding {
  padding: 1rem;
}

.bgguide {
  background: #b0e0e6;
}

.isactive {
  display: block;
}

.disactive {
  display: none;
}

#mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #666;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  display: none;
}

.popup {
  text-align: center;
  position: absolute;
  letter-spacing: 1px;
  width: 370px;
  height: 40px;
  background: #fff;
  z-index: 1000;
  display: none;
  padding-top: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mr-20 {
  margin-right: 20px;
}

#tableColumnSelect {
  padding: 5px 10px !important;
}

.dropdown-menu li {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dropdown-menu li input[type=checkbox] {
  margin-top: 0px;
  margin-right: 5px;
}


.dialog-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  /* padding-top: 8%; */
  padding-top: 200px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
}

.fa-times {
  cursor: pointer;
}

.order-select-btn {
  margin-bottom: 10px;
}

.order-select-btn button {
  margin-right: 15px;
}

.padding-15 {
  padding: 15px;
}

.flex-div {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-center {
  align-items: center;
}

.flex-end {
  justify-content: flex-end;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.content-center {
  justify-content: center;
}

.flex-between {
  justify-content: space-between;
}

.inline-flex {
  display: inline-flex;
}

.btn-primary {
  background-color: var(--mainColor);
  border: 0;
}

.btn-primary:hover {
  background-color: var(--mainColor);
  border: 0;
}

.table a {
  color: var(--mainColor);
  text-decoration: none;
}

.table a.btn-primary,
.table a.btn {
  color: #FFF;
  text-decoration: none;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  background-color: var(--mainColor);
  border-color: var(--mainColor);
}

.panel-title {
  width: 100%;
  font-size: 3rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #011C40;
  line-height: 4.17rem;
  text-align: center;
  margin-bottom: 3.25rem;
}

.page-header {
  font-size: 1.5rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #011C40;
  line-height: 2.08rem;
  display: flex;
  align-items: center;
}

h1.page-header:before {
  content: '\f04b';
  float: left;
  font-family: fontawesome;
  color: var(--mainColor);
  font-size: 2rem;
  margin-right: 1rem;
}

.panel-default {
  box-shadow: 0rem 0.17rem 0.92rem 0rem rgba(4, 164, 251, 0.14);
  border: 0;
  border-radius: 0.33rem;
}

.form_table_search.form-group {
  background: #5DCEF0;
  box-shadow: 0rem 0.17rem 0.92rem 0rem rgba(4, 164, 251, 0.14);
  border-radius: 0.33rem;
  margin: 0;
  margin-bottom: 15px;
}