/*浮层*/
.message-modal{
  position: fixed;
  top: 10%;
  left: 50%;
  background: #ffffff;
  color: #404040;
  padding: 10px 16px;
  border-radius: 4px;
  display: none;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  z-index: 9999;
  transform: translateX(-50%);
}
.modal-title{
  color: #666;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  background-color: #f5f5f5;
  padding: 0 20px;
}
.modal-body h5{
  color: #404040;
  font-size: 18px;
  padding-top: 10px;
  margin: 0;
  text-align: center;
  line-height: 58px;
}
.modal-body .text{
  color: #666;
  font-size: 14px;
  text-align: center;
}
.modal-body .contact-infor{
  max-width: 270px;
  width: 4.75rem;
  background-color: #fff8e6;
  margin: 34px auto 20px auto;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.modal-header{
  padding: 0;
  position: relative;
}
.sp-icon-close{
  display: inline-block;
  /*width: 30px;*/
  /*height: 30px;*/
  /*background-image: url(/assets/index/support.png);*/
  /*background-position: -201px -109px;*/
  /*vertical-align: middle;*/
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
  z-index: 99999;
}

.modal-body{
  display: flex;
  flex-flow: column;
  align-items: center;
}

.modal-body .body-title{
  padding-top: 29px;
  font-size: 20px;
  color: #404040;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.modal-body .body-title-two{
  padding-top: 59px;
  font-size: 24px;
  color: #404040;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.body-title-two .title-passwrod{
  font-size: 32px;
  color: #ff6003;
  font-weight: bold;
}
.modal-body  .body-desc{
  padding-top: 16px;
  font-size: 14px;
  color: #808080;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-bottom: 8px;
}
.modal-body  .body-btn{
  margin-top: 40px;
  margin-bottom: 25px;
  border-radius: 4px;
  height: 40px;
  width: 400px;
  background: #ff6003;
  color: #ffffff;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.modal-dialog{
  margin-top: 200px;
  width: 550px;
  height: 400px;
}
.modal-myBtn{
  width: 34rem;
  max-width: 300px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  background: #ff6003;
  color: #ffffff;
  border: none;
  border-radius: 4px;
}
.form-line{
  position: relative;
}
.form-line .requset{
  position: absolute;
  color: #e55b3d;
  top: 50%;
  left: 0;
}
.form-line .icon-pw-1,.form-line .icon-pw-2{
  position: absolute;
  top: 50%;
  right: 8px;
  cursor: pointer;
  font-size: 18px;
  z-index: 10;
  color: #b2b2b2;
}
.form-line .code{
  position: absolute;
  top: 50%;
  right: 8px;
  cursor: pointer;
  height: 24px;
  border-left: 1px solid #e1e1e1;
  padding: 0 30px;
  display: flex;
  align-items: center;
  color: #808080;
  font-size: 14px;
}
.body-form input{
  border: none;
  height: 64px;
  width: 400px;
  border-bottom: 1px solid #e1e1e1;
  outline: none;
  padding-left: 12px;
  padding-top: 20px;
  padding-right: 150px;
}
.body-form  input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  outline:none;
}
.body-form input::-webkit-input-placeholder {
  font-size: 14px;
  color: #b2b2b2;
}

/*免费体验*/
.free-content{
  background: url("../../assets/index/free-background.png") 100%;
  height: 240px;
  display: flex;
  flex-flow: column;
  align-items: center;
  /*background-repeat:no-repeat;*/
}
.free-title{
  padding-top: 38px;
  color: #ffffff;
  font-size: 24px;
}
.free-desc{
  color: #ffffff;
  font-size: 24px;
  padding-top: 24px;
  padding-bottom: 30px;
}
.free-btn{
  display: none;
  color: #1890FF;
  width: 160px;
  height: 40px;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  cursor: pointer;
  font-size: 20px;
}
.free-right{
  display: none !important;
  width: 170px;
  height: 56px;
  position: fixed;
  right: 0;
  top: 320px;
  z-index: 99;
  cursor: pointer;
}
.cooperation-right{
  width: 170px;
  height: 56px;
  position: fixed;
  right: 0;
  top: 410px;
  z-index: 99;
  cursor: pointer;
}
.free-right .free-btn-title{
    font-size: 18px;
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: right;
    padding-right: 12px;
    z-index: 100;
}
.cooperation-right .free-btn-title{
    font-size: 18px;
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: right;
    padding-right: 30px;
    z-index: 100;
}



.free-right .right-content{
  border: 1px solid #ff833b;
  height: 100%;
  background: #ffffff;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.right-content .close-btn{
  display: flex;
  justify-content: flex-end;
  width: 100%;
}


.close-btn i{
  padding-top: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.right-title{
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-title span{
  display: inline-block;
  color: #ff833b;
  padding: 0 6px;
  font-size: 14px;
}
.right-content .right-desc{
  padding-top: 14px;
  padding-bottom: 22px;
  font-size: 16px;
  color: #666666;
  display: flex;
  justify-content: center;
}
.right-content  .right-btn{
  width: 100px;
  height: 30px;
  background: #ff833b;
  color: #fffeff;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

#newBridge{
  display: none!important;
  z-index: 999 !important;
}
.bdshare-slide-button-box{
  z-index: 999 !important;
}
.modal-header{
   border: none;
}

#myModal-three .body-title{
   font-size: 30px;
   color: #404040;
}
#myModal-three .body-btn{
    background: linear-gradient(#919396,#46494b);
}
#myModal-three .body-btn-footer{
   padding-left: 26px;
   width: 400px;
}
.body-btn-footer .btn-footer-title{
   color: #666666;
  font-size: 16px;
  padding-bottom: 10px;
}
.body-btn-footer .btn-footer-content{
  padding-bottom: 6px;
  color: #3e4b57;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.body-btn-footer i{
   font-size: 26px;
   color: #3e4b57;
   margin-right: 12px;
}

@media (max-width: 767px) {
    .free-mobile-content{
        position: relative;
    }
    .free-mobile-content .free-mobile-main{
       position: absolute;
       z-index: 10;
       top: 0;
       left: 0;
       width: 100%;
       display: flex;
       flex-flow: column;
       align-items: center;
       padding-top: 0.8rem;
    }
    .free-mobile-main .free-mobile-title{
       font-size: 0.34rem;
       color: #ffffff;
    }
    .free-mobile-main .free-mobile-desc{
      font-size: 0.34rem;
      color: #ffffff;
      padding-top: 0.14rem;
      padding-bottom: 0.38rem;
    }
    .free-mobile-main .free-mobile-btn{
      display: none;
        width: 1.6rem;
        height: 0.48rem;
        background: #ffffff;
        color: #1890FF;
        font-size: 0.22rem;
        align-items: center;
        justify-content: center;
    }

    .free-mobile-right{
      display: none;
      width: 1.12rem;
      height: 1.14rem;
      position: fixed;
      right: 0;
      top: 6.2rem;
      z-index: 99;
    }
    .cooperation-mobile-right{
      width: 1.12rem;
      height: 1.14rem;
      position: fixed;
      right: 0;
      top: 7rem;
      z-index: 99;
    }
    .free-mobile-right img, .cooperation-mobile-right img{
      width: 1.12rem;
      height: 1.14rem;
    }
    .mobile-right-icon{
      padding-top: 0.14rem;
    }
    .mobile-right-icon i{
      color: #ffffff;
    }
    .mobile-right-label{
      font-size: 0.22rem;
      color: #ffffff;
      position: absolute;
      z-index: 100;
      bottom: 0.05rem;
      left: 0;
      display: inline-block;
      width: 100%;
      text-align: center;
    }

    .modal-dialog{
      width: 6.5rem;
      height: inherit;
      margin: 0 auto;
      margin-top: 40%;
    }

    .modal-body{
        padding: 0.15rem;
    }

  .modal-body .body-title{
    padding-top: 0.73rem;
    font-size: 0.3rem;
    color: #404040;
  }
  #mobileModal-one  .modal-body .body-title{
    flex-flow: row;
  }
  .body-title .title-passwrod{
     color: #ff6003;
     font-weight: bold;
  }
  .modal-body  .body-desc{
    padding-top: 0.24rem;
    font-size: 0.22rem;
    color: #808080;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-bottom: 0.4rem;
  }

  .modal-body  .body-btn{
    margin-top: 0.4rem;
    margin-bottom: 0.41rem;
    border-radius: 4px;
    height: 0.8rem;
    width: 5rem;
    background: #ff6003;
    color: #ffffff;
    font-size: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .form-line{
    position: relative;
  }
  .form-line .requset{
    position: absolute;
    color: #e55b3d;
    top: 40%;
    left: 0;
  }

  .form-line .code{
    position: absolute;
    top: 45%;
    right: 8px;
    cursor: pointer;
    height: 0.32rem;
    border-left: 1px solid #e1e1e1;
    padding: 0  0.32rem;
    line-height: 0.32rem;
    color: #808080;
    font-size: 0.22rem;
  }
  .body-form input{
    border: none;
    height: 0.96rem;
    width: 5rem;
    border-bottom: 1px solid #e1e1e1;
    outline: none;
    padding-left: 0.2rem;
    padding-top: 0.2rem;
    padding-right: 0;
    border-radius: 0;
  }

  .sp-icon-close{
    display: inline-block;
    position: absolute;
    right: 0.2rem;
    top:  0.2rem;
    cursor: pointer;
    z-index: 99999;
  }

  #mobileModal-three .modal-dialog{
    margin-top: 30%;
  }
  #mobileModal-three .body-title{
    font-size: 0.36rem;
    color: #404040;
  }
  #mobileModal-three .body-btn{
    background: linear-gradient(#919396,#46494b);
  }
  #mobileModal-three .body-btn-footer{
     width: 5rem;
     padding-left: 0.24rem;
  }
  #mobileModal-three .btn-footer-title{
     font-size: 0.24rem;
     color: #666666;
  }
  #mobileModal-three .btn-footer-content{
    color: #3e4b57;
    font-size: 0.24rem;
  }
  #mobileModal-three i{
    font-size: 0.26rem;
    color: #3e4b57;
  }
}

.icon-right-center{
  top: 350px !important;
}