@charset "UTF-8";

.bt-body {
  width: 1450px;
  margin: 0 auto;
}

.bt-body .bt-list {
  margin-top: 25px;
}

.bt-list li {
  float: left;
  width: 340px;
  height: 512px;
  margin-right: 30px;
  position: relative;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  background: #f8f9f9;
}

.bt-body .bt-list li:nth-child(4n) {
  margin-right: 0;
}

.bt-body .bt-list .hover-pop {
  width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
}

.bt-body .bt-list .jump-details {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.bt-body .bt-list .jump-details > img {
  width: 100%;
  height: 100%;
}
.bt-body .bt-list .jump-details > img.gif-img {
  position: absolute;
  top: 61px;
  left: 0;
  width: 100%;
  height: 160px;
  display: none;
  padding: 0 28px;
  /* display: block; */
}
.bt-body .bt-list .jump-details > img.gif-img.gif-vertical {
  position: absolute;
  top: 92px;
  left: 0;
  width: 100%;
  height: 334px;
  display: none;
  padding: 0 75px 0 77px;
}
.bt-body .bt-list .jump-details > img.gif-icon {
  position: absolute;
  left: 14px;
  top: 12px;
  width: 34px;
  height: 20px;
}

.bt-body .bt-list li:hover .pop-bot,
.bt-body .bt-list li:hover .pop-bot .down-btn,
.bt-body .bt-list li:hover .pop-tit,
.bt-body .bt-list li:hover .pop-tit .tit-name {
  opacity: 1;
}

.bt-body .bt-list li:hover .pop-bot .down-btn {
  bottom: 50px;
}

.bt-body .bt-list li:hover .pop-tit .tit-name {
  top: 0;
}

.bt-body .bt-list li:hover {
  transition: 0.3s ease-in;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.bt-body .bt-list li:hover img.gif-img,
.bt-body .bt-list li:hover img.gif-img.gif-vertical {
  display: block;
}
.bt-body .bt-list li:hover img.gif-icon {
  display: none;
}

.bt-body .hover-pop .pop-bot,
.bt-body .hover-pop .pop-tit,
.bt-body .pop-bot .down-btn,
.bt-body .pop-tit .tit-name {
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  opacity: 0;
}

.bt-body .hover-pop .pop-bot,
.bt-body .hover-pop .pop-tit {
  position: absolute;
  left: 0;
  z-index: 2;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.bt-body .hover-pop .pop-tit {
  width: 100%;
  height: 75px;
  padding: 20px 14px 20px 20px;
  top: 0;
}

.bt-body .hover-pop .pop-bot {
  width: 100%;
  height: 75px;
  bottom: 0;
}

.bt-body .hover-pop .pop-bot.gradient-ver-bw {
  background: transparent\9 \0;
  -webkit-filter: none\9 \0;
  filter: none\9 \0;
  -ms-filter: none\9 \0;
}

.bt-body .pop-tit .tit-name {
  position: relative;
  top: -30px;
  width: 180px;
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
}

.bt-body .pop-bot .down-btn {
  display: block;
  overflow: hidden;
  width: 232px;
  height: 56px;
  margin: 0 auto;
  -webkit-border-radius: 28px;
  border-radius: 28px;
  color: #fff;
  font-size: 28px;
  text-align: center;
  line-height: 54px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-filter: none\9 \0;
  filter: none\9 \0;
  -ms-filter: none\9 \0;
}

.bt-body .pop-bot .down-btn:before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}

.bt-body .pop-bot .down-btn:hover:before {
  display: block;
}

.bt-body .looked-more {
  height: 23px;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  opacity: 0.6;
  padding-top: 5px;
  letter-spacing: 1px;
}

.bt-body .looked-more a {
  position: relative;
  color: #666;
  transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  -webkit-transition: 0.15s ease-in;
  -o-transition: 0.15s ease-in;
}

.bt-body .looked-more span {
  margin-left: 10px;
  transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  -webkit-transition: 0.15s ease-in;
  -o-transition: 0.15s ease-in;
}

.bt-body .looked-more:hover {
  opacity: 1;
}

.bt-body .looked-more:hover a {
  left: -3px;
  color: #ff8a00;
}

.bt-body .looked-more:hover span {
  margin-left: 16px;
}

.pb-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.pb-icon {
  display: inline-block;
  font-style: normal;
  cursor: pointer;
}

/* .icons-menu {
    width: 20px;
    height: 14px;
    background: url(//js.ibaotu.com/revision/img/public_sprite.png) -15px 0 no-repeat
} */

.icons-comVip {
  width: 30px;
  height: 30px;
  background: url("//js.ibaotu.com/revision/img/public/qyvip_pbicont.png")
  no-repeat;
  background-size: 100%;
}

.icons-perVip {
  width: 30px;
  height: 30px;
  background: url(//js.ibaotu.com/revision/img/public/userMenu/perVip_yes.png)
  no-repeat;
}

.icons-notVip {
  width: 30px;
  height: 30px;
  background: url(//js.ibaotu.com/revision/img/public/userMenu/perVip_no.png)
  no-repeat;
}

.icons-notComVip {
  width: 30px;
  height: 30px;
  background: url(//js.ibaotu.com/revision/img/public/userMenu/comVip_no.png)
  no-repeat;
}

.icons-guohui {
  width: 15px;
  height: 15px;
  background: url(//js.ibaotu.com/revision/img/public/sp_public.png) -235px -40px
  no-repeat;
}

.icons-gongshang {
  position: relative;
  top: 2px;
  vertical-align: top;
  width: 15px;
  height: 18px;
  background: url(//js.ibaotu.com/revision/img/public/sp_public.png) -385px 0 no-repeat;
}

.icons-close-sm {
  width: 10px;
  height: 10px;
  background: url(//js.ibaotu.com/revision/img/close_sm.png) no-repeat;
}

.icons-sanjiao {
  width: 8px;
  height: 8px;
  background: url(//js.ibaotu.com/revision/img/public/sp_public.png) -270px -40px
  no-repeat;
}

.graHover {
  position: relative;
}

.graHover:before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}

.graHover:hover:before {
  display: block;
}

.word-og1 {
  color: #ff8a00 !important;
}

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

:-moz-input-placeholder {
  color: #ccc;
}

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

.gradient-hor-og {
  background: #ffae12;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17)";
}

.gradient-ver-og {
  background: #ffae12;
  background: -moz-linear-gradient(top, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          top,
          bottom,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(top, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(top, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(top, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to bottom, #ffae12 0, #f07d17 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffae12, endColorstr=#f07d17);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffae12, endColorstr=#f07d17)";
}
.gradient-ver-yl {
  background: #fef7e6;
  background: -moz-linear-gradient(top, #fef7e6 0, #ffefc9 100%);
  background: -webkit-gradient(
          linear,
          top,
          bottom,
          color-stop(0, #fef7e6),
          color-stop(100%, #ffefc9)
  );
  background: -webkit-linear-gradient(top, #fef7e6 0, #ffefc9 100%);
  background: -o-linear-gradient(top, #fef7e6 0, #ffefc9 100%);
  background: -ms-linear-gradient(top, #fef7e6 0, #ffefc9 100%);
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(#fef7e6),
          to(#ffefc9)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #fef7e6),
          to(#ffefc9)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #fef7e6),
          to(#ffefc9)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #fef7e6),
          to(#ffefc9)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #fef7e6),
          to(#ffefc9)
  );
  background: linear-gradient(to bottom, #fef7e6 0, #ffefc9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FEF7E6, endColorstr=#FFEFC9);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FEF7E6, endColorstr=#FFEFC9)";
}
.gradient-ver-wb {
  opacity: 0.4 \9 \0;
  background: #000;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0, transparent 100%);
  background: -webkit-gradient(
          linear,
          top,
          bottom,
          color-stop(0, rgba(0, 0, 0, 0.4)),
          color-stop(100%, transparent)
  );
  background: -webkit-linear-gradient(
          top,
          rgba(0, 0, 0, 0.4) 0,
          transparent 100%
  );
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0, transparent 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0, transparent 100%);
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(rgba(0, 0, 0, 0.4)),
          to(transparent)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, rgba(0, 0, 0, 0.4)),
          to(transparent)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, rgba(0, 0, 0, 0.4)),
          to(transparent)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, rgba(0, 0, 0, 0.4)),
          to(transparent)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, rgba(0, 0, 0, 0.4)),
          to(transparent)
  );
  background: linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0.4) 0,
          transparent 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff) alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#ffffff) alpha(opacity=50)";
}

.gradient-ver-bw {
  background: #000;
  background: -moz-linear-gradient(
          bottom,
          rgba(0, 0, 0, 0.4) 0,
          transparent 100%
  );
  background: -webkit-gradient(
          linear,
          bottom,
          top,
          color-stop(0, rgba(0, 0, 0, 0.4)),
          color-stop(100%, transparent)
  );
  background: -webkit-linear-gradient(
          bottom,
          rgba(0, 0, 0, 0.4) 0,
          transparent 100%
  );
  background: -o-linear-gradient(
          bottom,
          rgba(0, 0, 0, 0.4) 0,
          transparent 100%
  );
  background: -ms-linear-gradient(
          bottom,
          rgba(0, 0, 0, 0.4) 0,
          transparent 100%
  );
  background: -webkit-gradient(
          linear,
          left bottom,
          left top,
          from(rgba(0, 0, 0, 0.4)),
          to(transparent)
  );
  background: -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgba(0, 0, 0, 0.4)),
          to(transparent)
  );
  background: -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgba(0, 0, 0, 0.4)),
          to(transparent)
  );
  background: -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgba(0, 0, 0, 0.4)),
          to(transparent)
  );
  background: -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, rgba(0, 0, 0, 0.4)),
          to(transparent)
  );
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#ffffff)";
}

.gra-ver-yl {
  background: #fac364;
  background: -moz-linear-gradient(top, #fac364 0, #cc953d 100%);
  background: -webkit-gradient(
          linear,
          top,
          bottom,
          color-stop(0, #fac364),
          color-stop(100%, #cc953d)
  );
  background: -webkit-linear-gradient(top, #fac364 0, #cc953d 100%);
  background: -o-linear-gradient(top, #fac364 0, #cc953d 100%);
  background: -ms-linear-gradient(top, #fac364 0, #cc953d 100%);
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(#fac364),
          to(#cc953d)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #fac364),
          to(#cc953d)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #fac364),
          to(#cc953d)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #fac364),
          to(#cc953d)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, #fac364),
          to(#cc953d)
  );
  background: linear-gradient(to bottom, #fac364 0, #cc953d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fac364, endColorstr=#cc953d);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fac364, endColorstr=#cc953d)";
}

.pb-head {
  position: relative;
  height: 125px;
  padding-top: 30px;
  z-index: 8;
}

.pb-head .logo-b-wrap {
  width: 100%;
  text-align: center;
}

.pb-head .logo-b-wrap .logo-b {
  position: relative;
  display: inline-block;
  left: 14px;
}

.pb-head .head-cot {
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 100%;
  height: 26px;
  font-size: 14px;
  z-index: 2;
}

.pb-head .user-center {
  float: right;
  height: auto;
  line-height: 26px;
}

.pb-head .user-center.noLogin > .login-register {
  display: inline-block;
}

.pb-head .user-center.noLogin > .user-info {
  display: none;
}

.pb-head .login-register,
.pb-head .user-info,
.pb-head .user-notices,
.pb-head .ver-line {
  display: inline-block;
  vertical-align: top;
}

.pb-head .login-register {
  letter-spacing: 2px;
  font-size: 14px;
}

.pb-head .login-register > a {
  float: left;
  color: #666;
  text-align: center;
}

.pb-head .login-register .login {
  width: 62px;
  height: 26px;
  line-height: 24px;
  text-indent: 3px;
  color: #ff8a00;
  border: 1px solid #ff8a00;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.pb-head .login-register .login:hover {
  border: 0;
  color: #fff;
  background: #ffae12;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  background: #ffae12 \9 \0;
}

.pb-head .login-register .register {
  height: 16px;
  line-height: 16px;
  padding: 0 10px 0 12px;
  margin-top: 5px;
}

.pb-head .login-register .register:hover {
  color: #ff8a00;
}

.pb-head .user-info {
  position: relative;
  display: inline-block;
  height: 26px;
  padding-right: 8px;
  line-height: 26px;
  cursor: pointer;
}

.pb-head .user-info:hover .user-opearation-wrap {
  display: block;
}

.pb-head .user-info:hover .user-name:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pb-head .user-info .user-avatar {
  position: relative;
  float: left;
  top: -6px;
  margin-right: 16px;
}

.pb-head .user-info .user-avatar > .avatar {
  display: block;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.pb-head .user-info .user-avatar > i {
  position: absolute;
  right: -14px;
  bottom: -10px;
  z-index: 2;
}

.pb-head .user-info .user-name {
  position: relative;
  display: inline-block;
  max-width: 103px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 15px;
  font-size: 14px;
  letter-spacing: 1px;
}

.pb-head .user-info .user-name:before {
  position: absolute;
  top: 11px;
  right: 0;
  content: "";
  width: 8px;
  height: 8px;
  -webkit-transform-origin: 3px 3px;
  -ms-transform-origin: 3px 3px;
  transform-origin: 3px 3px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: url(//js.ibaotu.com/revision/img/public/sp_public.png) -270px -40px
  no-repeat;
}

.pb-head .user-info .user-opearation-wrap {
  position: absolute;
  display: none;
  top: 22px;
  right: -34px;
  z-index: 101;
  padding-top: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pb-head .user-info .user-opearation {
  width: 260px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 2px;
  background: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.pb-head .user-info .user-opearation .baotu-id-wrap {
  height: 80px;
  padding-top: 22px;
  padding-left: 30px;
  cursor: default;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(//js.ibaotu.com/revision/img/opea_bot.png) no-repeat;
}

.user-opearation .baotu-id-wrap .avatar-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
}

.baotu-id-wrap .avatar-wrap > img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2);
}

.baotu-id-wrap .avatar-wrap > i {
  position: absolute;
  right: -9px;
  bottom: -8px;
  cursor: default;
}

.user-info .icons-notVip {
  right: -11px !important;
  bottom: -9px !important;
}

.user-opearation .baotu-id-wrap .opearation-info {
  display: inline-block;
  margin-left: 18px;
  max-width: 68%;
  text-align: left;
}

.baotu-id-wrap .opearation-info > p {
  height: 14px;
  line-height: 12px;
  margin-bottom: 12px;
  font-size: 14px;
  letter-spacing: 1px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.baotu-id-wrap .opearation-info > p:last-child {
  height: 12px;
  line-height: 12px;
  font-size: 12px;
}

.pb-head .user-info .user-opearation .baotu-id {
  margin-left: 2px;
}

.pb-head .user-info .opearations {
  padding: 0 0 12px;
  letter-spacing: 1px;
}

.pb-head .user-info .opearations > li {
  height: 42px;
  line-height: 42px;
  margin-bottom: 3px;
  cursor: pointer;
  text-align: left;
  position: relative;
}

.pb-head .user-info .opearations > li .iconfont {
  margin-right: 8px;
}

.pb-head .user-info .opearations > li .icon-tequan {
  margin-right: 6px;
}

.pb-head .user-info .opearations > li.com .icon-tequan {
  margin-right: 5px;
  display: unset;
  background: unset;
  vertical-align: baseline;
}

.pb-head .user-info .opearations > li .icon-xiazai-copy {
  margin-right: 6px;
}

.pb-head .user-info .opearations > li .icon-shoucang {
  margin-right: 5px;
  margin-left: -1px;
}

.pb-head .user-info .opearations > li .icon-guanbikaiqi {
  margin-right: 6px;
  margin-left: -2px;
}

.pb-head .user-info .opearations > li.first {
  height: 66px;
  padding-top: 10px;
  margin-bottom: 8px;
}

.pb-head .user-info .opearations.comUser > li.first {
  display: none;
}

.comUser .icon-tequan {
  margin-right: 13px !important;
}

.pb-head .user-info .opearations > li.first p {
  width: 100%;
  line-height: 32px;
  font-size: 12px;
  letter-spacing: 0;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.user-info .opearations > li.first > a > div {
  height: 24px;
  line-height: 22px;
  letter-spacing: 2px;
}

.pb-head .user-info .opearations > li > a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 42px;
  padding: 0 30px;
  color: #666;
  text-decoration: none;
}

.pb-head .user-info .open-life-member {
  display: inline-block;
  width: 116px;
  height: 32px;
  line-height: 31px;
  margin: 63px 0 0 89px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  text-indent: 7px;
  letter-spacing: 4px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background: #ff8a00;
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12, #f07d17);
  background: -o-linear-gradient(left, #ffae12, #f07d17);
  background: linear-gradient(to right, #ffae12, #f07d17);
}

.pb-head .user-info .opearations > li:nth-of-type(2) > a {
  letter-spacing: 2px;
}

.pb-head .user-info .opearations.comUser > li:nth-of-type(2) > a {
  letter-spacing: 1px;
}

.user-info .opearations .icons-perVip {
  vertical-align: top;
  margin-right: -1px;
}

.user-info .opearations .renewal-fee {
  display: inline-block;
  width: 80px;
  height: 24px;
  margin-left: 1px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background: #ff8a00;
}

.user-info .opearations .will-end {
  color: #ff8a00;
}

.pb-head .user-info .opearations > li:hover {
  background: #ffae12;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  background: #ffae12 \9 \0;
}

.pb-head .user-info .opearations > li:hover a {
  color: #fff;
}

/* .pb-head .user-info .opearations > li.first:hover > a {
    color: #fff;
} */

.pb-head .user-info .opearations > li.first:hover > a > div {
  color: #ff8100;
}

.pb-head .user-info .opearations > li > i {
  margin-right: 12px;
}

.pb-head .user-info .opearations > li .icon-huiyuan {
  font-size: 14px;
}

.pb-head .user-info .opearations .icon-shoucang {
  position: relative;
  top: 1px;
  font-size: 20px;
}

.pb-head .user-info .opearations .icon-xiazai-copy {
  position: relative;
  font-size: 18px;
  top: 2px;
}

.pb-head .user-info .opearations .icon-guanbikaiqi {
  position: relative;
  font-size: 20px;
  top: 3px;
}

.pb-head .ver-line {
  width: 1px;
  height: 16px;
  margin-top: 5px;
  background-color: #666;
}

.pb-head .user-notices {
  position: relative;
  margin-top: 1px;
  width: 33px;
  height: 43px;
  padding-left: 9px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pb-head .user-notices .icon-tongzhi {
  margin-top: 2px;
  color: #666;
}

.pb-head .user-notices .redPot {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 4px;
  background-color: #e60012;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.pb-head .user-notices.active .redPot {
  display: block;
}

.pb-head .user-notices:hover .news-list-wrap {
  display: block;
}

.user-notices .news-list-wrap {
  display: none;
  position: absolute;
  right: -15px;
  top: 43px;
  z-index: 1;
  width: 250px;
  text-align: center;
  font-size: 12px;
  background: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.user-notices .news-list-wrap:before {
  position: absolute;
  top: -23px;
  right: 14px;
  content: "";
  width: 35px;
  height: 23px;
  background: url(//js.ibaotu.com/revision/img/notice_tri.png);
}

.user-notices .news-list-wrap > a {
  display: block;
  width: 100%;
  height: 41px;
  line-height: 38px;
  color: #999;
  letter-spacing: 1px;
  border-top: 1px solid #e6e6e6;
}

.user-notices .news-list-wrap > a:hover {
  color: #ff8a00;
}

.user-notices .news-list > li:first-child {
  overflow: hidden;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.user-notices .news-list > li > a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  letter-spacing: 2px;
}

.user-notices .news-list > li > a:hover {
  color: #fff;
  background: #ff8a00;
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12, #f07d17);
  background: -o-linear-gradient(left, #ffae12, #f07d17);
  background: linear-gradient(to right, #ffae12, #f07d17);
}

.pb-head .search-input {
  float: left;
  position: relative;
  top: -2px;
}

.pb-head .head-search-wrap {
  display: inline-block;
  position: absolute;
  top: 0;
  background: #ffae12;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  background: #ff8100 \9 \0;
  -webkit-border-bottom-right-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  border-top-right-radius: 15px;
  cursor: pointer;
}

.pb-head .head-search-wrap:before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}

.pb-head .head-search-wrap:hover:before {
  display: block;
}

.pb-head .search-input input {
  background-color: #e6e6e6;
  border: none;
  color: #666;
  position: relative;
  letter-spacing: 1px;
}

.pb-head .search-input .icon-search {
  position: absolute;
  top: 1px;
  left: 16px;
  color: #fff;
  font-size: 22px;
  z-index: 2;
}

.pb-float-head {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  padding: 0;
  background-color: #fff;
  z-index: 1001;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.pb-float-head > .head-wrap {
  width: 1450px;
  padding-top: 18px;
  margin: 0 auto;
}

.pb-float-head > .head-wrap .logo-b2 {
  float: left;
  display: block;
  width: 154px;
  height: 56px;
  margin-top: 6px;
}

.pb-float-head > .head-wrap > .return {
  float: left;
  height: 18px;
  line-height: 18px;
  margin: 13px 0 0 24px;
  font-size: 18px;
  color: #999;
  letter-spacing: 1px;
}

.pb-float-head > .head-wrap > .return:hover {
  text-decoration: underline;
}

.pb-float-head.header {
  display: block;
  position: static;
  z-index: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.pb-float-head .float-head-nav {
  position: relative;
  float: left;
  height: 36px;
  padding-top: 14px;
  letter-spacing: 1px;
}

.pb-float-head .float-head-nav .hoverLine-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  z-index: -1;
}

.pb-float-head .float-head-nav .hoverLine {
  position: absolute;
  top: 3px;
  left: 240px;
  height: 3px;
  background-color: #ff8a00;
}

.pb-float-head .float-nav-item {
  position: relative;
  float: left;
  margin-left: 48px;
  height: 50px;
}

.pb-float-head .float-nav-item .item-sheji-wrap > a,
.pb-float-head .float-nav-item > a {
  display: block;
  height: 16px;
  line-height: 16px;
  color: #666;
  cursor: pointer;
}

.pb-float-head .float-nav-item .item-sheji-wrap > a.active,
.pb-float-head .float-nav-item .item-sheji-wrap > a:hover,
.pb-float-head .float-nav-item > a.active,
.pb-float-head .float-nav-item > a:hover {
  color: #ff8a00;
}

.pb-float-head .float-nav-item:first-child {
  margin-left: 50px !important;
}

.pb-float-head .float-nav-item:last-child > a {
  position: relative;
  top: -12px;
  font-size: 32px;
}

.pb-float-head .float-nav-item .nav-hover-banner {
  display: none;
}

.pb-float-head .float-nav-item.nav-item-more.sheji .nav-hover-banner {
  left: -34px;
}

.pb-float-head .float-nav-item.nav-item-more:hover .item-sheji-wrap > a,
.pb-float-head .float-nav-item.nav-item-more:hover > a {
  color: #666;
}

.pb-float-head .float-nav-item.nav-item-more:hover .nav-hover-banner {
  display: block;
}

.pb-float-head .float-nav-item.nav-item-more .nav-hover-banner {
  position: absolute;
  display: none;
  left: -56px;
  top: 39px;
  width: 140px;
  z-index: 7;
  padding: 15px 0 3px;
  text-align: center;
  background-color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.pb-float-head .float-nav-item.nav-item-more .more-item {
  position: relative;
  width: 100%;
  height: 34px;
  padding-bottom: 6px;
  margin-bottom: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pb-float-head .float-nav-item.nav-item-more .more-item > a {
  float: left;
  width: 100%;
  height: 34px;
  line-height: 16px;
  padding: 9px 0;
  color: #666;
  letter-spacing: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pb-float-head .float-nav-item.nav-item-more .more-item:hover > a {
  color: #fff;
  background: #ffae12;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17)";
}

.pb-float-head .float-nav-item.nav-item-more .hoverline-wrap {
  position: absolute;
  left: 0;
  bottom: 4px;
  height: 3px;
}

.pb-float-head .float-nav-item.nav-item-more .hoverline {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 3px;
  background-color: #ff8a00;
}

.pb-float-head .item-sheji-wrap {
  height: 16px;
  line-height: 16px;
  color: #666;
  cursor: pointer;
}

.pb-float-head .item-sheji-wrap.active,
.pb-float-head .item-sheji-wrap:hover {
  color: #ff8a00;
}

.pb-float-head .item-sheji-wrap .icons-sanjiao {
  vertical-align: top;
  margin: 4px 0 0 -2px;
  -webkit-transition: -webkit-transform ease 0.3s;
  transition: -webkit-transform ease 0.3s;
  -o-transition: transform ease 0.3s;
  transition: transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  -webkit-transform-origin: 3px 3px;
  -ms-transform-origin: 3px 3px;
  transform-origin: 3px 3px;
  position: relative;
  top: 2px;
  left: 5px;
}

.pb-float-head .item-sheji-wrap:hover .icons-sanjiao {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pb-float-head .sheji .item-sheji-wrap > a {
  display: inline-block;
}

.pb-float-head .float-search-input {
  position: relative;
  float: left;
  margin-left: 45px;
}

.pb-float-head .float-search-input .head-search-wrap {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 100px;
  height: 44px;
  right: 0;
  background: #ffae12;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  background: #ff8a00 \9 \0;
  -webkit-border-bottom-right-radius: 22px;
  border-bottom-right-radius: 22px;
  -webkit-border-top-right-radius: 22px;
  border-top-right-radius: 22px;
  cursor: pointer;
}

.pb-float-head .float-search-input > input {
  width: 530px;
  height: 44px;
  padding-left: 30px;
  padding-right: 150px;
  font-size: 18px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  overflow: hidden;
  background-color: #e6e6e6;
  border: none;
  color: #666;
  text-indent: 10px;
  letter-spacing: 3px;
}

.pb-float-head .float-search-input .icon-search {
  position: absolute;
  top: -1px;
  left: 32px;
  color: #fff;
  font-size: 36px;
  z-index: 2;
  background: none;
  margin-top: 0;
  line-height: 42px;
}

.pb-float-head .float-search-input .float-search-tips {
  display: none;
  position: absolute;
  top: 44px;
  left: 30px;
  z-index: 5;
  width: 398px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #999;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.pb-float-head .float-search-input .float-search-tips a {
  color: #999;
}

.pb-float-head .float-search-input .float-search-tips > ul {
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
}

.pb-float-head
.float-search-input
.float-search-tips
> ul
> li:nth-of-type(1)
> a
> .record-name,
.pb-float-head
.float-search-input
.float-search-tips
> ul
> li:nth-of-type(2)
> a
> .record-name,
.pb-float-head
.float-search-input
.float-search-tips
> ul
> li:nth-of-type(3)
> a
> .record-name {
  color: #ff8a00;
}

.pb-float-head .float-search-input .recently-record-list {
  padding: 15px 30px 12px 28px;
  line-height: 14px;
  color: #ccc;
  overflow: hidden;
}

.pb-float-head .float-search-input .recently-record-list > a {
  float: left;
  line-height: 24px;
  margin: 0 12px;
  color: #ccc;
}

.pb-float-head .float-search-input .recently-record-list > a:hover {
  color: #ff8a00;
}

.pb-float-head .float-search-input .every-record {
  display: block;
  height: 32px;
  line-height: 12px;
  padding: 9px 40px;
  color: #999;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.pb-float-head .float-search-input .every-record:hover {
  color: #ff8a00;
  background-color: #f5f5f5;
}

.pb-float-head .float-search-input .every-record .record-name {
  float: left;
}

.pb-float-head .float-search-input .every-record .record-number-wrap {
  float: right;
}

.pb-float-head .user-center {
  margin-top: 10px;
}

.pb-aside-right {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1002;
  width: 40px;
  height: 100%;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.pb-aside-right.isHide .aside-cot {
  display: none;
}

.pb-aside-right .icons-menu-wrap {
  width: 40px;
  height: 38px;
  line-height: 38px;
  margin-top: 11px;
}

.pb-aside-right .icons-menu-wrap > i {
  cursor: default;
}
.pb-aside-right .aside-cot {
  position: absolute;
  top: 13.263157%;
  width: 100%;
  height: 70%;
  font-size: 12px;
  color: #666;
  background-color: #fff;
}

.pb-aside-right .aside-cot > a {
  color: #666;
}

.pb-aside-right .item-bottom,
.pb-aside-right .item-top {
  padding-top: 20px;
  border-bottom: 1px solid #e5e5e5;
}

.pb-aside-right .item-bottom > i,
.pb-aside-right .item-top > i {
  font-size: 16px;
  cursor: pointer;
}

.pb-aside-right .item-bottom > p,
.pb-aside-right .item-top > p {
  letter-spacing: 1px;
}

.pb-aside-right .item-top {
  height: 80px;
  cursor: pointer;
}

.pb-aside-right .item-top > p {
  line-height: 30px;
}

.pb-aside-right .item-bottom {
  position: absolute;
  width: 100%;
  height: 80px;
}

.pb-aside-right .item-bottom > p {
  line-height: 30px;
  cursor: pointer;
}

.pb-aside-right .qq,
.pb-aside-right .weixin {
  position: relative;
}

.pb-aside-right .qq:hover .qq-hover-banner {
  left: -213px;
  opacity: 1;
}

.pb-aside-right .qq-hover-banner,
.pb-aside-right .weixin-img,
.pb-aside-right .kefu-question {
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.pb-aside-right .qq-hover-banner:before,
.pb-aside-right .weixin-img:before {
  position: absolute;
  right: -3px;
  top: 0;
  content: "";
  width: 3px;
  height: 100%;
}

.pb-aside-right .weixin:hover .weixin-img {
  left: -203px;
  opacity: 1;
}

.pb-aside-right .weixin .weixin-img {
  position: absolute;
  top: -47px;
  left: 0;
  width: 200px;
  height: 230px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: url(//js.ibaotu.com/revision/img/weixin_new.png) center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.pb-aside-right .item-top {
  background-color: #fff;
  cursor: pointer;
}
.pb-aside-right .toTop {
  cursor: pointer;
}

.pb-aside-right .nor:hover > i,
.pb-aside-right .nor:hover > p,
.pb-aside-right .toTop:hover > i,
.pb-aside-right .toTop:hover > p {
  color: #ff8a00;
}

.pb-aside-right .company-vip {
  position: relative;
  height: 114px;
  /* overflow: hidden; */
  border-bottom: 1px solid #fff;
  cursor: pointer;
}

.pb-aside-right .company-vip:hover .pb-mask {
  opacity: 0.1;
}

.pb-aside-right .company-vip .icons-comVip {
  margin: 24px 0 9px;
}

.pb-aside-right .company-vip > p {
  line-height: 22px;
  color: #2f211b;
}
.pb-aside-right .item-top.gradient-ver-og:hover > p {
  color: #fff;
}
.pb-aside-right .item-top.gradient-ver-og > p {
  color: #fff;
}
.pb-aside-right .company-vip .pb-mask {
  z-index: 1;
  background: #fff;
}

.pb-aside-right .toTop {
  position: absolute;
  bottom: 2.736842%;
  width: 100%;
  padding: 40px 0 37px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pb-aside-right .qq-hover-banner {
  position: absolute;
  top: -53px;
  left: 0;
  width: 210px;
  height: 200px;
  padding: 2px 16px 0 18px;
  font-size: 12px;
  color: #666;
  background-color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.pb-aside-right .qq-hover-banner > ul > li {
  height: 38px;
  line-height: 20px;
  padding: 13px 0 5px;
  text-align: left;
  border-bottom: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pb-aside-right .qq-hover-banner > ul > li .add-QQ {
  float: right;
  width: 44px;
  height: 100%;
  line-height: 18px;
  text-align: center;
  color: #666;
  border: 1px solid #666;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.pb-aside-right .qq-hover-banner .more-QQ {
  display: block;
  height: 12px;
  line-height: 12px;
  margin-top: 16px;
  color: #666;
}

.pb-aside-right .qq-hover-banner .more-QQ:hover {
  color: #ff8a00;
}

.pb-nav {
  position: relative;
  width: 100%;
  padding-top: 25px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.pb-nav .nav-wrap {
  position: relative;
  width: 100%;
  height: 24px;
}

.pb-nav .nav {
  position: relative;
  width: 100%;
  font-size: 16px;
  letter-spacing: 2px;
}

.pb-nav .nav > ul {
  width: 100%;
  height: 24px;
  line-height: 24px;
  /*padding: 0 90px 0 60px*/
  padding: 0 0 0 50px;
}

.pb-nav .nav-item {
  position: relative;
  float: left;
}

.pb-nav .nav-item > .nav-ppt {
  position: absolute;
  top: -14px;
  right: -12px;
  width: 41px;
  height: 22px;
  padding: 0;
  background: url(//js.ibaotu.com/revision/img/public/PPT2.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.pb-nav .nav-item.nav-item-more:hover > a {
  color: #666;
}

.pb-nav .nav-item.nav-item-more:hover .nav-hover-banner {
  display: block;
}

.pb-nav .nav-item.nav-item-more .nav-hover-banner {
  position: absolute;
  display: none;
  top: 19px;
  left: -12px;
  z-index: 4;
  width: 140px;
  padding: 30px 0 0 0;
  text-align: center;
  background-color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.pb-nav .nav-item.nav-item-more .more-item {
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 24px;
  padding-bottom: 6px;
  margin-bottom: 17px;
}

.pb-nav .nav-item.nav-item-more .more-item > a {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 16px;
  padding-bottom: 6px;
  color: #666;
  letter-spacing: 2px;
}

.pb-nav .nav-item.nav-item-more .more-item:hover > a {
  color: #ff8a00;
}

.pb-nav .nav-item.nav-item-more .hoverline-wrap {
  position: absolute;
  left: 0;
  bottom: 4px;
  height: 3px;
}

.pb-nav .nav-item.nav-item-more .hoverline {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 2px;
  background-color: #ff8a00;
}

.pb-nav .nav-item > a {
  display: block;
  height: 24px;
  line-height: 16px;
  /*padding: 0 28px;*/
  /*padding: 0 26px;*/
  padding: 0 20px;
  color: #666;
  cursor: pointer;
}

.pb-nav .nav-item > a.active,
.pb-nav .nav-item > a:hover {
  color: #ff8a00;
}

.pb-nav .nav-item:first-child > a {
  padding-left: 0;
  /*padding-right: 47px*/
  padding-right: 37px;
}

/*.pb-nav .nav-item:last-child>a {
    position: relative;
    top: -12px;
    font-size: 32px;
    padding-right: 0;
    padding-left: 0px;
    margin-left: 38px;
}*/

.pb-nav .nav-item:hover .nav-hover-banner {
  display: block;
}

.pb-nav .nav-item:nth-of-type(2) .nav-hover-banner {
  width: 290px;
  padding: 25px 28px 15px;
}

.pb-nav .nav-item:nth-of-type(5) .nav-hover-banner {
  left: -89px;
}

.pb-nav .nav-hover-banner.perVip {
  display: none;
  width: 290px;
  height: 150px;
  top: 24px;
  left: -82px;
  text-align: center;
  background: url(//js.ibaotu.com/revision/img/public/per_vip_bg.png) center;
  padding: 0;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-size: cover;
  background-size: cover;
}

.pb-nav .nav-hover-banner.perVip.comVip {
  width: 300px;
  height: 270px;
  left: -98px;
  background: transparent url(//js.ibaotu.com//revision/img/public/nav/com2.png)
  no-repeat;
}

.pb-nav .nav-hover-banner.perVip.comVip.notvip {
  background: url("//js.ibaotu.com/revision/img/activity/qyvip/downbg.png?v=1")
  center no-repeat;
}

.pb-nav .perVip.comVip.notvip .add-perVip {
  display: none;
}

.pb-nav .perVip .btn-wrap {
  overflow: hidden;
  width: 140px;
  height: 50px;
  margin: 208px auto 0;
  line-height: 44px;
  text-align: center;
}

.pb-nav .perVip .add-perVip {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com//revision/img/public/nav/com-btn.png) 0 -35px no-repeat;
}

.pb-nav .perVip.comVip .add-perVip {
  color: transparent;
}

.pb-nav .hoverLine-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  z-index: -1;
}

.pb-nav .hoverLine-wrap .hoverLine {
  position: absolute;
  bottom: 0;
  left: 185px;
  width: 80px;
  height: 2px;
  background-color: #ff8a00;
  opacity: 0;
}

.pb-nav .nav-hover-banner {
  display: none;
  position: absolute;
  top: 24px;
  left: -100px;
  z-index: 7;
  padding: 25px 13px 15px;
  width: 290px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.pb-nav .nav-hover-banner .hover-classify-one {
  height: 38px;
}

.hover-classify-one .classify-item-wrap {
  float: left;
  width: 126px;
}

.pb-nav .nav-item:nth-of-type(2) .hover-classify-one .classify-item-wrap {
  width: 117px;
}

.pb-nav .classify-one-item {
  display: inline-block;
  vertical-align: top;
  margin-left: 26px;
  height: 24px;
  padding: 5px 14px;
  line-height: 14px;
  font-size: 14px;
  color: #666;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  letter-spacing: 0;
  margin-bottom: 10px;
}

.pb-nav .classify-one-item .iconfont,
.classify-two-ul-li .iconfont {
  color: #ff8a00;
  margin-left: 4px;
}
.pb-nav .classify-one-item .iconfont.icon-huo-copy,
.classify-two-ul-li .iconfont.icon-huo-copy {
  color: #ff4503;
}

.pb-nav .classify-one-item:hover .iconfont,
.classify-two-ul-li:hover .iconfont {
  color: #ffffff;
}

.pb-nav .classify-one-item:hover {
  background: #ff8a00 \9 \0;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  -webkit-filter: none\9 \0;
  filter: none\9 \0;
  -ms-filter: none\9 \0;
  color: #fff;
  color: #ff8a00 \9 \0;
}

.pb-nav .classify-one-item:first-child {
  margin-left: 0;
}

.pb-nav .classify-two-wrap:first-child {
  border-left: 0;
  padding-left: 0;
}

.pb-nav .classify-two-wrap > a {
  display: block;
  height: 16px;
  line-height: 16px;
  margin: 5px 0 20px 14px;
  font-size: 16px;
  color: #ff8a00;
  font-weight: 700;
  text-indent: 8px;
  border-left: 2px solid #ff8a00;
}

.pb-nav .classify-two-ul {
  overflow: hidden;
  font-size: 14px;
}

.pb-nav .classify-two-ul > li {
  float: left;
  width: 132px;
  margin: 0 0 10px;
  letter-spacing: 0;
}

.pb-nav .classify-two-ul > li > a {
  float: left;
  height: 24px;
  line-height: 14px;
  color: #666;
  padding: 5px 14px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.search-verline-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100% !important;
  margin-top: 0 !important;
  z-index: -1;
}

.search-verline-wrap .search-verline {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 18px;
  background-color: #ff8a00;
  opacity: 0;
  -webkit-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
}

.float-search-input .search-verline-wrap {
  left: 30px;
  z-index: 0;
}

.pagelist {
  margin: 28px auto 50px;
  text-align: center;
}

.pagelist a {
  font-size: 14px;
  color: #999;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-right: 15px;
  padding: 7px 13px;
}

.pagelist a,
.pagelist > span {
  display: inline-block;
}

.pagelist > span {
  margin-right: 15px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.pagelist .current {
  color: #fff;
  background-color: #ff8a00;
  border-color: #ff8a00;
  display: inline-block;
  padding: 8px 14px;
}

.pagelist a:hover {
  background-color: #ff8a00;
  color: #fff;
  border-color: #ff8a00;
}

.pagelist a:first-child {
  border: 0;
}

.pagelist a:last-child {
  border: 0;
  margin-right: 0;
}

.pagelist a:first-child:hover {
  color: #ff8a00;
  background-color: transparent;
}

.pagelist a:last-child:hover {
  color: #ff8a00;
  background-color: transparent;
}

.pb-float-head.header {
  display: block;
  position: static;
  z-index: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.foot2 {
  padding-top: 20px;
  line-height: 12px;
  font-size: 12px;
  color: #999;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}

.pop {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1210;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.pop > div {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.pop .pop-close {
  position: absolute;
  top: 6px;
  right: 8px;
  padding: 5px;
}

.pop .pop-close .icon-iconfontclose {
  font-size: 32px;
  color: #ccc!important;
}

.pop .join-vip {
  width: 700px;
  height: 500px;
  text-align: center;
  letter-spacing: 5px;
  background-color: #fff;
}

.pop .join-vip .icon-iconfontclose {
  color: #fff;
}

.pop .join-vip > h2 {
  height: 99px;
  line-height: 96px;
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  text-indent: 3px;
}

.pop .join-vip > h3 {
  height: 32px;
  line-height: 32px;
  margin: 134px 0 84px;
  font-size: 32px;
  color: #ff8100;
  text-indent: 2px;
}

.pop .join-vip .join-btn-wrap {
  display: inline-block;
  overflow: hidden;
  width: 280px;
  height: 50px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

.pop .join-vip .join-btn-wrap .join-btn {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 48px;
  font-size: 24px;
  letter-spacing: 3px;
  color: #fff;
  text-indent: 1px;
}

.pop.verPhone-enter {
  display: none;
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  z-index: 1003;
  width: 100%;
  height: 100px;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  background: rgba(0, 0, 0, 0.7);
}

.pop.verPhone {
  display: none;
}

.verPhone-enter > p {
  height: 42px;
  line-height: 42px;
  font-size: 14px;
}

.pop.verPhone-enter .pop-close {
  top: 0;
  right: 0;
}

.verPhone-enter .confirm {
  overflow: hidden;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  letter-spacing: 2px;
  color: #fff;
  background: #ff8a00;
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12, #f07d17);
  background: -o-linear-gradient(left, #ffae12, #f07d17);
  background: linear-gradient(to right, #ffae12, #f07d17);
  -webkit-border-radius: 20px;
  border-radius: 20px;
  outline: 0;
}

.phone-ver {
  width: 660px;
  height: 510px;
  background: #fff;
}

.phone-ver.success .ver-cot {
  display: none;
}

.phone-ver.success .ver-success {
  display: block;
}

.phone-ver .ver-success {
  display: none;
  text-align: center;
}

.phone-ver .ver-success > p {
  height: 16px;
  line-height: 16px;
  margin: 58px 0 36px;
  color: #ff8a00;
  font-size: 16px;
}

.phone-ver .ver-iconSuccess {
  display: block;
  width: 104px;
  height: 104px;
  margin: 0 auto;
  background: url(//js.ibaotu.com/revision/img/pop/ver_success.png) center;
}

.phone-ver .success-btn {
  width: 180px;
  height: 44px;
  line-height: 44px;
  margin: 40px auto 0;
  font-size: 18px;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
  background: #ff8a00;
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12, #f07d17);
  background: -o-linear-gradient(left, #ffae12, #f07d17);
  background: linear-gradient(to right, #ffae12, #f07d17);
  -webkit-border-radius: 22px;
  border-radius: 22px;
  outline: 0;
}

.phone-ver .ver-cot {
  padding: 0 13.636364%;
}

.phone-ver .ver-tip {
  height: 14px;
  line-height: 14px;
  color: #ff8a00;
  font-size: 14px;
  text-align: center;
  margin: 30px 0 20px;
  letter-spacing: 1px;
}

.phone-ver .ver-head {
  height: 70px;
  margin-bottom: 40px;
  background: url(//js.ibaotu.com/revision/img/pop/phone_ver_bg.png) center;
}

.phone-ver .ver-head > h3 {
  font-size: 20px;
  line-height: 70px;
  color: #fff;
  letter-spacing: 4px;
  text-align: center;
}

.phone-ver .pop-close {
  right: 7px;
}

.phone-ver .pop-close .icon-iconfontclose {
  color: #fff;
}

.phone-ver .user-info {
  text-align: left;
  height: 36px;
  line-height: 36px;
}

.phone-ver .user-avatar {
  position: relative;
  float: left;
  margin-right: 22px;
}

.phone-ver .user-avatar > .avatar {
  display: block;
  width: 36px;
  height: 36px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.phone-ver .user-avatar > i {
  position: absolute;
  right: -9px;
  bottom: -8px;
}

.phone-ver .user-name {
  font-size: 14px;
  color: #666;
  letter-spacing: 2px;
}

.phone-ver .verification {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.phone-ver .verification > div {
  position: relative;
  height: 79px;
  padding: 40px 0 0 1.66667%;
  font-size: 14px;
  text-align: left;
  border-bottom: 1px solid #cbcbcb;
}

.phone-ver .verification > div:first-child {
  height: 69px;
  padding-top: 30px;
}

.phone-ver .icon-z-verify {
  display: inline-block;
  margin: 0 9px 0 2px;
  font-size: 25px;
  vertical-align: top;
}

.phone-ver .verification input {
  vertical-align: top;
  width: 32.6087%;
  height: 24px;
  line-height: 24px;
  color: #666;
  border: 0;
  box-shadow: none !important;
}

.phone-ver .imgCode-img {
  float: right;
  width: 82px;
  height: 36px;
  margin: -4px 1.875% 0 0;
}

.phone-ver .verification > div > p {
  display: none;
  position: absolute;
  bottom: -24px;
  left: 0;
  vertical-align: top;
  height: 24px;
  line-height: 24px;
  text-indent: 14px;
  letter-spacing: 2px;
  color: red;
}

.phone-ver .ver-codeErro.active,
.phone-ver .ver-warning.active {
  display: inline-block;
}

.phone-ver .icon-shouji2 {
  width: auto;
  line-height: 26px;
  font-size: 26px;
  margin: 1px 8px 0 2px;
}

.phone-ver .icon-yanzhengma {
  width: auto;
  line-height: 24px;
  font-size: 24px;
  margin: 2px 8px 0 4px;
}

.phone-ver ::-webkit-input-placeholder {
  letter-spacing: 2px;
}

.phone-ver :-moz-input-placeholder {
  letter-spacing: 2px;
}

.phone-ver :-ms-input-placeholder {
  letter-spacing: 2px;
}

.phone-ver .send-verCode {
  float: right;
  width: 25%;
  height: 40px;
  line-height: 40px;
  color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: -7px 9px 0 0;
  text-align: center;
  letter-spacing: 1px;
  background: 0 0;
  color: #ff8a00;
  cursor: pointer;
  outline: 0;
}

.phone-ver .send-verCode:disabled {
  color: #ccc;
  cursor: default;
}

.phone-ver .iconfont.active {
  color: #ff8a00;
}

.phone-ver .send-verCode.countdown {
  color: #666;
}

.phone-ver .ver-submit {
  display: block;
  width: 180px;
  height: 44px;
  line-height: 44px;
  margin: 50px auto 0;
  font-size: 18px;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
  background: #ff8a00;
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12, #f07d17);
  background: -o-linear-gradient(left, #ffae12, #f07d17);
  background: linear-gradient(to right, #ffae12, #f07d17);
  -webkit-border-radius: 22px;
  border-radius: 22px;
  outline: 0;
}

.phone-ver .ver-submit:disabled {
  background: #ccc;
  cursor: default;
}

.dl-box {
  width: 930px;
  height: 540px;
}

.dl-box .pop-close {
  top: 5px;
}

.dl-box .pop-close .icon-iconfontclose {
  font-size: 35px;
  color: #fff;
}

.dl-box .head {
  height: 80px;
  line-height: 76px;
  font-size: 30px;
  text-align: center;
  text-indent: 6px;
  letter-spacing: 8px;
  color: #fff;
  background: url(//js.ibaotu.com/revision/img/pop_dl_head.png) center no-repeat;
}

.dl-box .dl-cot {
  position: relative;
  padding: 45px 0 49px 88px;
  color: #666;
  background-color: #fff;
}

.dl-box .dl-cot .cot-right,
.dl-box .dl-cot .img-wrap {
  float: left;
}

.dl-box .dl-cot .img-wrap {
  overflow: hidden;
  width: 242px;
  height: 366px;
  margin-right: 70px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.46);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.46);
}

.dl-box .dl-cot .img-wrap > img {
  width: 100%;
  height: 100%;
}

.dl-box .dl-cot .works-name {
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  color: #666;
}

.dl-box .dl-btn-wrap {
  margin: 50px 0;
  text-align: center;
}

.dl-box .dl-btn-wrap > a {
  float: left;
  width: 210px;
  height: 50px;
  line-height: 48px;
  font-size: 18px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

.dl-box .dl-btn-wrap .vip-btn {
  margin-right: 30px;
  color: #fff;
}

.dl-box .dl-btn-wrap .vip-btn:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.dl-box .dl-btn-wrap .vip-btn .icon-jisupeisong {
  position: relative;
  top: 1px;
  margin-right: 4px;
  font-size: 23px;
}

.dl-box .line-hor {
  width: 440px;
  height: 1px;
  background-color: #999;
}

.dl-box .works-info {
  margin-top: 20px;
}

.dl-box .works-info > div {
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  color: #666;
}

.dl-box .works-info > div:first-child {
  margin-bottom: 20px;
}

.dl-box .works-info > div > p {
  float: left;
  width: 250px;
  height: 100%;
}

.dl-box .audio-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/dl_audio_bg.png) no-repeat;
}

.dl-box .audio-wrap .pole {
  position: absolute;
  right: 23px;
  top: 84px;
  z-index: 2;
  width: 66px;
  height: 122px;
  background: url(//js.ibaotu.com/revision/img/dl_audio_pole.png) no-repeat;
}

.dl-box .audio-img-wrap {
  position: absolute;
  overflow: hidden;
  top: 111px;
  left: 49px;
  width: 144px;
  height: 144px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.dl-box .audio-img-wrap:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
  content: "";
  width: 30px;
  height: 30px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.dl-box .audio-img-wrap img {
  position: absolute;
  left: -50%;
  top: -50%;
}

.get-vip,
.vip-end,
.wenjuan {
  width: 700px;
  height: 500px;
  text-align: center;
  background-color: #fff;
  z-index: 11;
}

.get-vip > p,
.vip-end > p {
  font-weight: 700;
  text-indent: 3px;
  letter-spacing: 5px;
  color: #ff8a00;
}

.get-vip .end-days,
.vip-end .end-days {
  color: #666;
}

.get-vip .open-vip,
.vip-end .open-vip {
  display: inline-block;
  color: #fff;
  text-indent: 2px;
  letter-spacing: 2px;
}

.vip-end {
  padding: 75px 0 41px;
}

.vip-end > p {
  height: 28px;
  line-height: 28px;
  font-size: 28px;
  margin: 40px 0 32px;
}

.vip-end .open-vip {
  width: 220px;
  height: 50px;
  line-height: 48px;
  font-size: 24px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

.get-vip {
  padding: 42px 0 51px;
}

.get-vip > p {
  height: 32px;
  line-height: 32px;
  font-size: 32px;
  margin: 38px 0 44px;
  text-indent: 8px;
}

.get-vip .open-vip {
  width: 240px;
  height: 60px;
  line-height: 58px;
  font-size: 28px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.pop.news {
  display: block;
  overflow: hidden;
  top: auto;
  left: auto;
  bottom: 10px;
  right: 10px;
  z-index: 1003;
  width: 360px;
  height: 240px;
  padding-top: 96px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 2px;
  background: #fff url(//js.ibaotu.com/revision/img/pop/news_bg1.png) top center
  no-repeat;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pop.news .news-tit {
  height: 14px;
  line-height: 14px;
  font-weight: 700;
  color: #666;
  text-indent: 4px;
}

.pop.news .news-cot {
  overflow: hidden;
  max-width: 270px;
  line-height: 20px;
  margin: 0 auto;
  padding: 19px 0;
  color: #666;
}

.pop.news .pop-close {
  top: -1px;
  right: 0;
}

.pop.news .pop-close .icon-iconfontclose {
  color: #fff;
  font-size: 18px;
}

.wenjuan {
  padding: 40px 0 41px 70px;
  text-align: left;
}

.pop.news .view-news {
  display: inline-block;
  width: 120px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  letter-spacing: 2px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background: #ff8a00;
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12, #f07d17);
  background: -o-linear-gradient(left, #ffae12, #f07d17);
  background: linear-gradient(to right, #ffae12, #f07d17);
}

.wenjuan > h2,
.wenjuan > p {
  height: 20px;
  line-height: 20px;
  font-size: 20px;
}

.wenjuan > h2 {
  margin-bottom: 40px;
  color: #ff8a00;
  letter-spacing: 4px;
  text-indent: 96px;
}

.wenjuan > p {
  font-weight: 700;
  color: #666;
  letter-spacing: 2px;
}

.wenjuan .radio-wrap {
  margin-bottom: 40px;
}

.wenjuan .radio-wrap > li {
  float: left;
  width: 198px;
  height: 16px;
  line-height: 16px;
  margin-top: 30px;
}

.wenjuan .radio-wrap input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  vertical-align: top;
}

.wenjuan .radio-wrap input[type="radio"]:after,
.wenjuan .radio-wrap input[type="radio"]:before {
  content: "";
  display: block;
  position: absolute;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.wenjuan .radio-wrap input[type="radio"]:before {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 2px solid #ff8a00;
}

.wenjuan .radio-wrap input[type="radio"]:checked:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: #ff8a00;
}

.wenjuan .radio-wrap input[type="radio"]:checked:before {
  border-color: #ff8a00;
}

.wenjuan .submit {
  display: block;
  width: 220px;
  height: 50px;
  margin-left: 170px;
  line-height: 48px;
  font-size: 24px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  color: #fff;
  letter-spacing: 2px;
  text-align: center;
}

.wenjuan label {
  cursor: pointer;
  letter-spacing: 3px;
}

.wenjuan .other-career {
  width: 100% !important;
}

.wenjuan .other-career > input[type="text"] {
  width: 240px;
  height: 18px;
  margin-left: 6px;
  font-size: 16px;
  line-height: 16px;
  border: 0;
  outline: 0;
  border-bottom: 1px solid #666;
  text-indent: 10px;
}

.wenjuan .inp-qq {
  width: 400px;
  height: 36px;
  margin: 20px 0 40px;
  border: 1px solid #999;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-indent: 20px;
}

.new_feedback {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 11;
  display: inline-block;
  width: 168px;
  height: 164px;
  background: url(//js.ibaotu.com/revision/img/float_feedback.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.new_feedback.graHover:before {
  right: 0;
  bottom: 0;
  margin: auto;
  width: 60%;
  height: 60%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.new-feedback {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1003;
  background: rgba(0, 0, 0, 0.5);
}

.new-feedback .feedback {
  display: block;
  width: 800px;
  height: 897px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.feedback p.title {
  font-size: 20px;
  color: #ff8a00;
  line-height: 20px;
  padding: 50px 0 36px 0;
  text-align: center;
}

.feedback span {
  width: 16px;
  height: 16px;
  float: left;
  padding-top: 3px;
  cursor: pointer;
  text-align: center;
  margin-right: 10px;
  margin-top: 4px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: -24px 0;
  border: 2px solid #ff8a00;
  background-image: url(//js.ibaotu.com/revision/img/icon-fb.png);
  background-position: center;
  -webkit-background-size: 10px 10px;
  background-size: 10px;
}

.feedback span.on {
  background-color: #ff8a00;
}

.feedback span:hover {
  background-color: #ff8a00;
}

.feedback span input {
  opacity: 0;
  margin-top: -3px;
  float: left;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

.feedback ul {
  width: 620px;
  margin: 0 auto;
}

.feedback li {
  margin-bottom: 30px;
}

.feedback li p {
  font-size: 16px;
  color: #666;
}

.bt-suggestion {
  width: 620px;
  margin: 0 auto 40px;
  position: relative;
}

.bt-suggestion textarea {
  width: 620px;
  height: 170px;
  border: 1px solid #999;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 0 auto;
  display: block;
  color: #666;
  padding: 10px 20px 20px;
  font-size: 14px;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bt-suggestion .words-num {
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: #ccc;
  font-size: 14px;
}

.feedback .submit-btn {
  width: 180px;
  height: 44px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 40px;
  line-height: 44px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.submit-btn a {
  display: block;
  width: 180px;
  height: 44px;
  background: #ffae12;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17)";
  text-align: center;
  color: #fff;
  font-size: 24px;
}

.se-feedback .bt-suggestion {
  width: 660px;
  margin-bottom: 30px;
}

.se-feedback .bt-suggestion textarea {
  width: 660px;
  height: 210px;
}

.se-feedback .get-qq {
  width: 660px;
  margin: 0 auto 40px;
  color: #666;
}

.get-qq p {
  font-size: 14px;
  color: #666;
  font-size: 14px;
}

.get-qq textarea {
  width: 400px;
  height: 36px;
  color: #666;
  font-size: 14px;
  border: 1px solid #999;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px;
  line-height: 34px;
}

.bg-feedback {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 19;
  width: 124px;
  height: 144px;
  overflow: hidden;
}

.bg-feedback i {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.bg-feedback .feedback-top {
  top: 0;
  top: 30px \9 \0;
  width: 109px;
  height: 86px;
  background: url(//js.ibaotu.com/revision/img/bg_feedback_top.png) center
  no-repeat;
  -webkit-animation: mu-feedback 3s linear infinite;
  -ms-animation: mu-feedback 3s linear infinite;
  -moz-animation: mu-feedback 3s linear infinite;
  animation: mu-feedback 3s linear infinite;
}

.bg-feedback .feedback-bot {
  bottom: 0;
  width: 124px;
  height: 28px;
  background: url(//js.ibaotu.com/revision/img/bg_feedback_bot.png) center
  no-repeat;
}

.se-feedback .submit-btn {
  width: 280px;
  height: 50px;
  line-height: 50px;
}

.se-feedback .submit-btn a {
  width: 280px;
  height: 50px;
}

.se-feedback .fb-close {
  width: 120px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  color: #ff8a00;
  text-align: center;
  margin: -10px auto;
  display: block;
  border: 1px solid #ff8a00;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}

.feedback .close-pop {
  height: 21px;
  width: 22px;
  background: url(//js.ibaotu.com/revision/img/icon-public.png);
  position: absolute;
  right: 20px;
  top: 20px;
  display: block;
}

.media-audio li,
.media-list li {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.collect-tips {
  display: none;
  position: fixed;
  left: 0;
  top: -80px;
  top: 0 \9 \0;
  z-index: 19;
  width: 100%;
  height: 54px;
  line-height: 52px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  background-color: rgba(255, 138, 0, 0.75);
  -webkit-animation: collect 2.5s ease;
  animation: collect 2.5s ease;
}

.intro-pop {
  width: 900px;
  height: 600px;
  background: url(//js.ibaotu.com/revision/img/intro/intro_pop.jpg) no-repeat;
  cursor: pointer;
}

@-webkit-keyframes collect {
  0% {
    top: -80px;
    opacity: 0;
  }

  20% {
    top: 0;
    opacity: 1;
  }

  80% {
    top: 0;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes collect {
  0% {
    top: -80px;
    opacity: 0;
  }

  20% {
    top: 0;
    opacity: 1;
  }

  80% {
    top: 0;
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

#collected {
  color: #ff8a00;
}

.lazyload,
.scrollLoading,
.searchLoad {
  background: url(//js.ibaotu.com/revision/img/loading.gif) center no-repeat
  #ccc;
}

.pop .works-reg {
  overflow: visible;
  width: 800px;
  height: 0;
  padding: 84px 74px 0 100px;
  font-size: 14px;
  font-family: "宋体";
  letter-spacing: 1px;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fff url(//js.ibaotu.com/revision/img/public/reg_bg.png);
}

.works-reg .pop-close {
  position: absolute;
  top: -21px;
  right: -20px;
  padding: 5px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
}

.pop .works-reg .pop-close .icon-iconfontclose {
  font-size: 28px;
  color: #fff;
  position: relative;
  top: -1px;
  left: 2px;
}

.works-reg h2 {
  height: 44px;
  line-height: 44px;
  font-size: 44px;
  text-align: center;
}

.works-reg .reg-num {
  height: 14px;
  line-height: 14px;
  margin-top: 30px;
}

.works-reg .reg-num span {
  letter-spacing: 8px;
  margin-right: -6px;
}

.works-reg .works-info {
  line-height: 36px;
  margin-top: 27px;
}

.works-reg .works-info > ul {
  float: left;
  width: 50%;
  letter-spacing: 0;
}

.works-reg .works-info li > span:first-child {
  display: inline-block;
  margin-right: -6px;
}

.works-reg .left li > span:first-child {
  width: 106px;
}

.works-reg .left .author > span {
  margin-right: 38px;
}

.works-reg .tips {
  line-height: 18px;
  margin-top: 51px;
  text-indent: 2.5em;
}

.works-reg .reg-date {
  height: 14px;
  line-height: 14px;
  margin-top: 64px;
}

.works-reg .bot {
  height: 14px;
  line-height: 14px;
  margin-top: 48px;
  letter-spacing: 0;
  text-align: center;
}

.web-collect-wrap {
  position: relative;
  float: right;
  width: 27px;
  height: 26px;
  margin-right: 10px;
}

.collect-icon {
  display: inline-block;
  width: 27px;
  height: 26px;
  padding: 6px;
  background: url(//js.ibaotu.com/revision/img/public/sp_public.png) -276px -34px
  no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.collect-bt {
  display: none;
  position: absolute;
  left: -174px;
  top: 98px;
  z-index: 99;
  width: 376px;
  height: 230px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.collect-bt .al-bg {
  width: 340px;
  height: 212px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  top: -54px;
  left: 18px;
  color: #fff;
  text-align: center;
  padding: 30px 0;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.al-bg span {
  font-size: 40px;
  font-weight: bolder;
}

.al-bg h2 {
  width: 210px;
  font-size: 30px;
  margin: 0 auto;
  padding-bottom: 14px;
  border-bottom: 1px solid #fff;
}

.al-bg p {
  margin-top: 14px;
  font-size: 16px;
}

.collect-bt a {
  position: absolute;
  bottom: 20px;
  width: 136px;
  height: 36px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  color: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 18px;
  margin: 0 auto;
  display: block;
  left: 120px;
  font-weight: 700;
}

.new-news {
  position: relative;
}

.nav-item-more > a.new-news:before {
  top: 10px;
}

.new-news:before {
  position: absolute;
  right: -8px;
  top: 0;
  content: "";
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fe493a;
}

.hot-act {
  position: absolute;
  right: -50px;
  top: -12px;
  z-index: 4;
  width: 117px;
  height: 100px;
  background: url(//js.ibaotu.com/revision/img/newAct/act_baozi.png);
  -webkit-transform-origin: 93px 100px;
  -ms-transform-origin: 93px 100px;
  transform-origin: 93px 100px;
}

.hot-act.move {
  -webkit-animation: hot-baozi 0.5s ease-in;
  animation: hot-baozi 0.5s ease-in;
}

body .hot-act:hover {
  -webkit-animation: hot-baozi2 0.5s ease-in;
  animation: hot-baozi2 0.5s ease-in;
}

.hot-act .icon-iconfontclose {
  position: absolute;
  right: -4px;
  top: -4px;
  font-size: 16px;
  color: #999;
  border: 1px solid #999;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-indent: 1px;
  line-height: 16px;
}

.hot-act .icon-iconfontclose:hover {
  color: #ff8a00;
  border-color: #ff8100;
}

.scrollLoading {
  display: block;
  color: #666;
}

.mu-feedback {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 19;
  width: 182px;
  height: 170px;
  overflow: hidden;
}

.mu-feedback i {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.mu-feedback .feedback-top {
  top: 0;
  top: 30px \9 \0;
  width: 182px;
  height: 113px;
  background: url(//js.ibaotu.com/revision/img/mu_feedback_top.png) center
  no-repeat;
  -webkit-animation: mu-feedback 3s linear infinite;
  -ms-animation: mu-feedback 3s linear infinite;
  -moz-animation: mu-feedback 3s linear infinite;
  animation: mu-feedback 3s linear infinite;
}

.mu-feedback .feedback-bot {
  bottom: 0;
  width: 160px;
  height: 35px;
  background: url(//js.ibaotu.com/revision/img/mu_feedback_bot.png) center
  no-repeat;
}

.g-beian {
  display: inline-block;
  vertical-align: top;
}

.g-beian > a {
  color: #999;
  height: 16px;
  line-height: 16px;
}

.g-beian > a > img {
  vertical-align: top;
  width: 15px;
  margin-left: 15px;
  margin-top: 3px;
}

.g-beian > a > span {
  margin-left: 5px;
}

.pb-head .user-info .opearations .coupon {
  position: relative;
  height: 116px;
  letter-spacing: 0;
  margin-top: 6px;
  background: url(//js.ibaotu.com/revision/img/public/menu/1221_bg.png)
  no-repeat;
}

.pb-head .user-info .opearations .coupon:hover {
  background: url(//js.ibaotu.com/revision/img/public/menu/1221_bg.png)
  no-repeat;
}

/* .pb-head .user-info .opearations > li:hover a {
    color: #666
} */

.opearations .coupon > a {
  display: block;
  width: 100%;
  height: 100%;
}

.opearations .coupon > a > p {
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.opearations .coupon > a > span {
  display: block;
  height: 12px;
  line-height: 16px;
  color: red;
  font-size: 12px;
  text-indent: -12px;
  margin-left: -14px;
  text-align: center;
}

.opearations .coupon .cot {
  height: 54px;
  padding-left: 20px;
}

.opearations .coupon .cot p {
  height: 14px;
  font-size: 14px;
  font-weight: 700;
}

.opearations .coupon .cot span {
  display: block;
  height: 12px;
  margin-top: 6px;
  font-size: 12px;
}

.opearations .coupon .cot a {
  position: absolute;
  right: 17px;
  top: 37px;
  font-size: 12px;
  color: #fff;
}

.bt-body .crumbs-labels .seo-a {
  color: #ff8a00;
}

.bt-body .crumbs-labels .seo-ccc {
  color: #ccc;
}

.bt-body-seo-likn {
  text-align: center;
  margin-bottom: 10px;
}

.bt-body-seo-likn a {
  color: #ccc;
  font-size: 14px;
  margin-right: 26px;
}

.bt-body-seo-likn nav {
  color: #999;
  font-size: 14px;
  display: inline;
  margin-right: 26px;
}

.header .web-collect-wrap,
.pb-float-head .web-collect-wrap {
  margin-top: 10px;
}

.bt-body-seo-foot-likn {
  text-align: center;
  width: 1450px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.bt-body-seo-foot-likn a {
  color: #e5e5e5;
  font-size: 12px;
  margin-right: 5px;
}

.bt-body-seo-foot-likn nav {
  color: #e5e5e5;
  font-size: 12px;
  display: inline;
  margin-right: 5px;
}
.seo261-a {
  color: #999999;
}
.ad {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.ad img {
  width: 100%;
}

.bd-ad img {
  display: block;
  width: 100%;
  height: 40px;
}

.bd-ad {
  position: relative;
}

.p-vip .bd-ad {
  top: -30px;
}

.related-recommend .bd-ad {
  margin-bottom: 45px;
}

.bd-ad:before {
  position: absolute;
  right: 21%;
  top: 10px;
  z-index: 2;
  content: "广告";
  width: 46px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.35);
}

.bd-ad .pop-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 30px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: rgba(0, 0, 0, 0.35);
}

.bd-ad .icon-iconfontclose {
  font-size: 24px;
}

.weixin-gif {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(//js.ibaotu.com/revision/img/public/sp_public.png) -203px -40px
  no-repeat;
  /* -webkit-background-size: auto 100%;
    background-size: auto 100% */
}

.pb-head .user-info .opearations > .tips-vipEnd {
  position: relative;
  overflow: hidden;
  height: 104px;
  text-align: center;
  letter-spacing: 2px;
  border-bottom: 1px solid #e6e6e6;
  cursor: default;
  -webkit-transition: 270ms ease;
  -o-transition: 270ms ease;
  transition: 270ms ease;
}

.pb-head .user-info .opearations > .tips-vipEnd:hover {
  background: #fff;
}

.pb-head .user-info .opearations > .tips-vipEnd .iconfont {
  position: absolute;
  right: -2px;
  top: -13px;
  color: #ccc;
  margin: 0;
  cursor: pointer;
}

.tips-vipEnd > p {
  height: 54px;
  line-height: 54px;
  font-size: 14px;
  color: #ff8a00;
}

.pb-head .user-info .opearations .tips-vipEnd .recharge {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background: #ff8a00;
  padding: 0;
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12, #f07d17);
  background: -o-linear-gradient(left, #ffae12, #f07d17);
  background: linear-gradient(to right, #ffae12, #f07d17);
}

.pb-aside-right .item-top.sp {
  height: 96px;
}

.pb-aside-right .item-top.sp > p:nth-of-type(1) {
  margin-top: 5px;
}

.pb-aside-right .item-top.sp > p {
  line-height: 18px;
}

.pb-aside-right .item-bottom.kefu {
  bottom: 80px;
  border-top: 1px solid #e5e5e5;
}

.pb-bottom .bot .left {
  height: 120px;
  padding-top: 40px;
}

.pb-bottom .right {
  position: absolute;
  top: 33px;
  right: 0;
  width: 80px;
  text-align: right;
}

.pb-bottom .right > dl {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.pb-bottom .right > dl:nth-of-type(1) {
  margin-left: 0;
}
.pb-bottom .right > dl:nth-of-type(1):hover {
  border-color: #62b900;
}
.pb-bottom .right > dl:nth-of-type(2):hover {
  border-color: #da251c;
}
.pb-bottom .right > dl:hover dd {
  display: block;
}
.pb-bottom .right > dl > dt {
  height: 100%;
}

.pb-bottom .right > dl > dt > a {
  display: block;
  height: 100%;
  line-height: 24px;
  text-align: center;
  color: #999;
}

.pb-bottom .right > dl:hover .icon-weixin {
  color: #62b900;
}

.pb-bottom .right > dl:hover .icon-unie61d {
  color: #da251c;
}
.pb-bottom .right > dl > dd {
  display: none;
  position: absolute;
  top: -122px;
  left: -42px;
  margin: auto;
  width: 110px;
  height: 110px;
  text-align: center;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
.pb-bottom .right > dl > dd::before {
  position: absolute;
  left: 48px;
  bottom: -14px;
  content: "";
  margin: auto;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #fff;
}
.pb-bottom .right > dl > dd img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pb-bottom .right i {
  position: relative;
  left: 1px;
  color: #999;
  font-size: 18px;
}

.pb-nav .perVip .life-member {
  display: block;
  height: 162px;
}

.pb-nav .perVip .life-member > p {
  height: 42px;
  padding-top: 24px;
  line-height: 18px;
  font-size: 18px;
  color: #ff8a00;
}

.pb-nav .perVip .com-vip {
  display: block;
  overflow: hidden;
  height: 118px;
}

.pb-nav .perVip .buy-vip {
  display: block;
  width: 116px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background: #ffae12;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  background: #ffae12 \9 \0;
}

.pb-nav .life-member .buy-vip {
  margin: 54px 0 0 166px;
}

.pb-nav .com-vip .buy-vip {
  margin: 81px 0 0 150px;
}

.pb-aside-right .qq:hover {
  color: #ff8a00;
}

.pb-aside-right .qq-hover-banner a {
  color: #666;
}

.pb-aside-right .qq > a {
  color: #666;
}

.pb-aside-right .qq:hover > a {
  color: #ff8a00;
}

.pb-aside-right .qq:hover .icon-qq {
  color: #ff8a00;
}

.pb-aside-right .qq-hover-banner > ul > li:hover {
  color: #ff8a00;
  border-bottom-color: #ff8a00;
}

.pb-aside-right .qq-hover-banner > ul > li:hover a {
  color: #ff8a00;
}

.pb-aside-right .qq-hover-banner > ul > li:hover .add-QQ {
  color: #fff;
  background: #ff8a00;
  border-color: #ff8a00;
}

.copy-r {
  float: right;
  width: 64px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #999;
  margin-top: -4px;
}

.copy-r:hover {
  background: #666;
}

.copy-r > span {
  margin-right: 5px;
  font-size: 14px;
  position: relative;
  top: 1px;
}

.sp-rdi {
  position: relative;
  vertical-align: top;
  width: 0;
  height: 1px;
  background-color: #ff8a00;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

.sp-rdi:after,
.sp-rdi:before {
  content: "";
  display: block;
  position: absolute;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.15s ease;
  -o-transition: 0.15s ease;
  transition: 0.15s ease;
}

.sp-rdi:before {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border: 2px solid #ff8a00;
}

.sp-rdi:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: #fff;
}

.sp-rdi:checked:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: #ff8a00;
}

.sp-rdi:checked:before {
  border-color: #ff8a00;
}

@media all and (max-height: 949px) {
  .pb-aside-right .aside-cot {
    height: 72%;
  }
}

@media all and (max-width: 1680px) {
  .bt-body,
  .pb-bottom .content,
  .pb-float-head > .head-wrap {
    width: 1200px;
  }

  .pb-nav .nav-hover-banner {
    left: -110px;
  }

  .pb-nav .nav-item:nth-of-type(5) .nav-hover-banner {
    left: -98px;
  }

  .pb-nav .nav-item:nth-of-type(5):before {
    right: -3px;
  }

  .pb-nav .classify-two-wrap {
    width: 240px;
  }

  .pb-nav .nav-item.nav-item-more .nav-hover-banner {
    left: -32px;
  }

  .bt-list li {
    width: 285px;
    height: 430px;
    margin-right: 20px;
  }

  .bt-body .recommended li {
    height: 201px;
  }

  .pb-nav .nav > ul {
    /*padding-right: 30px*/
    padding: 0 36px;
  }

  .pb-nav .nav-item > a {
    /*padding: 0 19px;*/
    /*padding: 0 17px;*/
    padding: 0 13px;
  }

  .pb-nav .nav-item:first-child > a {
    /*padding-right: 34px*/
    padding-right: 17px;
  }

  .pb-float-head .float-search-input > input {
    width: 380px;
    padding-right: 144px;
  }

  .pb-float-head .float-nav-item {
    margin-left: 32px;
  }

  .pb-float-head .float-nav-item:first-child {
    margin-left: 13px;
  }

  .pb-float-head .float-search-input .head-search-wrap {
    width: 90px;
  }

  .pb-float-head .float-search-input .icon-search {
    left: 24px;
  }

  .pb-float-head .float-search-input {
    margin-left: 30px;
  }

  .pb-float-head .float-search-input .float-search-tips {
    width: 260px;
  }

  .bt-body .pop-bot .down-btn {
    width: 210px;
    height: 46px;
    line-height: 44px;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    font-size: 24px;
  }

  .pb-nav .nav-item:nth-of-type(5) .nav-ppt {
    right: -10px;
  }

  .pb-nav .life-member .buy-vip {
    margin: 46px 0 0 144px;
  }

  /* .pb-nav .perVip .btn-wrap {
        width: 180px;
        height: 44px;
        margin: 184px auto 0;
        line-height: 42px;
        -webkit-border-radius: 22px;
        border-radius: 22px
    } */

  .pb-nav .perVip .add-perVip {
    font-size: 18px;
  }

  .pb-nav .nav-item > .nav-ppt {
    top: -10px;
    width: 34px;
    height: 18px;
    right: -13px;
  }

  .pb-nav .nav-item > .nav-zhuangxiu {
    right: -7px !important;
  }

  .pb-nav .nav-item > .nav-chahua {
    right: -7px !important;
  }

  .pb-nav .nav-hover-banner.perVip.comVip {
    left: -110px;
  }

  .pb-bottom .content > figure {
    margin-right: 134px;
  }

  .bt-body .pop-tit .tit-name {
    width: 199px;
  }

  .new_feedback {
    bottom: 0;
    left: 10px;
    width: 140px;
    height: 140px;
  }

  .hot-act {
    right: -86px;
  }

  .act-1213.toRight {
    left: 88% !important;
  }

  .pb-aside-right .aside-cot {
    top: 10.263157%;
  }

  .pb-aside-right .item-top {
    height: 60px;
  }

  .pb-aside-right .item-top.sp {
    height: 74px;
  }

  .pb-aside-right .aside-cot .item-top.sp-offer {
    height: 104px;
    padding-top: 7px;
  }

  .pb-aside-right .item-bottom,
  .pb-aside-right .item-top {
    padding-top: 8px;
  }

  .pb-aside-right .item-bottom {
    height: 60px;
  }

  .pb-aside-right .item-bottom.kefu {
    bottom: 60px;
  }

  /*新增音效、配乐样机*/
  .bt-body .bt-list .new-jump-details {
    width: 200px !important;
  }

  .bt-body .bt-list .new-jump-details .jump-details-img {
    width: 135px !important;
    height: 135px !important;
  }

  .bt-body .bt-list .new-jump-details .jump-details-cd {
    width: 125px !important;
    height: 125px !important;
    top: 6px !important;
  }

  .bt-body .bt-list .details-headset {
    bottom: 140px !important;
  }

  /*.pb-nav .nav-item:last-child>a {
        padding-left: 24px;
    }*/

  .pb-nav .nav-item .nav-UI {
    right: -26px !important;
    width: 50px !important;
    height: 18px !important;
  }

  .aside-cot .item-top.sp-offer .com-enter-offer {
    top: -18px;
  }

  .pb-nav .nav-item > a.nav-background {
    top: -18px;
    right: -11px;
    width: 26px;
    height: 24px;
  }
  /*.pb-nav .nav-item:last-child>a {
        padding-right: 0;
        padding-left: 0px;
        margin-left: 28px;
    }*/
  .pb-nav .nav-hover-banner.perVip.allvip.lifevip.eight-perVip {
    left: -251px;
  }
  .bt-body .bt-list .jump-details > img.gif-img {
    top: 51px;
    height: 134px;
    padding: 0 24px;
  }
  .bt-body .bt-list .jump-details > img.gif-img.gif-vertical {
    top: 77px;
    height: 281px;
    padding: 0 63px 0 65px;
  }
}

@media all and (max-width: 1440px) {
  .bt-body,
  .pb-bottom .content {
    width: 1000px;
  }

  .pb-head .logo-b > img {
    width: 162px;
    height: 63px;
  }

  .pb-nav {
    padding-top: 22px;
  }

  .pb-nav .nav {
    font-size: 14px;
  }

  .pb-nav .nav > ul {
    padding: 0 34px;
  }

  .pb-nav .nav-item:first-child > a {
    padding-right: 12px;
  }

  .pb-nav .nav-item > a {
    padding: 0 12px;
    padding: 0 9px;
  }

  .pb-nav .nav-hover-banner {
    left: -115px;
  }

  .pb-nav .nav-item:nth-of-type(5) .nav-hover-banner {
    left: -108px;
  }

  .pb-nav .nav-hover-banner.perVip.comVip {
    left: -107px;
  }

  .pb-nav .nav-item:nth-of-type(5) .nav-ppt {
    right: -18px;
  }

  .pb-nav .nav-item.nav-item-more .nav-hover-banner {
    left: -43px;
  }

  .pb-nav .nav-item:nth-of-type(5):before {
    width: 36px;
    height: 19px;
    right: -8px;
    top: -12px;
  }

  .pb-nav .nav-item > .nav-ppt {
    top: -8px;
    right: -12px;
    width: 26px;
    height: 14px;
  }

  .pb-nav .nav-item > .nav-zhuangxiu {
    right: -13px !important;
  }

  .pb-nav .nav-item > .nav-chahua {
    right: -13px !important;
  }

  .bt-body .pop-bot .down-btn {
    width: 166px;
    height: 40px;
    line-height: 38px;
    font-size: 20px;
  }

  .bt-list li {
    width: 235px;
    height: 354px;
  }

  .bt-body .bt-list li:hover .pop-bot .down-btn {
    bottom: 40px;
  }

  .pb-bottom .content > figure {
    margin-right: 94px;
  }

  .pb-bottom .content > figure > figcaption {
    font-size: 16px;
  }

  .hot-act {
    right: -96px;
  }

  .pb-bottom .content.bot .left {
    width: 880px;
  }

  .act-1213.toRight {
    left: 86.5% !important;
  }

  .bt-body .bt-list .details-headset {
    bottom: 106px !important;
  }

  .bt-body .bt-list .new-jump-details {
    width: 145px !important;
  }

  .bt-body .bt-list .progress-bar {
    bottom: 20px !important;
  }

  .bt-body .bt-list .new-jump-details .jump-details-img {
    width: 100px !important;
    height: 100px !important;
  }

  .bt-body .bt-list .new-jump-details .jump-details-cd {
    width: 85px !important;
    height: 86px !important;
    top: 6px !important;
  }

  .pb-nav .nav-item .nav-UI {
    right: -26px !important;
    width: 45px !important;
    height: 15px !important;
    top: -13px !important;
  }

  .pb-nav .nav-item > a.nav-background {
    top: -12px;
    right: -9px;
    width: 20px;
    height: 19px;
  }
  .pb-nav .nav-hover-banner.perVip.allvip.lifevip.eight-perVip {
    left: -259px;
  }
  .bt-body .bt-list .jump-details > img.gif-img {
    top: 42px;
    height: 110px;
    padding: 0 20px;
  }
  .bt-body .bt-list .jump-details > img.gif-img.gif-vertical {
    top: 64px;
    height: 231px;
    padding: 0 52px 0 53px;
  }
}

@media all and (max-width: 1366px) {
  .hot-act {
    right: -102px;
  }
  /*.pb-nav .nav-item:last-child>a {
        padding-right: 0;
        padding-left: 0px;
        margin-left: 7px;
    }*/
}

@media all and (max-width: 1060px) {
  .pb-float-head .float-search-input > input {
    width: 270px;
  }

  .pb-float-head .float-search-input .float-search-tips {
    width: 220px;
  }

  .pb-aside-right {
    display: none;
  }
}

@keyframes mu-feedback {
  0% {
    top: 0;
  }

  50% {
    top: 30px;
  }

  100% {
    top: 0;
  }
}

@-webkit-keyframes mu-feedback {
  0% {
    top: 0;
  }

  50% {
    top: 30px;
  }

  100% {
    top: 0;
  }
}

@-ms-keyframes mu-feedback {
  0% {
    top: 0;
  }

  50% {
    top: 30px;
  }

  100% {
    top: 0;
  }
}
.ac-1111 {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1201;
  width: 100%;
}

.ac-1111 > img {
  display: block;
  width: 100%;
}

.ac-1111 .close {
  display: none;
  position: absolute;
  left: 70%;
  top: 6%;
  z-index: 2;
  width: 38px;
  height: 38px;
  background: url(//js.ibaotu.com/revision/img/public/1111-close.png) center;
}

.ac-1111:hover .close {
  display: block;
}

.ac-1111 .bul-holes {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 698px;
  height: 100%;
}

.ac-1111 .bul-holes > img {
  display: none;
  position: absolute;
}

.ac-1111 .bul-holes .hole1 {
  top: 292px;
  left: 40px;
}

.ac-1111 .bul-holes .hole2 {
  top: 190px;
  left: 150px;
}

.ac-1111 .bul-holes .hole3 {
  top: 56px;
  right: -40px;
}

#rocket {
  position: fixed;
  top: 50px;
  left: 100%;
  width: 528px;
  height: 127px;
  z-index: 1205;
  background: url(//js.ibaotu.com/revision/img/newAct/1130/plane.png) no-repeat;
  -webkit-transition: 5s ease-in;
  -o-transition: 5s ease-in;
  transition: 5s ease-in;
}

.ac-11 {
  width: 120px;
  height: 144px;
  position: fixed;
  right: 4%;
  top: 88px;
  z-index: 1204;
  -webkit-animation: jump-12 3s ease-in-out infinite;
  animation: jump-12 3s ease-in-out infinite;
}

.ac-11.home.fall {
  -webkit-animation: parachute 5s ease-in-out 2.5s;
  animation: parachute 5s ease-in-out 2.5s;
  -webkit-animation-fill-mode: forwards;
}

.ac-11.home {
  right: 12%;
  top: -200px;
  -webkit-animation: none;
  animation: none;
}

.ac-11.home.jump {
  top: 150px \9 \0;
  right: 4% \9 \0;
  -webkit-animation: jump-11 3s ease-in-out infinite;
  animation: jump-11 3s ease-in-out infinite;
}

.ac-11 > img {
  display: block;
}

@media all and (max-width: 1366px) {
  #rocket {
    right: -42px;
  }

  .ac-11.home {
    right: 3.5%;
  }
}

@media all and (max-width: 1440px) {
  .ac-11.home {
    right: 15%;
  }

  #rocket {
    right: -26px;
  }
}

@media all and (max-width: 1680px) {
  #rocket {
    right: -35px;
  }
}

.redp-180110 .redp {
  width: 954px;
  height: 967px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.redp-180110 .redp > a {
  display: block;
  width: 100%;
  height: 100%;
}

.redp-180110 .line {
  width: 100%;
  height: 100%;
  -webkit-animation: rotate-1221 8s linear infinite;
  animation: rotate-1221 8s linear infinite;
  background: url(//js.ibaotu.com/revision/img/public/red_light.png) no-repeat;
}

.redp-180110 .words {
  position: absolute;
  left: 228px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 592px;
  height: 409px;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  background: url(//js.ibaotu.com/revision/img/newAct/180110/bg.png) no-repeat;
}

.redp-180110 .words:hover .pop-close {
  display: block;
}

.redp-180110 .pop-close {
  display: none;
  position: absolute;
  top: -25px;
  right: 110px;
  width: 36px;
  height: 36px;
}

@-webkit-keyframes rotate-1221 {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes rotate-1221 {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

.act-180129 {
  position: fixed;
  right: 4%;
  bottom: 2%;
  width: 90px;
  height: 123px;
  z-index: 5;
}

.act-180129 i {
  display: inline-block;
}

.act-180129 .lanterns {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.act-180129 .lant-l,
.act-180129 .lant-r {
  position: absolute;
  top: 15px;
  width: 19px;
  height: 76px;
  -webkit-transform-origin: center 0;
  -ms-transform-origin: center 0;
  transform-origin: center 0;
  background: url(//js.ibaotu.com/revision/img/newAct/180129/lant.png) no-repeat;
}

.act-180129 .lant-l {
  left: 0;
  -webkit-animation: lantl 2s ease-in-out infinite;
  animation: lantl 2s ease-in-out infinite;
}

.act-180129 .lant-r {
  right: 0;
  -webkit-animation: lantr 2s ease-in-out infinite;
  animation: lantr 2s ease-in-out infinite;
}

@-webkit-keyframes lantl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes lantl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-webkit-keyframes lantr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes lantr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

.act-180129 .b-body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  margin: 0 auto;
  width: 63px;
  height: 109px;
  background: url(//js.ibaotu.com/revision/img/newAct/180129/body.png) no-repeat;
}

.act-180129 .arts {
  position: absolute;
  top: 58px;
  left: 0;
  right: 0;
  z-index: 3;
  margin: 0 auto;
  width: 62px;
  height: 24px;
}

.act-180129 .art-l {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 34px;
  height: 23px;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-animation: artl 1s ease-in-out infinite;
  animation: artl 1s ease-in-out infinite;
  background: url(//js.ibaotu.com/revision/img/newAct/180129/artl.png) no-repeat;
}

.act-180129 .art-r {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 34px;
  height: 24px;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-animation: artr 1s ease-in-out infinite;
  animation: artr 1s ease-in-out infinite;
  background: url(//js.ibaotu.com/revision/img/newAct/180129/artr.png) no-repeat;
}

@-webkit-keyframes artl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes artl {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-webkit-keyframes artr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes artr {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

.act-180129 .words {
  position: absolute;
  left: 0;
  top: 88px;
  z-index: 4;
  width: 100%;
  height: 35px;
}

.act-180129 .word-1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 33px;
  -webkit-animation: word1 1.5s ease-in-out infinite;
  animation: word1 1.5s ease-in-out infinite;
  background: url(//js.ibaotu.com/revision/img/newAct/180129/word1.png)
  no-repeat;
}

.act-180129 .word-2 {
  position: absolute;
  left: 35px;
  top: 0;
  width: 32px;
  height: 35px;
  -webkit-animation: word2 1.5s ease-in-out infinite;
  animation: word2 1.5s ease-in-out infinite;
  background: url(//js.ibaotu.com/revision/img/newAct/180129/word2.png)
  no-repeat;
}

.act-180129 .word-3 {
  position: absolute;
  left: 67px;
  top: 0;
  width: 27px;
  height: 33px;
  -webkit-animation: word3 1.5s ease-in-out infinite;
  animation: word3 1.5s ease-in-out infinite;
  background: url(//js.ibaotu.com/revision/img/newAct/180129/word3.png)
  no-repeat;
}

@-webkit-keyframes word1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  17% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  34% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes word1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  17% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  34% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes word2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  34% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  66% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes word2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  34% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  66% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes word3 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  66% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  93% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes word3 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  66% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  93% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.video-1225 > div {
  width: 800px;
  height: 450px;
  top: -1000px;
  overflow: inherit;
}

.video-1225 > div > div {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.video-1225 > div video {
  width: 100%;
  height: 100%;
}

.video-1225 > div .pop-close {
  position: absolute;
  right: -18px;
  top: -18px;
  z-index: 3;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
}

.pop.video-1225 .pop-close .icon-iconfontclose {
  position: relative;
  top: -1px;
  font-size: 24px;
}

.video-180131 > div {
  width: 800px;
  height: 450px;
  top: -1000px;
  overflow: inherit;
}

.video-180131 > div > div {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.video-180131 > div video {
  width: 100%;
  height: 100%;
}

.video-180131 > div .pop-close {
  position: absolute;
  right: -18px;
  top: -18px;
  z-index: 3;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
}

.pop.video-180131 .pop-close .icon-iconfontclose {
  position: relative;
  top: -1px;
  font-size: 24px;
}

.ac-21 {
  width: 80px;
  height: 144px;
  position: fixed;
  right: 4%;
  top: 88px;
  z-index: 1204;
  -webkit-animation: jump-12 3s ease-in-out infinite;
  animation: jump-12 3s ease-in-out infinite;
}

.ac-21 .vip_input {
  width: 69px;
  height: 73px;
  animation: vip_move 1s 2.3s infinite alternate ease-in-out;
  -webkit-animation: vip_move 1s 2.3s infinite alternate ease-in-out;
  margin: 0 auto;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transform-origin: bottom;
}

.ac-21 .vip_input img {
  width: 100%;
  height: 100%;
}

.ac-21 p {
  font-weight: 700;
  font-size: 18px;
  width: 100%;
  text-align: center;
  color: #f13627;
  height: 20px;
  line-height: 20px;
}

@keyframes vip_move {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  33% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  66% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-webkit-keyframes vip_move {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  33% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  66% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

/*.pb-bottom .bot-list li {
    float: left;
    padding: 0 27px;
    font-size: 14px;
    border-left: 1px solid #e5e5e5
}*/

/*@media (max-width: 1440px) {
    .pb-bottom .bot-list li {
        padding: 0 19px
    }
}
*/
.pb-head .user-info .opearations > .category-vip {
  height: auto;
  margin-bottom: 0;
  cursor: default;
  border-bottom: 2px solid #e6e6e6;
}

.pb-head .user-info .opearations > li.category-vip:hover a {
  color: #999;
}

.pb-head .user-info .opearations > .category-vip:hover {
  background: 0 0;
}

.category-vip .icons-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 456px;
  height: 100%;
}

.category-vip .icons-wrap > li {
  position: relative;
  float: left;
  width: 22px;
  height: 22px;
  margin-left: 12px;
}

/*.category-vip .icons-wrap.comVip > li {
    margin-left: 5px
}*/

.category-vip .icons-wrap > li > a {
  float: left;
  color: #666;
}

.category-vip .icons-wrap > li:first-child {
  margin: 0;
}

.icons-wrap > li > a > p {
  display: none;
  position: absolute;
  bottom: -24px;
  left: 0px;
  width: 84px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.icons-wrap > li:hover > a > p {
  display: block;
}

.icons-wrap > li > a > p:before {
  position: absolute;
  top: -4px;
  left: 6px;
  content: "";
  width: 8px;
  height: 4px;
  background: url(//js.ibaotu.com/revision/img/categoryVip/public/triangle.png)
  no-repeat;
}

.notvip .office {
  background-image: url(//js.ibaotu.com/revision/img/categoryVip/notvip/office.png);
}

.category-vip .category-icon {
  display: block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url(//js.ibaotu.com/revision/img/public/sp_public.png);
}

.category-vip .vip-advants {
  text-align: center;
  border-top: 2px solid #e6e6e6;
}

.category-vip .vip-advants > h4 {
  height: 16px;
  line-height: 16px;
  color: #fe6937;
  font-size: 16px;
  margin: 20px 0 16px;
  font-weight: 400;
}

.vip-advants > ul {
  height: 32px;
  width: 100%;
  padding: 0 30px;
}

.vip-advants > ul > li {
  float: left;
  width: 32px;
  height: 32px;
  margin-left: 23px;
  background-repeat: no-repeat;
}

.vip-advants > ul > li:first-child {
  margin: 0;
  background-image: url(//js.ibaotu.com/revision/img/categoryVip/notvip/advants_01.png);
}

.vip-advants > ul > li:nth-of-type(2) {
  background-image: url(//js.ibaotu.com/revision/img/categoryVip/notvip/advants_02.png);
}

.vip-advants > ul > li:nth-of-type(3) {
  background-image: url(//js.ibaotu.com/revision/img/categoryVip/notvip/advants_03.png);
}

.vip-advants > ul > li:nth-of-type(4) {
  background-image: url(//js.ibaotu.com/revision/img/categoryVip/notvip/advants_04.png);
}

.category-vip .buy-btn {
  display: inline-block;
  width: 130px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 3px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  margin: 15px 0;
  background: #ffae12;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#ffae12, endColorstr=#f07d17)";
  -webkit-box-shadow: 0 4px 10px rgba(242, 130, 22, 0.4);
  box-shadow: 0 4px 10px rgba(242, 130, 22, 0.4);
}

.icons-wrap .vip {
  background-position: -444px -30px;
}

.icons-wrap .office {
  background-position: -341px 0;
}

.icons-wrap .ui {
  background-position: -136px -62px;
}

.icons-wrap .ui.notvip {
  background-position: -112px -61px;
}

.icons-wrap .ui.v39 {
  background-position: -162px -61px;
}

.icons-wrap .ui.v99 {
  background-position: -186px -61px;
}

.icons-wrap .ui.v299 {
  background-position: -212px -61px;
}

.icons-wrap .ad {
  background-position: -253px 0;
}

.icons-wrap .deco {
  background-position: -297px 0;
}

.icons-wrap .taobao {
  background-position: -319px 0;
}

.icons-wrap .audio {
  background-position: -275px 0;
}

.icons-wrap .illi {
  background-position: -363px 0;
}

.icons-wrap .office.v39 {
  background-position: -22px -62px;
}

.icons-wrap .ad.v39 {
  background-position: -496px 0;
}

.icons-wrap .deco.v39 {
  background-position: -452px 0;
}

.icons-wrap .taobao.v39 {
  background-position: -518px 0;
}

.icons-wrap .audio.v39 {
  background-position: -430px 0;
}

.icons-wrap .illi.v39 {
  background-position: -474px 0;
}

.icons-wrap .vip.v99 {
  background-position: -444px -30px;
}

.icons-wrap .office.v99 {
  background-position: -66px -62px;
}

.icons-wrap .ad.v99 {
  background-position: -540px 0;
}

.icons-wrap .deco.v99 {
  background-position: 0 -62px;
}

.icons-wrap .taobao.v99 {
  background-position: -466px -30px;
}

.icons-wrap .audio.v99 {
  background-position: -554px -30px;
}

.icons-wrap .illi.v99 {
  background-position: -562px 0;
}

.icons-wrap .office.v299 {
  background-position: -576px -30px;
}

.icons-wrap .ad.v299 {
  background-position: -488px -30px;
}

.icons-wrap .deco.v299 {
  background-position: -510px -30px;
}

.icons-wrap .taobao.v299 {
  background-position: -422px -30px;
}

.icons-wrap .audio.v299 {
  background-position: -532px -30px;
}

.icons-wrap .illi.v299 {
  background-position: -400px -30px;
}

.icons-wrap .category-icon.vip.notvip {
  background-position: -88px -62px;
}

.icons-wrap .category-icon.office.notvip {
  background-position: 0 -40px;
}

.icons-wrap .category-icon.ad.notvip {
  background-position: -88px -40px;
}

.icons-wrap .category-icon.deco.notvip {
  background-position: -66px -40px;
}

.icons-wrap .category-icon.taobao.notvip {
  background-position: -22px -40px;
}

.icons-wrap .category-icon.audio.notvip {
  background-position: -44px -40px;
}

.icons-wrap .category-icon.illi.notvip {
  background-position: -110px -40px;
}

.icons-wrap .category-icon.comvip {
  background-position: -44px -62px;
}

.category-vip .vip-maturity {
  height: 40px;
  line-height: 40px;
  padding-left: 12px;
  font-size: 12px;
  color: #999;
  letter-spacing: 1px;
  background: #f5f5f5;
}

.category-vip .vip-maturity.onlyone {
  height: 50px;
  padding: 7px 14px;
  line-height: 18px;
}

.category-vip .vip-maturity > span {
  font-size: 14px;
  color: #ff8a00;
}

.category-vip .vip-maturity > a {
  color: #999;
  padding-bottom: 3px;
  border-bottom: 1px solid #999;
}

.pb-head .user-info .opearations > li.category-vip .vip-maturity > a:hover {
  color: #ff8a00;
  border-color: #ff8a00;
}

.pb-nav .nav-item > .nav-chahua {
  position: absolute;
  top: -14px;
  right: 3px;
  width: 28px;
  height: 22px;
  padding: 0;
  background: url(//js.ibaotu.com/revision/img/public/chahua.png) center
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.pb-nav .nav-item > .nav-zhuangxiu {
  position: absolute;
  top: -14px;
  right: 3px;
  width: 28px;
  height: 22px;
  padding: 0;
  background: url(//js.ibaotu.com/revision/img/public/chahua.png) center
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.userMenu-comVip,
.userMenu-perVip {
  position: relative;
  top: 2px;
  width: 17px;
  height: 14px;
  margin-right: 8px;
}

.userMenu-comVip {
  background: url(//js.ibaotu.com/revision/img/public/userMenu/menu_comVip.svg)
  center no-repeat;
}

.userMenu-perVip {
  background: url(//js.ibaotu.com/revision/img/public/userMenu/menu_perVip.svg)
  center no-repeat;
}

.pb-head .user-info .opearations > li:nth-of-type(3) > a {
  letter-spacing: 2px;
}

.pb-nav .nav-item:nth-of-type(2) .nav-hover-banner {
  width: 300px;
  padding: 11px 30px 15px;
}

.pb-nav .nav-item:nth-of-type(2) .hover-classify-one .classify-item-wrap {
  width: 120px;
}

.pb-nav .nav-hover-banner .drop-down-title {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #ddd;
}

.pb-nav .nav-hover-banner .hover-classify-one {
  height: 38px;
  margin-top: 24px;
}

.nav-hover-banner .drop-down-title .drop-down-left {
  width: 97px;
  height: 100%;
  float: left;
}

.drop-down-title .drop-down-left i {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin: 12.5px 0;
}

.drop-down-title .drop-down-left .down-left-GG {
  background: url(//js.ibaotu.com/revision/img/public/cate_logo_GG.png)
  no-repeat center;
}

.drop-down-title .drop-down-left .down-left-GG.ui {
  background: url("//js.ibaotu.com/revision/img/vip/icon_22_default.png")
  no-repeat center;
}

.drop-down-title .drop-down-left span {
  font-size: 14px;
  color: #999;
  font-weight: 700;
  line-height: 50px;
  display: block;
  letter-spacing: 1px;
  width: 70px;
  float: right;
  margin-left: 3px;
}

.nav-hover-banner .drop-down-title .drop-down-right {
  width: 136px;
  height: 100%;
  float: right;
}

.nav-hover-banner .drop-down-title .drop-down-right a {
  width: 136px;
  display: block;
  padding: 0 8px;
  height: 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ff8a00;
  color: #ff8a00;
  line-height: 26px;
  font-size: 14px;
  text-align: center;
  text-indent: 2px;
  letter-spacing: 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 10px 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.nav-hover-banner .drop-down-title .drop-down-right a:hover {
  background: #ff8a00;
  color: #fff;
}

.pb-nav .classify-one-item-diff {
  display: inline-block;
  vertical-align: top;
  height: 24px;
  padding: 5px 14px;
  line-height: 14px;
  font-size: 14px;
  color: #666;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  letter-spacing: 0;
  margin-bottom: 10px;
  color: #ff8a00;
}

.pb-nav .nav-item:nth-of-type(3) .nav-hover-banner {
  width: 300px;
  padding: 11px 30px 15px;
}

.pb-nav .classify-two-ul > li {
  float: left;
  width: 120px;
  margin: 0 0 10px;
  letter-spacing: 0;
  white-space: nowrap;
}

.pb-nav .classify-two-wrap .classify-two-YS {
  margin-top: 30px;
}

.pb-nav .classify-two-ul .classify-two-ul-li > a:hover {
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
  color: #fff;
  color: #ff8a00 \9 \0;
}

.pb-nav .classify-two-ul .margin-sm a {
  font-size: 14px;
  color: #ff8a00;
}

.pb-nav .nav-item:nth-of-type(4) .nav-hover-banner {
  width: 300px;
  padding: 11px 30px 15px;
}

.hover-classify-one .classify-item-wrap {
  float: left;
  width: 120px;
  white-space: nowrap;
}

.drop-down-title .drop-down-left .down-left-TB {
  background: url(//js.ibaotu.com/revision/img/public/cate_logo_TB.png)
  no-repeat center;
  margin: 11.5px 0;
}

.drop-down-title .drop-down-left .down-left-MT {
  background: url(//js.ibaotu.com/revision/img/public/cate_logo_MT.png)
  no-repeat center;
  margin: 11.5px 0;
}

.pb-nav .classify-two-wrap .classify-two-SP {
  margin-top: 30px;
}

.pb-nav .nav-item:nth-of-type(5) .nav-hover-banner {
  width: 300px;
  padding: 11px 30px 15px;
  left: -115px;
}

.pb-nav .nav-item:nth-of-type(6) .nav-hover-banner {
  width: 300px;
  padding: 11px 30px 15px;
}

.pb-nav .classify-two-wrap .classify-two-PPT {
  margin-top: 30px;
}

.drop-down-title .drop-down-left .down-left-PPT {
  background: url(//js.ibaotu.com/revision/img/public/cate_logo_BG.png)
  no-repeat center;
  margin: 11.5px 0;
}

.pb-nav .nav-item:nth-of-type(7) .nav-hover-banner {
  width: 300px;
  padding: 11px 30px 15px;
}

.drop-down-title .drop-down-left .down-left-ZS {
  background: url(//js.ibaotu.com/revision/img/public/cate_logo_ZX.png)
  no-repeat center;
  margin: 11.5px 0;
}

.pb-nav .nav-item:nth-of-type(8) .nav-hover-banner {
  width: 300px;
  padding: 11px 30px 15px;
}

.drop-down-title .drop-down-left .down-left-CH {
  background: url(//js.ibaotu.com/revision/img/public/cate_logo_CH.png)
  no-repeat center;
  margin: 11.5px 0;
}

.pb-nav .classify-two-wrap .classify-two-CH {
  margin-top: 30px;
}

.pb-nav .classify-two-ul .classify-excess {
  white-space: nowrap;
}

.phone-ver .verification > .user-prefer {
  height: 14px;
  line-height: 14px;
  margin-top: 32px;
  color: #666;
  padding: 0;
  border: 0;
}

.phone-ver .verification .sp-rdi {
  position: relative;
  top: -1px;
  width: 0;
  height: 1px;
  line-height: inherit;
}

.verification .user-prefer > span {
  float: left;
}

.user-prefer .sel-list,
.user-prefer .sel-list > li {
  float: left;
}

.user-prefer .sel-list > li > span {
  margin-left: 18px;
}

.user-prefer .sel-list > li:first-child {
  margin-right: 20px;
}

.pb-aside-right .company-vip > .icons-comVip {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: asideComVip 1.2s ease-in infinite;
  animation: asideComVip 1.2s ease-in infinite;
}

@-webkit-keyframes asideComVip {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-5px) scale(1.05);
    transform: translateY(-5px) scale(1.05);
  }

  70% {
    -webkit-transform: translateY(1px) scale(1);
    transform: translateY(1px) scale(1);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes asideComVip {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-5px) scale(1.05);
    transform: translateY(-5px) scale(1.05);
  }

  70% {
    -webkit-transform: translateY(1px) scale(1);
    transform: translateY(1px) scale(1);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.act-comEnter {
  position: fixed;
  left: 0.8%;
  top: 4%;
  z-index: 8;
  width: 238px;
  height: 146px;
  -webkit-animation: actComEnter 2s infinite;
  animation: actComEnter 2s infinite;
  background: url(//js.ibaotu.com/revision/img/newAct/180424/comEnter.png)
  no-repeat;
}

@-webkit-keyframes actComEnter {
  0% {
    top: 4%;
  }

  50% {
    top: 2%;
  }

  100% {
    top: 4%;
  }
}

@keyframes actComEnter {
  0% {
    top: 4%;
  }

  50% {
    top: 2%;
  }

  100% {
    top: 4%;
  }
}

@media all and (max-width: 1680px) {
  .act-comEnter {
    left: -1%;
  }
}

@media all and (max-width: 1440px) {
  .act-comEnter {
    left: 0;
  }
}

@media all and (max-width: 1366px) {
  .act-comEnter {
    left: -2%;
  }
}

/*四月天特惠悬浮*/
.th-April {
  /* width: 146px;
    height: 182px; */
  width: 130px;
  height: 116px;
  position: fixed;
  right: 4%;
  top: 88px;
  z-index: 1002;
  animation: vip-199-180510 2.4s infinite;
}

.th-April a {
  display: block;
  width: 100%;
  height: 100%;
  /* background: url(//js.ibaotu.com/revision/img/newAct/180716/2years.png)no-repeat center; */
  background: url(//js.ibaotu.com/revision/img/newAct/180716/0803.png) no-repeat
  center;
  background-size: cover;
}

.th-April .th-apclose {
  position: absolute;
  width: 9px;
  height: 9px;
  top: -5px;
  right: -2px;
  cursor: pointer;
}

.th-April .th-apclose img {
  width: 100%;
  height: 100%;
}

@keyframes vip-199-180510 {
  0% {
    top: 4%;
  }

  50% {
    top: 6%;
  }

  100% {
    top: 4%;
  }
}

/* 180606 199入口活动*/
.pb-aside-right .item-top.sp-offer {
  position: relative;
  display: block;
  height: 124px;
  padding-top: 25px;
}

.pb-aside-right .item-top.sp-offer > p {
  line-height: 18px;
}

.pb-aside-right .sp-offer:hover > p {
  color: #ff8a00;
}

.pb-aside-right .company-vip .icon-allvip {
  width: 30px;
  height: 30px;
  margin: 14px 0 9px;
  background: url("//js.ibaotu.com/revision/img/public/grvip_pbicont.png")
  no-repeat;
  background-size: 100%;
}
.pb-aside-right .item-top.sp-offer .icons-comVip {
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-animation: asideComVip 1.2s ease-in infinite;
  animation: asideComVip 1.2s ease-in infinite;
}
.pb-aside-right .company-vip:hover .enter-offer {
  left: -329px;
  opacity: 1;
}

.pb-aside-right .company-vip .enter-offer {
  position: absolute;
  left: 0;
  /* left: -299px; */
  top: -7px;
  width: 320px;
  height: 140px;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background: url(//js.ibaotu.com/revision/img/public/spoffer_bg.png) no-repeat;
  /* background: url(//js.ibaotu.com/revision/img/public/userMenu/buy_199_bg.png) center no-repeat; */
}

/* 2018-09-26 右侧年VIP入口图片更改 改为7大分类 */
.pb-aside-right .company-vip .enter-offer {
  background: url("//js.ibaotu.com/revision/img/public/spoffer_bg2.png")
  no-repeat;
}

.pb-aside-right .open-life-member {
  display: inline-block;
  width: 116px;
  height: 32px;
  line-height: 31px;
  margin: 83px 0 0 150px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-indent: 2px;
  letter-spacing: 4px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background: #ff8a00;
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12, #f07d17);
  background: -o-linear-gradient(left, #ffae12, #f07d17);
  background: linear-gradient(to right, #ffae12, #f07d17);
}

.pb-nav .nav-hover-banner.perVip.allvip {
  background-image: url(//js.ibaotu.com/revision/img/public/per_vip_bg199.png);
}

/*新增企业商用小图标*/
.pb-nav .nav-item > .nav-enterprise {
  position: absolute;
  top: -14px;
  right: -21px;
  /*width: 38px;*/
  width: 50px;
  height: 22px;
  padding: 0;
  background: url(//js.ibaotu.com/revision/img/public/pay-one-pay.png) center
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.pb-nav .nav-item > .nav-enterprise.notqyvip {
  background: url("//js.ibaotu.com/revision/img/public/pay-two-pay.png") center
  no-repeat;
  background-size: 100%;
}

/*悬浮头部增加角标*/
.pb-float-head .float-nav-item .nav-enterprise {
  position: absolute;
  top: -14px;
  right: -49px;
  width: 50px;
  height: 22px;
  padding: 0;
  background: url(//js.ibaotu.com/revision/img/public/pay-one-pay.png) center
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.pb-float-head .float-nav-item .nav-enterprise.notqyvip {
  background: url("//js.ibaotu.com/revision/img/public/pay-two-pay.png") center
  no-repeat;
  background-size: 100%;
}

@media all and (max-width: 1680px) {
  .pb-nav .nav-item > .nav-enterprise {
    top: -10px;
    width: 42px;
    height: 18px;
    right: -29px;
  }

  .pb-float-head .float-nav-item .nav-enterprise {
    top: -10px;
    width: 42px;
    height: 18px;
    right: -40px;
  }

  .new-feedback .feedback {
    height: 780px;
  }

  .feedback p.title {
    padding: 30px 0 15px 0;
  }

  .se-feedback .bt-suggestion textarea {
    height: 140px;
  }

  .se-feedback .get-qq {
    margin: 0 auto 15px;
  }
}

@media all and (max-width: 1440px) {
  .pb-nav .nav-item > .nav-enterprise {
    width: 38px;
    height: 17px;
    right: -12px;
  }

  .pb-float-head .float-nav-item .nav-enterprise {
    width: 38px;
    height: 17px;
    right: -37px !important;
  }

  .new-feedback .feedback {
    height: 680px;
  }

  .feedback p.title {
    padding: 20px 0 10px 0;
  }

  .se-feedback .bt-suggestion textarea {
    height: 120px;
  }

  .se-feedback .bt-suggestion {
    margin-bottom: 10px;
  }

  .feedback .submit-btn {
    margin-bottom: 20px;
  }
}

/*180608*/

.pb-nav .nav-hover-banner.perVip.lifevip {
  height: 270px;
  background-image: url(//js.ibaotu.com/revision/img/public/per_vip_bg2.png);
}

.pb-nav .lifevip .life-member {
  height: 140px;
  overflow: hidden;
}

.pb-nav .lifevip .com-vip {
  overflow: hidden;
  height: 130px;
}

.pb-nav .lifevip .life-member .buy-vip {
  margin: 84px 0 0 172px;
}

.pb-nav .lifevip .com-vip .buy-vip {
  margin: 65px 0 0 172px;
}

/*年中大促*/
.back-to-498 {
  width: 120px;
  height: 143px;
  position: fixed;
  right: 4%;
  top: 88px;
  z-index: 10;
  animation: vip-199-180510 2.4s infinite;
}

.back-to-498 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/home/pop_buy_398.png) no-repeat
  center;
  background-size: cover;
}

.back-to-498 .back-498close {
  position: absolute;
  width: 9px;
  height: 9px;
  top: -5px;
  right: -2px;
  cursor: pointer;
}

.back-to-498 .back-498close img {
  width: 100%;
  height: 100%;
}

/*个人VIP下拉*/
.pb-nav .lifevip .buy-398vip {
  overflow: hidden;
  height: 130px;
  background: url(//js.ibaotu.com/revision/img/public/userMenu/buy_398_bg2.png)
  center no-repeat;
}

.pb-nav .perVip .buy-398vip-btn {
  background: none !important;
  margin: 78px 0 0 84px !important;
  width: 123px !important;
  text-decoration: none;
}

/*新增全站搜索，配乐、音效样机修改*/
.bt-body .pop-tit .tit-name-none {
  display: none;
}

.bt-body .bt-list .new-jump-details {
  display: block;
  width: 253px;
  height: 176px;
  position: absolute;
  background: none;
  left: 0;
  right: 0;
  top: 72px;
  margin: 0 auto;
}

/*作品展示图*/
.bt-body .bt-list .new-jump-details .jump-details-img {
  width: 176px;
  height: 176px;
  float: left;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  box-shadow: 0px 30px 80px rgba(0, 0, 0, 0.18);
}

/*CD样机*/
.bt-body .bt-list .new-jump-details .jump-details-cd {
  display: block;
  width: 153px;
  height: 153px;
  background: url(//js.ibaotu.com/revision/img/public/music-score-cd.png) center
  no-repeat;
  position: absolute;
  right: 0;
  top: 12px;
  background-size: cover;
  box-shadow: 0px 30px 80px rgba(0, 0, 0, 0.18);
  border-radius: 100%;
}

/*耳机*/
.bt-body .bt-list .details-headset {
  width: 63px;
  height: 62px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(//js.ibaotu.com/revision/img/public/music-score-erji.png)
  center no-repeat;
  background-size: cover;
  bottom: 154px;
}

/*进度条*/
.bt-body .bt-list .progress-bar {
  background: url(//js.ibaotu.com/revision/img/public/music-score-yinyue.png)
  center no-repeat;
  width: 100%;
  height: 69px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 45px;
  background-size: cover;
}

/*作品名称*/
.bt-body .bt-list .collection-music {
  position: absolute;
  top: 25px;
  left: 12%;
  width: 54%;
  color: #666666;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/*企业vip闪烁效果*/
.pb-head .user-info .opearations > li.com > a {
  overflow: hidden;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  background: linear-gradient(left, #ffae12, rgb(251, 5, 85));
  background: -webkit-linear-gradient(left, #ffae12, rgb(251, 5, 85));
  background: -o-linear-gradient(right, #ffae12, rgb(251, 5, 85));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: scratchy 0.253s linear forwards infinite;
  -webkit-animation: scratchy 0.253s linear forwards infinite;
  -moz-animation: scratchy 0.253s linear forwards infinite;
  -ms-animation: scratchy 0.253s linear forwards infinite;
  -o-animation: scratchy 0.253s linear forwards infinite;
}

.pb-head .user-info .opearations > li.com:hover a {
  -webkit-text-fill-color: #fff;
}

.opearations .com .userMenu-comVip {
  position: relative;
  left: -2px;
  width: 20px;
  height: 17px;
  background-size: contain;
  margin-right: 2px;
  animation: twinkling2 300ms linear infinite;
}

@keyframes twinkling2 {
  0% {
    background-image: url(//js.ibaotu.com/revision/img/public/userMenu/menu_comVip.svg);
  }

  100% {
    background-image: url(//js.ibaotu.com/revision/img/public/userMenu/menu_comVip2.svg);
  }
}

@keyframes scratchy {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: 0 0;
  }

  26% {
    background-position: 20px -20px;
  }

  50% {
    background-position: 20px -20px;
  }

  51% {
    background-position: 40px -40px;
  }

  75% {
    background-position: 40px -40px;
  }

  76% {
    background-position: 60px -60px;
  }

  99% {
    background-position: 60px -60px;
  }

  100% {
    background-position: 0 0;
  }
}

/* 添加兼容性前缀 */
@-webkit-keyframes scratchy {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: 0 0;
  }

  26% {
    background-position: 20px -20px;
  }

  50% {
    background-position: 20px -20px;
  }

  51% {
    background-position: 40px -40px;
  }

  75% {
    background-position: 40px -40px;
  }

  76% {
    background-position: 60px -60px;
  }

  99% {
    background-position: 60px -60px;
  }

  100% {
    background-position: 0 0;
  }
}

@-moz-keyframes scratchy {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: 0 0;
  }

  26% {
    background-position: 20px -20px;
  }

  50% {
    background-position: 20px -20px;
  }

  51% {
    background-position: 40px -40px;
  }

  75% {
    background-position: 40px -40px;
  }

  76% {
    background-position: 60px -60px;
  }

  99% {
    background-position: 60px -60px;
  }

  100% {
    background-position: 0 0;
  }
}

@-ms-keyframes scratchy {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: 0 0;
  }

  26% {
    background-position: 20px -20px;
  }

  50% {
    background-position: 20px -20px;
  }

  51% {
    background-position: 40px -40px;
  }

  75% {
    background-position: 40px -40px;
  }

  76% {
    background-position: 60px -60px;
  }

  99% {
    background-position: 60px -60px;
  }

  100% {
    background-position: 0 0;
  }
}

@-o-keyframes scratchy {
  0% {
    background-position: 0 0;
  }

  25% {
    background-position: 0 0;
  }

  26% {
    background-position: 20px -20px;
  }

  50% {
    background-position: 20px -20px;
  }

  51% {
    background-position: 40px -40px;
  }

  75% {
    background-position: 40px -40px;
  }

  76% {
    background-position: 60px -60px;
  }

  99% {
    background-position: 60px -60px;
  }

  100% {
    background-position: 0 0;
  }
}

/*新增头部分类充值显示*/
.prompt-pay-catetext {
  float: left;
  display: block;
  width: 215px;
  height: 56px;
  line-height: 35px;
  margin-top: 6px;
  color: #ff8a04;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 20px;
}

.prompt-pay-catetext:after {
  content: "";
  width: 7px;
  height: 7px;
  background: #ff8a04;
  margin: -20px;
  display: block;
  border-radius: 50%;
}

/*新增用户下拉菜单39/299活动入口*/
.pb-head .user-info .opearations > li.cate-39-ent {
  height: 100px !important;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/public/userMenu/buy_159_bg.png)
  center no-repeat !important;
}

.pb-head .user-info .opearations > li.quan-299-ent {
  height: 100px !important;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/public/userMenu/buy_299_bg.png)
  center no-repeat !important;
}

/*2018-07-12 用户下拉菜单新增升级企业VIP入口*/
.pb-head .user-info .opearations > li.qiye-700-ent {
  height: 120px !important;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/public/userMenu/img-qiye-vip3.jpg)
  center no-repeat !important;
}

/* 20180716 用户下拉菜单增加两周年优惠 */
.pb-head .user-info .opearations > li.coupon {
  height: 116px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/public/userMenu/coupon.jpg)
  center 0 no-repeat !important;
}

.pb-head .user-info .coupon .open-life-member {
  width: 58px;
  height: 23px;
  line-height: 31px;
  margin: 48px 0 0 157px;
  border-radius: 4px;
  background: transparent;
}

/* 20180716 两周年优惠券弹窗 */
.pop-rotateLight .main {
  width: 954px;
  height: 967px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pop-rotateLight .main > a {
  display: block;
  width: 100%;
  height: 100%;
}

.pop-rotateLight .line {
  width: 100%;
  height: 100%;
  -webkit-animation: rotate-1221 8s linear infinite;
  animation: rotate-1221 8s linear infinite;
  background: url(//js.ibaotu.com/revision/img/public/red_light.png) no-repeat;
}

.pop-rotateLight .words {
  position: absolute;
  left: 228px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 511px;
  height: 500px;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  background: url(//js.ibaotu.com/revision/img/newAct/180716/pop_bg.png)
  no-repeat;
}

.pop-rotateLight .words:hover .pop-close {
  display: block;
}

.pop-rotateLight .pop-close {
  display: none;
  position: absolute;
  top: -25px;
  right: 60px;
  width: 36px;
  height: 36px;
}

@-webkit-keyframes rotate-1221 {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes rotate-1221 {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

/*2018-07-17 升级企业vip悬浮*/
.upgrade-Comvip {
  width: 127px;
  height: 183px;
  position: fixed;
  right: 3%;
  top: 88px;
  z-index: 1002;
  animation: vip-199-180510 2.4s infinite;
}

.upgrade-Comvip .upgrade-Comvip-link {
  display: block;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/public/float/float_right_0911.png)
  no-repeat center;
  background-size: cover;
}

.upgrade-Comvip img {
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  top: 35px;
  right: 8px;
  cursor: pointer;
}

/**180720 页面左下角新增企业vip推广浮标*/
.comVip-tg {
  position: fixed;
  left: 2.5%;
  bottom: 3%;
  z-index: 6;
  width: 140px;
  height: 183px;
  background: url(https://js.ibaotu.com/revision/img/public/wj/float_left_com.gif)
  center no-repeat;
  display: none;
}

.comVip-tg .th-apclose {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

.comVip-tg:hover .th-apclose {
  display: block;
}

.comVip-tg:hover .tips1 {
  display: none;
}

.comVip-tg:hover .tips2 {
  opacity: 1;
}

.comVip-tg span {
  line-height: 20px;
  font-size: 12px;
  color: #000;
}

.comVip-tg .tips1 {
  position: absolute;
  top: -30px;
  left: 0;
  width: 150px;
  height: 26px;
  padding: 3px 2px 3px 6px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgb(255, 172, 75);
  animation: tipDisplay 2.75s infinite;
  opacity: 0;
}

.comVip-tg .tips2 {
  position: absolute;
  top: -80px;
  left: 0;
  z-index: 2;
  width: 130px;
  height: 72px;
  padding: 5px 0 5px 6px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgb(255, 172, 75);
  box-shadow: 0 0 6px rgba(255, 172, 75, 0.44);
  opacity: 0;
}

.tips2 .yellow {
  color: #ff9100;
}

@keyframes tipDisplay {
  0% {
    opacity: 0;
  }

  45% {
    opacity: 0;
  }

  45.5% {
    opacity: 1;
  }

  97% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/**180725 全站终身价格改为998 */
.pb-nav .nav-hover-banner.perVip.lifevip {
  height: 270px;
  background-image: url(//js.ibaotu.com/revision/img/public/per_vip_bg3.png);
}

/**180926 下拉图片改为7大分类 */
.pb-nav .nav-hover-banner.perVip.lifevip {
  height: 260px;
  width: 330px;
  background-image: url("//js.ibaotu.com/revision/img/public/per_vip_bg4.png");
}

/**180724 修改右边栏企业vip文案及响应式*/
.pb-nav .nav-item > a.com {
  color: #666;
}

.pb-nav .nav-item > a.com:hover {
  font-weight: normal;
  color: #ff8a00;
}

/*2018-08-01 新增视频问卷调查*/
.left-video-jump {
  width: 150px;
  height: 145px;
  background: url(//js.ibaotu.com/revision/img/home/img_jump_video2.png)
  no-repeat center;
  position: fixed;
  right: 3%;
  bottom: 88px;
}

.left-video-jump i {
  display: none;
  position: absolute;
  top: -10px;
  right: 0;
  width: 10px;
  height: 10px;
}

.left-video-jump i img {
  width: 100%;
  height: 100%;
}

.left-video-jump:hover i {
  display: block;
}

/*2018-08-09 用户下拉菜单增加七夕活动提示*/
.pb-head .user-info .opearations > li.tanabata {
  height: 100px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/public/userMenu/tanabata.png)
  center 0 no-repeat !important;
  margin-top: 0px;
}

/*七夕活动悬浮窗*/
.tanabata-jump {
  width: 130px;
  height: 101px;
  position: fixed;
  right: 4%;
  top: 88px;
  z-index: 1002;
  animation: vip-199-180510 2.4s infinite;
  background: url(//js.ibaotu.com/revision/img/newAct/180809/xf-tana2.png)
  no-repeat center;
  background-size: cover;
}

.tanabata-jump > i {
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  top: 0px;
  right: -12px;
  cursor: pointer;
}

.tanabata-jump > i > img {
  display: block;
  width: 100%;
  height: 100%;
}

/*2018-08-20  新增企业vip过期提示*/
.pb-head .user-info .opearations > li:nth-of-type(2) > a {
  position: relative;
}

.pb-head .user-info .opearations > li:nth-of-type(2) > a > span {
  position: absolute;
  top: 14px;
  right: 30px;
  display: block;
}

.pb-head .user-info .opearations > li:nth-of-type(2) > a .expired {
  width: 38px;
  height: 14px;
  background: url(//js.ibaotu.com//revision/img/public/userMenu/expired.png);
}

.pb-head .user-info .opearations > li:nth-of-type(2) > a:hover .expired {
  background: url(//js.ibaotu.com//revision/img/public/userMenu/expired-1.png);
}

.pb-head .user-info .opearations > li:nth-of-type(2) > a .expired-30 {
  width: 56px;
  height: 14px;
  background: url(//js.ibaotu.com//revision/img/public/userMenu/expired-30.png);
}

.pb-head .user-info .opearations > li:nth-of-type(2) > a:hover .expired-30 {
  background: url(//js.ibaotu.com//revision/img/public/userMenu/expired-31.png);
}

/*新增过期弹窗*/
.Expired-ups {
  /*display: none;*/
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1210;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.Expired-ups .expiration-remb {
  width: 600px;
  height: 385px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -193px auto 0px;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}

.expiration-remb .close-pop {
  height: 21px;
  width: 22px;
  background: url(//js.ibaotu.com/revision/img/icon-public.png);
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
}

.expiration-remb > p {
  display: block;
  width: 100%;
  height: 103px;
  background: url(//js.ibaotu.com//revision/img/public/guoqi-title.png);
  margin-top: -1px;
  font-size: 36px;
  color: #d7a967;
  line-height: 103px;
  letter-spacing: 8px;
  text-align: center;
  font-weight: normal;
}

.expiration-remb > ul {
  width: 341px;
  height: auto;
  margin: 22px auto 0px;
}

.expiration-remb > ul > li {
  text-align: left;
  font-size: 14px;
  color: #9e9e9e;
  letter-spacing: 1px;
  line-height: 25px;
}

.expiration-remb > ul > li > span {
  color: #d9a253;
}

.expiration-remb > div {
  width: 341px;
  height: 44px;
  margin: 20px auto 0px;
}

.expiration-remb > div > a {
  display: block;
  width: 148px;
  height: 44px;
  font-size: 16px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 2px;
}

.expiration-remb > div > .liji-xufei {
  float: left;
  background: url(//js.ibaotu.com/revision/img/public/liji-xufei.png);
}

.expiration-remb > div > .fangqi-xiufei {
  float: right;
  background: url(//js.ibaotu.com/revision/img/public/fangqi-xufei.png);
}

/*2018-08-22 新增UI设计角标*/
.pb-nav .nav-item .nav-background {
  position: absolute;
  top: -15px;
  right: -31px;
  width: 38px;
  height: 35px;
  padding: 0;
  background: url(//js.ibaotu.com/revision/img/public/jiaobiao-bg.png) center
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/*2018-08-23 企业vip侧边栏*/
.item-top.sp-offer:hover .com-enter-offer {
  left: -299px;
  opacity: 1;
}

.item-top.sp-offer .com-enter-offer {
  position: absolute;
  left: 0;
  top: -8px;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  width: 290px;
  height: 140px;
  background: url(//js.ibaotu.com/revision/img/public/aside/com_enter2.png)
  center no-repeat;
}

.item-top.sp-offer .com-enter-offer.notvip {
  background: url("//js.ibaotu.com/revision/img/activity/qyvip/leftbg.png?v=1")
  center no-repeat;
}

/* 0827 企业到期提醒 */
.com-vip-end {
  float: right;
  height: 20px;
  line-height: 18px;
  margin: 11px -15px 0 0;
  font-size: 12px;
  color: #ff4800;
  padding: 0 5px;
  border: 1px solid #ff4800;
  border-radius: 10px;
  letter-spacing: 0;
  -webkit-text-fill-color: #ff4800;
}

.pb-head .user-info .opearations > li:hover .com-vip-end {
  border-color: #fff;
}

/*2018/08/28*/
/*开学季悬浮*/
.starting-school {
  width: 128px;
  height: 128px;
  background: url(//js.ibaotu.com/revision/img/newAct/180827/xf-tana5.png)
  center no-repeat;
}

.pb-head .user-info .opearations > li.user-startschool {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/180827/start-school.png)
  center 0 no-repeat !important;
  margin-top: 0px;
}

/*2018-08-31*/
.pb-nav .pull-deco-huigu {
  display: block;
  position: absolute;
  bottom: -120px;
  left: 0px;
  width: 200px;
  height: 100px;
  background: url(//js.ibaotu.com/revision/img/home/pull-deco-huigu.gif) center
  no-repeat;
  background-size: cover;
  z-index: 10;
}

/*2018-09-07 升级企业vip悬浮倒计时*/
/*悬浮*/
.upgrade-Comvip-link > p {
  position: absolute;
  display: block;
  font-size: 8px;
  text-align: center;
  width: 100%;
  top: 49px;
  left: -8px;
  color: #000000;
}

.upgrade-Comvip-link > p > span {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

/* 右上角悬浮模板css */
.home-float-right {
  position: fixed;
  right: 4%;
  top: 88px;
  z-index: 1002;
  animation: vip-199-180510 2.4s infinite;
  background-size: cover;
}

.home-float-right .float-pop-close {
  position: absolute;
  top: -10px;
  right: -10px;
}

.home-float-right .icon-iconfontclose {
  font-size: 12px;
}

/* 20180911 终身立减600元右上角悬浮 */
.home-float-right.double180911 {
  width: 120px;
  height: 120px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/180911/float_right.png);
}
/* 20180911 终身立减600元右上角悬浮 */
.home-float-right.vip-new-year {
  width: 129px;
  height: 120px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190102/newyear-pop.png);
}

/* 20180911 终身立减600元主页弹窗 */
.act-180911double .double-wrap {
  width: 600px;
  height: 596px;
  box-shadow: none;
}

.act-180911double .double-wrap .double180911 {
  display: block;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/newAct/180911/pop_home3.png);
}

.act-180911double .pop-close {
  top: 100px;
}

.act-180911double .pop-close .icon-iconfontclose {
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}

.act-180911double .countdown {
  position: absolute;
  left: 190px;
  bottom: 100px;
  width: 280px;
  height: 26px;
  line-height: 26px;
  font-size: 26px;
  color: #ffe8b8;
  letter-spacing: 1px;
}

.act-180911double .countdown .hour {
  margin-left: 10px;
}

/* 20180911 终身立减600元个人下拉菜单 */
.pb-head .user-info .opearations > li.first.double180911 {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/180911/user_drop.jpg)
  center no-repeat;
}

/*20180914  中秋企业vip买一赠二*/
.pb-head .user-info .opearations > li.first.autumn180914 {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/public/userMenu/qiye-img-vip4.png)
  center no-repeat;
}

/*2018-09-17 个人中心手机绑定增加手机滑动验证*/
/*高度增加*/
.phone-ver {
  height: 540px;
}

.phone-ver .verification > div.sliding-veri {
  padding-left: 0;
  border-bottom: none;
}

.sliding-veri .sliding-veri-child {
  background-color: #ff9100;
  height: 40px;
}

/*2018-09-19 首页企业vip中秋买一赠二弹窗*/
.act-180919midAut .midAut-wrap {
  width: 562px;
  height: 563px;
  box-shadow: none;
}

.act-180919midAut .link-midAut {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/newAct/180919/pop_notionalday.png)
  no-repeat;
}

/*2018-09-19 企业vip国庆活动各个广告位入口图片更换*/
.pb-nav .nav-hover-banner.perVip.comVip.nationalday {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/180919/nav_nationalday.png)
  center no-repeat;
}

.item-top.sp-offer .com-enter-offer.nationalday {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/180919/right_nationalday.png)
  center no-repeat;
}

.pb-head .user-info .opearations > li.nationalday {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/180919/user_nationalday.png)
  center no-repeat;
}

.upgrade-Comvip.nationalday .upgrade-Comvip-link {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/180919/float_right_national.png)
  center no-repeat;
}

.nationalday .upgrade-Comvip-link > p {
  top: 23px;
  left: 6px;
  color: #a60009;
}

.nationalday .upgrade-Comvip img {
  top: 8px;
  right: 2px;
}

.nationalday .upgrade-Comvip-link > p > span {
  color: #a60009;
}

.pb-nav .pull-deco-haiwai2 {
  position: absolute;
  bottom: -120px;
  left: 0px;
  width: 220px;
  height: 120px;
}

.pull-deco-haiwai2 > a {
  width: 200px;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background: url(//js.ibaotu.com/revision/img/home/deco/haiwai_enter3.gif)
  center no-repeat;
  background-size: cover;
  z-index: 10;
}

.pull-deco-haiwai2 > i {
  display: none;
  width: 17px;
  height: 17px;
  position: absolute;
  right: 4px;
  top: 6px;
  background: url(//js.ibaotu.com/revision/img/home/deco/haiwai_close.png)
  center no-repeat;
  background-size: cover;
  z-index: 10;
}

.pull-deco-haiwai2:hover i.close-haiwai {
  display: block;
}

/*2018-09-30 新用户充值活动*/
.act-180930newUser .cot-wrap {
  width: 450px;
  height: 504px;
  box-shadow: none;
}

.act-180930newUser .pop-close {
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 2;
  padding: 5px;
  width: 36px;
  height: 36px;
  background: #000;
  opacity: 0.5;
  border-radius: 50%;
}

.act-180930newUser .pop-close .icon-iconfontclose {
  font-size: 26px;
  color: #fff;
  position: relative;
  top: -3px;
  left: 1px;
}

.act-180930newUser .link-act {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/activity/home/180930/pop_newuser.png)
  no-repeat;
}

/* 2018-10-09 右侧栏首页增加问题入口*/
.pb-aside-right .item-bottom.kefu {
  padding-top: 12px;
  position: relative;
  height: 90px;
  bottom: 0px;
  border-top: none;
}

.pb-aside-right .item-bottom > i.icon-wenti {
  font-size: 20px;
}

.pb-aside-right .item-bottom:hover i.icon-wenti {
  color: #ff9100;
}

.pb-aside-right .item-bottom.kefu > p {
  line-height: 20px;
}

.pb-aside-right .kefu .kefu-question {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 240px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  padding-top: 20px;
}

.pb-aside-right .kefu:hover .kefu-question {
  left: -283px;
  opacity: 1;
}

.pb-aside-right .kefu .kefu-question > div {
  padding-left: 20px;
  height: auto;
  margin-bottom: 10px;
}

.pb-aside-right .kefu .kefu-question > div.udesk-kefu {
  height: 100px;
}

.pb-aside-right .kefu .kefu-question > div > i {
  display: block;
  float: left;
  width: 23px;
  height: 23px;
  margin: 14px 0px;
  color: #000000;
  font-size: 22px;
}

.kefu-question .cion2 > a {
  display: block;
  line-height: 50px;
  color: #333333;
  font-size: 14px;
  text-align: left;
  padding-left: 35px;
}

.kefu-question .kefu4 > div {
  height: auto;
  text-align: left;
  padding-top: 6px;
  padding-left: 35px;
}
.kefu-question .kefu4 span{
    display: block;
}

.kefu-question .kefu4 > div > a.contactKF {
  display: inline-block;
  width: 70px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  color: #ffffff;
  background-image: linear-gradient(
          90deg,
          rgba(254, 172, 19, 1) 0%,
          rgba(240, 126, 21, 1) 100%
  );
  border-radius: 12px;
  margin-top: 5px;
}

.kefu-question .kefu4 > div > a.contactKF.qy_udesk{
  width: 120px;
  margin-left: 10px;
  color: #1C1D21;
  background: linear-gradient(90deg,rgba(240,214,141,1) 0%,rgba(224,191,115,1) 100%);
}
.kefu-question .kefu4 > div > a.contactKF:hover {
  opacity: 0.9;
}
.kefu-question .kefu4 > div > a.contactKF.qy_udesk:hover{
  opacity: 1;
  background:linear-gradient(90deg,rgba(231,205,131,1) 0%,rgba(209,177,102,1) 100%);
}
.kefu-question .kefu4 > div > a.contactKF i{
  font-size: 12px;
  margin-right:6px;
}
.kefu-question .kefu4 > div > a {
  display: block;
  font-size: 14px;
  color: #333333;
}

.kefu-question .kefu4 > div > a > span {
  display: block;
  font-size: 12px;
  color: #999999;
}

.cion2:hover a {
  color: #ff9100;
}

/* 181009新增商用字体 */
/*.pb-nav .nav > ul {
    padding: 0 50px;
}
.pb-nav .nav-item:first-child > a {
    padding-right: 37px
}
.pb-nav .nav-item > a {
    padding: 0 26px;
}*/
.drop-down-title .drop-down-left .down-left-GG.fonts {
  width: 22px;
  height: 22px;
  margin: 13.5px 0;
  background: url("//js.ibaotu.com/revision/img/public/sp_public.png") -260px -62px
  no-repeat;
}

.pb-head .user-info .user-opearation {
  overflow: hidden;
}

.category-vip .icons-wrap-wrap {
  position: relative;
  width: 228px;
  /*overflow: hidden;*/
  height: 41px;
  margin: 20px 16px 0;
}

.category-vip .pageturn-btn {
  position: absolute;
  right: -16px;
  top: 0;
  width: 52px;
  height: 22px;
  padding: 5px 0 0 16px;
  z-index: 2;
  background: #fff;
}

.pageturn-btn .iconfont {
  float: left;
  color: #999;
  font-size: 12px;
  width: 6px;
  height: 12px;
  line-height: 12px;
  cursor: pointer;
}

/*.pageturn-btn .icon-youjiantou:before {
    position: relative;
    left: -2px;
}
.pageturn-btn .icon-youjiantou.prev {
    transform-origin: center;
    transform: rotate(-180deg);
}
.pageturn-btn .icon-youjiantou.prev:before {
    top: -1px;
}*/
.pageturn-btn .iconfont.invalid {
  pointer-events: none;
  color: #ddd;
}

.icons-wrap .fonts {
  background-position: -260px -62px;
}

.icons-wrap .fonts.notvip {
  background-position: -238px -62px;
}

.icons-wrap .fonts.v39 {
  background-position: -282px -62px;
}

.icons-wrap .fonts.v99 {
  background-position: -305px -62px;
}

.icons-wrap .fonts.v299 {
  background-position: -329px -62px;
}

/*双十一悬浮*/
.upgrade-Comvip.double-shiyi {
  width: 140px;
  height: 139px;
}

.upgrade-Comvip.double-shiyi .upgrade-Comvip-link {
  background: url(//js.ibaotu.com/revision/img/vip/float_right_12.png) center
  no-repeat;
  background-size: cover;
}

.double-shiyi .upgrade-Comvip-link > p {
  top: 26px;
  left: -2px;
  color: #ffffff;
}

.upgrade-Comvip.double-shiyi > img {
  top: 20px;
  right: 10px;
}

.double-shiyi .upgrade-Comvip-link > p > span {
  color: #ffffff;
}

/* 个人中心下拉 */
.pb-head .user-info .opearations > li.double-shiyi {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/user_double11.png)
  center no-repeat;
}

/* 2018-10-15 双十一预热 */
/* 企业VIP下拉 */
.pb-nav .nav-hover-banner.perVip.comVip.nationalday.double-shiyi {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/double_xiala.png)
  center no-repeat;
}

/* 侧边栏企业vip入口 */
.item-top.sp-offer .com-enter-offer.double-shiyi {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/double_cela.png)
  center no-repeat;
}

/* 181015灵魂测试首页banner右上角入口 */
.home .pb-nav .soul-test {
  position: absolute;
  right: 30px;
  top: 154px;
  content: "";
  z-index: 2;
  width: 100px;
  height: 100px;
  background: url(//js.ibaotu.com/revision/img/home/deco/soul-test.png)
  no-repeat;
  background-size: 100%;
}

@media all and (max-width: 1680px) {
  .home .pb-nav .soul-test {
    top: 150px;
    right: 30px;
  }
}

@media all and (max-width: 1440px) {
  .home .pb-nav .soul-test {
    width: 80px;
    height: 80px;
    top: 138px;
    right: 25px;
  }
}

/* 181016万圣节终身充值活动 */
.home-float-right.halloween181016 {
  width: 147px;
  height: 149px;
  background-image: url(//js.ibaotu.com/revision/img/activity/recharge/181016/float_right.png);
}

/* 20180911 终身立减600元主页弹窗 */
.act-halloween181016 .double-wrap {
  width: 561px;
  height: 567px;
  box-shadow: none;
}

.act-halloween181016 .double-wrap .double180911 {
  display: block;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/181016/pop_home.png);
}

.act-halloween181016 .pop-close {
  top: 50px;
}

.act-halloween181016 .pop-close .icon-iconfontclose {
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}

/* 双十一弹窗 */
.act-double-shiyi .cot-wrap {
  width: 556px;
  height: 562px;
  box-shadow: none;
}

.act-double-shiyi .pop-close {
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 2;
  padding: 5px;
  width: 36px;
  height: 36px;
  background: #000;
  opacity: 0.5;
  border-radius: 50%;
}

.act-double-shiyi .pop-close .icon-iconfontclose {
  font-size: 26px;
  color: #fff;
  position: relative;
  top: -3px;
  left: 1px;
}

.act-double-shiyi .link-act {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/double_tanc.png)
  no-repeat;
}

.act-double-shiyi .cot-wrap2 {
  width: 700px;
  height: 637px;
}

.act-double-shiyi .cot-wrap2 .link-act2 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/double_tanc2.png)
  no-repeat;
}

/* 2018-10-22 双十一预热*/
.double-eleven {
  width: 100%;
  height: 395px;
  position: fixed;
  bottom: 0;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/181018/img_footer2.png)
  center no-repeat;
  background-size: cover;
  z-index: 1000;
}

.double-eleven > a {
  display: block;
  width: 100%;
  height: 100%;
}

.double-eleven > p {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 35px;
  right: 27%;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/181018/img_close.png)
  center no-repeat;
  background-size: cover;
}

/* 右上角悬浮模板css */
.home-float-left {
  position: fixed;
  left: 1%;
  top: 88px;
  z-index: 1002;
  animation: vip-199-180510 2.4s infinite;
  background-size: cover;
}

.home-float-left .float-pop-close {
  position: absolute;
  top: -10px;
  right: -10px;
}

.home-float-left .icon-iconfontclose {
  font-size: 12px;
}

.home-float-left.double181018 {
  width: 130px;
  height: 123px;
  background-image: url(//js.ibaotu.com/revision/img/activity/recharge/181018/img_float.png);
}

/* 个人下拉 */
.pb-head .user-info .opearations > li.double-181018 {
  height: 100px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/181018/img_drop.png)
  center no-repeat;
}

/* 181023 右边栏响应式调整 */
@media all and (max-height: 920px) {
  .pb-aside-right > .aside-cot {
    top: 16px;
    height: 678px;
  }
}
@media all and (max-height: 800px) {
  .pb-aside-right > .aside-cot {
    top: 80px;
    height: 480px;
  }
  .pb-aside-right .item-top,
  .pb-aside-right .item-bottom {
    height: 52px;
  }

  .pb-aside-right .aside-cot .item-top.sp-offer {
    padding-top: 10px;
    height: 86px;
  }

  .pb-aside-right .item-bottom.kefu {
    height: 70px;
    padding-top: 4px;
  }

  .pb-aside-right .item-bottom.kefu > p {
    line-height: 18px;
  }

  .pb-aside-right .toTop {
    padding: 32px 0 37px;
  }

  .pb-aside-right .company-vip {
    height: 94px;
  }

  .pb-aside-right .company-vip .icon-allvip {
    margin: 15px 0 0px;
  }

  .pb-aside-right .item-bottom,
  .pb-aside-right .item-top {
    padding-top: 5px;
  }

  .pb-aside-right .item-top.sp {
    height: 62px;
  }

  .pb-aside-right .item-top.sp > p:nth-of-type(1) {
    margin-top: -1px;
  }

  .pb-aside-right .toTop {
    padding: 150px 0 0px;
  }
}

@media all and (max-height: 725px) {
  .pb-aside-right .toTop {
    padding: 50px 0 0px;
  }
}

@media all and (max-height: 700px) {
  .pb-aside-right .toTop {
    padding: 50px 0 0px;
  }
}

@media all and (max-height: 680px) {
  .pb-aside-right .toTop {
    padding: 20px 0 0px;
  }
}

@media all and (max-height: 625px) {
  .pb-aside-right .aside-cot {
    height: 440px;
    top: 40px;
  }

  .pb-aside-right .company-vip {
    height: 76px;
  }

  .pb-aside-right .company-vip .icon-allvip {
    margin: 10px 0 0px;
  }

  .pb-aside-right .company-vip > p {
    line-height: 16px;
  }

  .pb-aside-right .item-top > p {
    line-height: 20px;
  }

  .pb-aside-right .item-top {
    height: 50px;
  }

  .pb-aside-right .toTop {
    padding: 32px 0 0px;
  }
  .pb-aside-right .item-bottom,
  .pb-aside-right .item-top {
    padding-top: 2px;
  }

  .pb-aside-right .item-top.sp {
    height: 58px;
  }

  .pb-aside-right .aside-cot .item-top.sp-offer {
    padding-top: 0px;
  }

  .pb-aside-right .aside-cot .item-top.sp-offer {
    height: 72px;
  }

  .pb-aside-right .item-bottom {
    height: 50px;
  }

  .pb-aside-right .item-bottom.kefu {
    padding-top: 4px;
  }
}

@media all and (max-height: 520px) {
  .pb-aside-right .aside-cot {
    top: 10px;
  }
}
/* 2018-10-25 企业双十一引导*/
.enter-double-eleven {
  width: 100%;
  height: 446px;
  position: fixed;
  bottom: 0;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/enter-eleven3.png)
  center no-repeat;
  background-size: cover;
  z-index: 1000;
}

.enter-double-eleven > a {
  display: block;
  width: 100%;
  height: 100%;
}

.enter-double-eleven > p {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 5%;
  right: 35%;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/181018/img_close.png)
  center no-repeat;
  background-size: cover;
}
/* 2018-10-31 双十一预热右上角悬浮*/
.d11-fright-baozi {
  position: fixed;
  height: 182px;
  width: 146px;
  right: 4%;
  top: 88px;
  z-index: 1002;
  animation: vip-199-180510 2.4s infinite;
  background: url(//js.ibaotu.com//revision/img/activity/recharge/181025/baozi4.png)
  no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
.d11-fright-baozi .float-pop-close {
  display: none;
  position: absolute;
  top: -10px;
  right: -6px;
  cursor: pointer;
}
.d11-fright-baozi .icon-iconfontclose {
  font-size: 12px;
}
.d11-fright-baozi:hover .float-pop-close {
  display: block;
}
@media (max-width: 1680px) {
  .d11-fright-baozi {
    max-width: 120px;
    max-height: 140px;
  }
}
/*双十一预热 个人中心下拉*/
.pb-head .user-info .opearations > li.double-181025 {
  height: 116px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/181018/user_drop.png)
  center no-repeat;
}
/* 2018-11-05 */
/* 双十一买一增一 侧边栏企业*/
.item-top.sp-offer .com-enter-offer.buyone-plusone {
  background: url(//js.ibaotu.com/revision/img/vip/com/181102/cela2.png) center
  no-repeat;
}
/* 导航栏下拉 */
.pb-nav
.nav-hover-banner.perVip.comVip.nationalday.double-shiyi.buyone-plusone {
  background: url(//js.ibaotu.com/revision/img/vip/com/181102/xiala.png) center
  no-repeat;
}
/* 弹窗 */
.buyone-plusone-cl {
  width: 768px;
  height: 693px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(//js.ibaotu.com/revision/img/vip/com/181102/tanc.png) center
  no-repeat;
  background-size: cover;
}

.buyone-plusone-cl > a {
  display: block;
  width: 100%;
  height: 100%;
}

.buyone-plusone-cl > i {
  position: absolute;
  top: 18px;
  right: 70px;
  font-size: 46px;
  color: #fff;
}

/* 2018-11-07 导航栏企业VIP角标（限时5折）*/
.pb-nav .nav-item > .nav-enterprise.notqyvip2 {
  background: url("//js.ibaotu.com/revision/img/public/time-five.png") center
  no-repeat;
  background-size: 100%;
}
/* 霸屏 */
.enter-double-eleven.enter-double-eleven2 {
  height: 573px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/enter-eleven4.png)
  center no-repeat;
}

.enter-double-eleven2 > p {
  right: 26%;
}

/* 悬浮 */
.upgrade-Comvip.double-shiyi2 {
  width: 170px;
  height: 169px;
}

.upgrade-Comvip.double-shiyi2 .upgrade-Comvip-link {
  background: url(//js.ibaotu.com/revision/img/vip/float_right_12.png) center
  no-repeat;
  background-size: cover;
}

.double-shiyi2 .upgrade-Comvip-link > p {
  top: 38px;
  left: 0px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

/* 个人下拉 */
.pb-head .user-info .opearations > li.double-shiyi2 {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/user_double12.png)
  center no-repeat;
  /*background: url(//js.ibaotu.com/revision/img/activity/qyvip/user_double13.png)center no-repeat;*/
}

.pb-float-head .float-nav-item .nav-enterprise.notqyvip2 {
  background: url(//js.ibaotu.com/revision/img/public/time-five.png) center
  no-repeat;
  background-size: 100%;
}

/* 双十一活动底部霸屏 */
.image-Animation {
  width: 100%;
  height: 362px;
  background: url(//js.ibaotu.com//revision/img/activity/recharge/181128/Red-bg3.png)
  center no-repeat;
  background-size: auto 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.image-Animation > a {
  width: 100%;
  height: 100%;
  display: block;
}

.image-Animation .red-envelope {
  width: 670px;
  height: 459px;
  background: url(//js.ibaotu.com//revision/img/activity/recharge/181128/Red-envelope3.png)
  center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 35%;
  margin: auto;
  animation: style_fd 0.5s 3s, style_pop 0.8s linear 0.1s infinite;
  animation-fill-mode: both, none, none;
}

.image-Animation > p {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 10%;
  right: 5%;
  cursor: pointer;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/181018/img_close.png)
  center no-repeat;
  background-size: cover;
}

@keyframes style_fd {
  0% {
    transform: scale(0.73);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes style_pop {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.03);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.97);
  }
  100% {
    transform: scale(1);
  }
}
/*2018-11-12 企业双十一浮标文字更换*/
.double-shiyi2 .upgrade-Comvip-link.new > p {
  top: 35px;
}
.nationalday .upgrade-Comvip-link.new > p > span {
  color: #fff;
  font-size: 16px;
}

/*2018-11-13 企业双十一买一送一活动返场*/
.item-top.sp-offer .com-enter-offer.buyone-plusone2 {
  background: url(//js.ibaotu.com/revision/img/vip/com/181112/home_right.png)
  center no-repeat;
}
.enter-double-eleven.enter-double-eleven3 {
  height: 445px;
  background: url(//js.ibaotu.com/revision/img/vip/com/181112/home_bottom.png)
  center no-repeat;
  background-size: auto 100%;
}
.pb-nav
.nav-hover-banner.perVip.comVip.nationalday.double-shiyi.buyone-plusone2 {
  background: url(//js.ibaotu.com/revision/img/vip/com/181112/nav_drop.png)
  center no-repeat;
}

/*2018-11-12 七大分类改为八大分类*/
/*个人VIP下拉*/
.pb-nav .nav-hover-banner.perVip.eight-perVip {
  height: 260px;
  width: 330px;
  background-image: url(//js.ibaotu.com/revision/img/public/per_vip_bg6.png);
}
.pb-nav .perVip .life-member,
.pb-nav .perVip .com-vip {
  display: block;
  height: 130px;
  overflow: hidden;
}
.pb-nav .eight-perVip .life-member {
  padding: 82px 0 0 170px;
}
.pb-nav .eight-perVip .com-vip {
  padding: 63px 0 0 170px;
}
.pb-nav .eight-perVip .life-member .buy-vip,
.pb-nav .eight-perVip .com-vip .buy-vip {
  margin: 0px;
}
.pb-nav .nav-hover-banner.eight-perVip {
  left: -115px;
}

/*侧边栏*/
.pb-aside-right .company-vip .enter-offers {
  background: url(//js.ibaotu.com/revision/img/public/spoffer_bg4.png) no-repeat;
}

.pb-aside-right .enter-offers .open-life-member {
  margin-left: 115px;
}
/*181114 双十一返场身减600活动右上角悬浮*/
.home-float-right.d11return {
  width: 146px;
  height: 182px;
  background-image: url(//js.ibaotu.com/revision/img/activity/recharge/181114/home_float_right.png);
}

/*181114 双十一返场首页霸屏*/
.pop-d11return {
  width: 100%;
  height: 421px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.pop-d11return .bg {
  width: 100%;
  height: 260px;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/double11/bg2.png)
  center bottom no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.pop-d11return .red-envelope {
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/double11/rered2.gif)
  center no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.pop-d11return > p {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 10%;
  right: 5%;
  cursor: pointer;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/181018/img_close.png)
  center no-repeat;
  background-size: cover;
}
@media all and (max-width: 1680px) {
  .pop-d11return {
    height: 310px;
  }
  .pop-d11return .bg {
    height: 226px;
  }
}
@media all and (max-width: 1440px) {
  .pop-d11return {
    height: 300px;
  }
  .pop-d11return .bg {
    height: 200px;
  }
}

/* 2018-11-16 双十一返场个人下拉 */
.pb-head .user-info .opearations > li.double-return {
  height: 116px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/activity/recharge/181128/user_drop.png)
  center no-repeat;
}

/*问卷调查*/
.bg-feedback.feedback-home .feedback-top {
  width: 77px;
  height: 71px;
  background: url(//js.ibaotu.com/revision/img/public/wj/feedback_home.png)
  center no-repeat;
}

.bg-feedback.feedback-home {
  height: 130px;
  overflow: unset;
}

.bg-feedback.feedback-home:hover .float-pop-close {
  display: block;
}

/*2018-11-21 企业买一送一*/
.pb-nav
.nav-hover-banner.perVip.comVip.nationalday.double-shiyi.buyone-plusone3 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181121/nav_drop.png)
  center no-repeat;
}
.item-top.sp-offer .com-enter-offer.buyone-plusone3 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181121/home_right.png)
  center no-repeat;
}
.enter-double-eleven.enter-double-eleven4 {
  height: 472px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181121/enter-eleven5.png)
  center no-repeat;
  background-size: auto 100%;
}
.enter-double-eleven.enter-double-eleven4 > p {
  right: 28%;
}

/*2018-11-22 双十一返场*/
.home-float-right.d11return2 {
  width: 146px;
  height: 202px;
  background: url(//js.ibaotu.com//revision/img/activity/recharge/181128/baozi6.png)
  no-repeat;
}

/*2018-11-27 企业双十二买一送一*/
.pb-nav .nav-hover-banner.perVip.comVip.buyone-plusone4 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181127/nav_drop.png)
  center no-repeat;
}
.item-top.sp-offer .com-enter-offer.buyone-plusone4 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181127/home_right.png)
  center no-repeat;
}
.enter-double-eleven.enter-double-eleven5 {
  height: 467px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181127/enter-eleven5.png)
  center no-repeat;
  background-size: auto 100%;
}

/*2018-11-30*/
/* 个人下拉 修改 双十二*/
.pb-head .user-info .opearations > li.double-shiyi3 {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/user_double14.png)
  center no-repeat;
  /*background: url(//js.ibaotu.com/revision/img/activity/qyvip/user_double13.png)center no-repeat;*/
}

/* 2018-12-05 双十二个人下拉 */
.pb-head .user-info .opearations > li.double-twelve {
  height: 100px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/181205/double-twelve.png)
  center no-repeat;
}

/*2018-12-11 新增正版摄影图类目*/
.pb-nav .nav-item:nth-of-type(3) .nav-hover-banner {
  width: 320px;
  padding: 11px 30px 15px;
}

.nav-hover-banner .drop-down-title .drop-down-right a {
  padding: 0px;
}

.pb-nav
.nav-item:nth-of-type(3)
.nav-hover-banner
.drop-down-title
.drop-down-left {
  width: 105px;
}

.pb-nav
.nav-item:nth-of-type(3)
.nav-hover-banner
.drop-down-title
.drop-down-left
span {
  width: 76px;
}

.drop-down-title .drop-down-left .down-left-SY {
  background: url(//js.ibaotu.com/revision/img/public/cate_logo_SY.png)
  no-repeat center;
  margin: 10.5px 0px;
}

.pb-nav .nav-item .nav-background {
  right: -17px;
  top: -25px;
}

.pb-nav .nav-item > .nav-ppt {
  right: -21px;
}

.pb-nav .nav-item > .nav-enterprise {
  right: -30px;
}

/*个人下拉 正版摄影图icon*/
.icons-wrap .photog {
  background-position: -376px -62px;
}

.icons-wrap .photog.notvip {
  background-position: -354px -62px;
}

.icons-wrap .photog.v39 {
  background-position: -422px -62px;
}

.icons-wrap .photog.v99 {
  background-position: -398px -62px;
}

.icons-wrap .photog.v299 {
  background-position: -447px -62px;
}

@media (max-width: 1440px) {
  .pb-nav .nav-item > .nav-ppt {
    right: -16px;
  }
  .pb-nav .nav-item > .nav-enterprise {
    right: -30px;
  }
}

/*2018-12-13 双旦活动企业下拉*/
.pb-nav .nav-hover-banner.perVip.comVip.buyone-plusone5 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181213/img_nav_drop.png)
  center no-repeat;
}
/*2018-12-24 双旦活动企业下拉-修改*/
.pb-nav .nav-hover-banner.perVip.comVip.buyone-plusone6 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181224/img_nav_drop.png)
  center no-repeat;
  background-size: cover;
}

/*右侧侧拉*/
.item-top.sp-offer .com-enter-offer.buyone-plusone5 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181213/img_aside_right.png)
  center no-repeat;
}
/*右侧侧拉-修改*/
.item-top.sp-offer .com-enter-offer.buyone-plusone6 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181224/img_aside_right.png)
  center no-repeat;
  background-size: cover;
}

/*首页底部*/
.enter-double-eleven.enter-double-eleven6 {
  height: 454px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181224/img_home_bot.png)
  center no-repeat;
  background-size: auto 100%;
}

.enter-double-eleven6 > p {
  right: 28%;
}

.home-top-decoration {
  width: 1450px;
  height: 380px;
  position: fixed;
  top: -380px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  transition: 1.5s ease;
  z-index: 2;
}

.decora01,
.decora02,
.decora03,
.decora04,
.decora05 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: -10px;
}

.decora01 {
  width: 132px;
  height: 285px;
  left: 0;
  background-image: url(//js.ibaotu.com/revision/img/activity/qyvip/181213/img_top_01.png);
  animation: upDown 1s ease-in-out 0.7s infinite alternate;
}

.decora02 {
  width: 115px;
  height: 361px;
  left: 27%;
  background-image: url(//js.ibaotu.com/revision/img/activity/qyvip/181213/img_top_02.png);
  animation: upDown 0.7s ease-in-out 0.9s infinite alternate;
}

.decora03 {
  width: 136px;
  height: 189px;
  left: 53%;
  background-image: url(//js.ibaotu.com/revision/img/activity/qyvip/181213/img_top_03.png);
  animation: upDown 0.8s ease-in-out 1s infinite alternate;
}

.decora04 {
  width: 106px;
  height: 315px;
  left: 77%;
  background-image: url(//js.ibaotu.com/revision/img/activity/qyvip/181213/img_top_04.png);
  animation: upDown 0.8s ease-in-out 0.5s infinite alternate;
}

.decora05 {
  width: 103px;
  height: 210px;
  right: 0;
  background-image: url(//js.ibaotu.com/revision/img/activity/qyvip/181213/img_top_05.png);
  animation: upDown 0.6s ease-in-out 0.7s infinite alternate;
}

@keyframes upDown {
  from {
    transform: translate(0, 0);
  }
  to {
    transform: translate(0, 10px);
  }
}

/*2018-12-14 双旦活动买一赠一右上角悬浮*/
.upgrade-Comvip.double-shiyi3 {
  width: 158px;
  height: 167px;
}

.upgrade-Comvip.double-shiyi3 img {
  top: 18px;
}

.upgrade-Comvip.double-shiyi3 .upgrade-Comvip-link {
  background: url(//js.ibaotu.com/revision/img/vip/float_right_13.png) center
  no-repeat;
  background-size: cover;
}

.upgrade-Comvip.double-shiyi4 .upgrade-Comvip-link {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/181224/float_right_13.png)
  center no-repeat;
  background-size: cover;
}

/*2018-12-18*/
/*超级会员日banner小包子入口*/
.banner-bun-init {
  display: block;
  width: 93px;
  height: 97px;
  position: absolute;
  top: 100px;
  left: 40px;
  background: url(//js.ibaotu.com/revision/img/newAct/181218/banner_zs.png)
  center no-repeat;
  background-size: cover;
  transition: 0.2s;
}

.banner-bun-init:hover {
  top: 85px;
}

@media (max-width: 1680px) {
  .banner-bun-init {
    left: 30px;
  }
  .banner-bun-init:hover {
    top: 80px;
  }
}

@media (max-width: 1440px) {
  .banner-bun-init {
    left: 30px;
    width: 62px;
    height: 65px;
  }
  .banner-bun-init:hover {
    top: 95px;
  }
}

/*用户下拉入口*/
.pb-head .user-info .opearations > li.super-Day {
  height: 100px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/181218/user_drop_down.png)
  center no-repeat;
}

/*2018-12-18 左右广告位*/
.subsite-ad {
  display: none;
}
.subsite-ad.show {
  display: block;
}
.subsite-ad.left {
  position: fixed;
  top: 180px;
  left: 40px;
  z-index: 9;
}
.subsite-ad.right {
  position: fixed;
  top: 180px;
  right: 48px;
  z-index: 9;
}

.subsite-ad .close-btn {
  position: absolute;
  display: block;
  border: 1px #d3d3d3 solid;
  border-radius: 50%;
  font-size: 22px;
  color: #333;
  top: -48px;
  left: 26px;
  width: 38px;
  height: 38px;
  line-height: 34px;
  text-align: center;
}
.subsite-ad .close-btn:hover {
  color: #000;
  background: #eee;
}

@media (max-width: 1199.98px) {
  .subsite-ad.show {
    display: none;
  }
}

@media (max-width: 1340px) {
  .subsite-ad img {
    width: 70px;
  }

  .subsite-ad .close-btn {
    left: 16px;
  }
}

@media (min-width: 1800px) {
  .subsite-ad.left {
    position: fixed;
    top: 280px;
    left: 60px;
    z-index: 9;
  }
  .subsite-ad.right {
    position: fixed;
    top: 280px;
    right: 68px;
    z-index: 9;
  }
}

/*2018-12-24 用户下拉入口更改*/
.pb-head .user-info .opearations > li.super-Day2 {
  height: 258px;
  width: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/181218/user_drop_down2.png)
  center no-repeat;
  background-size: cover;
}
/*2019-01-03 跨年狂欢购*/
.pb-head .user-info .opearations > li.vip-new-year {
  height: 258px;
  width: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/190102/user-adv.png)
  center no-repeat;
  background-size: cover;
}

/*2018-12-24 超级会员日新增入口更改*/
.banner-bun-init2,
.banner-bun-init3 {
  display: block;
  width: 126px;
  height: 76px;
  position: absolute;
  top: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.2s;
}

.banner-bun-init2 {
  left: 50px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/181218/banner_zs_left.png);
}

.banner-bun-init3 {
  right: 50px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/181218/banner_zs_right.png);
}

/*2018-12-25 首页头部*/
.bt-body-adver,
.bt-body-adver2 {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  z-index: 10;
  position: relative;
}

.bt-body-adver {
  height: 360px;
  background-image: url(//js.ibaotu.com/revision/img/img-body-adver2.jpg);
  transition: 0.1s;
}

.bt-body-adver > a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 54px;
  color: #fff;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  line-height: 57px;
  text-indent: -17%;
}

.bt-body-adver2 {
  margin-top: 100px;
  height: 100px;
  background-image: url(//js.ibaotu.com/revision/img/img-body-adver.png);
}
.head-text {
  float: left;
  padding-top: 9px;
}
.head-dot {
  display: inline-block;
  height: 7px;
  width: 7px;
  background: #ff9100;
  border-radius: 50%;
}
.head-title {
  color: #ff9100;
  font-size: 18px;
  font-weight: bold;
  margin-left: 7px;
  vertical-align: middle;
}
.pb-float-head .float-head-nav.invoice-head {
  position: relative;
  float: left;
  height: 80px !important;
  padding-top: 0 !important;
  letter-spacing: 1px;
  /*background: red;*/
  top: -18px;
}
.pb-float-head .float-head-nav.invoice-head ul {
  height: 100%;
}
.pb-float-head .float-head-nav.invoice-head ul li {
  height: 100%;
  padding: 0 25px;
}
.pb-float-head .float-head-nav.invoice-head ul li a {
  display: block;
  height: 100%;
  width: 100%;
  line-height: 80px;
  font-size: 15px;
}
.pb-float-head .float-head-nav.invoice-head .float-nav-item.active {
  border-bottom: 4px solid #ff9100;

  background: #fafafa;
}
.pb-float-head .float-head-nav.invoice-head .float-nav-item.active a {
  color: #ff9100;
}

.pb-float-head .float-head-nav.invoice-head .hoverLine-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  z-index: -1;
}

.pb-float-head .float-head-nav.invoice-head .hoverLine {
  position: absolute;
  top: 3px;
  left: 240px;
  height: 3px;
  background-color: #ff8a00;
}
.pb-float-head .float-head-nav.invoice-head .float-nav-item {
  margin-left: 0;
}
.pb-float-head .float-head-nav.invoice-head .float-nav-item:last-child > a {
  top: auto !important;
}
.gif-img {
}

/* 2019-01-02 */
/* 企业买一赠一底部霸屏 */
.enter-double-eleven.enter-double-eleven7 {
  height: 550px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/190102/img_home_bot.png)
  center no-repeat;
  background-size: auto 100%;
}

.enter-double-eleven > p {
  top: 12%;
  right: 25%;
}

/* 企业下拉 */
.pb-nav .nav-hover-banner.perVip.comVip.buyone-plusone6 {
  width: 300px;
  height: 270px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/190102/img_nav_drop.png)
  center no-repeat;
}

/* 侧边栏 */
.item-top.sp-offer .com-enter-offer.buyone-plusone6 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/190102/img_aside_right.png)
  center no-repeat;
}

/*收藏公共样式*/
.col-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 10000;
}
.col-box {
  position: absolute;
  width: 540px;
  /*height: 350px;*/
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  -moz-transform: translate(-50%, -50%); /* Firefox */
  -webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
  -o-transform: translate(-50%, -50%);
  background: white;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.col-md-head {
  height: 58px;
  padding: 18px 30px;
  border-bottom: 1px solid #e0e0e0;
}

.col-md-close {
  float: right;
  cursor: pointer;
  color: #979797;
  margin-top: 3px;
}
.col-md-head-left {
  color: #f6a74a;
  font-size: 18px;
  font-weight: bold;
}
.col-md-head-left > .iconfont {
  float: left;
  color: #f6a74a;
  font-size: 24px;
}
.col-md-head-left > span {
  vertical-align: middle;
}
.col-md-head-left > span:last-child {
  display: inline-block;
  height: 20px;
  margin-left: 10px;
  line-height: 18px;
}
.col-md-body {
  border-bottom: 1px solid #e0e0e0;
  max-height: 270px;
  overflow: auto;
}
.col-md-foot {
  padding: 30px 30px;
}
.col-md-foot:after {
  display: table;
  content: " ";
  clear: both;
}
.col-md-foot > div {
  text-align: center;
}

.col-btn-bg {
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
}
.col-md-new {
  color: white;
  font-size: 14px;
  border-radius: 22px;
  padding: 11px 36px;
}
.col-md-item {
  height: 48px;
  padding-top: 10px;
}
.col-md-item:hover {
  background: linear-gradient(
          270deg,
          rgba(255, 254, 254, 1) 0%,
          rgba(239, 239, 239, 1) 100%
  );
  background: -moz-linear-gradient(
          270deg,
          rgba(255, 254, 254, 1) 0%,
          rgba(239, 239, 239, 1) 100%
  );
  background: -ms-linear-gradient(
          270deg,
          rgba(255, 254, 254, 1) 0%,
          rgba(239, 239, 239, 1) 100%
  );
}
.col-md-item > span {
  vertical-align: middle;
}

.col-md-item-filename {
  float: left;
  font-size: 14px;
  color: #666666;
  margin-left: 47px;
  /*line-height: 48px;*/
}
.col-md-item-btn {
  float: right;
  margin-right: 69px;
}
.col-md-item-btn > a {
  display: inline-block;
  color: #f59c22;
  font-size: 14px;
  padding: 5px 0;
  width: 94px;
  border: 1px solid #f6a74a;
  border-radius: 17px;
  text-align: center;
}
.col-md-item-btn > a:hover {
  color: white;
  background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left,
          right,
          color-stop(0, #ffae12),
          color-stop(100%, #f07d17)
  );
  background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          from(#ffae12),
          to(#f07d17)
  );
  background: -webkit-gradient(
          linear,
          left top,
          right top,
          color-stop(0, #ffae12),
          to(#f07d17)
  );
  background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
}
.col-md-item-btn > a.collected {
  background: #dddddd;
  border: 0;
  color: white;
  cursor: pointer;
}
.col-md-loading {
  height: 60px;
}

/*2019-01-02*/
/*终身升级企业右上角悬浮更换*/
.upgrade-Comvip.double-shiyi4 {
  width: 154px;
  height: 209px;
}
.upgrade-Comvip.double-shiyi4 .upgrade-Comvip-link {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/float_right_14.png)
  center no-repeat;
  background-size: cover;
}
.upgrade-Comvip.double-shiyi4 img {
  top: 0px;
}

/*个人下拉*/
.pb-head .user-info .opearations > li.double-shiyi4 {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/user_double15.png)
  center no-repeat;
}

/*企业VIP角标*/
.pb-nav .nav-item > .nav-enterprise.notqyvip3 {
  background: url(//js.ibaotu.com/revision/img/public/time-five2.png) center
  no-repeat;
  background-size: 100%;
}

/*下拉悬浮头部企业vip角标*/
.pb-float-head .float-nav-item .nav-enterprise.notqyvip3 {
  width: 53px;
  height: 23px;
  top: -17px;
  right: -54px;
}

/*2019-01-07 新增企业问卷调查*/
.bg-feedback.enter-question {
  bottom: 5%;
}

.enter-question > a {
  display: block;
  width: 77px;
  height: 71px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(//js.ibaotu.com/revision/img/vip/com/img_feedback_en.png)
  center no-repeat;
  -webkit-animation: mu-feedback 3s linear infinite;
  -ms-animation: mu-feedback 3s linear infinite;
  -moz-animation: mu-feedback 3s linear infinite;
  animation: mu-feedback 3s linear infinite;
}

.bg-feedback .float-pop-close {
  display: none;
  position: absolute;
  top: 0;
  left: unset;
  right: 0;
  cursor: pointer;
  margin: unset;
  color: #999;
}

.bg-feedback.enter-question .float-pop-close {
  top: -4px;
  right: 13px;
}

/*2019-01-10 办公文档调查问卷*/
.bg-feedback > i.float-pop-close {
  right: 13px;
}

.bg-feedback.feedback-office .feedback-top {
  width: 80px;
  height: 80px;
  background: url(//js.ibaotu.com/revision/img/public/wj/img_office_wj.jpg?v=123)
  center no-repeat;
  background-size: cover;
}
/*2019年01月15日 右上角登录头像新增三个登录方式角标*/
.icons-loginByPhone,
.icons-loginByWx,
.icons-loginByQQ {
  right: unset;
  bottom: unset;
  left: 26px;
  top: 26px;
  width: 10px;
  height: 10px;
}
.icons-loginByPhone {
  background: url(//js.ibaotu.com/revision/img/login/icon_ava_phone.png) center
  no-repeat;
}
.icons-loginByWx {
  background: url(//js.ibaotu.com/revision/img/login/icon_ava_wx.png) center
  no-repeat;
}
.icons-loginByQQ {
  background: url(//js.ibaotu.com/revision/img/login/icon_ava_qq.png) center
  no-repeat;
}

/*2019-01-21 39升级终身*/
/*底部霸屏*/
.sepcial39 {
  width: 100%;
  height: 395px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.sepcial39 > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/newAct/190121//img_home_bot.png)
  center no-repeat;
  background-size: auto 100%;
}

.sepcial39 > span {
  display: block;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50px;
  right: 32%;
  background: url(//js.ibaotu.com/revision/img/newAct/190121//icon_close.png)
  center no-repeat;
  background-size: auto 100%;
  cursor: pointer;
}

/*个人下拉*/
.pb-head .user-info .opearations > li.special39 {
  height: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/190121//user_per_th39.png)
  center no-repeat;
}

/*右上角悬浮*/
.home-float-right.specials39 {
  width: 160px;
  height: 108px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190121/img_float_th39.png);
}

/*2019-01-28 导航增加插画gif气泡*/
.pb-nav .nav-item > .nav-chahua {
  width: 25px;
  height: 25px;
  background-image: linear-gradient(
          270deg,
          rgba(255, 174, 18, 1) 0%,
          rgba(240, 125, 23, 1) 100%
  );
  border-radius: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 25px;
  letter-spacing: -0px;
  position: absolute;
  top: -14px;
  right: -5px;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  animation: chahua-gif 1.8s infinite;
}

@keyframes chahua-gif {
  0% {
    top: -16px;
  }

  50% {
    top: -12px;
  }

  100% {
    top: -16px;
  }
}

.pb-nav .nav-item > .nav-chahua:hover {
  color: #ffffff;
}

.pb-nav .nav-item > .nav-chahua:after {
  bottom: 5px;
  left: -3px;
  border-bottom: solid transparent;
  border-left: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #f07d17;
  border-width: 6px;
  margin-left: 0;
}
/*2019-01-29 底部备案号增加*/
.bot-des .u-beian2 {
  color: #999;
  margin-left: 15px;
}

/*2019-02-15 包图首页调整*/
/*头部悬浮搜索框背景颜色更改*/
.pb-float-head .float-search-input > input {
  background-color: #ededf0;
}

/*广告设计角标*/
.pb-nav .nav-item .nav-background {
  position: absolute;
  top: -17px;
  right: -32px;
  width: 64px;
  height: 23px;
  padding: 0;
  background: url(//js.ibaotu.com/revision/img/public/jiaobiao-bg2.png) center
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/*ppt角标*/
.pb-nav .nav-item > .nav-ppt {
  position: absolute;
  top: -17px;
  right: -10px;
  width: 40px;
  height: 23px;
  padding: 0;
  background: url(//js.ibaotu.com/revision/img/public/jiaobiao-ppt.png) center
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/*插画配图角标*/
.pb-nav .nav-item > .nav-chahuas {
  position: absolute;
  top: -17px;
  right: -10px;
  width: 37px;
  height: 23px;
  padding: 0;
  background: url(//js.ibaotu.com/revision/img/public/jiaobiao-gif.png) center
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  animation: chahua-gif 1.8s infinite;
}

/*企业VIP角标*/
.pb-nav .nav-item > .nav-enterprise.notqyvip3 {
  width: 53px;
  height: 23px;
  top: -2px;
  right: 2px;
  -webkit-background-size: cover;
  background-size: cover;
}

/*导航左右间距调整*/
/*头部导航栏*/
.pb-nav .nav-item > a {
  padding: 0 28px;
  font-size: 15px;
}

.pb-nav .nav-item:first-child > a {
  padding-right: 30px;
}

.pb-nav .nav-item-more > a {
  position: relative;
  top: -10px;
  font-size: 32px;
  padding: 0px;
  margin-left: 30px;
}

.nav-item-more > a.new-news:before {
  top: 6px;
  right: -4px;
}

.pb-nav .nav-item-per,
.pb-nav .nav-item-com {
  top: -15px;
}

.pb-nav .nav-item-per > a,
.pb-nav .nav-item-com > a {
  font-size: 12px;
  padding: 0px;
  height: auto;
}

.pb-nav .nav-item-com > a {
  padding-left: 40px;
  padding-right: 45px;
}

.pb-nav .nav-item-per > a > i,
.pb-nav .nav-item-com > a > i {
  width: 26px;
  height: 26px;
  display: block;
  margin: 0 auto 2px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pb-nav .nav-item-per > a > i.icon-perso {
  background-image: url(//js.ibaotu.com/revision/img/public/img_perso_vip.png);
}

.pb-nav .nav-item-com > a > i.icon-enter {
  background-image: url(//js.ibaotu.com/revision/img/public/img_enter_vip.png);
}

/*vip下拉*/
.pb-nav .nav-hover-banner.perVip {
  top: 45px;
}

.pb-nav .nav-hover-banner.eight-perVip {
  left: -236px;
}

.pb-nav .nav-hover-banner.perVip.comVip {
  left: -69px;
}

@media (max-width: 1680px) {
  .pb-nav .nav > ul {
    /* padding-right: 30px; */
    padding: 0 0 0 36px;
  }
  .pb-nav .nav-item > a {
    padding: 0 20px;
    font-size: 14px;
  }
  .pb-nav .nav-item:first-child > a {
    padding-right: 20px;
  }
  .pb-nav .nav-item-more > a {
    position: relative;
    top: -10px;
    font-size: 29px;
    padding: 0px;
    margin-left: 20px;
  }
  .pb-nav .nav-item > a.nav-background {
    right: -35px;
    width: 64px;
    height: 23px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .pb-nav .nav-item > .nav-ppt,
  .pb-nav .nav-item > .nav-chahuas,
  .pb-nav .nav-item > .nav-enterprise.notqyvip3,
  .pb-float-head .float-nav-item .nav-enterprise.notqyvip3 {
    right: -13px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .pb-nav .nav-item > .nav-ppt {
    right: -15px;
  }
  .pb-nav .nav-item > .nav-enterprise.notqyvip3 {
    right: -10px;
  }
  .pb-float-head .float-nav-item .nav-enterprise.notqyvip3 {
    right: -48px;
  }
  .pb-nav .nav-item-per > a,
  .pb-nav .nav-item-com > a {
    padding: 0px;
    font-size: 13px;
  }
  .pb-nav .nav-item-com > a {
    padding: 0 25px 0 35px;
  }
  .pb-nav .nav-hover-banner.eight-perVip {
    left: -251px;
  }
  .pb-nav .nav-hover-banner.perVip.comVip {
    left: -105px;
  }
}

@media (max-width: 1440px) {
  .pb-nav .nav-item > a {
    padding: 0 10px;
    font-size: 14px;
  }
  .pb-nav .nav-item-more > a {
    top: -7px;
    font-size: 25px;
    margin-left: 12px;
  }
  .pb-nav .nav-item > a.nav-background {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    top: -18px;
    right: -42px;
  }
  .pb-nav .nav-item > .nav-ppt,
  .pb-nav .nav-item > .nav-chahuas,
  .pb-nav .nav-item > .nav-enterprise.notqyvip3 {
    right: -22px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  .pb-nav .nav-item > .nav-chahuas {
    right: -20px;
  }
  .pb-nav .nav-item-per > a,
  .pb-nav .nav-item-com > a {
    padding: 0px;
    font-size: 13px;
  }
  .pb-nav .nav-item-com > a {
    padding: 0 20px;
  }
  .pb-nav .nav-hover-banner.eight-perVip {
    left: -259px;
  }
  .pb-nav .nav-hover-banner.perVip.comVip {
    left: -133px;
  }
  .nav-item-more > a.new-news:before {
    right: 5px;
  }
}

/*2019-02-18 春天398活动个人下拉*/
.pb-head .user-info .opearations > li.spring398 {
  height: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/190218//img_user_drop.png)
  center no-repeat;
  background-size: cover;
}

/*左上角悬浮*/
.home-float-right.springs398 {
  width: 156px;
  height: 122px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190218/img_float_bg.png);
}

/*首页底部霸屏*/
.ny-force-pannel.spring398 {
  width: 1507px;
  height: 248px;
  background: url(//js.ibaotu.com/revision/img/newAct/190218/img_home_bg.png)
  center no-repeat;
  background-size: auto 100%;
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  cursor: pointer;
  z-index: 10;
}

.ny-force-pannel.spring398 .float-pop-close {
  display: block;
  position: absolute;
  top: 0;
  right: 3%;
  cursor: pointer;
  width: 38px;
  height: 38px;
  background: url(//js.ibaotu.com/revision/img/newAct/190102/img_close.png)
  center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* 2019年02月19日 企业vip元宵节 */
.pb-nav .nav-hover-banner.perVip.comVip.buyone-plusone7 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/190219/img_nav_drop.png)
  center no-repeat;
}
.item-top.sp-offer .com-enter-offer.buyone-plusone7 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/190219/img_aside_right.png)
  center no-repeat;
}
/*首页底部霸屏*/
.ny-force-pannel.yuanxiao {
  position: fixed;
  left: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 10;
  width: 100%;
  height: 523px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/190219/home_pop.png)
  center no-repeat;
  background-size: auto 100%;
}

.ny-force-pannel.yuanxiao .float-pop-close {
  display: block;
  position: absolute;
  top: 0;
  right: 15%;
  cursor: pointer;
  width: 38px;
  height: 38px;
  background: url(//js.ibaotu.com/revision/img/newAct/190102/img_close.png)
  center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* 2019-02-22 首页右边栏和个人下拉增加完善信息入口  */
.pb-aside-right .item-top.m-info {
  position: relative;
  height: 100px;
}
.item-top.m-info > a {
  display: block;
  color: #ff8a00;
}
.m-info .icons-info {
  width: 18px;
  height: 18px;
  margin-bottom: 2px;
  background: url(//js.ibaotu.com/revision/img/public/aside/icon_info.png)
  no-repeat;
}
.pb-aside-right .m-info:hover p {
  color: #ff8a00;
}

.item-top.m-info .info-enter {
  position: absolute;
  left: 0;
  top: -8px;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  width: 265px;
  height: 118px;
  background: url(//js.ibaotu.com/revision/img/public/aside/info_bg.png) center
  no-repeat;
}
.item-top.m-info:hover .info-enter {
  left: -274px;
  opacity: 1;
}
.item-top.m-info:hover .info-enter:before {
  position: absolute;
  right: -9px;
  top: 0;
  content: "";
  width: 9px;
  height: 100%;
}
.baotu-id-wrap {
  position: relative;
}
.baotu-id-wrap .m-linkInfo {
  position: absolute;
  top: 22px;
  right: 4px;
  width: 74px;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  letter-spacing: 0;
  color: #fff;
  font-weight: 300;
}
.baotu-id-wrap .m-linkInfo .icon-edit {
  position: relative;
  top: 1px;
  width: 13px;
  height: 11px;
  background: url(//js.ibaotu.com/revision/img/public/aside/icon_edit.png)
  no-repeat;
}
.baotu-id-wrap .opearation-info > p:first-child {
  width: 90px;
}
.pb-aside-right .aside-cot {
  top: 7.5%;
  height: 80%;
}
@media (max-height: 949px) {
  .pb-aside-right .aside-cot {
    /*top: 5.2%;
        height: 83%;*/
    top: 2.2%;
    height: 86%;
  }
}
@media (max-height: 800px) {
  .pb-aside-right > .aside-cot {
    top: 40px;
    height: 550px;
  }
  .pb-aside-right .item-top.m-info {
    height: 68px;
  }
}
@media (max-height: 625px) {
  .pb-aside-right > .aside-cot {
    height: 508px;
  }
}
@media (max-height: 520px) {
  .pb-aside-right > .aside-cot {
    top: 0;
    height: 490px;
  }
  .pb-aside-right .item-top {
    height: 39px;
  }
  .pb-aside-right .item-bottom {
    height: 47px;
  }
  .pb-aside-right .item-bottom > p {
    line-height: 14px;
  }
}

/*底部霸屏模版*/
.home-bottom-screen {
  width: 100%;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}

/*右上角龙抬头*/
.float-dragon {
  width: 156px;
  height: 123px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190226/img_float_left.png);
}

/*龙抬头下拉*/
.pb-head .user-info .opearations > li.dragon0226 {
  height: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/190226//img_per_bg.png)
  center no-repeat;
  background-size: cover;
}

/* 2019年03月05日 终身升级企业入口调整 */
.upgrade-Comvip {
  right: 4%;
}
.upgrade-Comvip img {
  right: 0px;
}
.upgrade-Comvip.upgrade0305 {
  width: 137px;
  height: 185px;
}

.upgrade-Comvip.upgrade0305 .upgrade-Comvip-link {
  background-image: url(//js.ibaotu.com/revision/img/public/float/float_right_0305.png);
}

.upgrade-Comvip.upgrade0305 img {
  top: 5px;
}

.pb-head .user-info .opearations > li.upgrade-comVip {
  height: 120px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/upgrade_com.png)
  center no-repeat;
}

.pb-head .user-info .opearations > li.upgrade-comVip0305 {
  width: 100%;
  margin: 0;
  height: 120px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/upgrade_com0305.png)
  center no-repeat;
  background-size: cover;
}
/* 2019-03-15 */
/* 企业买一赠一底部霸屏 */
.enter-double-eleven.enter-double-eleven8 {
  height: 456px;
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/190219/img_home_bot.png)
  center no-repeat;
  background-size: auto 100%;
}
.enter-double-eleven > p {
  top: 56%;
  right: 72px;
}

/* 导航下拉 */
.pb-nav .nav-hover-banner.perVip.comVip.buyone-plusone8 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/190219/img_nav_drop2.jpg)
  center no-repeat;
  background-size: cover;
}

/* 企业侧边栏更换 */
.item-top.sp-offer .com-enter-offer.buyone-plusone8 {
  background: url(//js.ibaotu.com/revision/img/activity/qyvip/190219/img_aside_right2.jpg)
  center no-repeat;
  background-size: cover;
}

/* 2019-03-19 国潮风右上角浮窗*/
.float-tide {
  width: 150px;
  height: 150px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190319/img_float.png);
}

/* 霸屏 */
.home-bottom-screen.tide0319 {
  width: 1604px;
  height: 200px;
  left: -27px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190319/img_home_bg.gif);
  margin: auto;
}
.home-bottom-screen.tide0319 > i.float-pop-close {
  display: block;
  position: absolute;
  top: -17%;
  right: 4%;
  cursor: pointer;
  width: 38px;
  height: 38px;
  background: url(//js.ibaotu.com/revision/img/newAct/190102/img_close.png)
  center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

/* 个人下拉 */
.pb-head .user-info .opearations > li.tide0319 {
  height: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/190319/img_pull.png)
  center no-repeat;
  background-size: cover;
}

@media all and (max-width: 1680px) {
  .home-bottom-screen.tide0319 {
    width: 1404px;
    height: 180px;
  }
}

@media all and (max-width: 1440px) {
  .home-bottom-screen.tide0319 {
    width: 1204px;
    height: 150px;
  }
  .home-bottom-screen.tide0319 > i.float-pop-close {
    top: -28%;
  }
}

.home-float-right.upgrade-Comvip .float-pop-close {
  position: absolute;
  top: unset;
  top: -6px;
  right: -126px;
  left: 0;
  margin: auto;
  text-align: center;
  opacity: 0.1;
  width: 10px;
}

/* 2019-04-04 39升级终身首页底部霸屏 */
.sepcial39 {
  width: 1450px;
  height: 190px;
  margin: auto;
}
@media (max-width: 1440px) {
  .sepcial39 {
    width: 1200px;
    height: 156px;
  }
  .pb-float-head .float-nav-item.nav-item-more .more-item {
    height: 30px;
    margin-bottom: 8px;
  }
  .pb-float-head .float-nav-item.nav-item-more .more-item > a {
    font-size: 14px;
  }
}
.sepcial39 > a {
  background: url(//js.ibaotu.com/revision/img/newAct/190402/img_home.png)
  center no-repeat;
  background-size: cover;
}
.sepcial39 > span {
  top: -38px;
  right: 0;
}
/* 右上角悬浮 */
.float39up {
  width: 150px;
  height: 153px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190402/img_float.png);
}
/* 个人下拉 */
.pb-head .user-info .opearations > li.dropDown39 {
  height: 258px;
  background: url(//js.ibaotu.com/revision/img/newAct/190402/img_drop.png)
  center no-repeat;
  background-size: cover;
}
/* 19-04-10 拼团减610 */
.pb-head .user-info .opearations > li.fight-group {
  height: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/190411/img_pull.png)
  center no-repeat;
  background-size: cover;
}
.home-bottom-screen.fight-group {
  width: 100%;
  height: 277px;
  /*height: 487px;*/
  left: 0;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190411/img_home_bot4.png);
  margin: auto;
}
.home-bottom-screen.fight-group > i.float-pop-close {
  display: block;
  position: absolute;
  top: 8%;
  right: 17%;
  cursor: pointer;
  width: 38px;
  height: 38px;
  background: url(//js.ibaotu.com/revision/img/newAct/190102/img_close.png)
  center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.home-float-right.fight-group {
  width: 150px;
  height: 150px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190411/float_right.png);
}
.home-float-right.fight-group .icon-iconfontclose {
  color: #ccc;
}

/* 2019-04-15 */
/* 首页海外ip新增海外跳转弹窗 */
.pikbestPop {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background: rgba(0, 0, 0, 0.7);
}
.pikbestPop > a {
  display: block;
  width: 665px;
  height: 717px;
  background: url(//js.ibaotu.com/revision/img/public/img_pikbest.png) center
  no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.pikbestPop > a > i {
  display: block;
  width: 18px;
  height: 16px;
  background: url(//js.ibaotu.com/revision/img/public/img_button.png) center
  no-repeat;
  background-size: cover;
  position: absolute;
  top: 450px;
  right: 40px;
  z-index: 10;
}

/* 2019-04-16 设计坞悬浮 */
.design099 {
  width: 150px;
  height: 145px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190416/img_float_bg.png);
  position: fixed;
  left: 2%;
  animation: vip-099-190418 2.4s infinite;
  z-index: 8;
  background-size: cover;
}
.design099 .float-pop-close {
  position: absolute;
  bottom: -20px;
  right: 70px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #999;
  text-align: center;
  border-radius: 50%;
}
.design099 .icon-iconfontclose {
  color: #666;
  font-size: 13px;
  text-align: center;
  display: inline-block;
  line-height: 17px;
  vertical-align: top;
}
.home-float-right .icon-iconfontclose {
  color: #000;
}

@keyframes vip-099-190418 {
  0% {
    bottom: 4%;
  }

  50% {
    bottom: 6%;
  }

  100% {
    bottom: 4%;
  }
}

/* 2019-04-17 拼团成功弹窗 */
.pop .pop-fightSuccess {
  width: 694px;
  height: 532px;
  padding: 233px 115px 0;
  text-align: center;
  color: #fff;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  background: url(//js.ibaotu.com/revision/img/newAct/190411/fightSuccess_bg.png)
  no-repeat;
}
.pop .pop-fightSuccess > h2 {
  line-height: 40px;
  font-size: 40px;
  margin-bottom: 24px;
}
.pop .pop-fightSuccess > p {
  line-height: 30px;
  font-size: 30px;
}
.pop .pop-fightSuccess .m-btn-wrap {
  height: 50px;
  margin-top: 50px;
}
.pop .pop-fightSuccess .u-view {
  overflow: hidden;
  float: left;
  width: 170px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  background: #fbb274;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  letter-spacing: 5px;
  text-indent: 6px;
}
.pop .pop-fightSuccess .u-go {
  overflow: hidden;
  float: right;
  width: 170px;
  height: 50px;
  line-height: 46px;
  font-size: 20px;
  color: #fbb274;
  border: 2px solid #fbb274;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  letter-spacing: 5px;
  text-indent: 6px;
}

/*2019-04-19*/
/*底部39升级终身改*/
.sepcial39.sepcial39update {
  width: 100%;
  height: 395px;
}
.sepcial39.sepcial39update > a {
  background: url(//js.ibaotu.com/revision/img/newAct/190121//img_home_bot.png)
  center no-repeat;
  background-size: auto 100%;
}
.sepcial39.sepcial39update > span {
  top: 50px;
  right: 32%;
}
@media (max-width: 1440px) {
  .sepcial39.sepcial39update {
    width: 100%;
  }
}

/* 2019-04-19 拼团活动首页悬浮更换*/
.home-float-right.fightGroup {
  width: 150px;
  height: 150px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190419/img_float.png);
}

/* 2019-04-24 五一活动入口*/
.pb-head .user-info .opearations > li.laborDay {
  height: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(//js.ibaotu.com/revision/img/newAct/190424/img_updown.png)
  center no-repeat;
  background-size: cover;
}
.home-float-right.laborDays {
  width: 150px;
  height: 126px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190424/img_float.png);
}
.home-bottom-screen.laborDayb {
  width: 1450px;
  height: 190px;
  background-image: url(//js.ibaotu.com/revision/img/newAct/190424/img_home.png);
  margin: auto;
}
.home-bottom-screen.laborDayb > i {
  display: block;
  position: absolute;
  top: -38px;
  right: 0;
  cursor: pointer;
  width: 38px;
  height: 38px;
  background: url(//js.ibaotu.com/revision/img/newAct/190102/img_close.png)
  center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 1680px) {
  .home-bottom-screen.laborDayb {
    width: 1200px;
    height: 156px;
  }
}
@media (max-width: 1440px) {
  .home-bottom-screen.laborDayb {
    width: 1000px;
    height: 130px;
  }
}

/* 2019-04-25 个人vip下拉修改*/
.pb-nav .nav-hover-banner.perVip.eight-perVip {
  height: 260px;
  width: 330px;
  background-image: url(//js.ibaotu.com/revision/img/public/per_vip_bg7.png);
}
/* 侧边栏 */
.pb-aside-right .company-vip .enter-offers {
  background: url(//js.ibaotu.com/revision/img/public/spoffer_bg5.png) no-repeat;
}
/*2019-04-25 精选商用*/
.pb-float-head .float-search-input .m-jxsy .every-record {
  text-indent: -24px;
}
.pb-float-head .float-search-input .m-jxsy .record-name{
    margin-top: -6px;
}
.pb-float-head .float-search-input .float-search-tips .m-jxsy a,
.pb-float-head
.float-search-input
.float-search-tips
> ul
> li:nth-of-type(1).m-jxsy
> a
> .record-name {
  color: #CD57DA;
}
.float-search-tips .m-jxsy .icon-jingxuanshangyong {
  display: inline;
  position: relative;
  left: -2px;
  top: 1px;
  font-size: 18px;
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(#f0d68d),
          to(#e0bf73)
  );
  background: -webkit-linear-gradient(top, #f0d68d, #e0bf73);
  background: -o-linear-gradient(top, #f0d68d, #e0bf73);
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(#f0d68d),
          to(#e0bf73)
  );
  background: -webkit-gradient(
          linear,
          left top,
          left bottom,
          from(#f0d68d),
          to(#e0bf73)
  );
  background: linear-gradient(to bottom, #f0d68d, #e0bf73);
  color: transparent;
  color: #e0bf73 \9\0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -moz-color: #e0bf73 \9\0;
}
.pb-float-head .float-search-input .m-jxsy .every-record:hover {
  color: #b18622;
  background: #FDF8FE;
}

/* 2019-04-25 pikbest弹窗引流修改*/
.pikbestPop2 > div {
  width: 645px;
  height: 469px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.pikbestPop2 > div > a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(//js.ibaotu.com/revision/img/public/img_pikbest2.png) center
  no-repeat;
  background-size: cover;
}
.pikbestPop2 > div > i {
  position: absolute;
  top: 0px;
  right: 50px;
  width: 30px;
  height: 30px;
  background: url(//js.ibaotu.com/revision/img/newAct/190102/img_close.png)
  center no-repeat;
  background-size: cover;
  cursor: pointer;
}
.pikbestHead {
  display: none;
  width: 100%;
  height: 56px;
  background: url(//js.ibaotu.com/revision/img/public/pikbest_bg.png) center
  no-repeat;
  background-size: cover;
  z-index: 2;
  position: relative;
  line-height: 56px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  position: relative;
}
.pikbestHead > i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(//js.ibaotu.com/revision/img/public/pikbset_gift.png) center
  no-repeat;
  background-size: cover;
  vertical-align: -4px;
  margin-right: 4px;
}
.pikbestHead > a {
  display: inline-block;
  width: 120px;
  height: 38px;
  background: #fff;
  text-align: center;
  line-height: 38px;
  font-size: 14px;
  color: #ff8a00;
  border-radius: 4px;
  font-weight: bold;
  margin-left: 45px;
  animation-delay: 4s;
  animation: hvr-buzz-out 2.5s infinite;
}
.pikbestHead > p {
  display: block;
  position: absolute;
  top: 21px;
  right: 7%;
  width: 18px;
  height: 16px;
  background: url(//js.ibaotu.com/revision/img/public/img_button.png) center
  no-repeat;
  background-size: cover;
  z-index: 10;
  cursor: pointer;
}
@keyframes hvr-buzz-out {
  0% {
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(deg);
  }
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(0px) rotate(0);
    transform: translateX(0px) rotate(0);
  }
}

/*2019-05-13 底部重构*/
.pb-bottom {
  width: 100%;
  height: auto;
  background-color: #fafafa;
}
/*top 开始*/
.pb-bottom .bot-top{
  width: 100%;
  height: 127px;
  background: #fff;
}
.pb-bottom .bot-top .content{
  border-top: 1px solid #eee;
}
.pb-bottom .content {
  width: 1450px;
  height: 100%;
  margin: 0 auto;
}
.pb-bottom .content figure {
  display: inline-block;
  float: left;
  vertical-align: top;
  height: 100%;
  text-align: center;
  padding-top: 20px;
  margin-right: 213px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pb-bottom .content figure:nth-of-type(4){
  padding-top: 19px;
}
.pb-bottom .content figure:nth-of-type(4) figcaption{
  height: 35px;
  line-height: 21px;
}
.pb-bottom .content figure:nth-of-type(4) div{
  background-size: 83%;
}
.pb-bottom .content figure:last-child{
  margin-right: 0px;
}
.pb-bottom .content figure div{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 85%;
}
.pb-bottom .content .icons1 {
  background-image: url(//js.ibaotu.com/revision/img/public/bottom/01.svg);
}
.pb-bottom .content .icons2 {
  background-image: url(//js.ibaotu.com/revision/img/public/bottom/02.svg);
}
.pb-bottom .content .icons3 {
  background-image: url(//js.ibaotu.com/revision/img/public/bottom/03.svg);
}
.pb-bottom .content .icons4 {
  background-image: url(//js.ibaotu.com/revision/img/public/bottom/04.svg);
}
.pb-bottom .content .icons5 {
  background-image: url(//js.ibaotu.com/revision/img/public/bottom/05.svg);
}
.pb-bottom .content .icons6 {
  background-image: url(//js.ibaotu.com/revision/img/public/bottom/06.svg);
}
.pb-bottom .content figure figcaption{
  width: 100%;
  height: 34px;
  line-height: 20px;
  color: #999999;
  font-size: 16px;
  text-align: center;
}
/*top结束*/

/*center 开始*/
.pb-bottom .bot-center{
  width: 100%;
  height: 138px;
  padding-top: 30px;
}
.bot-center-left{
  float: left;
  padding-top: 12px;
}
.bot-center-left>img{
  display: block;
  width: 140px;
  height: 40px;
}
.bot-center-left>p{
  display: block;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  color: #444444;
  margin-top: 15px;
  text-indent: -6px;
}
.bot-center-right{
  float: right;
}
.bot-center-right .bot-list {
  float: left;
  height: auto;
  text-align: center;
  padding-top: 28px;
}
.bot-center-right .bot-list li {
  float: left;
  height: 16px;
  line-height: 16px;
  padding: 0 14px;
  font-size: 14px;
  border-right: 1px solid #e5e5e5;
}
.bot-center-right .bot-list li:last-child{
  border-right: 0px;
}
.bot-center-right .bot-list li a{
  color: #666666;
}
.bot-center-right .bot-list li a:hover{
  color: #ff8a00;
}
.bot-center-right .bot-about{
  width: 80px;
  height: auto;
  float: left;
  padding-top: 20px;
  margin-left: 50px;
}
.bot-center-right .bot-about dl {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 20px;
  border: 1px solid #ccc;
  border-radius: 50%;
}
.bot-center-right .bot-about dl:first-child {
  margin-left: 0;
}
.bot-center-right .bot-about dl dt {
  height: 100%;
}
.bot-center-right .bot-about dl dt a {
  display: block;
  height: 100%;
  line-height: 24px;
  text-align: center;
  color: #999;
}
.bot-center-right .bot-about dl dt a i {
  position: relative;
  left: 1px;
  color: #999;
  font-size: 18px;
}
.bot-center-right .bot-about dl:nth-of-type(1):hover {
  border-color: #62b900;
}
.bot-center-right .bot-about dl:nth-of-type(2):hover {
  border-color: #da251c;
}
.bot-center-right .bot-about dl:hover .icon-weixin {
  color: #62b900;
}

.bot-center-right .bot-about dl:hover .icon-unie61d {
  color: #da251c;
}
.bot-center-right .bot-about dl dd {
  width: 110px;
  height: 110px;
  display: none;
  position: absolute;
  top: -122px;
  left: -42px;
  margin: auto;
  text-align: center;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}
.bot-center-right .bot-about dl:hover dd {
  display: block;
}
.bot-center-right .bot-about dl dd img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bot-center-right .bot-about dl dd::before {
  position: absolute;
  left: 48px;
  bottom: -14px;
  content: "";
  margin: auto;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top-color: #fff;
}
/*center 结束*/

/*bottom开始*/
.pb-bottom .bot-bottom{
  width: 100%;
  height: 78px;
  font-size: 0;
  padding-top: 13px;
}
.pb-bottom .bot-bottom .content{
  width: 1200px;
}
.pb-bottom .bot-bottom ul{
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.pb-bottom .bot-bottom ul li {
  display: inline-block;
  height: auto;
  line-height: 24px;
  color: rgba(255, 255, 255, .5);
  font-size: 12px;
  text-align: left;
}
.pb-bottom .bot-bottom ul li a{
  display: block;
  color: #999999;
  float: left;
}
.pb-bottom .bot-bottom ul li a:hover {
  color: #ff8100;
}
.pb-bottom .bot-bottom .icons-guohui {
  vertical-align: middle;
  margin-top: -5px;
  margin-right: 4px;
}
.icons-guohui {
  width: 15px;
  height: 15px;
  background: url(//js.ibaotu.com/revision/img/public/sp_public.png) -235px -40px
  no-repeat;
}
.pb-bottom .bot-bottom .u-beian2 {
  margin-left: 18px;
}
.pb-bottom .bot-bottom ul li a img {
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-left: 15px;
  margin-top: -4px;
}
.pb-bottom .bot-bottom ul li span{
  display: block;
  font-size: 12px;
  color: #999999;
  float: left;
  margin-left: 15px;
}
.icons-gongshang {
  vertical-align: middle;
  width: 15px;
  height: 18px;
  background: url(//js.ibaotu.com/revision/img/public/sp_public.png) -385px 0 no-repeat;
  margin-top: -8px;
}
.gongshang {
    margin-left: 12px;
}
.fuwu-pact{
  margin-left: 8px;
}
.pb-bottom .bot-bottom ul li a.gbTV{
  margin-right: 14px;
}
/*防诈骗提示*/
.anti-Fraud{
  width: 100%;
  font-size: 12px;
  color: #999;
  text-align: center;
  line-height: 15px;
  margin-bottom: -6px;
}
/*bottom结束*/
@media (max-width: 1680px){
  .pb-bottom .content{
    width: 1200px;
  }
  .pb-bottom .content figure{
    margin-right: 163px;
  }
  .bot-center-right .bot-about{
    margin-left: 35px;
  }
}
@media (max-width: 1440px){
  .pb-bottom .content{
    width: 1000px;
  }
  .pb-bottom .bot-top .content > figure{
    margin-right: 130px;
  }
  .pb-bottom .bot-top .content > figure:last-child{
    margin-right: 0px;
  }
  .pb-bottom .bot-top .content figure figcaption{
    font-size: 14px;
  }
    .bot-center-right .bot-list li{
        padding: 0 10px;
    }
    .bot-center-right .bot-about{
        margin-left: 15px;
    }
}


/* 2019年5月16日14:52:40   lims  完善信息*/
.user-perfect-phone {
  position: absolute;
  top: -50px;
  background: url(//js.ibaotu.com/revision/img/home/user-info-bubble-bg.png) no-repeat left top;
  width: 234px;
  height: 38px;
  right:5px;
  display: flex;
  background-size: 100% 100%;
  opacity: .9;
}
.user-perfect-phone div:nth-child(1){
  font-size:12px;
  font-weight:400;
  color:rgba(232,125,0,1);
  height: 20px;
  padding-left: 12px;
  margin-top: 2px;
}
.user-perfect-phone div:nth-child(2){
  background: #FF9110;
  border-radius: 15px;
  height: 22px;
  color: #fff;
  padding: 0 6px;
  margin-top: 4px;
  line-height: 22px;
  margin-left: 5px;
  opacity: .6;

}
.pb-head .user-info .opearations > li .dot{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: red;
  margin: auto;
}
/* 2019年5月24日11:56:47 顶部添加引导收藏  */
.user-nav a.collect{
    display: none;
    position:absolute;
    right: -100px;
    top:-12px;
    width:123px;
    height: 56px;
    background: url('//js.ibaotu.com/revision/img/home/collect-b.png') no-repeat center center;
}
.collect>img:nth-child(1){
    position: absolute;
    left: -5px;
    top: -12px;

}
.collect>img:nth-child(2){
    animation: collect 2s infinite;
    position: absolute;
    top: 20px;
    left: 10px;
}
.collect>p{
    color: #F9BC62;
    text-align: right;
    font-size: 14px;
}
.collect>p:nth-child(3){
    padding-right: 20px;
    padding-top: 9px;
}
.collect>p:nth-child(4){
    padding-right: 10px;
}
.collect i{
    position: absolute;
    right: -10px;
    color: #ccc;
    top: -10px;
}
@keyframes collect{
    from {
        top: 20px;
        left: 10px;
    }
    to {
        top: -17px;
        left: 28px;
    }
}

.user-nav a.collect1{
    display: none;
    position:absolute;
    left: -140px;
    top:-12px;
    width:130px;
    height: 56px;
    background: url('//js.ibaotu.com/revision/img/home/collect-b-1.png') no-repeat center center;
}
.collect1>img:nth-child(1){
    position: absolute;
    right: -5px;
    top: -12px;
}
.collect1>img:nth-child(2){
    animation: collect1 2s infinite;
    position: absolute;
    top: 20px;
    right: 10px;
}
.collect1>p{
    color: #F9BC62;
    font-size: 14px;
    margin-left: 2px;
}
.collect1>p:nth-child(3){
    padding-left: 20px;
    padding-top: 9px;
}
.collect1>p:nth-child(4){
    padding-left: 10px;
}
.collect1 i{
    position: absolute;
    left: -10px;
    color: #ccc;
    top: -10px;
}

/* 以图搜索-弹框 */
.bt-popbox{
  width:100%;
  height:100%;
  background: rgba(0,0,0,.3);
  position: fixed;
  top:0;
  z-index: 1000;
}
.bt-popbox .pop-contains{
  width: 500px;
  height: 480px;
  background: #fff;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
}
.bt-popbox .closepop {
  height: 20px;
  width: 20px;
  background: url(//js.ibaotu.com/revision/img/icon-public.png) no-repeat;
    background-size: 100%;
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
    z-index: 22;
    opacity: 0.8;
}
.bt-popbox .searchImg-pop{
  padding: 40px 52px 0;
}
.searchImg-pop p.title{
  font-size: 18px;
  color:#333333;
  text-align: center;
}
.searchImg-pop section{
    position: relative;
    height:250px;
}
.searchImg-pop section .words{
    width:100%;
    position: absolute;
    top: 60px;
    text-align: center;
    padding-top:38px;
    font-size: 13px;
    color:#333;
    width:395px;
    height:190px;
    background:#EDEDF0;
    border-radius:4px;
    border:1px dashed #DBDBDB;
}
.searchImg-pop section .webuploader-dnd-over {
    background: #DBDBDB;
}
.searchImg-pop section .words span{
    vertical-align: top;
    color:#333333;
    font-size: 13px;
}
.searchImg-pop section .words span:hover{
    text-decoration: none;
}
.searchImg-pop section .words b{
  font-size: 12px;
  color:#999999;
  display: block;
  text-align: center;
  padding-top:8px;
}
.searchImg-pop section p{
  font-size: 14px;
  color:#333;
  padding: 26px 0 16px;
}

.searchImg-pop .uploadbox{
  width:395px;
  height:190px;
  background:#EDEDF0;
  border-radius:4px;
  border:1px dashed #DBDBDB;
}
.searchImg-pop .section{
  position: relative;
  display: block !important;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 0;
  background-color: transparent;
  z-index: 1001;
  -webkit-box-shadow:none;
  box-shadow: none;
  -webkit-transform: none;
  transform:none;
  margin-left: 0px;
  overflow: hidden;
}
.searchImg-pop .float-search-input{
  margin-left: 0;
    position: relative;
}
.searchImg-pop .float-search-input > input {
  width: 396px;
  height: 40px;
  line-height: 40px;
  padding-left: 22px;
  font-size: 14px;
  letter-spacing: 0;
  text-indent:0;
    border: none;
    color: #666;
    border-radius: 22px;
    overflow: hidden;
    padding-right: 110px;
    background-color: #ededf0;
}
.searchImg-pop .float-search-input .head-search-wrap{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    background: #ffae12;
    background: -moz-linear-gradient(left, #ffae12 0, #f07d17 100%);
    background: -webkit-gradient(
            linear,
            left,
            right,
            color-stop(0, #ffae12),
            color-stop(100%, #f07d17)
    );
    background: -webkit-linear-gradient(left, #ffae12 0, #f07d17 100%);
    background: -o-linear-gradient(left, #ffae12 0, #f07d17 100%);
    background: -ms-linear-gradient(left, #ffae12 0, #f07d17 100%);
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(#ffae12),
            to(#f07d17)
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0, #ffae12),
            to(#f07d17)
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0, #ffae12),
            to(#f07d17)
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0, #ffae12),
            to(#f07d17)
    );
    background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0, #ffae12),
            to(#f07d17)
    );
    background: linear-gradient(to right, #ffae12 0, #f07d17 100%);
    background: #ff8a00 \9 \0;
    -webkit-border-bottom-right-radius: 22px;
    border-bottom-right-radius: 22px;
    -webkit-border-top-right-radius: 22px;
    border-top-right-radius: 22px;
    cursor: pointer;
      width:86px;
      height:40px;
      line-height: 40px;
}
.searchImg-pop .float-search-input .icon-search{
  top:0;
  line-height: 38px;
  left: 24px;
    color: #fff;
    font-size: 36px;
    z-index: 2;
    background: none;
    margin-top: 0;
    position: absolute;
}
.searchImg-pop .tip{
  font-size:12px;
  color:#999999;
  padding-top:6px;
  position: relative;
  cursor: pointer;
}
.searchImg-pop .tip i{
  vertical-align: -2px;
  margin-right: 4px;
}
.searchImg-pop .tip span{
  display: block;
  position: absolute;
  width:260px;
  height:48px;
  background:rgba(0,0,0,0.5);
  border-radius:4px;
  color:#fff;
  top:8px;
  right:-14px;
  padding:4px 12px;
  display: none;
}
.searchImg-pop .tip:hover span{
  display:block;
}
.searchImg-pop .tip:hover i{
  color:#ff8a00;
}
.searchImg-pop .uploading{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align: center;
  padding-top:210px;
  background:rgba(237,237,240,0.7);
    display: none;
}
.searchImg-pop .upload-fail{
  width:160px;
  height:35px;
  line-height: 35px;
  background:rgba(0,0,0,0.5);
  border-radius:4px;
  margin:14px auto 0;
  color:#fff;
  font-size: 14px;
    display: none;
}
/*搜图入口相机样式*/
.float-search-input .search-img-wrap,.home-search-wrap .search-img-wrap,.search-input .search-img-wrap{
  display: inline-block;
  position: absolute;
  top: 0;
  width: 30px;
  height: 44px;
  line-height: 44px;
  right: 110px;
}
.home-search-wrap .search-img-wrap{
    line-height: 50px;
    right: 125px;
}
.search-input .search-img-wrap{
    height: 36px;
    line-height: 36px;
    right: 70px;
}
.search-img-wrap::after{
    content:'以图搜图';
    position: absolute;
    width: 70px;
    height: 22px;
    background: rgba(0,0,0,0.5);
    border-radius: 8px;
    color: #fff;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    top: -17px;
    left: -20px;
    opacity: 0;
}
.search-img-wrap::before{
    content: "";
    display: block;
    position: absolute;
    border-width: 5px;
    border-color: rgba(0,0,0,0.5);;
    border-bottom-width: 0;
    border-style: dashed;
    border-top-style: solid;
    border-left-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    left: 11px;
    top: 5px;
    opacity: 0;
}
.search-img-wrap:hover::after,.search-img-wrap:hover::before{
    opacity: 1;
}
.search-img-wrap i {
  font-size: 30px;
  color: #666;
}
.search-img-wrap:hover i{
  color:#ff8a00;
}
/*  end  */
/* 以图搜图限制弹框  */
.bt-popbox .limit-searchImg-pop{
    height:320px;
    text-align: center;
    background-image: url("//js.ibaotu.com/revision/img/pop/qyvip/limitpop-bg.png");
}
.limit-searchImg-pop .tip{
    display: block;
    padding:85px 0 12px;
    font-size:14px;
    color:#D0BB9F;
    opacity: 0.3;
}
.limit-searchImg-pop p{
    font-size: 24px;
    color:#E4C090;
}
.limit-searchImg-pop .btn{
    width:180px;
    height:40px;
    line-height: 40px;
    font-size: 18px;
    color:#191614;
    display: block;
    border-radius: 20px;
    margin:20px auto 0;
    background:linear-gradient(90deg,#E4C193 0%,#D9A154 100%);
    background: #E4C193;
    background: -moz-linear-gradient(left, #E4C193 0,#D9A154 100%);
    background: -webkit-linear-gradient(left, #E4C193 0, #D9A154 100%);
    background: -o-linear-gradient(left, #E4C193 0, #D9A154 100%);
    background: -ms-linear-gradient(left, #E4C193 0, #D9A154 100%);
    background: linear-gradient(to right, #F0D68D 0, #D9A154 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#E4C193, endColorstr=#D9A154);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#E4C193, endColorstr=#D9A154)";
}
.limit-searchImg-pop .btn:hover{
    background:linear-gradient(90deg,#F7DAB4 0%,#F9C782 100%);
    background: #E4C193;
    background: -moz-linear-gradient(left, #F7DAB4 0,#F9C782 100%);
    background: -webkit-linear-gradient(left, #F7DAB4 0, #F9C782 100%);
    background: -o-linear-gradient(left, #F7DAB4 0, #F9C782 100%);
    background: -ms-linear-gradient(left, #F7DAB4 0, #F9C782 100%);
    background: linear-gradient(to right, #F7DAB4 0, #F9C782 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#F7DAB4, endColorstr=#F9C782);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#F7DAB4, endColorstr=#F9C782)";
}
/*end*/


/* 搜索历史下拉精选商用icon更换 */
.float-search-tips .m-jxsy .iconfont-enter{
  position: relative;
  left: 0px;
  top: 3px;
  width: 18px;
  height: 18px;
  background: url('//js.ibaotu.com/revision/img/qyvip/lifelong/qyplus_icon2.png')center no-repeat;
  background-size: 100%;
  display: inline-block;
    margin-right: 6px;
}

/* 2019-07-03 素材右下角新增版权商用*/
.copyrightMark{
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 5;
  cursor: pointer;
  line-height: 20px;
  text-align: center;
  font-size: 0;
  transition: 130ms ease-in;
}
.copyrightMark i{
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  vertical-align: middle;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);
  border-radius: 100%;
}
.copyrightMark i:hover{
  color: #ffffff;
}
.copyrightMark span{
  display: none;
  width: 63px;
  height: 24px;
  background: rgba(0,0,0,0.5);
  border-radius: 3px;
  position: absolute;
  left: -75px;
  top: -2px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}
.copyrightMark:hover span{
  display: block;
}
.copyrightMark span::after {
  position: absolute;
  top: 0px;
  bottom: 0;
  right: -12px;
  margin: auto;
  content: "";
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.5);
}
/* 弹窗 */
.copyrightPop{
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  background: rgba(0,0,0,0.4);
  z-index: 1003;
  padding-bottom: 40px;
}
.copyrightPop .imageWrap{
  width: 486px;
  height: 720px;
  position: absolute;
  margin: -360px auto 0;
    top:50%;
    bottom:0;
    left:0;
    right:0;

}
.copyrightPop .imageWrap .image{
    width: 100%;
    height: 640px;
    background:url('//js.ibaotu.com/revision/img/baotufonts/copyrightPopbg.png') no-repeat ;
    background-size: 100%;
}
.copyrightPop .imageWrap .image ul{
    padding-top: 210px;
    padding-left: 68px;
    min-height: 450px;
}
.copyrightPop .imageWrap .image li{
    font-size: 16px;
    color: #796543;
    padding-bottom: 12px;
}
.copyrightPop .imageWrap .image li.title span{
    display: inline-block;
    max-width: 300px;
    vertical-align: text-top;
}
.copyrightPop .imageWrap .image p{
    font-size: 12px;
    color: #796543;
    text-align: left;
    width:380px;
    margin:0 auto;
}
.copyrightPop .imageWrap i{
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  right: -40px;
  background: url(//js.ibaotu.com/revision/img/public/icon_copyright.png)center no-repeat;
  background-size: cover;
  cursor: pointer;
}
.copyrightPop .imageWrap a{
  display: block;
  margin: 30px auto 0;
  width: 254px;
  height: 54px;
  line-height: 54px;
  color: #fff;
  border-radius: 27px;
  font-size: 16px;
  text-align: center;
  background: #DFC095;
  background: linear-gradient(to right, #DFC095 0, #D1A362 100%);
}
.copyrightPop .imageWrap .image img{
  display: none;
  width: 135px;
  height: 135px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 1440px)
{
  .copyrightPop .imageWrap{
    width: 430px;
      margin-top:-280px;
  }
    .copyrightPop .imageWrap .image{
        height:560px;
    }
    .copyrightPop .imageWrap .image ul{
        min-height: 400px;
    }
    .copyrightPop .imageWrap .image li.title span{
        max-width:270px;
    }
    .copyrightPop .imageWrap .image p{
        width:345px;
    }
  .copyrightPop .imageWrap a{
    margin: 20px auto 0;
  }
}

/* 20190715 去绑定手机号 */
.photo-bind-go {
  float: right;
  height: 20px;
  line-height: 18px;
  margin: 11px -15px 0 0;
  font-size: 12px;
  color: #FF9100;
  padding: 0 5px;
  border: 1px solid #FF9100;
  border-radius: 10px;
  letter-spacing: 0;
}

.pb-head .user-info .opearations > li:hover .photo-bind-go {
  border-color: #fff;
  color: #fff;
}

/* 2019-07-18 侧边栏全站VIP资源位调整*/
.pb-aside-right .summer-special{
  background: #ffffff;
  border-bottom-color: #e5e5e5;
  border-top: 1px solid #e5e5e5; 
}
.pb-aside-right .summer-special .icon-allvip{
  width: 29px;
  height: 22px;
  background: url(//js.ibaotu.com/revision/img/newAct/190626/icon_summer.png) no-repeat;
  background-size: 100%;
}
.pb-aside-right .summer-special > p{
  color: #72b12c;
  line-height: 18px;
}
.pb-aside-right .summer-special .enter-offers {
  top: 0px;
  background: url(//js.ibaotu.com/revision/img/newAct/190626/img_summer.png) no-repeat;
}
/*终身升级企业悬浮入口*/
.float-upgrade{
    position: fixed;
    top:100px;
    right:54px;
    z-index: 1002;
    width:190px;
}
.float-upgrade img{
    width:100%;
}
.float-upgrade .close{
    position: absolute;
    right: -6px;
    top: -10px;
    font-size: 16px;
    color:#9C9C9C;
    cursor: pointer;
    opacity: 0.6;
}
.float-upgrade .close i{
    font-size: 12px;
}
.float-upgrade .floatbtn{
    width: 190px;
    height:56px;
    background: url("//js.ibaotu.com/revision/img/lifeVip/btn20190925.png") no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -95px;
    top: 32px;
    transition: 130ms ease-in;
    -moz-transition: 130ms ease-in;
    -webkit-transition: 130ms ease-in;
    -o-transition: 130ms ease-in;
    animation: rotateText 6s infinite;
}
@keyframes rotateText {
    0% {
        transform: rotateY(0deg);
    }
    15% {
        transform: rotateY(360deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}
@keyframes tomax {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
/* 2019年8月12日11:32:43 lims 首页tab悬停 */
.nav-item:hover .drop-down-right a{
  animation: mySpanActive 1s linear!important;
}
@keyframes mySpanActive{
  0%{
    background: #fff;
    color: #ff8a00;
  }
  50%{
    background: #ff8a00;
    color: #fff;
  }
  100%{
    background: #fff;
    color: #ff8a00;
  }
}

/* 2019-09-09 侧边栏赚钱增加hover卡片 */
.pb-aside-right .makeMoney-div{
  position: relative;
}
.pb-aside-right .makeMoney-hover{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 300px;
  height: 126px;
  z-index: -1;
  transition: 0.3s ease-out;
}
.pb-aside-right .makeMoney-div:hover .makeMoney-hover {
  left: -303px;
  opacity: 1;
}
.pb-aside-right .makeMoney-hover img{
  display: block;
  width: 100%;
  height: 100%;
}

/* 2019-09-20 侧边栏活动福利增加活动位 */
.item-top.m-info .info-enter-welfare {
  width: 256px;
  height: 242px;
  background: none;
  box-shadow: none;
  top: 0;
  bottom: 0;
  margin: auto;
}
.item-top.m-info .info-enter-welfare a {
  display: block;
}
.item-top.m-info .info-enter-welfare img{
  width: 100%;
  border-radius: 10px;
}
.item-top.m-info:hover .info-enter-welfare {
  left: -258px;
  opacity: 1;
}