[v-cloak]{
  display: none;
}
body,html {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: none;
  color: #303133;
  font-size: 12px;
  min-width: 360px;
  overflow: auto; 
}
body{
  opacity: 0;
  animation: page-fade-in 1s forwards;
}
.h5nav {
  display: none !important;
}
@keyframes page-fade-in {
  0% {
  opacity: 0
  }
  
  100% {
  opacity: 1
  }
}
.mg-title{
  font-size: .61rem;
  color: #333;
  text-align: center;
  position: relative;
  padding: 1.2rem 0 .8rem;
  font-weight: bold;
}
.mg-container{
  margin: 0 auto;
  max-width: 1200px;
}
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
#app{
  padding-top: 0rem;
}
/* 导航栏 */
.nav-box {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 99;
  width: calc(100% - 6.48rem - 6.48rem);
  width: 100%;
  /* background-color: #1c3d81 !important; */
  /* border: 1px solid red; */
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.06);
}
.nav {
  width: 90%;
  color: #ccc;
  line-height: 0.8rem;
  padding: 0.3rem 4.3rem;
  
}
.navBarActive {
  color: #005ABC !important;
}
.nav2 {
  color: #303133;
}
.nav-icon {
  position: absolute;
  left: 10vw;
}
/* .nav-icon {
  float: left;
  border: 1px solid red;
} */
.nav-icon img {
  vertical-align: top;
}
.nav-icon span {
  font-family: HarmonyOS Sans SC;
  font-weight: 400;
  color: #90A6A7;
  font-size: 0.3rem;
  padding-left: 0.5rem;
  
}
.nav-icon p {
  position: relative;
  margin-left: .61rem;
  display: inline-block;
  font-size: .33rem;
}
.nav-icon > p::before {
  content: '';
  position: absolute;
  left: -.3rem;
  top: .22rem;
  background-color: rgba(255, 255, 255, .3);
  width: .02rem;
  height: .37rem;
}
.nav-icon2 > p::before {
  background-color: #94979C;
}
.nav-icon p span {
  padding: 0 .2rem;
}
.nav .right {
  float: right;
  display: flex;
  margin-right: 4.5rem;
}
.nav-bar {
  font-size: .3rem;
  /* margin-right: 2rem; */
}
.nav .login-btn{
  height: 2rem;
  font-size: .3rem;
  white-space: nowrap;
  cursor: pointer;
  color: #fff;
  background-color: #FFAB09;
  border-radius: 0.05rem;
  padding: 0.05rem 0.35rem;
  text-decoration: none;
  line-height: .61rem;
  height: 0.61rem;
  margin-left: 1rem;
}
.nav-bar li {
  float: left;
  color: rgba(255, 255, 255, .69);
  width: 2rem;
  text-align: center;
}
.nav-bar li span {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform:translateY(-0.05rem) rotateZ(-45deg);
  margin-left: 10px;
}

.nav-bar2 li {
  color: #fff;

}
.nav-bar li:hover {
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.nav-bar2 li:hover{
  color: #93FFFF;
  font-weight: bold;
  cursor: pointer;
}
.nav-bar li:hover span{
  border-color: #93FFFF;
}
.nav-bar .nav-bar-active {
  font-weight: bold;
  color: #FFFFFF;
}
.nav-bar .nav-bar-active2 {
  border-color: #93FFFF;
  font-weight: bold;
}

.nav-bar3 li {
  color: #94979C;
}
.nav-bar3 li:hover {
  color: #303133;
}
.nav-bar3 li:hover span{
  border-color: #303133;
}

.nav-glide-box {
  position: fixed;
  left: 0;
  top: 1.48rem;
  width: calc(100% - 6.48rem - 6.48rem);
  /* min-width: 22rem; */
  padding: .93rem 6.48rem; 
  background-color: #F1F4F8;
  border-bottom: 1px solid #ccc;
  /* box-shadow: 0rem 0.07rem 0.41rem 0rem rgba(30, 51, 84, 0.15); */
}
.nav-glide-solution {
  display: flex;
  justify-content: space-between;
  font-size: .3rem;
}
.nav-glide-solution ul li {
  margin-bottom: .22rem;
  color: #787A80;
}
.nav-glide-solution ul li:hover {
  color: #2378FF;
  cursor: pointer;
}
.nav-glide-solution ul li:first-child {
  margin-bottom: .33rem;
  font-weight: bold;
  color: #303133;
}
/* 登陆 */
.login {
  position: absolute;
  right: 6vw;
  top: 23vw;
  transform: translate(-50%,-50%);
  z-index: 99;
  box-shadow: 0rem 0.07rem 0.41rem 0rem rgba(30, 51, 84, 0.15);
}
.login_close {
  position: absolute;
  width: .38rem;
  height: .38rem;
  right: .3rem;
  top: .3rem;
  cursor: pointer;
}
.icon-operation {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background-repeat: no-repeat;
  background: url('https://cdnstatic.m-m10010.com/static/images/mlbj/image/goTop/operation.png');
  background-size: 100% 100%;
  margin-right: 0.32rem;
  float: right;
  margin-top: .3rem;
}
/* 老平台登陆框 */
/* #dvBannerPanel {
  opacity: 0;
  transition: opacity 0.5s;
  pointer-events: none;
}
#dvScroll.active #dvBannerPanel {
  pointer-events: all;
  transition: opacity 0.8s 0.2s;
  opacity: 1;
} */
.video {
  min-width: 1200px;
}
#title {
  position: absolute;
  top: 18vw;
  left: 10vw;
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
}
#title .titleName {
  padding-bottom: 0.4rem;
}
#title .cont {
  line-height: 1.8rem;
  font-size: 1.4rem;
  font-weight: 300;
}
/* #dvBannerPanel  {
  position: absolute;
  top: 16vw;
  right: 10vw;
} */
#dvBannerPanel input {
  border: 0;
}
#dvBannerPanel input:focus {
  outline: none;
}
#main{
  width: 360px;
  /* height: 400px; */
  background: #fff;
  border-radius: .19rem;
  padding: 20px 0 30px 0;
}
#dvlogin {
  z-index: 99;
  /* padding: .3rem .6rem .6rem .6rem; */
  /* background: #fff; */
  width: 80%;
  margin: 0 auto;
}
#dvlogin input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
} 
#dvlogin .active .btn{
  padding: 0;
}
#dvlogin  .active {
  /* color: #1d97e2; */
}
.logo-box {
  text-align: left;
  padding: .28rem 0;
  color:#393E42;
  font-size: .37rem;    
  font-weight: bold;
  cursor: pointer;
}
.user-info {
  border: 1px solid #c5cbd9;
  border-radius: .09rem;
  text-align: left;
  height: .76rem;
  line-height: .74rem;
  margin-bottom: .37rem;
  font-size: .3rem;
}
.experience{
  float: right;
  color: blue;
  font-size: .28rem;
}
.experience:hover,.experience:active,.experience:link,.experience:focus{
  outline: none;
  background: none;
}


.user-info>input {
  position: relative;
  height: .65rem;
  padding-left: .15rem;
  width: 70%;
  /* background-color: #b4b8bf; */
}
.user-info>.icon {
  display: inline-block;
  width: 20px;
  /* background-color: #9ba0a8; */
  /* padding:0 10px; */
  padding-left: 15px;
}

.user-info>i {
  height: 100%;
  font-family: 'mapgooicon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  
  position: relative;
  top: 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
}
.login-bk .unlogin-bk .mobildDom .user-info .yzm-wrap {
  position: relative;
}

#main .login-bk .unlogin-bk .mobildDom .user-info .yzm-wrap .divverifyStyle {
  width: 1.48rem;
}
#main .divverifyStyle {
  width: 1.11rem;
  height: .7rem;
  line-height: .7rem;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: .26rem;
  font-family: Arial;
  background-color: #666;
  margin-left: .15rem;
  border-radius: .09rem;
  position: relative;
  float: right;
}
.divverifyImg {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.tab {
  font-size: .28rem;
}
.tab>input {
  /* position: relative; */
  /* top: .02rem; */
  cursor: pointer;
}
.btnLogin {
  width: 100%;
  height: .67rem;
  line-height: .67rem;
  font-size: .3rem;
  color: #fff;
  background-color: #096dd9;
  border: 0;
  border-radius: .09rem;
  margin-top: .3rem;
  cursor: pointer;
}
.btnLogin:hover {
  background: #005ABC
}
.loginpanel .versionChange {
  width: 49%;
  display: inline-block;
  text-align: center;
  color: #666;
  font-size: .3rem;
}

/* 新平台登陆框（OMS） */
.login-wrap {
  width: 6.7rem;
  padding-top: .5rem;
  background: #fff;
  border-radius: 10px;
  font-family: "Microsoft YaHei";
}
.login-form {
  width: 80%;
  text-align: center;
  margin: 0 auto;
}
.login-text {
  margin: 0 auto;
  margin-bottom: .37rem;
  font-size: .33rem;
  text-align: left;
  color: #666;
}
.login-text span {
  display:inline-block;
  vertical-align: middle;
  border-left: solid 1px #666;
  margin-left: .19rem;
  padding-left: .22rem;
}
.login-text img {
  width: 2rem;
  height: .6rem;
  display:inline-block;
  vertical-align: middle;
}
.input-code {
  width: 3.48rem;
  float: left;
}
.code-text {
  width: 1.48rem;
  height: .74rem;
  background-color: #ccc;
  border-radius: .09rem;
  color: #666;
  float: right;
}
.remember {
  text-align: left;
  margin-bottom: .37rem;
}
/* 底部 */
.footer-H5 {
  display: none;
}
.footer {
  background-color: #1A1A1A;
  padding: 1.11rem 6.48rem .57rem 6.48rem;
}
.footer-phone {
  position: relative;
  margin-bottom: 1.11rem;
  text-align: right;
  color: #fff;
}
.footer-phone > div {
  display: inline-block;
  text-align: left;
}
.footer-phone p {
  font-size: 0.26rem;
}
.footer-phone dt {
  font-size: 0.3rem;
}
.footer-phone dt span {
  font-weight: bold;
  font-size: 0.43rem;
}
.footer-phone img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.footer-logo {
  left: 0;
  width: 2.7rem;
  height: .78rem;
}
.footer-phone-bg {
  right: 4.4rem;
  width: .78rem;
  height: .78rem;
}
.footer-line {
  height: 0.02rem;
  background: #FFFFFF;
  opacity: 0.14;
}
.footer-cont {
  margin: .76rem 0;
  display: flex;
  color: rgba(255, 255, 255, .5);
}
.footer-cont ul {
  width: 3.67rem;
  font-size: .26rem;
}
.footer-cont ul li {
  margin-bottom: .19rem;
  cursor: pointer;
}
.footer-cont ul li:hover {
  color: #fff;
}
.footer-cont ul li:first-child {
  color: #fff;
  margin-bottom: .3rem;
}
.footer-info {
  margin-top: .37rem;
  text-align: center;
  font-size: .26rem;
  color: rgba(255, 255, 255, .5);
}
.footer-info span {
  cursor: pointer;
}
/* 返回顶部 */
.goTop {
  position: fixed;
  right: 1rem;
  bottom: 3rem;
  /* width: 2rem;
  height: 2rem; */
  z-index: 999;
}
.goTop div {
  position: absolute;
  left: -3.2rem;
  top: -2.76rem;
  padding: .3rem;
  background-color: #fff;
  border-radius: 0.19rem;
  box-shadow: 0rem 0.07rem 0.41rem 0rem rgba(30, 51, 84, 0.15);
}
.goTop div img {
  width: 2.41rem;
  height: 2.41rem;
}
.goTop div dt {
  font-size: 0.3rem;
}
.goTop p {
  width: .89rem;
  height: .89rem;
  margin-bottom: .37rem;
  background-size: 100% 100%;
  box-shadow: 0rem 0.07rem 0.41rem 0rem rgba(30, 51, 84, 0.15);
}
.goTop-kefu {
  background-image: url('https://cdnstatic.m-m10010.com/static/images/mlbj/image/goTop/kefu01.png');
}
.goTop-kefu:hover {
  background-image: url('https://cdnstatic.m-m10010.com/static/images/mlbj/image/goTop/kefu02.png');
}
.goTop-go {
  background-image: url('https://cdnstatic.m-m10010.com/static/images/mlbj/image/goTop/up01.png');
}
.goTop-go:hover {
  background-image: url('https://cdnstatic.m-m10010.com/static/images/mlbj/image/goTop/up02.png');
}
.goTop img {
  width: .89rem;
  height: .89rem;
}

.nav-full {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  background: rgba( 0, 0, 0, .4);
}
.nav-full-header {
  display: flex;
  background-color: #fff;
}
.nav-full-content {
  float: right;
  top: 0;
  right: 0;
  width: 70%;
  height: 100%;
  background: #F1F4F8;
  font-size: 16px;
}
.el-icon-arrow-down, .el-icon-arrow-up {
  font-size: 18px;
}
.nav-first, .nav-full-content .nav-item  span{
  display: block;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  line-height: 50px;
  /* text-indent: 10%; */
  padding: 0 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.nav-first {
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(241, 244, 248);

}
.nav-full-content .left{
  width: 33%;
  height: 100%;
  background-color: #fff;
}
.nav-full-content .left span {
  display: block;
  font-size: 0.3rem;
  padding-left: 0.53rem;
  margin: 0.5rem 0;
}
.nav-full-content .left .navChoose {
  color: #2378FF;
  border-left: 0.06rem solid #2378FF;
  padding-left: 0.47rem;
}
.nav-full-content .right {
  width: calc(67% - 1.06rem);
  height: calc(100% - 1rem);
  overflow-y: auto;
  padding: 0.5rem 0.53rem;
  line-height: 0.55rem;
}
.nav-full-content .right span {
  display: block;
  font-size: 0.3rem;
  color: #787A80;
}
.nav-full-content .right .nav-full-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #303133;
}
.nav-full-item {
  margin-bottom: 0.3rem;
}
.login-error {
  margin-top: 0.3rem;
  font-size: .28rem;
  color: #F56C6C;
}
@media (max-width:2000px) {
  #title {
    font-size: 0.7rem;
  }
  #title .cont {
    font-size: 1.1rem;
    line-height: 1.4rem;
  }
}
@media (max-width: 1600px){ 
  #title {
    font-size: 0.5rem;
  }
  #title .cont {
    font-size: 0.8rem;
    line-height: 1.1rem;
  }
  .nav .right {
    margin-right: 1.5rem;
  }
  .nav-box {
    width: 90%;
    padding: 0px 5%;
    min-width: auto;
  }
  
  /* .nav-bar {
    flex: 1.1;
  } */
  .footer {
    padding: 5%;
  }
  .nav-glide-box {
    width: 80%;
    padding: .93rem 10%; 
  }
}

@media (max-width: 1200px){
  .login {
    top: 305px;
    right: -64px;
  }
  .goTop {
    display: none;
  }
  .nav-box {
    background-color: #FFF !important;
  }
  .webnav {
    display: none !important;
  }
  .h5nav {
    display: block !important;
    align-items: center;
  }
  .nav-box {
    width: 100%;
    padding: 0;
  }
  .nav3 .nav-icon{
    padding: 0.3rem 0;
  }
  .nav3 .nav-icon img{
    width: auto;
    height: 0.53rem;
  }
  .nav3 i {
    font-size: 0.5rem;
    padding: 0.32rem;
  }
  .nav-icon {
    left: 0;
  }
  .nav-icon img {
    margin-left: 0.53rem;
  }
  .footer {
    display: none;
  }
  .footer-H5 {
    display: block;
    background-color: #1A1A1A;
    padding: 0.7rem 0.3rem;
  }
  .footer-cont {
    display: block;
    margin: 0;
    font-size: 0.3rem;
  }
  .footer-item {
    padding-bottom: 0.15rem;
    line-height: 0.6rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-top: 0.3rem;
  }
  .footer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #FFFFFF;
  }
  .footer-content {
    display: flex;
    flex-wrap: wrap;
  }
  .footer-content span {
    margin-right: 0.3rem;
  }
  .footer-phoneNumber {
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 5px;
    padding: 0.3rem;
    margin-top: 0.5rem;
    text-align: center;
    color: #fff;
    font-size: 0.25rem;
  }
  .footer-info {
    text-align: left;
  }
}

@media (min-width: 600px){ 
  
  .nav3 .nav-icon {
    padding: 0.4rem 0;
  }
  .nav3 .nav-icon img {
    height: -0.37rem;
  }
  .icon-operation {
    width: 0.7rem;
    height: 0.7rem;
  }
  .footer-cont {
    font-size: 0.4rem;
  }
  .footer-item {
    padding-bottom: 0.25rem;
    line-height: 0.8rem;
  }
  .footer-phoneNumber {
    font-size: 0.35rem;
    padding: 0.4rem;
  }
}

@media (max-width: 600px){
  
  #title {
    display: none;
  }
  .mg-title{
    padding: .8rem 0 .6rem;
  }
}