.slide-help-new {
  position: fixed;
  right: 2px;
  bottom: 179px;
  z-index: 100;
}

.slide-help-new .help-icon {
  position: relative;
  display: block;
  width: 48px;
  height: 48px;
  background-color: #fff;
  text-align: center;
}

.slide-help-new .help-icon i {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url('/to8to_pc/common/statics/images/common_bg_s.png') no-repeat;
  background-image: -webkit-image-set(
    url('//img.to8to.com/to8to_pc/common/statics/images/common_bg_s.png?v=20190717')
      1x,
    url('//img.to8to.com/to8to_pc/common/statics/images/common_bg_l.png?v=20190717')
      2x
  );
  background-image: image-set(
    url('//img.to8to.com/to8to_pc/common/statics/images/common_bg_s.png?v=20190717')
      1x,
    url('//img.to8to.com/to8to_pc/common/statics/images/common_bg_l.png?v=20190717')
      2x
  );
}

.slide-help-new .help-icon .help-icon-hover {
  position: absolute;
  right: 46px;
  bottom: 0;
  width: 0;
  height: 50px;
  background: #fff;
  color: #0cb46a;
  z-index: 1;
  overflow: hidden;
  box-shadow: -3px 0 10px #ccc;
  -webkit-transition: width 0.3s ease-in-out 0.1s;
  transition: width 0.3s ease-in-out 0.1s;
}

.slide-help-new .help-attention-wrapper,
.slide-help-new .help-icon-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
  background: #fff;
}

.slide-help-new .help-icon:hover .help-icon-wrapper {
  box-shadow: 3px 0 5px #ccc;
  border-color: transparent;
  z-index: 3;
}

.slide-help-new .help-icon:hover .help-icon-hover {
  display: block;
  width: 86px;
}

.slide-help-new .help-icon-text {
  display: inline-block;
  padding: 20px 12px;
  text-align: center;
  line-height: 12px;
  width: 62px;
}

.slide-help-new i.icon-consult {
  margin-left: -17px;
  margin-top: -12px;
  width: 34px;
  height: 24px;
  background-position: -378px -117px;
}

.slide-help-new i.icon-attention {
  margin-left: -8px;
  margin-top: -10px;
  background-position: -425px -120px;
  width: 22px;
  height: 22px;
}

.slide-help-new i.icon-quoted {
  margin-left: -8px;
  margin-top: -10px;
  background-position: -384px -158px;
  width: 20px;
  height: 24px;
}

.slide-help-new i.icon-backtop {
  margin-left: -8px;
  margin-top: -5px;
  background-position: -423px -164px;
  width: 22px;
  height: 12px;
}

.slide-help-new .icon-draw-volume {
  display: block;
}

.slide-help-new .icon-draw-volume i {
  display: block;
  position: absolute;
  left: -25px;
  top: -129px;
  width: 101px;
  height: 131px;
  background-position: -482px -564px;
}

.slide-help-new .icon-draw-volume i img {
  position: absolute;
  right: 18px;
  top: 84px;
  width: 70px;
  height: 35px;
  -webkit-animation: scale_box 1s infinite;
  animation: scale_box 1s infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@keyframes scale_box {
  50% {
    transform: scale(0.7);
  }

  to {
    transform: scale(1);
  }
}

.slide-help-new .slide-attention {
  position: absolute;
  right: 45px;
  width: 0;
  bottom: -3px;
  overflow: hidden;
  z-index: 6;
}

.attention-box {
  position: relative;
  width: 123px;
  padding: 19px 8px;
  margin-right: 17px;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 1px #eee, -1px -1px 1px #eee;
  background-color: #fff;
}

.attention-box .attention-item .attention-item-img {
  display: block;
  width: 101px;
  height: 101px;
  margin: 0 auto;
  background: url('/to8to_pc/common/statics/images/common_bg_s.png') no-repeat -353px -3px;
  background-image: -webkit-image-set(
    url('//img.to8to.com/to8to_pc/common/statics/images/common_bg_s.png?v=20190605')
      1x,
    url('//img.to8to.com/to8to_pc/common/statics/images/common_bg_l.png?v=20190605')
      2x
  );
  background-image: image-set(
    url('//img.to8to.com/to8to_pc/common/statics/images/common_bg_s.png?v=20190605')
      1x,
    url('//img.to8to.com/to8to_pc/common/statics/images/common_bg_l.png?v=20190605')
      2x
  );
}

.attention-box .attention-item .attention-item-img.attention-item-img-app {
  background-position: -353px -3px;
  background-position: -233px -2px;
}

.attention-box .attention-item p {
  padding: 10px 0;
  height: 36px;
  overflow-y: hidden;
  text-align: center;
  font-size: 10px;
}

.attention-box .attention-app {
  color: #0cb469;
}

.attention-box .attention-wx {
  padding-bottom: 0 !important;
  color: #ff9d7d;
}

.attention-box:after {
  right: -20px;
  bottom: 119px;
  border-width: 10px;
  border-color: transparent transparent transparent #ddd;
}

.attention-box:after,
.attention-box:before {
  position: absolute;
  content: '';
  width: 0;
  border-style: solid;
}

.attention-box:before {
  right: -18px;
  bottom: 120px;
  z-index: 20;
  border-width: 9px;
  border-color: transparent transparent transparent #fff;
}

.attention-box.top:after {
  bottom: 67px;
}

.attention-box.top:before {
  bottom: 68px;
}

@media screen and (min-width: 1460px) {
  .slide-help-new .help-icon {
    width: 58px;
    height: 58px;
  }

  .slide-help-new .icon-draw-volume i {
    left: -20px;
  }

  .slide-help-new .help-icon .help-icon-hover {
    height: 58px;
    right: 55px;
  }

  .slide-help-new .slide-attention {
    right: 55px;
  }

  .attention-box:after {
    bottom: 142px;
  }

  .attention-box:before {
    bottom: 143px;
  }

  .attention-box.top:after {
    bottom: 82px;
  }

  .attention-box.top:before {
    bottom: 83px;
  }

  .slide-help-new .help-icon-text {
    line-height: 20px;
  }
}

.draw-volume {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8000;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NkI4QkQ4QkZBNTExRTc5NEJGQzIzQTM0MEQzMEIzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0NkI4QkQ5QkZBNTExRTc5NEJGQzIzQTM0MEQzMEIzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ2QjhCRDZCRkE1MTFFNzk0QkZDMjNBMzQwRDMwQjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ2QjhCRDdCRkE1MTFFNzk0QkZDMjNBMzQwRDMwQjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5awGFgAAAAD0lEQVR42mJgYGDYDBBgAAC4ALTWofH1AAAAAElFTkSuQmCC)
    repeat;
}

.draw-volume .draw-volume-close {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  right: 12px;
  top: 32px;
  z-index: 10;
}

.draw-volume .draw-volume-box {
  position: absolute;
  width: 596px;
  height: 642px;
  left: 50%;
  top: 50%;
  margin-left: -298px;
  margin-top: -321px;
}

.draw-volume .draw-top {
  top: 0;
  z-index: 9;
  left: 53px;
}

.draw-volume .draw-top,
.step-one {
  position: absolute;
  bottom: -4px;
}

.step-one .step-one-arrow {
  position: absolute;
  width: 92px;
  height: 109px;
  left: 50%;
  top: 50%;
  margin-left: -43px;
  margin-top: -65px;
}

.step-one .step-one-text {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70px;
  height: 42px;
  margin-left: -33px;
  margin-top: -17px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.step-two {
  position: absolute;
  bottom: 51px;
  left: 82px;
}

.step-two .step-two-btn {
  position: absolute;
  width: 182px;
  height: 42px;
  left: 113px;
  bottom: -16px;
  background: url('//img.to8to.com/to8to_pc/common/modules/slide_help/img/step_two_btn.png')
    no-repeat;
  -webkit-animation: scale_box 1s infinite;
  animation: scale_box 1s infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.step-three {
  position: absolute;
  bottom: 40px;
  left: 70px;
}

.step-three .code {
  position: absolute;
  width: 144px;
  left: 37px;
  top: 118px;
}

.step-three .step-three-text {
  right: 59px;
  top: 109px;
  width: 124px;
  font-size: 12px;
}

.step-pop,
.step-three .step-three-text {
  position: absolute;
  color: #fff;
  line-height: 22px;
  text-align: center;
}

.step-pop {
  display: none;
  right: 159px;
  width: 300px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  top: 222px;
  z-index: 10;
  font-size: 14px;
}

.step-pop .pop-logo {
  float: left;
  width: 24px;
  margin-left: 4px;
  margin-top: 3px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}

.step-pop .pop-logo img {
  width: 100%;
  height: 100%;
}

.step-pop .pop-text {
  float: left;
  margin-top: 5px;
  margin-left: 13px;
  max-width: 257px;
  height: 24px;
  overflow: hidden;
}

@-webkit-keyframes autofill {
  to {
    background: #fff;
  }
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}

.clearfix:after {
  content: ' ';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both;
  zoom: 1;
}

.clearfix {
  zoom: 1;
}

.popdn {
  display: none;
}

.common-tender-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxOEEzODk0MzI0NzExRTc4NkI3ODg2QzkyMEQyRjIwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxOEEzODk1MzI0NzExRTc4NkI3ODg2QzkyMEQyRjIwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjE4QTM4OTIzMjQ3MTFFNzg2Qjc4ODZDOTIwRDJGMjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjE4QTM4OTMzMjQ3MTFFNzg2Qjc4ODZDOTIwRDJGMjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5F2vrqAAAAD0lEQVR42mJgYGA4BBBgAADHAMOuvqBZAAAAAElFTkSuQmCC)
    repeat;
  z-index: 9999;
}

.common-tender-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -524px;
  margin-top: -250px;
  width: 1048px;
  background: url(/to8to_img/zxbj/common_tender/tender_bg.png) no-repeat 50%;
  height: 500px;
  background-size: contain;
}

.common-tender-popup .popup-tabs {
  position: absolute;
  left: -40px;
  top: 50%;
  margin-top: -78px;
  cursor: pointer;
}

.common-tender-popup .popup-tabs li {
  position: relative;
  display: block;
  width: 40px;
  height: 50%;
}

.common-tender-popup .popup-tabs-item {
  background: url(/to8to_img/zxbj/common_tender/tender_list_bg.png) no-repeat;
  display: block;
  height: 100px;
  width: 40px;
}

.popup-tabs li.active.btn-mfbj-list span {
  background-position: 0 -400px;
}

.popup-tabs li.btn-mfbj-list span {
  background-position: -42px -400px;
}

.popup-tabs li.btn-mfsj-list span {
  background-position: -128px -400px;
}

.popup-tabs li.active.btn-mfsj-list span {
  background-position: -86px -400px;
}

.common-tender-popup .popup-content,
.common-tender-popup .popup-main {
  width: 100%;
}

.common-tender-popup .popup-content-left,
.common-tender-popup .popup-content-right {
  float: left;
  width: 489px;
  height: 500px;
  position: relative;
}

.tender-init-mfsj .popup-content-left {
  margin-left: 4px;
}

.common-tender-popup .popup-title {
  padding-top: 138px;
  font-size: 28px;
  text-align: center;
  color: #50ac6a;
  line-height: 36px;
  padding-left: 4px;
  position: relative;
}

.common-tender-popup .popup-title em {
  z-index: 9;
  position: relative;
  font-weight: 600;
}

.common-tender-popup .title-bg-col {
  background: #e9f6ed;
  display: block;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 9px;
  z-index: 0;
}

.popup-mfbj .title-bg-col {
  width: 228px;
  left: 50%;
  margin-left: -114px;
}

.common-tender-popup .popup-title-count {
  color: #feb338;
  margin: 0 15px;
}

.common-tender-popup .popup-title-count-right {
  color: #feb338;
  width: 108px;
  margin: 0;
  display: inline-block;
}

.common-tender-popup .popup-title-unit {
  font-size: 14px;
  color: #333;
  font-weight: 400;
}

.popup-content-explain {
  margin-bottom: 20px;
  margin-left: 104px;
  color: #feb338;
}

.common-tender-popup .popup-close {
  height: 30px;
  width: 30px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDUtMzFUMTU6MTU6NDYrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA1LTMxVDE4OjAwOjU2KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA1LTMxVDE4OjAwOjU2KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0ZjcyODc4LTI0ZjEtNGZkZi04MjlhLWU4N2RmY2ZiMDk0OSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNGY3Mjg3OC0yNGYxLTRmZGYtODI5YS1lODdkZmNmYjA5NDkiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNGY3Mjg3OC0yNGYxLTRmZGYtODI5YS1lODdkZmNmYjA5NDkiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjI0ZjcyODc4LTI0ZjEtNGZkZi04MjlhLWU4N2RmY2ZiMDk0OSIgc3RFdnQ6d2hlbj0iMjAyMi0wNS0zMVQxNToxNTo0NiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vNgEuwAAAytJREFUSImtl12IVVUUx39eqcs0jWCQhZDlOJgYfcxQWFFiIEQPJYgQIQQGiUYgNkoRPfSgFFZQvkRQZB8UpFKUL0IvyWATYR/USxh+wFhGNU2MWFPmr4ezTywPd99zrrlgse9e67/+/7P33R/nzFLpwRYAtwNDwGJgAJgCvgO+B8aAk43Z1Dpvq6PqAevtL/Vj9dEGvLXiG9WJjNC0+rN6KpM/rK49H/E+dXeFbEJ9Xb1XHVQHLGZljrpIXa2+nR4o2mu9iF+dnrq0SXWTOrvbKIL3q49b/AWlHVLn1on3qT+Eov3qvIaiVR9SPwtc39aJx0X1xnmKVv2DwLk3J/5kAH14gYRLHwvcD5XxWRb7fC4wmXbfT8B84GwvB0CNDQA/Av3ADHAZcLqVktsDcF0H4TuAHcA1NSI3JdwNlfg0sCn9bgNbgf+m/XSakq8z0/ZLyv+uLsxgRtR/Eu54BnMi5Y+otIAVQF96qjczI9qZ2jnAFxRHa7RlwKdAOZMvZXjeSe1CYBj1+bAYBrssmm0BN60uTfFb1bMhN9qFYyTiUN+PU1Hjz4TiE+oGdSbEttTUz1anEnYn6jepc6CBOOoLdranGtZ/kvDvtiiWPcCpzP9UtVFgVyW2A9jWsP6P1Pa1gD9T56KGxTcDt1ViK4GlDetLO9MCjqXO5Q0KbgE+B65N/bHUjlDsgkUNOIZSO9UCjoZgu0vRCDAe+luAO4HnUr8NHKp5gCtDfgJ1XVg0azKLZFllcW3tsgum1CUZnvUBtwqLl4HS9mSKTgZMbjvFcyC3bcdTflptl8GDobDT/f1sGtFjGdLSt6u/qU90yC2pDrJMLA+JjzLEl9YIl95fM2rV4SiOxVtnaRsbCjX1pwP3W2U8Aq5QzwTQPRdI+IHA+at6SSdx1JWeaw/+T+HNFb7hmO9U8Eil4FV1fo+ig+p7FZ77q7hc8SrPva1m1BfVFTWid6svV0Qn1bs64ct3uE62GHiF4mUj2jHgK4rvs78p7oTrgBuBqyrYfcDD5L7fGkzhWvVLe7Nx9b467m4jr9r1wOo0wgUUV/HFFLfiJHCc4mzfCxxuQvgvtyGoncIitKYAAAAASUVORK5CYII=');
  background-size: 100%;
  top: 24px;
  right: 48px;
  position: absolute;
  cursor: pointer;
}

.common-tender-popup .form-error {
  display: block;
  position: absolute;
  margin-left: 95px;
  line-height: 15px;
  font-size: 12px;
  color: #ff6767;
}

.common-tender-popup .form-error .form-error-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(//img.to8to.com/to8to_pc/common/statics/images/common_bg.png?v=20170802)
    no-repeat -100px -624px;
  vertical-align: top;
}

.mfbj-left-result {
  display: none;
  margin-left: 12px;
}

.mfbj-right-result {
  display: none;
}

.popup-mfbj .popup-mfbj-tip {
  margin-top: 10px;
  text-align: center;
  color: #666;
  margin: 2px auto 0;
}

.popup-mfbj .popup-mfbj-del {
  margin-left: 10px;
  color: #bbb;
  font-size: 14px;
}

.popup-mfbj .popup-mfbj-tip-num {
  color: #feb338;
}

.popup-mfbj .popup-form {
  padding: 10px 40px;
}

.popup-form .popup-form-group {
  position: relative;
  margin-bottom: 17px;
  line-height: 34px;
  font-size: 14px;
}

.popup-form .popup-form-huxing-bottom {
  padding-left: 95px;
}

.popup-form .popup-form-label {
  float: left;
  position: relative;
  width: 95px;
}

.popup-form .popup-form-control {
  float: left;
}

.popup-form .popup-form-control.popup-mfbj-city,
.popup-form .popup-form-control.popup-mfbj-province {
  width: 111px;
}

.popup-form .popup-form-control.popup-mfbj-city {
  margin-left: 10px;
}

.popup-form .popup-form-required {
  color: #feb338;
  position: relative;
  top: 4px;
  font-size: 24px;
  vertical-align: middle;
  margin-right: 10px;
}

.popup-form .popup-form-control {
  width: 212px;
  padding: 6px 9px 5px;
  border: 1px solid #ddd;
  vertical-align: middle;
  left: 98px;
}

.popup-form .popup-form-sup {
  position: absolute;
  right: 100px;
  color: #333;
}

input::-webkit-input-placeholder {
  color: #dadada;
}

input:-moz-placeholder,
input::-moz-placeholder {
  color: #dadada;
}

input:-ms-input-placeholder {
  color: #dadada;
}

.popup-mfbj .popup-form-control.popup-mfbj-chu,
.popup-mfbj .popup-form-control.popup-mfbj-shi,
.popup-mfbj .popup-form-control.popup-mfbj-ting {
  width: 74px;
  margin-bottom: 10px;
}

.popup-mfbj .popup-form-control.popup-mfbj-wei,
.popup-mfbj .popup-form-control.popup-mfbj-yt {
  width: 111px;
}

.popup-mfbj .popup-form-control.popup-mfbj-chu,
.popup-mfbj .popup-form-control.popup-mfbj-ting {
  margin-left: 5px;
}

.popup-mfbj .popup-form-control.popup-mfbj-yt {
  margin-left: 10px;
}

.common-tender-popup .popup-title.mfbj-title {
  padding-top: 142px;
  font-size: 22px;
  font-weight: 700;
  color: #333;
}

.common-tender-popup .popup-title.mfbj-title .mfbj-title-text {
  z-index: 9;
  position: relative;
  font-weight: 600;
}

.mfbj-right-init {
  margin-left: 20px;
}

.mfbj-right-init .mfbj-title-text {
  font-size: 22px !important;
}

.mfbj-right-init .mfbj-price-result-list {
  width: 292px;
}

.mfbj-price-result {
  padding: 10px 40px 0;
}

.mfbj-price-result-list {
  width: 306px;
  margin: 0 auto;
  padding: 13px 0;
  border: 1px solid #ddd;
}

.mfbj-price-result-item {
  height: 40px;
}

.mfbj-price-result-item span {
  float: left;
  width: 44%;
  height: 40px;
  line-height: 40px;
  text-align: right;
  font-size: 14px;
}

.mfbj-price-result-item strong {
  float: right;
  width: 56%;
  height: 40px;
  line-height: 40px;
  margin-left: 0;
  font-weight: 400;
  font-size: 12px;
}

.mfbj-price-result-item strong em {
  display: inline-block;
  width: 55px;
  font-style: normal;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  font-size: 18px;
  color: #feb338;
}

.mfbj-left-result .mfbj-price-footer {
  margin: 15px 43px 0 56px;
}

.mfbj-left-result .mfbj-title-text {
  font-size: 18px;
}

.mfbj-price-footer-call {
  color: #feb338;
}

.mfbj-submit-box {
  position: absolute;
  top: 208px;
  left: 437px;
  width: 125px;
  height: 139px;
  background: url(/to8to_img/zxbj/common_tender/ico-line-btn.png) no-repeat;
  z-index: 9;
}

.mfbj-submit-btn {
  position: absolute;
  top: 25px;
  left: 16px;
  width: 90px;
  height: 90px;
  z-index: 15;
  background: #f6c03f;
  background-position: 0 0;
  border-radius: 45px;
}

.mfbjcalc-btn-ie {
  position: absolute;
  top: 6px;
  left: 0;
  width: 125px;
  height: 139px;
  background: none;
}

.ico-line-top {
  background: url(/to8to_img/zxbj/common_tender/ico-line-top.png) no-repeat 50%;
  width: 38px;
  height: 47px;
  top: 164px;
  left: 480px;
}

.ico-line-bottom,
.ico-line-top {
  position: absolute;
  display: block;
}

.ico-line-bottom {
  height: 154px;
  width: 1px;
  top: 346px;
  left: 500px;
  background: #f6c03f;
}

.mfbj-submit-btn-text {
  position: absolute;
  top: 20px;
  left: 23px;
  font-size: 16px;
  width: 45px;
  height: 45px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.pop-circle-animate {
  position: absolute;
  top: 15px;
  right: 8px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #fde5ba;
  z-index: 12;
  -webkit-animation: scale-three2 1.5s ease infinite;
  animation: scale-three2 1.5s ease infinite;
  animation-fill-mode: both;
}

@keyframes scale-three2 {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  to {
    transform: scale(1.3);
    opacity: 0;
  }
}

@-webkit-keyframes scale-three2 {
  0% {
    -webkit-transform: scale(1);
    opacity: 0.7;
  }

  to {
    -webkit-transform: scale(1.3);
    opacity: 0;
  }
}

.mfbj-right-result .pop-check-info,
.mfbj-right-result .tender-pop-left {
  display: none;
}

.mfbj-right-result .tender-pop-right {
  float: left;
  margin-left: 16px;
  padding-right: 10px;
  border-right: 1px solid #e8e8e8;
}

.mfbj-right-result .pop-check-info {
  display: block;
  position: relative;
  float: left;
  width: 375px;
  margin: 148px 0 0 82px;
  color: #333;
  font-size: 14px;
}

.mfbj-right-result .pop-check-info h3 {
  font-size: 18px;
  color: #333;
  font-weight: 400;
}

.mfbj-right-result .pop-check-info h3 span {
  font-size: 12px;
  color: #feb338;
}

.mfbj-right-result .pop-check-info .check_question {
  font-size: 14px;
  color: #999;
}

.mfbj-right-result .pop-check-info .house-type {
  margin-top: 12px;
}

.mfbj-right-result .pop-check-info .decorate-time {
  margin-top: 6px;
}

.mfbj-right-result .pop-check-info .plot-name {
  margin-top: 15px;
}

.mfbj-right-result .check-house {
  float: left;
  width: 110px;
  height: 100px;
}

.mfbj-right-result .check-house-last {
  margin-top: -4px;
}

.mfbj-right-result .check-house,
.mfbj-right-result .check-time {
  cursor: pointer;
}

.mfbj-right-result .check-house div {
  width: 80px;
  height: 85px;
  margin: 0 auto;
}

.check-right-line {
  display: none;
  height: 332px;
  width: 1px;
  background: #73c579;
  position: absolute;
  right: 1px;
  top: 168px;
}

.mfbj-left-result .check-right-line {
  display: block;
}

.mfsj-left-lien {
  height: 332px;
  width: 1px;
  background: #73c579;
  position: absolute;
  right: -11px;
  top: 168px;
}

.mfbj-right-result .decorate-time .check-time {
  float: left;
  margin-top: 12px;
}

.mfbj-right-result .check-house div,
.mfbj-right-result .check-house p i,
.mfbj-right-result .check-time p i {
  background: url(//img.to8to.com/to8to_pc/common/statics/images/common_bg.png?v=20170802)
    no-repeat -14px -495px;
}

.mfbj-right-result .check-house .old-house {
  background-position: -140px -493px;
}

.mfbj-right-result .check-house .little-change {
  background-position: -274px -498px;
}

.mfbj-right-result .check-house p,
.mfbj-right-result .check-time p {
  position: relative;
  text-indent: 15px;
  font-size: 12px;
  color: #333;
}

.mfbj-right-result .pop-check-info .check-house p {
  margin-left: 27px;
  margin-top: -6px;
}

.mfbj-right-result .pop-check-info .check-house-last p {
  margin-top: -2px;
}

.mfbj-right-result .check-time p {
  text-indent: 18px;
  margin-left: 13px;
}

.mfbj-right-result .check-time-next p {
  margin-left: 27px;
}

.mfbj-right-result .check-house p i,
.mfbj-right-result .check-time p i {
  position: absolute;
  width: 15px;
  height: 15px;
  left: 0;
  top: 2px;
  background-position: -49px -623px;
}

.mfbj-right-result .check-house.on p i,
.mfbj-right-result .check-time.on p i {
  background-position: -24px -623px;
}

.mfbj-right-result .plot-name .check_question {
  float: left;
  margin-top: 5px;
}

.mfbj-right-result .plot-name input {
  width: 229px;
  height: 30px;
  text-indent: 6px;
  border: 1px solid #e8e8e8;
}

.mfbj-right-result .check-upload,
.mfbj-right-result .check-upload:hover {
  display: block;
  width: 80px;
  height: 32px;
  background-color: #feb338;
  color: #fff;
  text-align: center;
  line-height: 32px;
  margin: 0 auto;
  margin-top: 18px;
}

.mfbj-right-result .pop-check-info .complate-form {
  display: none;
  position: absolute;
  top: 148px;
  left: 90px;
  width: 180px;
  height: 42px;
  background: #000;
  filter: alpha(opacity=60);
  opacity: 0.6;
  text-align: center;
  line-height: 42px;
  font-size: 14px;
  color: #fff;
}

.check_pop_succ {
  display: none;
  z-index: 10000;
}

.check_pop_succ,
.check_pop_succ .check_grey_layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.check_pop_succ .check_grey_layer {
  background: #000;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.check_pop_succ .check_pop_tip {
  position: absolute;
  top: 248px;
  z-index: 2;
  width: 320px;
  height: 237px;
  background-color: #fff;
  border-radius: 4px;
  text-align: center;
}

.check_pop_tip .check_pop_img {
  width: 69px;
  height: 69px;
  margin: 0 auto;
  margin-top: 20px;
  background: url(//img.to8to.com/to8to_pc/common/statics/images/common_bg.png?v=20170802)
    no-repeat -197px -610px;
}

.check_pop_tip .check_pop_text {
  font-size: 16px;
  color: #333;
}

.check_pop_tip .check_pop_recall {
  margin-top: 4px;
  font-size: 12px;
  color: #999;
}

.check_pop_tip .check_pop_recall span {
  color: #fe6022;
}

.check_pop_tip .close_check_pop,
.check_pop_tip .close_check_pop:hover {
  display: block;
  width: 100px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #666;
  border-radius: 2px;
  border: 1px solid #e8e8e8;
  margin: 0 auto;
  margin-top: 18px;
}

.common-tender-popup .popup-mfsj {
  display: none;
}

.popup-mfsj .popup-form {
  width: 360px;
  margin: 4px auto;
  padding: 10px 40px;
}

.popup-mfsj .popup-form .popup-form-control {
  width: 236px;
}

.popup-mfsj .title-bg-col {
  width: 260px;
  left: 50%;
  margin-left: -128px;
}

.popup-form .popup-form-control.popup-mfsj-city,
.popup-form .popup-form-control.popup-mfsj-province {
  width: 123px;
}

.popup-form .popup-form-control.popup-mfsj-city {
  margin-left: 11px;
}

.popup-mfsj .popup-mfsj-agree {
  margin-bottom: 20px;
}

.popup-mfsj .popup-mfsj-agree-text {
  margin-left: 5px;
}

.popup-mfsj .popup-mfsj-agree-text a {
  color: #50ac6a;
}

.popup-mfsj .popup-mfsj-btn {
  display: block;
  margin: 25px 0 17px 153px;
  width: 101px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  background: url(//img.to8to.com/to8to_img/zxbj/common_tender/tender_list_bg.png)
    no-repeat 0 0;
}

.tender-init-mfsj .popup-content-right {
  margin-left: 46px;
}

.common-tender-popup .popup-title.mfsj-title {
  padding-top: 62px;
}

.common-tender-popup .popup-mfsj-img {
  padding: 150px 0 0 120px;
}

.common-tender-popup .popup-mfsj-img em {
  width: 340px;
  height: 291px;
  display: block;
  background: url(//img.to8to.com/to8to_img/zxbj/common_tender/tender_list_bg.png)
    no-repeat -1px -102px;
  _background: url(//img.to8to.com/to8to_img/xgt/xgt_xqy.gif) no-repeat -33px -346px;
}

.popup-mfsj-result-left {
  display: none;
}

.popup-mfsj-result-left .popup-mfsj-result-title {
  padding-top: 138px;
  font-size: 28px;
  text-align: center;
  color: #50ac6a;
  line-height: 36px;
  padding-left: 4px;
  position: relative;
}

.popup-mfsj-result-left .popup-mfsj-result-con {
  padding: 12px 40px;
  line-height: 36px;
  text-align: center;
}

.popup-mfsj-result-left .popup-mfsj-result-text {
  font-size: 16px;
  color: #333;
  margin-bottom: 9px;
}

.popup-mfsj-result-left .popup-mfsj-result-text span {
  color: #68c192;
}

.popup-mfsj-result-left .popup-mfsj-result-mflf {
  display: block;
  width: 115px;
  height: 115px;
  margin: 0 auto;
  background: url(//img.to8to.com/to8to_img/zxbj/common_tender/tender_list_bg.png)
    no-repeat -644px 0;
  _background: url(//img.to8to.com/to8to_img/xgt/xgt_xqy.gif) no-repeat -238px -14px;
}

.popup-mfsj-result-left .popup-mfsj-result-explain {
  margin-top: 2px;
  color: #feb338;
  font-size: 14px;
}

.popup-mfsj-right-result {
  display: none;
  padding: 182px 15px 0;
}

.popup-aftercheck-left,
.popup-aftercheck-right {
  display: none;
  position: relative;
}

.common-tender-popup .popup-aftercheck-left {
  width: 501px;
}

.popup-aftercheck-left .check-right-line {
  display: block;
}

.popup-aftercheck-result-lico {
  display: block;
  width: 63px;
  height: 69px;
  margin: 0 auto;
  margin-top: 193px;
  background: url(//img.to8to.com/to8to_img/wx_xh/zxbj_wxxh.png?v=20170511) -384px
    0 no-repeat;
}

.popup-aftercheck-result-ltitle {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  color: #333;
  margin-top: 10px;
}

.popup-aftercheck-result-ltext {
  margin-top: 48px;
  font-size: 14px;
  color: #feae2b;
  text-align: center;
}

.popup-aftercheck-rtitle {
  font-family: PingFangSC-Medium;
  font-size: 28px;
  color: #333;
  font-weight: 1000;
  margin-top: 143px;
  text-align: center;
}

.popup-aftercheck-rtext {
  margin-top: 11px;
  font-family: PingFangSC-Regular;
  font-size: 16px;
  text-align: center;
  color: #666;
  font-weight: 400;
}

.popup-aftercheck-rtext span {
  color: #73c579;
}

.popup-aftercheck-rqrcode {
  width: 133px;
  height: 133px;
  background-color: #fff;
  border: 1px solid #f4f4f4;
}

.left-code {
  float: left;
  margin: 20px 0 0 88px;
}

.right-code {
  float: left;
  margin: 20px 0 0 53px;
}

.left-code img {
  width: 115px;
  height: 115px;
  padding: 9px;
}

.code-hint {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: #73c578;
  text-align: center;
}

.popup-aftercheck-rlist {
  width: 320px;
  margin: 0 auto;
  margin-top: 13px;
  padding-left: 62px;
}

.popup-aftercheck-ritem {
  float: left;
  width: 50%;
}

.popup-aftercheck-ritemdown {
  margin-top: 9px;
}

.popup-aftercheck-ritem p {
  position: relative;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #666;
  padding-left: 22px;
  text-align: left;
}

.popup-aftercheck-ritem p:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  background: url(//img.to8to.com/to8to_img/wx_xh/zxbj_wxxh.png?v=20180523) -938px -538px
    no-repeat;
}

.new-year-text {
  display: none;
}

.tender-form-check {
  height: 24px;
  color: #999;
}

.tender-form-check span {
  margin-left: 5px;
  font-size: 12px;
}

.tender-form-item .style-budget-em {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: -2px -312px;
  vertical-align: middle;
}

.tender-form-check a {
  color: #50ac6a;
  font-size: 12px;
}

.add-wx-pop-box {
  width: 600px;
  height: 250px;
  border: 1px solid #00af63;
  border-radius: 15px;
  position: absolute;
  left: 202px;
  bottom: 50px;
  display: none;
}

.wx-title-box {
  width: 315px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 20px;
  color: #000;
  text-align: center;
  line-height: 26px;
  position: absolute;
  top: -14px;
  left: 50%;
  margin-left: -157px;
  background: #fff;
  font-weight: 700;
}

.wx-title-box em {
  font-size: 20px;
  color: #00af63;
  font-weight: 700;
}

.wx-title-box i {
  background: url(//img.to8to.com/to8to_img/ico_lin.png?v=20170508) no-repeat
    50%;
  background-size: 100% 100%;
  width: 3.5px;
  height: 11px;
  display: block;
  position: absolute;
  top: 8px;
}

i.r {
  right: -1px;
}

i.l {
  left: -1px;
}

.kf-text {
  font-family: MicrosoftYaHei;
  text-align: center;
  padding-top: 20px;
}

.kf-text,
.kf-text em {
  font-size: 12px;
  color: #666;
}

.ewm-box1 {
  height: 250px;
  text-align: center;
}

.ewm-img-box1 {
  margin-top: -33px;
  width: 775px;
  padding: 0 100px;
  box-sizing: border-box;
}

.ewm-box {
  text-align: center;
  margin-left: 140px;
  margin-top: 33px;
}

.ewm-img-box {
  width: 143px;
  height: 143px;
  float: left;
}

.wx-res-text {
  font-family: MicrosoftYaHei-Bold;
  font-size: 18px;
  color: #fff;
  text-align: left;
  background: #00af63;
  border-radius: 2px;
  padding: 2px 8px;
  margin-top: 36px;
  font-weight: 700;
}

.wx-res-box {
  float: left;
  margin-left: 12px;
}

.wx-res-box p {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #333;
  text-align: left;
  margin-top: 15px;
}

.privacy-confirm a.agree-link {
  color: #0dc76e;
}

.privacy-confirm-mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 98;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 100%, 0);
}

.privacy-content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, -30%);
  width: 265px;
  height: 122px;
  background: #fff;
  box-shadow: 0 5px 30px 0 hsla(0, 0%, 81%, 0.5);
  border-radius: 10px;
  padding: 10px 30px 18px;
}

.privacy-content p {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 1.4;
  text-align: center;
  margin-top: 37px;
}

.footer-wrapper {
  padding-top: 20px;
  text-align: center;
}

.footer-wrapper a {
  font-size: 14px;
  display: inline-block;
  width: 96px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  background: #f5f5f5;
  border-radius: 3px;
}

.footer-wrapper a:nth-child(1) {
  color: #999;
  background: #f5f5f5;
}

.footer-wrapper a:nth-child(2) {
  color: #fff;
  background: #50ac6a;
  margin-left: 10px;
}

.ui-none {
  display: none !important;
}

.grid_img {
  transition: all 1s;
  height:373px;
}
.grid_img:hover {
  transform: scale(1.1);
}
#YSF-BTN-HOLDER {
  position: fixed;
  max-width: 70px;
  max-height: 70px;
  right: 30px;
  bottom: 24px;
  cursor: pointer;
  overflow: visible;
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 9990;
}

#YSF-BTN-HOLDER:hover {
  filter: alpha(opacity=95);
  opacity: 0.95;
}

#YSF-BTN-HOLDER img {
  display: block;
  overflow: hidden;
}

#YSF-BTN-CIRCLE {
  display: none;
  position: absolute;
  right: -5px;
  top: -6px;
  width: auto;
  min-width: 12px;
  height: 20px;
  padding: 0 4px;
  background-color: #f00;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  font-family: sans-serif;
  border-radius: 10px;
  z-index: 1;
}

#YSF-BTN-BUBBLE {
  display: none;
  position: absolute;
  left: -274px;
  bottom: -15px;
  width: 278px;
  height: 80px;
  box-sizing: border-box;
  padding: 14px 22px;
  filter: alpha(opacity=100);
  opacity: 1;
  background: url(https://qiyukf.com/sdk//res/img/sdk/bg_floatMsg2x.png)
    no-repeat;
  background: url(https://qiyukf.com/sdk//res/img/sdk/bg_floatMsg.png) 9;
  background-size: 278px 80px;
  z-index: 1;
}

#YSF-BTN-HOLDER.layer-6 {
  bottom: 0;
}

#YSF-BTN-HOLDER.layer-1 #YSF-BTN-BUBBLE {
  top: 0;
}

#YSF-BTN-HOLDER.layer-6 #YSF-BTN-BUBBLE {
  bottom: -6px;
}

#YSF-BTN-BUBBLE:hover {
  filter: alpha(opacity=95);
  opacity: 0.95;
}

#YSF-BTN-CONTENT {
  height: 45px;
  padding: 0;
  white-space: normal;
  word-break: break-all;
  text-align: left;
  font-size: 14px;
  line-height: 1.6;
  color: #222;
  overflow: hidden;
  z-index: 0;
}

#YSF-BTN-ARROW {
  display: none;
}

#YSF-BTN-CLOSE {
  position: absolute;
  width: 15px;
  height: 15px;
  right: 4px;
  top: -3px;
  filter: alpha(opacity=90);
  opacity: 0.9;
  cursor: pointer;
  background: url(https://qiyukf.com/sdk//res/img/sdk/btn-close.png) no-repeat;
  z-index: 1;
}

#YSF-BTN-CLOSE:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

#YSF-PANEL-CORPINFO.ysf-chat-layeropen {
  width: 511px;
  height: 500px;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}

#YSF-PANEL-CORPINFO {
  position: fixed;
  bottom: 0px;
  right: 20px;
  width: 0;
  height: 0;
  z-index: 99999;
}

#YSF-PANEL-INFO.ysf-chat-layeropen {
  width: 360px;
  height: 500px;
  border-radius: 8px;
  filter: alpha(opacity=100);
  opacity: 1;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}

#YSF-PANEL-INFO {
  position: fixed;
  bottom: 0px;
  right: 20px;
  width: 0px;
  height: 0px;
  filter: alpha(opacity=0);
  opacity: 0;
  z-index: 99999;
}

#YSF-PANEL-INFO .u-btn {
  background-color: #46be8a;
}

#YSF-CUSTOM-ENTRY {
  background-color: #f96868;
}

#YSF-CUSTOM-ENTRY-0 {
  position: relative;
  width: auto;
  background-color: #46be8a;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-1 {
  position: relative;
  width: auto;
  background-color: #46be8a;
  border-radius: 14px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-2 {
  position: relative;
  width: auto;
  background-color: #46be8a;
  border-radius: 8px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-3 {
  position: relative;
  width: auto;
  background-color: #46be8a;
  border-radius: 50%;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-4 {
  position: relative;
  width: auto;
  background-color: #46be8a;
  border-radius: 50%;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-5 {
  position: relative;
  width: auto;
  background-color: #46be8a;
  border-radius: 8px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-6 {
  position: relative;
  width: auto;
  background-color: #46be8a;
  border-radius: 8px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-7 {
  position: relative;
  width: auto;
  background-color: #46be8a;
  border-radius: 50%;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-8 {
  position: relative;
  width: auto;
  background-color: #46be8a;
  border-radius: 8px;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
}

#YSF-CUSTOM-ENTRY-0 img {
  max-width: 300px;
  max-height: 300px;
}

#YSF-CUSTOM-ENTRY-1 img {
  width: 28px;
  height: auto;
}

#YSF-CUSTOM-ENTRY-2 img {
  width: 58px;
  height: auto;
}

#YSF-CUSTOM-ENTRY-3 img {
  width: 60px;
  height: auto;
}

#YSF-CUSTOM-ENTRY-4 img {
  width: 60px;
  height: auto;
}

#YSF-CUSTOM-ENTRY-5 img {
  width: 60px;
  height: auto;
}

#YSF-CUSTOM-ENTRY-6 img {
  width: 58px;
  height: auto;
}

#YSF-CUSTOM-ENTRY-7 img {
  width: 60px;
  height: auto;
}

#YSF-CUSTOM-ENTRY-8 img {
  width: 60px;
  height: auto;
}

#YSF-IFRAME-LAYER {
  border: 0;
  outline: none;
}

.ysf-online-invite-wrap {
  z-index: 10001;
  position: fixed;
  _position: absolute;
  top: 50%;
  left: 50%;
}

.ysf-online-invite {
  position: relative;
  top: -50%;
  left: -50%;
  cursor: pointer;
  border-radius: 16px;
  box-shadow: 0 10px 30px 0 rgba(47, 56, 111, 0.15);
}

.ysf-online-invite img {
  display: block;
  width: 250px;
}

.ysf-online-invite .ysf-online-invite-img {
  width: 100%;
  height: 100%;
}

.ysf-online-invite .text {
  position: absolute;
  top: -11px;
  left: 0;
  right: 0;
  overflow: hidden;
  margin: 36px 20px 0 67px;
  line-height: 140%;
  color: #526069;
  font-size: 14px;
  font-family: 'Microsoft YaHei', '微软雅黑', tahoma, arial, simsun, '宋体';
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
}

.ysf-online-invite .close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 16px;
  height: 16px;
  background: url('https://ysf.nosdn.127.net/operation/4602027f7e6a0109ac433863d7d0acdf')
    no-repeat;
  cursor: pointer;
  background-size: cover;
}

#YSF-PANEL-MOBILE {
  background: rgba(46, 47, 49, 0.7);
  position: fixed;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 0px;
  transition-property: height, bottom;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  z-index: 99999;
}

#YSF-PANEL-MOBILE.ysf-chat-layeropen {
  width: 100%;
  height: 100%;
  transition-property: height, bottom;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

#YSF-IFRAME-LAYER.ysf-chat-mobile-layeropen {
  height: 90% !important;
  transition-property: height, bottom;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

#YSF-IFRAME-LAYER.ysf-chat-mobile-layeropen.ysf-chat-mobile-invite-layer {
  height: 33% !important;
}

#YSF-IFRAME-LAYER {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0px;
  width: 0px;
  height: 0px;
  transition-property: height, bottom;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  z-index: 9999;
}

.YSF-PANEL-BODY-FIXED {
  position: fixed !important;
  left: 0;
  right: 0;
}

.YSF-INVITE-LAYER-WRAPPER {
  cursor: pointer;
  position: relative;
  border: 1px solid #eaf0f6;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: 220px;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 12px;
  background: #ffffff;
  box-shadow: 0 6px 20px 0 rgba(40, 53, 75, 0.17);
  border-radius: 8px;
}

.YSF-INVITE-LAYER-HEADER {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.YSF-INVITE-LAYER-HEADER-LEFT {
  display: flex;
  flex: 1;
  align-items: center;
}

.YSF-INVITE-LAYER-RICHTEXT {
  height: 44px;
  max-width: 168px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #333333;
  line-height: 22px;
  text-align: left;
}

.YSF-INVITE-LAYER-RICHTEXT p {
  margin: 0;
}

#YSF-BTN-HOLDER .YSF-INVITE-LAYER-AVATAR {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
}

.YSF-INVITE-LAYER-KEFU-NAME {
  font-size: 12px;
  color: #999999;
  margin-left: 4px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#YSF-ONLINE-INVITE-LAYER-CLOSE {
  width: 12px;
  height: 12px;
  background: url('https://ysf.nosdn.127.net/operation/0e5ee37a71d33e05b74d1a5aa3cdd99a')
    no-repeat;
  background-size: cover;
  cursor: pointer;
}

#YSF-INVITE-LAYER-WRAPPER-ENTRY {
  position: relative;
  float: right;
}

.YSF-LAYER-ENTRY-CIRCLE {
  width: auto;
  min-width: 12px;
  height: 20px;
  padding: 0 4px;
  border-radius: 10px;
  color: #ffffff;
  background-color: #f00;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  z-index: 1;
  background: url('https://ysf.nosdn.127.net/operation/997228b687d805f7a5d6244865615ec9')
    no-repeat;
  background-size: cover;
  position: absolute;
  top: 6px;
  right: -8px;
}

.YSF-INVITE-IMG {
  background-color: #46be8a;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.25);
  float: right;
}

.YSF_INVITE-IMG-0 {
  max-width: 300px;
  height: auto;
}

.YSF_INVITE-IMG-1 {
  width: 28px;
  height: auto;
  border-radius: 14px;
}

.YSF_INVITE-IMG-2 {
  width: 58px;
  height: auto;
  border-radius: 8px;
}

.YSF_INVITE-IMG-3 {
  width: 60px;
  height: auto;
  border-radius: 50%;
}

.YSF_INVITE-IMG-4 {
  width: 60px;
  height: auto;
  border-radius: 50%;
}

.YSF_INVITE-IMG-5 {
  width: 60px;
  height: auto;
  border-radius: 8px;
}

.YSF_INVITE-IMG-6 {
  width: 58px;
  height: auto;
  border-radius: 8px;
}

.YSF_INVITE-IMG-7 {
  width: 60px;
  height: auto;
  border-radius: 50%;
}

.YSF_INVITE-IMG-8 {
  width: 60px;
  height: auto;
  border-radius: 8px;
}

#YSF-BTN-HOLDER .portrait_icon {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  display: inline-block;
}