/*------------ header start ------------ */
.vm-padmar {
  margin-left: 5px;
  margin-right: 5px;
}

.vm-header {
  width: 100%;
}

.vm-header-box {
  width: 100%;
  /* height: 648px; */
  background: -moz-linear-gradient(left, #e9ecef 50%, #e9ecef 100%);
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      color-stop(50%, #e9ecef),
      color-stop(100%, #e9ecef));
  background: -webkit-linear-gradient(left, #e9ecef 50%, #e9ecef 100%);
  background: -o-linear-gradient(left, #e9ecef 50%, #e9ecef 100%);
  background: -ms-linear-gradient(left, #e9ecef 50%, #e9ecef 100%);
  background: linear-gradient(to right, #e9ecef 50%, #e9ecef 100%);
}

.vn-header-banner {
  position: absolute;
  top: 20%;
  height: 100px;
  width: 50%;
  height: 48px;
}

.vn-header-banner-l {
  position: absolute;
  top: 25%;
  height: 100px;
  width: 25%
}

.vn-banner-title {
  width: 25%;
  height: 45px;
}

.vn-banner-title-l {
  width: 33%;
  height: 45px;
}

.vm-title-ban {
  position: absolute;
  top: 20%;
  height: 100px;
  width: 33%
}

.vm-header-menu {
  width: 100%;
  height: 90px;
  /* border-bottom: 1px solid #eee; */
}

.vm-header-col {
  width: 100%;
}

.vm-ll {
  font-size: 58px;
}

.vm-lll {
  font-size: 20px;
}


.vm-header-border {
  /* border: 1px solid #9e9e9e;
  background-color: #9e9e9e; */
  height: 40px;
  width: 120px;
  border-radius: 5px;
  cursor: pointer;
}

.vm-header-border:hover {
  /* border: 1px solid #dd117a;
  background-color: #dd117a; */
  /* color: #ffffff; */
}

.vm-header-borders {
  height: 30px;
  width: 60px;
  cursor: pointer;
}

.vm-header-search {
  position: relative;
  height: 32px;
  width: 425px;
  border-radius: 5px;
  background-color: #ffffff;
}

.vm-header-one {
  height: 45px;
  width: 90px;
}

.vm-header-p {
  height: 48px;
  /* width: 10%; */
}

.vm-header-left {
  /* height: 100px; */
  width: 53px;
}

.vm-header-color {
  color: #f1bad4;
}

.langap {
  height: 40%;
  width: 5px;
  margin-left: 10px;
  margin-right: 10px;
}

.langa {
  border-left: 1px solid #eee;
}

.logsa {
  border-left: 1px solid #eee;
}

.vm-header-color-active {
  color: #ffffff;
}

.vm-header-select {
  width: 10%;
  height: 100%;
  /* border-top-left-radius: 5px; */
  border-left: 1px solid #e9ecef;
}

.vm-header-select-xj {
  width: 10%;
  height: 100%;
}

.vm-header-inp {
  height: 100%;
  width: 58%;
  font-size: 13px;
  padding: 5px;
  border: 0;
}

.vm-header-search-img {
  width: 80px;
  height: 100%;
  /* border-bottom-right-radius: 5px; */
  /* border-right: 1px solid red; */
  /* margin-right: 1rem; */
}

.search-img {
  width: 80px;
  margin-left: 5px;
  /* font-size: 12px; */
}

.vm-banner {
  width: 100%;
  /* margin-top: 40px; */
}

.vm-banner-left {
  width: 96%;
  height: 300px;
  margin: 0 auto;
}

.vm-header-font {
  color: #fafbff;
}

.vm-header-p-left {
  font-size: 40px;
  margin: 10px;
  color: #ffffff;
}

.cu-index {
  cursor: default;
}

.vm-he,
.vm-hes {
  font-size: 13px;
}

.vm-header-p-right {
  font-size: 20px;
  margin: 10px;
  color: #fff;
}

.main {
  width: 100%;
}

.main-box {
  /* width: 1920px; */
  width: 100%;
  height: 100%;
  margin: 0 auto;
}