.flotage {
  position: fixed;
  right: 20px;
  top: 50%;
  width: 64px;
  z-index: 9;
  font-family: PingFangSC, PingFangSC-Light;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.flotage.bjy-flotage {
  width: auto;
}
.flotage .hide {
  display: none;
}
.flotage .flotage-hide {
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
}
.flotage .bjy-flotage-btn {
  width: 64px;
  height: 64px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(126,166,255,0.2);
          box-shadow: 0px 0px 8px 0px rgba(126,166,255,0.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  position: relative;
  margin-bottom: 5px;
}
.flotage .bjy-flotage-btn.contact-us:hover > .bjy-toggle-wrap {
  width: 274px;
  height: 257px;
  padding: 28px 25px;
}
.flotage .bjy-flotage-btn.phone-consult:hover > .bjy-toggle-wrap {
  width: 274px;
  height: 127px;
  padding: 28px 25px;
}
.flotage .bjy-flotage-btn.consult-online {
  background: #006fff;
  margin-top: 220px;
}
.flotage .bjy-flotage-btn.consult-online .text {
  color: #fff;
}
.flotage .bjy-flotage-btn.bjy-back-to-top {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.flotage .bjy-flotage-btn.bjy-back-to-top.hide {
  opacity: 0;
  -webkit-transform: scaleY(0.7);
     -moz-transform: scaleY(0.7);
      -ms-transform: scaleY(0.7);
          transform: scaleY(0.7);
}
.flotage .bjy-flotage-btn .btn-icon {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("../../img/index/flotage-sprite@2x_cd2d1efe2d.png");
  background-size: 24px 228px;
}
.flotage .bjy-flotage-btn .btn-icon.phone {
  background-position: 0 -72px;
}
.flotage .bjy-flotage-btn .btn-icon.try {
  background-position: 0 -48px;
}
.flotage .bjy-flotage-btn .btn-icon.contact-us {
  background-position: 0 -24px;
}
.flotage .bjy-flotage-btn .btn-icon.consult-online {
  background-position: 0 -96px;
}
.flotage .bjy-flotage-btn .btn-icon.notice {
  background-position: 0 -179px;
}
.flotage .bjy-flotage-btn .text {
  margin-top: 4px;
  font-size: 12px;
  color: #006fff;
  font-weight: 300;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap {
  position: absolute;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  top: 0;
  right: 70px;
  width: 0;
  height: 0;
  padding: 0;
  background: #fff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(126,166,255,0.2);
          box-shadow: 0px 0px 8px 0px rgba(126,166,255,0.2);
  transition: all 0.3s;
  -webkit-transform-origin: 100% 0;
     -moz-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .label-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 20px;
  height: 20px;
  margin-bottom: 8px;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .label-wrap .label {
  font-weight: 600;
  color: #586183;
  padding: 0;
  margin-left: 2px;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .label-wrap .label-icon {
  display: inline-block;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .email,
.flotage .bjy-flotage-btn .bjy-toggle-wrap .phone-tip {
  color: #006fff;
  font-weight: 300;
  line-height: 20px;
  height: 20px;
  margin-bottom: 8px;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .label-icon {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url("../../img/index/flotage-sprite@2x_cd2d1efe2d.png");
  background-size: 24px 228px;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .label-icon.phone {
  background-position: 0 -120px;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .label-icon.mail {
  background-position: 0 -140px;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .label-icon.wechat {
  background-position: 0 -160px;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .contact-item {
  margin-bottom: 12px;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .contact-item .qrcode-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 126px;
  height: 126px;
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .contact-item .qrcode-bg.wechat-db {
  background-image: url("../../img/flotage/wechat-code-db_b601b9d5f4.png");
}
.flotage .bjy-flotage-btn .bjy-toggle-wrap .contact-item .qrcode-bg.wechat-bjy {
  background-image: url("../../img/flotage/wechat-code_8a72f8f4a3.png");
}
@media only all and (min-width: 768px) {
  #app .flotage-m {
    display: none;
  }
}
.flotage-m {
  position: fixed;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  bottom: 10px;
  left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1001;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
  border-radius: 8px;
  background-color: #fff;
  padding: 5px 0;
}
.flotage-m .flotage-icon {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
.flotage-m a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #d8d8d8;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #333;
  font-size: 14px;
}
.flotage-m a:nth-last-child(1) {
  border-right: none;
}
.flotage-m a .flotage-icon {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 2vw;
}
.flotage-m a .flotage-icon-1 {
  background: url("../../img/flotage/phone_bjy_2_0b29ac6be3.png") no-repeat;
  background-size: 100% 100%;
}
.flotage-m a .flotage-icon-2 {
  background: url("../../img/flotage/contact_bjy_2_9c945735ba.png") no-repeat;
  background-size: 100% 100%;
}
.flotage-m a .flotage-icon-3 {
  background: url("../../img/flotage/apply_bjy_0583e715de.png") no-repeat;
  background-size: 100% 100%;
}
.flotage-hidden-content {
  position: fixed;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  bottom: -160px;
  left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: bottom 0.3s;
  -moz-transition: bottom 0.3s;
  transition: bottom 0.3s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1003;
}
.flotage-hidden-content.visible {
  bottom: 10px;
}
.flotage-hidden-content a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #d8d8d8;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 0;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
          box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
}
.flotage-hidden-content a:nth-last-child(1) {
  margin-bottom: 0;
}
.flotage-hidden-content a .high-light {
  color: #177cff;
  font-size: 14px;
  margin-left: 5px;
}
.flotage-hidden-content a .flotage-icon {
  display: block;
  width: 25px;
  height: 25px;
  background: url("../../img/flotage/phone_bjy_cb4c62c4d1.png") no-repeat;
  background-size: cover;
  margin-right: 5px;
}
.flotage-hidden-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 1002;
  top: 100%;
  -webkit-transition: top 0.2s;
  -moz-transition: top 0.2s;
  transition: top 0.2s;
}
.flotage-hidden-cover.visible {
  top: 0;
}
.notice-wrap {
  position: fixed;
  top: 24px;
  right: 24px;
  min-width: 300px;
  max-width: 400px;
  font-size: 16px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.2);
          box-shadow: 0 1px 6px rgba(0,0,0,0.2);
  padding: 20px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  z-index: 1000;
  -webkit-transform: translateX(120%);
     -moz-transform: translateX(120%);
      -ms-transform: translateX(120%);
          transform: translateX(120%);
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -moz-transition: transform 0.2s linear, -moz-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear, -moz-transform 0.2s linear;
  text-align: left;
}
.notice-wrap.move-in {
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.notice-wrap .icon {
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../img/landing-page/common/icon-success_63f002be86.png");
}
.notice-wrap .icon.success {
  background-image: url("../../img/landing-page/common/icon-success_63f002be86.png");
}
.notice-wrap .icon.warn {
  background-image: url("../../img/landing-page/common/icon-warn_50d1d326c1.png");
}
.notice-wrap >span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}