/* COMBO: filename = /revision/css/base/public_v71.css, type = text/css, resp = 200 */
@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("../png/qyvip_pbicont.png") no-repeat;
  background-size: 100%;
}

.icons-perVip {
  width: 30px;
  height: 30px;
  background: url(../png/pervip_yes.png) no-repeat;
}

.icons-notVip {
  width: 30px;
  height: 30px;
  background: url(../png/pervip_no.png) no-repeat;
}

.icons-notComVip {
  width: 30px;
  height: 30px;
  background: url(../png/comvip_no.png) no-repeat;
}

.icons-guohui {
  width: 15px;
  height: 15px;
  background: url(../png/sp_public.png) -235px -40px no-repeat;
}

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

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

.icons-sanjiao {
  width: 8px;
  height: 8px;
  background: url(../png/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(../png/sp_public.png) -270px -40px no-repeat;
}

.pb-head .user-info .user-opearation-wrap {
  /* position: absolute;
  display: none; */
  top: 22px;
  line-height: normal;
  /* 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(../png/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(../notice_tri.html);
}

.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(../png/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(../png/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(../png/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(../png/com2_.png) no-repeat;
}

.pb-nav .nav-hover-banner.perVip.comVip.notvip {
  background: url("../png/downbg3860.png") 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(../png/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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

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

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

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

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

.pagelist .page-jumper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagelist .page-jumper>span {
  margin: 0 10px;
  padding: 11px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
  line-height: 1;
}

.pagelist .page-jumper .page-number {
  display: block;
  width: 44px;
  height: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 36px;
  border-radius: 4px;
  border: 1px solid #ccc;
  outline: 0;
}

.pagelist .page-jumper .page-jump-btn {
  display: block;
  width: 56px;
  height: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 36px;
  background: #ff9100;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
}

.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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../jpg/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(../gif/loading-2.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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/1221_bg.png) no-repeat;
}

.pb-head .user-info .opearations .coupon:hover {
  background: url(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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;
  z-index: 10;
}

.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(../png/triangle.png) no-repeat;
}

.notvip .office {
  background-image: url(../png/office.png);
}

.category-vip .category-icon {
  display: block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url(../png/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(../png/advants_01.png);
}

.vip-advants>ul>li:nth-of-type(2) {
  background-image: url(../png/advants_02.png);
}

.vip-advants>ul>li:nth-of-type(3) {
  background-image: url(../png/advants_03.png);
}

.vip-advants>ul>li:nth-of-type(4) {
  background-image: url(../png/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(../png/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(../png/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(http://js.ibaotu.com/revision/img/public/userMenu/menu_comVip.svg) center no-repeat;
}

.userMenu-perVip {
  background: url(http://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(../png/cate_logo_gg.png) no-repeat center;
}

.drop-down-title .drop-down-left .down-left-GG.ui {
  background: url("../png/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(../png/cate_logo_tb.png) no-repeat center;
  margin: 11.5px 0;
}

.drop-down-title .drop-down-left .down-left-MT {
  background: url(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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("../png/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: 0px;
  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(../png/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("../png/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(../png/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(../png/pay-one-pay.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.pb-nav .nav-item>.nav-enterprise.notqyvip {
  background: url("../png/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(../png/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("../png/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(../png/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(../png/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(../png/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(../png/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(../png/music-score-erji.png) center no-repeat;
  background-size: cover;
  bottom: 154px;
}

/*进度条*/
.bt-body .bt-list .progress-bar {
  background: url(../png/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(http://js.ibaotu.com/revision/img/public/userMenu/menu_comVip.svg);
  }

  100% {
    background-image: url(http://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(../png/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(../png/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(../jpg/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(../jpg/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(../png/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(../png/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(../png/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(../gif/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(../png/per_vip_bg3.png);
}

/**180926 下拉图片改为7大分类 */
.pb-nav .nav-hover-banner.perVip.lifevip {
  height: 260px;
  width: 330px;
  background-image: url("../png/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(../png/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(../png/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(../png/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(../png/expired.png);
}

.pb-head .user-info .opearations>li:nth-of-type(2)>a:hover .expired {
  background: url(../png/expired-1.png);
}

.pb-head .user-info .opearations>li:nth-of-type(2)>a .expired-30 {
  width: 56px;
  height: 14px;
  background: url(../png/expired-30.png);
}

.pb-head .user-info .opearations>li:nth-of-type(2)>a:hover .expired-30 {
  background: url(../png/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(../png/icon-public.png);
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
}

.expiration-remb>p {
  display: block;
  width: 100%;
  height: 103px;
  background: url(../png/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(../png/liji-xufei.png);
}

.expiration-remb>div>.fangqi-xiufei {
  float: right;
  background: url(../png/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(../png/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(../png/com_enter2.png) center no-repeat;
}

.item-top.sp-offer .com-enter-offer.notvip {
  background: url("../png/leftbg3860.png") 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(../png/xf-tana5.png) center no-repeat;
}

.pb-head .user-info .opearations>li.user-startschool {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/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(../gif/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(../png/float_right.png);
}

/* 20180911 终身立减600元右上角悬浮 */
.home-float-right.vip-new-year {
  width: 129px;
  height: 120px;
  background-image: url(../png/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(../png/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(../jpg/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(../png/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(../png/pop_notionalday.png) no-repeat;
}

/*2018-09-19 企业vip国庆活动各个广告位入口图片更换*/
.pb-nav .nav-hover-banner.perVip.comVip.nationalday {
  background: url(../png/nav_nationalday.png) center no-repeat;
}

.item-top.sp-offer .com-enter-offer.nationalday {
  background: url(../png/right_nationalday.png) center no-repeat;
}

.pb-head .user-info .opearations>li.nationalday {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/user_nationalday.png) center no-repeat;
}

.upgrade-Comvip.nationalday .upgrade-Comvip-link {
  background: url(../png/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(../gif/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(../png/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(../png/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("../png/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(../png/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(../png/user_double11.png) center no-repeat;
}

/* 2018-10-15 双十一预热 */
/* 企业VIP下拉 */
.pb-nav .nav-hover-banner.perVip.comVip.nationalday.double-shiyi {
  background: url(../png/double_xiala.png) center no-repeat;
}

/* 侧边栏企业vip入口 */
.item-top.sp-offer .com-enter-offer.double-shiyi {
  background: url(../png/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(../png/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(../png/float_right-2.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(../png/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(../png/double_tanc.png) no-repeat;
}

.act-double-shiyi .cot-wrap2 {
  width: 700px;
  height: 637px;
}

.act-double-shiyi .cot-wrap2 .link-act2 {
  background: url(../png/double_tanc2.png) no-repeat;
}

/* 2018-10-22 双十一预热*/
.double-eleven {
  width: 100%;
  height: 395px;
  position: fixed;
  bottom: 0;
  background: url(../png/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(../png/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(../png/img_float.png);
}

/* 个人下拉 */
.pb-head .user-info .opearations>li.double-181018 {
  height: 100px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/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(../png/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(../png/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(../png/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(../png/user_drop.png) center no-repeat;
}

/* 2018-11-05 */
/* 双十一买一增一 侧边栏企业*/
.item-top.sp-offer .com-enter-offer.buyone-plusone {
  background: url(../png/cela2.png) center no-repeat;
}

/* 导航栏下拉 */
.pb-nav .nav-hover-banner.perVip.comVip.nationalday.double-shiyi.buyone-plusone {
  background: url(../png/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(../png/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("../png/time-five.png") center no-repeat;
  background-size: 100%;
}

/* 霸屏 */
.enter-double-eleven.enter-double-eleven2 {
  height: 573px;
  background: url(../png/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(../png/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(../png/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(../png/time-five.png) center no-repeat;
  background-size: 100%;
}

/* 双十一活动底部霸屏 */
.image-Animation {
  width: 100%;
  height: 362px;
  background: url(../png/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(../png/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(../png/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(../png/home_right.png) center no-repeat;
}

.enter-double-eleven.enter-double-eleven3 {
  height: 445px;
  background: url(../png/home_bottom.png) center no-repeat;
  background-size: auto 100%;
}

.pb-nav .nav-hover-banner.perVip.comVip.nationalday.double-shiyi.buyone-plusone2 {
  background: url(../png/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(../png/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(../png/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(../png/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(../png/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(../gif/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(../png/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(../png/user_drop-2.png) center no-repeat;
}

/*问卷调查*/
.bg-feedback.feedback-home .feedback-top {
  width: 77px;
  height: 71px;
  background: url(../png/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(../png/nav_drop-2.png) center no-repeat;
}

.item-top.sp-offer .com-enter-offer.buyone-plusone3 {
  background: url(../png/home_right-2.png) center no-repeat;
}

.enter-double-eleven.enter-double-eleven4 {
  height: 472px;
  background: url(../png/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(../png/baozi6.png) no-repeat;
}

/*2018-11-27 企业双十二买一送一*/
.pb-nav .nav-hover-banner.perVip.comVip.buyone-plusone4 {
  background: url(../png/nav_drop-3.png) center no-repeat;
}

.item-top.sp-offer .com-enter-offer.buyone-plusone4 {
  background: url(../png/home_right-3.png) center no-repeat;
}

.enter-double-eleven.enter-double-eleven5 {
  height: 467px;
  background: url(../png/enter-eleven5-2.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(../png/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(../png/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(../png/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(../png/img_nav_drop.png) center no-repeat;
}

/*2018-12-24 双旦活动企业下拉-修改*/
.pb-nav .nav-hover-banner.perVip.comVip.buyone-plusone6 {
  background: url(../png/img_nav_drop-2.png) center no-repeat;
  background-size: cover;
}

/*右侧侧拉*/
.item-top.sp-offer .com-enter-offer.buyone-plusone5 {
  background: url(../png/img_aside_right.png) center no-repeat;
}

/*右侧侧拉-修改*/
.item-top.sp-offer .com-enter-offer.buyone-plusone6 {
  background: url(../png/img_aside_right-2.png) center no-repeat;
  background-size: cover;
}

/*首页底部*/
.enter-double-eleven.enter-double-eleven6 {
  height: 454px;
  background: url(../png/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(../png/img_top_01.png);
  animation: upDown 1s ease-in-out 0.7s infinite alternate;
}

.decora02 {
  width: 115px;
  height: 361px;
  left: 27%;
  background-image: url(../png/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(../png/img_top_03.png);
  animation: upDown 0.8s ease-in-out 1s infinite alternate;
}

.decora04 {
  width: 106px;
  height: 315px;
  left: 77%;
  background-image: url(../png/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(../png/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(../png/float_right_13.png) center no-repeat;
  background-size: cover;
}

.upgrade-Comvip.double-shiyi4 .upgrade-Comvip-link {
  background: url(../png/float_right_13-2.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(../png/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(../png/user_drop_down.png) center no-repeat;
}

/*2018-12-24 用户下拉入口更改*/
.pb-head .user-info .opearations>li.super-Day2 {
  height: 258px;
  width: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/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(../png/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(../png/banner_zs_left.png);
}

.banner-bun-init3 {
  right: 50px;
  background-image: url(../png/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(../jpg/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(../png/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(../png/img_home_bot-2.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(../png/img_nav_drop-3.png) center no-repeat;
}

/* 侧边栏 */
.item-top.sp-offer .com-enter-offer.buyone-plusone6 {
  background: url(../png/img_aside_right-3.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(../png/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(../png/user_double15.png) center no-repeat;
}

/*企业VIP角标*/
.pb-nav .nav-item>.nav-enterprise.notqyvip3 {
  background: url(../png/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(../png/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(../jpg/img_office_wj6040.jpg) 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(../png/icon_ava_phone.png) center no-repeat;
}

.icons-loginByWx {
  background: url(../png/icon_ava_wx.png) center no-repeat;
}

.icons-loginByQQ {
  background: url(../png/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(../png/img_home_bot-3.png) center no-repeat;
  background-size: auto 100%;
}

.sepcial39>span {
  display: block;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50px;
  right: 32%;
  background: url(../png/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(../png/user_per_th39.png) center no-repeat;
}

/*右上角悬浮*/
.home-float-right.specials39 {
  width: 160px;
  height: 108px;
  background-image: url(../png/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(../png/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(../png/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(../png/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(../png/img_perso_vip.png);
}

.pb-nav .nav-item-com>a>i.icon-enter {
  background-image: url(../png/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: -13px;
    -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(../png/img_user_drop.png) center no-repeat;
  background-size: cover;
}

/*左上角悬浮*/
.home-float-right.springs398 {
  width: 156px;
  height: 122px;
  background-image: url(../png/img_float_bg.png);
}

/*首页底部霸屏*/
.ny-force-pannel.spring398 {
  width: 1507px;
  height: 248px;
  background: url(../png/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(../png/img_close-2.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(../png/img_nav_drop-4.png) center no-repeat;
}

.item-top.sp-offer .com-enter-offer.buyone-plusone7 {
  background: url(../png/img_aside_right-4.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(../png/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(../png/img_close-2.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(../png/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(../png/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(../png/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(../png/img_float_left.png);
}

/*龙抬头下拉*/
.pb-head .user-info .opearations>li.dragon0226 {
  height: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/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(../png/float_right_0305.png);
}

.upgrade-Comvip.upgrade0305 img {
  top: 5px;
}

.pb-head .user-info .opearations>li.upgrade-comVip {
  height: 120px;
  background: url(../png/upgrade_com.png) center no-repeat;
}

.pb-head .user-info .opearations>li.upgrade-comVip0305 {
  width: 100%;
  margin: 0;
  height: 120px;
  background: url(../png/upgrade_com0305.png) center no-repeat;
  background-size: cover;
}

/* 2019-03-15 */
/* 企业买一赠一底部霸屏 */
.enter-double-eleven.enter-double-eleven8 {
  height: 456px;
  background: url(../png/img_home_bot-4.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(../jpg/img_nav_drop2.jpg) center no-repeat;
  background-size: cover;
}

/* 企业侧边栏更换 */
.item-top.sp-offer .com-enter-offer.buyone-plusone8 {
  background: url(../jpg/img_aside_right2.jpg) center no-repeat;
  background-size: cover;
}

/* 2019-03-19 国潮风右上角浮窗*/
.float-tide {
  width: 150px;
  height: 150px;
  background-image: url(../png/img_float-2.png);
}

/* 霸屏 */
.home-bottom-screen.tide0319 {
  width: 1604px;
  height: 200px;
  left: -27px;
  background-image: url(../gif/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(../png/img_close-2.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(../png/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(../png/img_home.png) center no-repeat;
  background-size: cover;
}

.sepcial39>span {
  top: -38px;
  right: 0;
}

/* 右上角悬浮 */
.float39up {
  width: 150px;
  height: 153px;
  background-image: url(../png/img_float-3.png);
}

/* 个人下拉 */
.pb-head .user-info .opearations>li.dropDown39 {
  height: 258px;
  background: url(../png/img_drop-2.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(../png/img_pull-2.png) center no-repeat;
  background-size: cover;
}

.home-bottom-screen.fight-group {
  width: 100%;
  height: 277px;
  /*height: 487px;*/
  left: 0;
  background-image: url(../png/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(../png/img_close-2.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.home-float-right.fight-group {
  width: 150px;
  height: 150px;
  background-image: url(../png/float_right-3.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(../png/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(../png/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(../png/img_float_bg-2.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(../png/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(../png/img_home_bot-3.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(../png/img_float-4.png);
}

/* 2019-04-24 五一活动入口*/
.pb-head .user-info .opearations>li.laborDay {
  height: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/img_updown.png) center no-repeat;
  background-size: cover;
}

.home-float-right.laborDays {
  width: 150px;
  height: 126px;
  background-image: url(../png/img_float-5.png);
}

.home-bottom-screen.laborDayb {
  width: 1450px;
  height: 190px;
  background-image: url(../png/img_home-2.png);
  margin: auto;
}

.home-bottom-screen.laborDayb>i {
  display: block;
  position: absolute;
  top: -38px;
  right: 0;
  cursor: pointer;
  width: 38px;
  height: 38px;
  background: url(../png/img_close-2.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(../png/per_vip_bg7.png);
}

/* 侧边栏 */
.pb-aside-right .company-vip .enter-offers {
  background: url(../png/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(../png/img_pikbest2.png) center no-repeat;
  background-size: cover;
}

.pikbestPop2>div>i {
  position: absolute;
  top: 0px;
  right: 50px;
  width: 30px;
  height: 30px;
  background: url(../png/img_close-2.png) center no-repeat;
  background-size: cover;
  cursor: pointer;
}

.pikbestHead {
  display: none;
  width: 100%;
  height: 56px;
  background: url(../png/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(../png/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(../png/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(http://js.ibaotu.com/revision/img/public/bottom/01.svg);
}

.pb-bottom .content .icons2 {
  background-image: url(http://js.ibaotu.com/revision/img/public/bottom/02.svg);
}

.pb-bottom .content .icons3 {
  background-image: url(http://js.ibaotu.com/revision/img/public/bottom/03.svg);
}

.pb-bottom .content .icons4 {
  background-image: url(http://js.ibaotu.com/revision/img/public/bottom/04.svg);
}

.pb-bottom .content .icons5 {
  background-image: url(http://js.ibaotu.com/revision/img/public/bottom/05.svg);
}

.pb-bottom .content .icons6 {
  background-image: url(http://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 .wx-area .wx-img {
  z-index: 102;
  position: absolute;
  top: -52px;
  left: -103px;
  margin: auto;
  width: 320px;
  height: auto;
}

.bot-center-right .bot-about .wx-area dd:after {
  z-index: 102;
  content: "";
  position: absolute;
  top: -75px;
  right: -107px;
  width: 148px;
  height: 33px;
  background: url(../png/weixin_tip.png) no-repeat center;
  background-size: contain;
}

.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(../png/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(../png/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(../png/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('../png/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('../png/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(../png/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;
  text-align: center;
}

.searchImg-pop .float-search-input .icon-search,
.searchImg-pop .float-search-input .icon-sousuo1 {
  top: 0;
  line-height: 38px;
  color: #fff;
  font-size: 36px;
  z-index: 2;
  background: none;
  margin-top: 0;
  position: absolute;
}

.searchImg-pop .float-search-input .icon-sousuo1 {
  font-size: 22px;
}

.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;
}

.bt-popbox.similar_search .closepop {
  background: none;
  color: #a0a0a0;
}

.bt-popbox.similar_search .closepop .icon-iconfontclose {
  color: #a0a0a0;
  font-size: 28px;
}

/*搜图入口相机样式*/
.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("../png/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('../png/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('../png/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(../png/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(../png/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(../png/img_summer.png) no-repeat;
}

/*终身升级企业悬浮入口*/
.float-upgrade {
  position: fixed;
  top: 100px;
  right: 54px;
  z-index: 1002;
  width: 150px;
}

.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 {
  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;
}

/* 2019-10-25 */
.al-bg span.sc-text {
  display: block;
  width: 210px;
  font-size: 30px;
  margin: 0 auto;
  padding-bottom: 14px;
  border-bottom: 1px solid #fff;
}

/* 2019-12-25 个人下拉增加plus会员 */
.icons-wrap .category-icon.comPlusvip {
  background: url('../png/icon_plus_logo.png')center no-repeat;
  background-size: cover;
}

.icons-wrap .category-icon.comPlusvip.PlusNo {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.float-search-tips .m-jxsy .iconfont-enter {
  width: 20px;
  height: 20px;
  left: 6px;
  top: 5px;
  background: url('../png/icon_plus_logo3.png')center no-repeat;
  background-size: cover;
}

.pb-float-head .float-search-input .float-search-tips>ul>li:nth-of-type(1).m-jxsy>a>.record-name {
  color: #CCAC5C;
}

.pb-float-head .float-search-input .m-jxsy .every-record:hover {
  background: rgba(204, 172, 92, 0.2);
}

/* 2020年个人下拉icon修改 */
.pb-head .user-info .opearations>li .icon-wodehuiyuan {
  font-size: 14px;
}

.fmb-parent {
  position: relative;
}

.focus-me-badge {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #fe4a3b;
  border-color: #fe4a3b;
  z-index: 4;
  letter-spacing: 0;
  line-height: 1;
  pointer-events: auto;
  text-align: center;
  text-indent: 0;
  white-space: nowrap;
}

.focus-me-badge.top-right {
  top: -4px;
  right: -4px;
}

.focus-me-badge.right-bottom {
  right: -4px;
  bottom: -4px;
}

.focus-me-badge.bottom-left {
  left: -4px;
  bottom: -4px;
}

.focus-me-badge.left-top {
  top: -4px;
  left: -4px;
}

/* 2020年8月26日 */
/* 个人下拉增加企业分类VIP(icon) */
.category-vip .category-icon-qy {
  display: block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* 广告设计 */
.category-icon-qy.ad {
  background-image: url('../png/icon_xl_ad.png');
}

/* 电商淘宝 */
.category-icon-qy.taobao {
  background-image: url('../png/icon_xl_tb.png');
}

/* 摄影 */
.category-icon-qy.photog {
  background-image: url('../png/icon_xl_sy.png');
}

/* 办公 */
.category-icon-qy.office {
  background-image: url('../png/icon_xl_bg.png');
}

/* 媒体 */
.category-icon-qy.audio {
  background-image: url('../png/icon_xl_mt.png');
}

/* 装修 */
.category-icon-qy.deco {
  background-image: url('../png/icon_xl_zx.png');
}

/* 字体 */
.category-icon-qy.fonts {
  background-image: url('../png/icon_xl_zt.png');
}

/* 插画 */
.category-icon-qy.illi {
  background-image: url('../png/icon_xl_ch.png');
}

/* UI */
.category-icon-qy.ui {
  background-image: url('../png/icon_xl_ui.png');
}

/* 悬浮 */
.icons-wrap>li>a>p {
  z-index: 10;
}

.icons-wrap>li>a.ad>p,
.icons-wrap>li>a.taobao>p,
.icons-wrap>li>a.photog>p,
.icons-wrap>li>a.office>p,
.icons-wrap>li>a.illi>p {
  width: 115px;
}

.icons-wrap>li>a.audio>p,
.icons-wrap>li>a.deco>p {
  width: 130px;
}

.icons-wrap>li>a.ui>p {
  width: 150px;
}

/* 首页新增企业99元弹窗 */
.qyvip-alert99 {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
}

.qyvip-alert99 .qyvip99 {
  width: 506px;
  height: 556px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.qyvip-alert99 .qyvip99 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../png/img_alert_bg.png') center no-repeat;
  background-size: cover;
}

.qyvip-alert99 .qyvip99 i {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 35px;
  right: 35px;
  cursor: pointer;
}

/* 新增悬浮 */
.pb-float-head .float-nav-item .b-header-menu-item-get {
  width: 54px;
  height: 20px;
  line-height: 20px;
  background: linear-gradient(90deg, #ff7d04, #ff4146);
  position: absolute;
  border-radius: 10px;
  color: #fff;
  top: -25px;
  font-size: 12px;
  left: 41px;
  text-align: center;
  cursor: pointer;
}

.pb-float-head .float-nav-item .b-header-menu-item-get:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 10px;
  top: 19px;
  border-color: #ff7d04 transparent transparent #ff7d04;
  border-style: solid;
  border-width: 4px;
}

/* 底部新增用户信息填写 */
.bottom-fill-information {
  width: 1100px;
  height: auto;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 80px;
}

.bottom-fill-information .title {
  width: 1078px;
  height: 1px;
  background: #E3B970;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.bottom-fill-information .title span {
  display: block;
  width: 178px;
  height: 29px;
  background: #eceef5;
  line-height: 29px;
  text-align: center;
  letter-spacing: 1px;
  font-size: 26px;
  color: #D7AD63;
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.bottom-fill-information .sub-title,
.bottom-fill-information .text {
  display: block;
  text-align: center;
}

.bottom-fill-information .sub-title {
  font-size: 20px;
  color: #D7AD63;
  margin: 36px 0 10px;
}

.bottom-fill-information .text {
  font-size: 14px;
  color: #A3A3A3;
}

.bottom-fill-information input {
  display: block;
  width: 600px;
  height: 50px;
  background: #E6E8F0;
  margin: 20px auto 0;
  font-size: 14px;
  color: #717171;
  text-indent: 30px;
}

.bottom-fill-information input::placeholder {
  color: #717171;
}

.bottom-fill-information input::-webkit-input-placeholder {
  color: #717171;
}

.bottom-fill-information input::-moz-placeholder {
  color: #717171;
}

.bottom-fill-information input:-ms-input-placeholder {
  color: #717171;
}

.bottom-submit-button {
  display: block;
  width: 180px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: linear-gradient(90deg, #FDCE7F, #D8A750);
  border-radius: 20px;
  font-size: 14px;
  color: #270F04;
  letter-spacing: 2px;
  margin: 30px auto 0;
  transition: all 0.15s ease-in;
}

.bottom-submit-button:hover {
  opacity: 0.9;
}

/* 输入框 */
.senior-input01.active,
.senior-input02.active,
.senior-input03.active {
  border-color: #fb0555;
}

/* toast 提示 */
.senior-toast {
  display: none;
  width: 350px;
  height: 80px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1111;
  text-align: center;
  line-height: 80px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
}



/* 20240605 以图搜图页面横图兼容 */
.bt-body .bt-list.similar-list .jump-details>img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.bt-body .bt-list.similar-list .jump-details {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bt-body .bt-list.similar-list .seo-related {
  display: none;
}
.bt-body .bt-list.similar-list li .ava-com-btn .ava-com-btn-two i {
  position: relative;
  vertical-align: 0;
  padding-right: 0;
}
.bt-list.similar-list li .hover-pop .ava-com-btn {
  flex: 0 0 auto;
  padding: 0 5px;
}
body .bt-body .bt-list.similar-list .pop-tit .tit-name {
  flex: 1;
  margin-right: 5px;
}
body .bt-body .bt-list.similar-list .pop-tit .collect-btn {
  flex: 0 0 auto;
}

.bt-body .bt-list.similar-list .hover-pop .pop-tit {
  display: flex;
}


@media (max-width: 1440px) {
  .bt-body .bt-list.similar-list li {
    width: 285px;
    height: 430px;
  }
}
/* COMBO: filename = /revision/css/login/login_v1.css, type = text/css, resp = 200 */
@charset "UTF-8";
header {
    width: 1450px;
    height: 80px;
    margin: 0 auto;
    padding: 16px 0
}

header img {
    margin-top: -4px;
    vertical-align: -20px
}

header .words {
    height: 50px;
    display: inline-block;
    font-size: 24px;
    color: #666;
    margin-left: 24px;
    vertical-align: 13px;
    border-left: 1px solid #999;
    padding-left: 19px;
    line-height: 46px
}

.lo-body {
    width: 100%;
    height: 500px;
    position: relative;
    background: #6cf;
    background: -moz-linear-gradient(left, #3090f0 0, #6cf 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #3090f0), color-stop(100%, #6cf));
    background: -webkit-linear-gradient(left, #3090f0 0, #6cf 100%);
    background: -o-linear-gradient(left, #3090f0 0, #6cf 100%);
    background: -ms-linear-gradient(left, #3090f0 0, #6cf 100%);
    background: -webkit-gradient(linear, left top, right top, from(#3090f0), to(#6cf));
    background: -webkit-gradient(linear, left top, right top, from(#3090f0), to(#6cf));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #3090f0), to(#6cf));
    background: linear-gradient(to right, #3090f0 0, #6cf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3090f0, endColorstr=#66ccff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#3090f0, endColorstr=#66ccff)"
}

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

.img-box {
    position: relative
}

.img-box img {
    position: absolute
}

.img-box img:first-child {
    left: 74px;
    top: 48px
}

.img-box img:last-child {
    top: 122px;
    left: 592px
}

footer {
    font-size: 14px;
    color: #999;
    margin: 20px auto;
    text-align: center
}

.login-box {
    width: 380px;
    height: 440px;
    background-color: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    position: absolute;
    left: 1180px;
    top: 30px
}

.login-bt {
    font-size: 18px;
    color: #666;
    position: relative;
    text-align: center;
    margin-top: 54px
}

.login-bt::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 90px;
    height: 1px;
    background-color: #999;
    top: 12px;
    left: 40px
}

.login-bt::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 90px;
    height: 1px;
    background-color: #999;
    top: 12px;
    right: 34px
}

.login-btn {
    width: 270px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    letter-spacing: 5px
}

.login-btn.qq-btn {
    margin-top: 52px;
    background: #6cf;
    background: -moz-linear-gradient(left, #6cf 0, #3090f0 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #6cf), color-stop(100%, #3090f0));
    background: -webkit-linear-gradient(left, #6cf 0, #3090f0 100%);
    background: -o-linear-gradient(left, #6cf 0, #3090f0 100%);
    background: -ms-linear-gradient(left, #6cf 0, #3090f0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#6cf), to(#3090f0));
    background: -webkit-gradient(linear, left top, right top, from(#6cf), to(#3090f0));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #6cf), to(#3090f0));
    background: linear-gradient(to right, #6cf 0, #3090f0 100%);
    background: #6cf \9 \0
}

.login-btn.we-btn {
    margin-top: 36px;
    background: #8fe019;
    background: -moz-linear-gradient(left, #8fe019 0, #79cd00 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #8fe019), color-stop(100%, #79cd00));
    background: -webkit-linear-gradient(left, #8fe019 0, #79cd00 100%);
    background: -o-linear-gradient(left, #8fe019 0, #79cd00 100%);
    background: -ms-linear-gradient(left, #8fe019 0, #79cd00 100%);
    background: -webkit-gradient(linear, left top, right top, from(#8fe019), to(#79cd00));
    background: -webkit-gradient(linear, left top, right top, from(#8fe019), to(#79cd00));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #8fe019), to(#79cd00));
    background: linear-gradient(to right, #8fe019 0, #79cd00 100%);
    background: #8fe019 \9 \0
}

.login-box.ban .login-btn {
    background: #ccc;
    cursor: default
}

.login-box .login-free {
    color: #ff8a00;
    font-size: 16px;
    padding-top: 36px;
    text-align: center
}

.login-btn .icon-qq {
    font-size: 34px;
    color: #fff;
    vertical-align: -4px
}

.login-btn .icon-weixin {
    font-size: 43px;
    color: #fff;
    vertical-align: -4px
}

.qq-login {
    line-height: 58px
}

.wechat-login {
    line-height: 58px
}

.wechat-re .login-btn {
    letter-spacing: 0
}

.wechat-re .vip-num {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin: 25px auto 28px
}

.wechat-re .vip-num span {
    color: #ff8a00
}

.wechat-re .qq-btn {
    margin-top: 0
}

.banq-agree {
    position: relative;
    font-size: 14px;
    color: #979797;
    text-align: center;
    padding-top: 40px
}

.banq-agree .agree-tips {
    display: none;
    position: absolute;
    bottom: -48px;
    left: 61px;
    width: 274px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #666;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.banq-agree .agree-tips:before {
    position: absolute;
    top: -18px;
    left: 6px;
    content: '';
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #666
}

.banq-agree a {
    color: #979797
}

.go-login {
    color: #999;
    position: absolute;
    right: 30px;
    bottom: 20px
}

.go-login-new {
    left: 30px;
}

.go-login a {
    color: #ff8a00
}

.go-login a:hover {
    text-decoration: underline
}

.go-mobileregis{
    color: #999;
    position: absolute;
    right: 30px;
    bottom: 20px;
    cursor: pointer;
}

.go-mobileregis:hover{
    text-decoration: underline;
    color: #ff9100;
}

.wechat-re .login-bt {
    margin-top: 44px
}

.re-popbox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1100;
    top: 0;
    left: 0
}

.re-popbox .login-box {
    width: 600px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px
}

.re-popbox h2 {
    font-size: 42px;
    color: #ff9100;
    letter-spacing: 15px;
    text-align: center;
    line-height: 42px;
    padding-top: 54px;
    font-weight: 400
}

.re-popbox .wechat-re h2 {
    padding-top: 44px
}

.re-popbox .vip-num {
    position: relative;
    margin-bottom: 30px
}

.re-popbox .vip-num::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 85px;
    height: 1px;
    background-color: #999;
    top: 10px;
    left: 66px
}

.re-popbox .vip-num::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 85px;
    height: 1px;
    background-color: #999;
    top: 10px;
    right: 66px
}

.re-popbox .login-btn {
    height: 45px;
    font-size: 18px;
    line-height: 45px
}

.re-popbox .login-btn .icon-qq {
    font-size: 28px;
    margin-right: 20px
}

.re-popbox .login-btn .icon-weixin {
    font-size: 34px;
    margin-right: 15px
}

.re-popbox .qq-login {
    line-height: 45px
}

.re-popbox .wechat-login {
    line-height: 45px
}

.re-popbox .banq-agree {
    padding-top: 35px
}

.lo-pop .vip-num {
    letter-spacing: 3px;
    margin-bottom: 40px
}

.re-popbox .lo-pop .login-btn {
    letter-spacing: 6px
}

.re-popbox .lo-pop h2 {
    padding-top: 54px
}

.wechat-re .login-btn.we-btn {
    margin-top: 30px
}

.re-popbox .close-pop {
    height: 21px;
    width: 22px;
    background: url(../png/icon-public.png);
    position: absolute;
    right: 15px;
    top: 15px;
    display: block
}

@media all and (max-width: 1680px) {
    header {
        width: 1200px
    }

    .login-box {
        left: 930px
    }

    .img-box img:last-child {
        left: 414px
    }

    .img-box img:first-child {
        left: -50px
    }
}

@media all and (max-width: 1440px) {
    .re-popbox .login-box {
        width: 500px;
        height: 320px
    }

    .re-popbox h2 {
        font-size: 36px;
        line-height: 36px
    }

    .re-popbox .wechat-re h2 {
        padding-top: 30px
    }

    .re-popbox .vip-num {
        margin: 20px auto
    }

    .re-popbox.login-pop .vip-num {
        margin: 30px auto
    }

    .re-popbox .vip-num:after, .re-popbox .vip-num:before {
        display: none
    }

    .re-popbox .login-btn {
        width: 240px;
        height: 40px;
        line-height: 40px
    }

    .re-popbox .qq-login {
        line-height: 40px
    }

    .re-popbox .login-btn .icon-qq {
        margin-right: 20px;
        font-size: 24px;
        vertical-align: -3px
    }

    .wechat-re .login-btn.we-btn {
        margin-top: 20px
    }

    .re-popbox .wechat-login {
        line-height: 40px
    }

    .re-popbox .login-btn .icon-weixin {
        font-size: 29px;
        vertical-align: -3px
    }

    .re-popbox .banq-agree {
        padding-top: 20px
    }
}

/*手机登录跳转*/
.login-box .go-phone-login{
    font-size: 14px;
    color: #999;
    position: absolute;
    right: 30px;
    bottom: 20px;
    height: 18px;
    line-height: 20px;
    cursor: pointer;
}

.go-phone-login:hover{
    color: #ff9100;
    border-bottom: 1px solid #ff9100;
    box-sizing: border-box;
}

/*2018-08-06*/
.wechat-re .login-btn.we-btn-diff {
    margin-bottom: 30px;
}
/* COMBO: filename = /revision/css/login/mobile-login.css, type = text/css, resp = 200 */
/*手机登录注册*/
.re-popbox .mobile-login-box{
    width: 600px;
    height: 520px!important;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -260px!important;
}
.mobile-login-box .vip-num::before {
    width: 145px;
    height: 1px;
    left: 72px;
}
.mobile-login-box .vip-num::after {
    width: 145px;
    height: 1px;
    right: 72px;
}

.cell-phone-box,.canvas-input-box,.phone-veri-box{
    width: 456px;
    height: 48px;
    margin: 0 auto 25px;
    border-bottom: 1px solid #c9c9c9;
}

/*手机号码输入*/
.mobile-login-box .cell-phone-box{
    position: relative;
}

.cell-phone-box .icon-phone{
    position: absolute;
    width: 14px;
    height: 24px;
    top: 11px;
    left: 0;
    background: url(../png/icon-phone.png)no-repeat center;
    background-size: cover;
}
.cell-phone-box .danger{
    width: 456px;
    height: 24px;
    border: none;
    font-size: 14px;
    color: #222222;
    padding-left: 36px;
    margin-top: 11px;
}
.cell-phone-box .warning-text{
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 14px;
    color: #fd6a6a;
    text-indent: 5px;
    letter-spacing: 1px;
    display: none;
}

/*图形验证码*/
.mobile-login-box .canvas-input-box{
    position: relative;
}

.canvas-input-box .icon-canvas{
    position: absolute;
    width: 20px;
    height: 23px;
    top: 11px;
    left: 0;
    background: url(../png/icon-canvas.png)no-repeat center;
    background-size: cover;
}
.canvas-input-box .danger2{
    width: 300px;
    height: 24px;
    border: none;
    font-size: 14px;
    color: #222222;
    padding-left: 36px;
    margin-top: 11px;
}
.canvas-input-box .warning-text2{
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 14px;
    color: #fd6a6a;
    text-indent: 5px;
    letter-spacing: 1px;
    display: none;
}
.canvas-input-box #canvas{
    width: 120px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.canvas-input-box .canvas-change{
    width: 120px;
    height: 40px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    display: none;
}



/*手机验证码*/
.mobile-login-box .phone-veri-box{
    position: relative;
}

.phone-veri-box .icon-veri{
    position: absolute;
    width: 18px;
    height: 20px;
    top: 13px;
    left: 0;
    background: url(../png/icon-veri.png)no-repeat center;
    background-size: cover;
}
.phone-veri-box .danger3{
    width: 456px;
    height: 24px;
    border: none;
    font-size: 14px;
    color: #222222;
    padding-left: 36px;
    margin-top: 11px;
}
.phone-veri-box .warning-text3{
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 14px;
    color: #fd6a6a;
    text-indent: 5px;
    letter-spacing: 1px;
    display: none;
}
.phone-veri-box #ver-btn{
    border: none;
    position: absolute;
    font-size: 14px;
    color: #ff9100;
    top: 13px;
    right: 0;
    background: none;
    cursor: pointer;
}

/*登录按钮*/
.mobile-login-box .phone-login-but{
    display: block;
    margin: 50px auto 0;
    width: 270px;
    height: 45px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    line-height: 45px;
    border-radius: 23px;
    transition: all .2s;
}

.phone-login-but:hover{
    opacity: 0.9;
}

/*注册按钮*/
.mobile-login-box .phone-register-but{
    display: block;
    margin: 50px auto 0;
    width: 270px;
    height: 45px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    line-height: 45px;
    border-radius: 23px;
    transition: all .2s;
}
.phone-register-but:hover{
    opacity: 0.9;
}

.mobile-login-box .phone-login-link,.mobile-login-box .phone-register-link{
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999999;
    position: absolute;
    right: 30px;
    bottom: 20px;
    cursor: pointer;
}
.phone-login-link:hover,.phone-register-link:hover{
    color: #ff9100;
    border-bottom: 1px solid #ff9100;
    box-sizing: border-box;
}
.mobile-login-box .phone-register-link{
    display: block;
}

/*1440px*/
@media all and (max-width: 1440px){
    .re-popbox .mobile-login-box{
        width: 500px;
        height: 400px;
        margin-left: -250px;
        margin-top: -200px;
    }
    .cell-phone-box, .canvas-input-box, .phone-veri-box {
        width: 356px;
        height: 40px;
    }
    .cell-phone-box .danger {
        width: 356px;
    }
    .phone-veri-box .danger3 {
        width: 356px;
    }
    .mobile-login-box .phone-login-but,.mobile-login-box .phone-register-but{
        margin: 23px auto 0;
        width: 240px;
        height: 40px;
        line-height: 40px;
    }
    .mobile-login-box .phone-login-link, .mobile-login-box .phone-register-link {
        bottom: 10px;
    }
}
/* COMBO: filename = /revision/css/login/account-bind.css, type = text/css, resp = 200 */
/*选择绑定账号*/
.re-popbox .account-bind-bd{
    width: 600px;
    height: 502px!important;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -251px!important;
}

.account-bind-bd .vip-num-bd{
    position: relative;
    margin: 30px 0px 32px;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.account-bind-bd .vip-num-bd:before{
    content: '';
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #999;
    top: 10px;
    left: 120px;
}

.account-bind-bd .vip-num-bd:after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #999;
    top: 10px;
    right: 120px;
}

.account-bind-bd .prompt-Text{
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 22px;
}

.account-bind-bd .head-portrait{
    width: 100%;
    height: 160px;
    text-align: center;
}

.account-bind-bd .head-portrait li{
    display: inline-block;
    width: 120px;
    height: 160px;
    margin: 25px 35px 0px;
}

.account-bind-bd .head-portrait li a{
    display: block;
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 4px;
}

.head-portrait a img{
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all 0.2s;
    border-radius: 4px;
}

.head-portrait a span{
    display: block;
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    opacity: 0;
    transition: all 0.2s;
    border-radius: 0px 0px 4px 4px;
}

.head-portrait a:hover span{
    opacity: 1;
}

.head-portrait li p{
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    margin-top: 12px;
}

.head-portrait a img:hover{
    box-shadow: 0px 6px 12px rgba(0,0,0,0.2);
}

.account-bind-bd .phone-register-link {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999999;
    position: absolute;
    right: 30px;
    bottom: 20px;
    cursor: pointer;
}

.account-bind-bd .phone-register-link:hover{
    color: #ff9100;
    border-bottom: 1px solid #ff9100;
    box-sizing: border-box;
}
/* COMBO: filename = /revision/css/collect/collect.css, type = text/css, resp = 200 */

/*模态框*/
.user-col-modal{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    z-index: 10000;
}
.user-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,.3);
    border-radius: 3px;
}
.user-col-md-head{
    height: 58px;
    padding: 18px 30px ;
    border-bottom: 1px solid #E0E0E0;
}
.user-col-md-head .iconfont{
    float: right;
    cursor: pointer;
    color: #979797;
}
.user-col-md-head-left{
    color: #F6A74A;
    font-size: 18px;
    font-weight: bold;
}
.user-col-md-head-left> span{
    vertical-align: top;
}
.user-col-md-head-left> span:last-child{
    display: inline-block;
    height: 20px;
    margin-left: 10px;
    line-height: 18px;
}
.user-col-b-new{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../png/new.png)center no-repeat;
    background-size: cover;
}
.user-col-b-edit-noti{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../edit_notice.html)center no-repeat;
    background-size: cover;
}
.user-col-b-del-noti{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../png/del_notice.png)center no-repeat;
    background-size: cover;
}
.user-col-md-body{

}
.user-col-control{
    padding: 10px 30px;

}
.user-col-control:after{
    display: table;
    content: " ";
    clear: both;
}
.user-col-ctr-left{
    float: left;
    width: 30%;
}
.user-col-ctr-right{
    position: relative;
    float: left;
    width: 70%;
}
.user-col-ctr-label{
    display: block;
    color: #666666;
    font-size: 14px;
    text-align: left;
    padding-top: 5px;
}
.user-col-ctr-ui {
    display: block;
    width: 100%;
    border: 1px solid #979797;
    color: #979797;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3) inset;
    height: 31px;
    border-radius: 2px;
    padding: 9px 10px;
}
.user-col-ctr-ui.textarea{
    height: 130px;
}

.user-col-md-foot{
    padding: 30px 30px;
}
.user-col-md-foot:after{
    display: table;
    content: " ";
    clear: both;
}
.user-col-md-foot>div{
    float: right;
    
}
.user-col-md-confirm{
    float: right;
    padding: 5px 29px;
    color: white;
    border-radius: 14px;
    font-size: 14px;
    margin-right: 40px;
}
.user-col-md-cancel{
    float: right;
    padding: 5px 29px;
    color: #F59C22;
    border-radius: 14px;
    border: 1px solid #F59C22;
     font-size: 14px;
}
.user-col-md-cancel:hover{
    color: #F59C22;
}
.user-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%);
}
.user-col-md-confirmtext{
    padding: 20px 30px;
    font-size: 14px;
    color: #666666;
}
.user-col-ctr-right .wordNum {
    position: absolute;
    bottom: 8px;
    right: 10px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #666;
}
.user-col-ctr-right .limited {
    color: #FF0000;
}
/* COMBO: filename = /revision/css/user/random_v3.css, type = text/css, resp = 200 */
.Random{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background:rgba(0,0,0,0.4);
}
.randomWrap,.typesWrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #ffffff;
    border-radius: 8px;
    padding-top: 37px;
}
.randomWrap{
    width: 600px;
    height: 546px;
}
.typesWrap{
    width: 750px;
    height: 420px;
}
/*跳过*/
.jumpOver{
    display: block;
    width: 100px;
    font-size: 12px;
    color: #CCCCCC;
    text-align: center;
    cursor: pointer;
    margin: 10px auto 0;
}
.jumpOver:hover{
    color: #666666;
}
.randomWrap .close,.typesWrap .close{
    display: block;
    width: 22px;
    height: 21px;
    background: url(../png/icon-public.png)center no-repeat;
    background-size: cover;
    position: absolute;
    right: 20px;
    top: 20px;
}
.randomWrap>h2,.randomWrap>h3,.typesWrap>h2,.typesWrap>h3{
    display: block;
    width: 100%;
    text-align: center;
    font-weight: normal;
}
.randomWrap>h2,.typesWrap>h2{
    font-size: 16px;
    color: #070001;
    margin-bottom: 6px;
}
.randomWrap>h3,.typesWrap>h3{
    font-size: 13px;
    color: #999999;
}
.randomWrap .randTags{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px;
}
.randTags a{
    display: inline-block;
    font-size: 16px;
    padding: 6px 16px;
    border-radius: 20px;
    margin: 0 3px 10px;
}
.randTags a.active{
    color: #ffffff;
}
.randTags .tags0{
    color: #8D6CDD;
    font-size: 12px;
    border: 1px solid rgba(141,108,221,0.5);
}
.randTags .tags0.active{
    background: #8D6CDD;
}
.randTags .tags1{
    color: #56ADFF;
    font-size: 14px;
    border: 1px solid rgba(86,173,255,0.5);
}
.randTags .tags1.active{
    background: #56ADFF;
}
.randTags .tags2{
    color: #FFAD41;
    font-size: 16px;
    border: 1px solid rgba(255,173,65,0.5);
}
.randTags .tags2.active{
    background: #FFAD41;
}
.randTags .tags3{
    color: #8D6CDD;
    font-size: 18px;
    border: 1px solid rgba(141,108,221,0.5);
}
.randTags .tags3.active{
    background: #8D6CDD;
}
.randTags .tags4{
    color: #4DB75B;
    font-size: 18px;
    border: 1px solid rgba(77,183,91,0.5);
}
.randTags .tags4.active{
    background: #4DB75B;
}
.randTags .tags5{
    color: #E95E5E;
    font-size: 16px;
    border:1px solid rgba(233,94,94,0.5);
}
.randTags .tags5.active{
    background: #E95E5E;
}
.randomWrap .m-submit-wrap{
        position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100px;
    line-height: 100px;
    border-top: 1px solid #F8F8FA;
    text-align: center;
    padding-top: 32px;
}
.randomWrap .submit {
    display: block;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #CCCCCC;
    font-weight: bold;
}

.randomWrap .submit .icon-jiantou4{
    position: relative;
    font-size: 15px;
    top: -2px;
    left: 2px;
}

.randomWrap .submit.active{
    color: #FF9100;
}
.randomWrap .u-jump {
    display: block;
    width: 30px;
    height: 12px;
    margin: 18px auto 0;
    line-height: 12px;
    font-size: 12px;
    color: #CCCCCC;
    cursor: pointer;
}
.randomWrap .u-jump:hover {
    color: #666666;
}
/*类型弹窗*/
.typeTags{
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding-left: 42px;
}
.typeTags>a{
    float: left;
    display: block;
    border-radius: 4px;
    position: relative;
    margin-right: 12px;
    margin-bottom: 12px;
    overflow: hidden;
}
.typeTags>a>img{
    display: block;
    width: 100%;
    height: 100%;
}
.typeTags a div.boxShadow{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image:linear-gradient(360deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
    padding: 12px 0 0 14px;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 1px;
}
.typeTags a:hover .boxShadow{
    display: block;
}
.typeTags .boxShadow>i{
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-image: url(../png/icon_not.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.typeTags a.active .boxShadow{
    display: block;
    background: rgba(241,121,0,0.7);;
}
.typeTags a.active .boxShadow>i{
    background-image: url(../png/icon_sel.png);
}
.typesAdv{
    width: 130px;
    height: 196px;
}
.typesPubl{
    width: 122px;
    height: 92px;
}
.typesPpt{
    width: 256px;
    height: 92px;
}
.typesWrap .submit{
    margin: 23px auto 0;
    display: block;
    width: 90px;
    height: 30px;
    background: #CCCCCC;
    border-radius: 4px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
}
.typesWrap .submit.active{
    background-image: linear-gradient(90deg,rgba(255,174,18,1) 0%,rgba(240,125,23,1) 100%);
}
.lodingText{
    width: 50px;
    height: 50px;
    background: url(../gif/loading-3.gif)center no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.lodingOver{
    width: 100%;
    font-size: 14px;
    color: #b7b7b7;
    text-align: center;
}

/*2019-05-05 个性化推荐*/
.personalise{
    width: 100%;
    height: 60px;
    margin-top: 2px;
}
.personalise.personaliseFloat{
    display: none;
    position: fixed;
    top: 80px;
    margin-top: 0px;
    background: rgba(255,255,255,0.95);
    z-index: 3;
}
.personalWrap{
    width: 1450px;
    height: 100%;
    margin: 0 auto;
}
.personalWrap p{
    font-size: 16px;
    color: #333333;
    float: left;
    line-height: 60px;
}
.personalWrap span{
    display: block;
    font-size: 12px;
    color: #bbbbbb;
    line-height: 60px;
    float: left;
    margin-left: 12px;
    cursor: pointer;
}
.personalWrap span:hover{
    color: #666666;
}
.switchRight{
    float: right;
    height: 100%;
    padding: 25px 0;
}
.switchRight a{
    display: block;
    height: 10px;
    line-height: 10px;
    font-size: 12px;
    color: #999999;
    float: left;
}
.switchRight a:hover{
    color: #ff9100;
}
.switchRight a:first-child{
    padding-right: 10px;
    border-right: 1px solid #D8D8D8;
}
.switchRight a:last-child{
    padding-left: 10px;
}
.switchRight a.active{
    color: #FF9100;
}

/*信息轮播*/
.infoCarousel{
    width: 100%;
    height: 36px;
    background: #f8f8fa;
    margin-top: 2px;
}
.infoCarousel>div{
    width: 1450px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.infoCarousel>div>i{
    display: block;
    line-height: 36px;
    color: #FF9100;
    float: left;
}
.infoCarousel>div>ul{
    display: block;
    height: 100%;
    float: left;
    padding-left: 13px;
    list-style: none;
}
.infoCarousel>div>ul>li{
    height: 100%;
    line-height: 36px;
    font-size: 12px;
    color: #888888;
}

/*换一批*/
.changeOne{
    display: block;
    width: 134px;
    height: 24px;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    float: left;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #999999;
    margin: 18px 0 18px 20px;
}
.changeOne>i{
    display: inline-block;
    font-size: 12px;
    color: #999999;
}
.changeOne:hover{
    border-color: #FF9100;
    color: #FF9100;
}
.changeOne:hover i{
    color: #FF9100;
}

/*换一批提示*/
.Refresh-prompt{
    width: 0;
    height: 0;
    margin: 0 auto;
    background: #FFEDD3;
    font-size: 15px;
    color: #FF9100;
    text-align: center;
    line-height: 50px;
    margin-bottom: -2px;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.Refresh-prompt.refadd{
    width: 100%;
    height: 50px;
    margin-top: 2px;
}
/*不感兴趣*/
.not-interested{
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    background-color: rgba(0,0,0,0.2);
    color: #FFFFFF;
    overflow: hidden;
    transition: all 0.2s;
    border-radius: 50%;
    position: absolute;
    right: 14px;
    bottom: 14px;
    cursor: pointer;
}
.not-interested>i{
    display: inline-block;
    font-size: 12px;
    transform: scale(0.8);
    margin-left: 4px;
    font-weight: bold;
    margin-right: 2px;
}
.not-interested:hover{
    width: 86px;
    border-radius: 10px;
}

/*侧边栏*/
.sidebarTwo{
    display: none;
    width: 50px;
    height: auto;
    position: fixed;
    right: 40px;
    bottom: 80px;
}
.sidebarTwo>a{
    display: block;
    width: 100%;
    height: 58px;
    background-color: #fff;
    box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1);
    border-radius:4px;
    border:1px solid rgba(235,235,235,1);
    margin-bottom: 10px;
    font-size: 12px;
    color: #999999;
    text-align: center;
    padding-top: 12px;
}
.sidebarTwo>a:hover{
    background-color: #FFEDD3;
    border-color: #FFEDD3;
    box-shadow: none;
}
.sidebarTwo>a>i{
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    text-align: center;
    line-height: 16px;
}
.sidebarTwo>a:hover i,.sidebarTwo>a:hover p{
    color: #FF9100;
}
.sidebarTwo>a>i.icon-xiangshang-{
    font-weight: bold;
    font-size: 17px;
}
.sidebarTwo>a>p{
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
}

/*toast 提示*/
.toastInt{
    display: none;
    width: 160px;
    height: 70px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background:rgba(0,0,0,0.6);
    border-radius:4px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-top: 15px;
}

/*loading*/
.loadingEffect{
    width: 100%;
    height: 50px;
    background: #f8f8fa;
    margin-top: 2px;
}
.loadingEffect>div{
    width: 50px;
    height: 50px;
    background: url(../gif/loading-3.gif) center no-repeat;
    background-size: cover;
    margin: 0 auto;
}

/*个性化推荐音频样机*/
.bt-body .bt-list .recomAudio {
    width: 100%;
    height: 447px;
    background: url(../png/img_musicbg.png)center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.bt-body .bt-list .recomAudio .recomAudio-cd{
    width: 240px;
    height: 240px;
    background: url(../png/img_muscicd.png)center no-repeat;
    background-size: cover;
    position: absolute;
    top: -17.2%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: none;
}
.bt-body .bt-list .recomAudio-headset{
    width: 65%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 115px;
    background: none;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bt-body .bt-list .recomAudio-headset>i{
    display: inline-block;
    width: 22px;
    height: 21px;
    background: url(../png/music-score-erji.png)center no-repeat;
    background-size: cover;
    vertical-align: -4px;
    margin-right: 4px;
}

/*响应式*/
@media (max-width: 1680px){
    .personalWrap,.infoCarousel>div{
        width: 1200px;
    }
    .bt-body .bt-list .recomAudio{
        height: 380px;
    }
    .bt-body .bt-list .recomAudio .recomAudio-cd{
        width: 200px;
        height: 200px;
    }
    .bt-body .bt-list .recomAudio-headset{
        bottom: 105px;
    }
}

@media (max-width: 1440px){
    .personalWrap,.infoCarousel>div{
        width: 1000px;
    }
    .bt-body .bt-list .recomAudio{
        height: 320px;
    }
    .bt-body .bt-list .recomAudio .recomAudio-cd{
        width: 180px;
        height: 180px;
    }
    .bt-body .bt-list .recomAudio-headset{
        bottom: 85px;
    }
}

/* COMBO: filename = /revision/css/download/dl-mobile_v6.css, type = text/css, resp = 200 */
/*开始*/
/*背景层*/
.dl-Mobile-wrap{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:1000;
	background: rgba(0,0,0,.3);
}
/*中间盒子*/
.Mobile-wrap{
	width: 526px;
	height: 463px;
	background: #fff;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 32px 93px 0px;
	box-sizing: border-box;
}
.Mobile-wrap>h3,.Mobile-wrap>p{
	display: block;
	width: 100%;
	text-align: center;
	color: #676666;
}
/*标题*/
.Mobile-wrap>h3{
	font-size: 19px;
	height: 36px;
	line-height: 36px;
	font-weight: normal;
}
/*提示*/
.Mobile-wrap>p{
	height:30px;
	line-height: 30px;
	font-size: 14px; 
}
/*信息收集盒子*/
.Mobile-wrap-box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 20px;
}
.Mobile-wrap-box>div{
	width: 100%;
	margin: 0 auto 20px;
}
/*手机号*/
.phone-Package{
	height: 40px;
}
.phone-Package>div{
	border-radius: 4px;
	border: 1px solid #E4E4E4;
	height: 40px;
	background: #fff;
}
/*left*/
.phone-Package .phoneLeft{
	width: 117px;
	float: left;
	font-size: 14px;
	color: #4C4548;
	padding-left: 12px;
	line-height: 38px;
}
.phoneLeft>i{
	float: right;
	display: inline-block;
	width: 25px;
	height: 100%;
	line-height: 38px;
	color: #b0b0b0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
/*right*/
.phone-Package .phoneRight{
	width: 221px;
	float: right;
	position: relative;
}
.phoneRight>i{
	display: block;
	height: 100%;
	line-height: 38px;
	padding: 0 10px;
	float: left;
	font-size: 22px;
	color: #CBCBCB;
}
.phoneRight>input{
	display: block;
	float: left;
	height: 100%;
	line-height: 38px;
	font-size: 14px;
}
.phoneRight>p,.code-Package>p{
	display: none;
	font-size: 12px;
	color: #FD6B6B;
	position: absolute;
	top: 40px;
	right: 0;
}
.code-Package>p{
	top: 42px;
}
/*滑动验证*/
.Mobile-wrap-box>div.silde-Package{
	height: 34px;
	background: red;
	margin-bottom: 15px;
}
/*验证码*/
.code-Package{
	height: 40px;
	border-bottom: 1px solid #E4E4E4;
	position: relative;
}
.code-Package>i{
	display: block;
	padding: 0 8px;
	height: 100%;
	line-height: 39px;
	color: #CBCBCB;
	text-align: center;
	font-size: 18px;
	float: left;
}
.code-Package input.input_1{
	display: block;
	height: 100%;
	line-height: 39px;
    font-size: 14px;
    float: left;
}
.code-Package input.input_2 {
    border: none;
    position: absolute;
    font-size: 14px;
    color: #FF9315;
    top: 10px;
    right: 0;
    background: none;
    cursor: pointer;
}
/*确认按钮*/
.Mobile-submit{
	width: 100%;
	height: 40px;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 20px; 
}
.Mobile-submit>a{
	display: block;
	width: 100%;
	height: 100%;
	background-image:linear-gradient(90deg,rgba(255,196,12,1) 0%,rgba(255,144,0,1) 100%);
	color: #fff;
	line-height: 40px;
	text-align: center;
}
/*温馨提示*/
.Mobile-wrap>p.Mobile-hint{
	display: block;
	font-size: 12px;
	color: #999999;
	text-align: left;
	line-height: 18px;
	height: auto;
}
.Mobile-wrap .Mobile-hint>span{
	color: #FE9205;
}
/*取消按钮*/
.Mobile-cancel{
	display: block;
	width: 30px;
	margin: 10px auto;
	font-size: 12px;
	color: #999999;
	text-align: center;
}

/*样式调整*/
.phoneLeft #iconJiantou{
	background: none;
}
.phoneRight #iconShouji{
	background: none;
	margin-top: 0px;
	width: 42px;
}
.phoneRight #phone-Int{
	background: none;
	width: 160px;
	border: none;
	display: block;
    float: left;
    height: 100%;
    line-height: 38px;
    font-size: 14px;
    padding: 0px;
    margin-bottom: 0px;
}
.phoneRight #phone-Int:focus{
	box-shadow: none;
}
.code-Package #iconMima{
	width: 34px;
	background: none;
}
.code-Package #codeInt{
	display: block;
    height: 100%;
    line-height: 39px;
    font-size: 14px;
    float: left;
    background: none;
    border: none;
    padding: 0px;
    margin-bottom: 0px;
    box-shadow: none;
}

.dl-Mobile-wrap .bind-center {
	width: 526px;
	height: 463px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.dl-Mobile-wrap .bind-center .skip-btn-bind {
	color: #666666!important;
}

.dl-Mobile-wrap .bind-center .bind-mobile-img {
	margin-left: -31px;
}

/* 20231204绑定手机号 */
.dl-Mobile-wrap.dl-Mobile-wrap-new .bind-center > a {
	display: none;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new .Mobile-wrap {
	padding: 32px 74px 48px;
	border-radius: 20px;
	height: auto;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new .icon-guanbi2 {
	position: absolute;
    right: 22px;
    top: 22px;
    font-size: 32px;
    color: #CBCBCB;
    z-index: 3;
    width: auto;
    height: auto;
    line-height: 1;
    background: none;
    opacity: 0.9;
    transition: all 0.2s ease;
    cursor: pointer;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new .icon-guanbi2:hover {
	opacity: 1;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new .username-wrap {
	border-radius: 4px;
    border: 1px solid #E4E4E4;
    height: 40px;
    overflow: hidden;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new .username-input {
	width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 12px;
	box-shadow: none;
	font-size: 14px;
}

.new-page-prompt {
	display: none;
	min-width: 150px;
    max-width: 60vw;
    min-height: 50px;
    background: rgba(0,0,0,.4);
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #ffffff;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    z-index: 99;
    padding: 0 20px;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new  .phoneRight {
	display: flex;
	align-items: center;
	width: 241px;
}

.phoneRight input[type="text"] {
	display: block;
    float: left;
    height: 100%;
    line-height: 38px;
    font-size: 14px;
	border: none;
	outline: none;
	box-shadow: none;
	margin: 0;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new input[type="text"]:focus {
	outline: none;
	box-shadow: none;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new .code-Package input.input_1 {
	border: none;
    box-shadow: none;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new .bind-center {
	height: 490px;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new .Mobile-wrap>p {
	font-size: 16px;
	font-weight: bold;
	height: auto;
}

.dl-Mobile-wrap.dl-Mobile-wrap-new .Mobile-wrap>p.Mobile-hint{
	font-weight: 400;
	font-size: 12px;
}


/* COMBO: filename = /revision/css/base/webuploader.css, type = text/css, resp = 200 */
.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.searchImg-pop .webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: #ff8a00;
	text-align: center;
	overflow: hidden;
	font-size: 13px;
}
.webuploader-pick:nth-child(2):hover{
	text-decoration: underline;
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}


/* COMBO: filename = /revision/css/prototype/prototype.css, type = text/css, resp = 200 */
.prototype-item *{
    margin: 0;
    padding: 0;
    border: 0;
}
.prototype-item{
    position: relative;
    background-color: rgb(235,235,235);
    border-radius: 5px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.prototype-item.advertise-landscape .first{
    position: relative;
    background-color: rgb(244,244,244);
    height: 40%;
    box-sizing: border-box;
}
.prototype-item.advertise-landscape .second{
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
    box-shadow:0px 4px 4px #999 inset;
}
.prototype-item.advertise-landscape .pbg{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
}
.prototype-item.advertise-landscape .first .block{
    position: relative;
    width: 70%;
    margin:0 15%;
    height: 80%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    box-shadow:0px 15px 15px -15px #000,
    -15px 0 15px -15px #000;
}
.prototype-item.advertise-landscape .pic{
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.prototype-item.advertise-vertical .first{
    background-color: rgb(244,244,244);
    height: 80%;
}
.prototype-item.advertise-vertical .first .block{
    position: absolute;
    width: 74%;
    margin:0 13%;
    height: 74%;
    bottom: 13%;
    overflow: hidden;
    box-shadow:-15px 0 15px -15px #000,
    0px 15px 15px -15px #000;
}
.prototype-item.advertise-vertical .pbg{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
}
.prototype-item.advertise-vertical .pic{
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/* COMBO: filename = /revision/css/classify/video-style_v2.css, type = text/css, resp = 200 */
/* COMBO: filename = /revision/css/base/public_v69.css, type = text/css, resp = 200 */
@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("../png/qyvip_pbicont.png") no-repeat;
  background-size: 100%;
}

.icons-perVip {
  width: 30px;
  height: 30px;
  background: url(../png/pervip_yes.png) no-repeat;
}

.icons-notVip {
  width: 30px;
  height: 30px;
  background: url(../png/pervip_no.png) no-repeat;
}

.icons-notComVip {
  width: 30px;
  height: 30px;
  background: url(../png/comvip_no.png) no-repeat;
}

.icons-guohui {
  width: 15px;
  height: 15px;
  background: url(../png/sp_public.png) -235px -40px no-repeat;
}

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

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

.icons-sanjiao {
  width: 8px;
  height: 8px;
  background: url(../png/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(../png/sp_public.png) -270px -40px no-repeat;
}

.pb-head .user-info .user-opearation-wrap {
  /* position: absolute;
  display: none; */
  top: 22px;
  line-height: normal;
  /* 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(../png/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(../notice_tri.html);
}

.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(../png/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(../png/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(../png/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(../png/com2_.png) no-repeat;
}

.pb-nav .nav-hover-banner.perVip.comVip.notvip {
  background: url("../png/downbg3860.png") 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(../png/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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

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

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

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

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

.pagelist .page-jumper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagelist .page-jumper>span {
  margin: 0 10px;
  padding: 11px 0;
  text-align: center;
  font-size: 14px;
  color: #999;
  line-height: 1;
}

.pagelist .page-jumper .page-number {
  display: block;
  width: 44px;
  height: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 36px;
  border-radius: 4px;
  border: 1px solid #ccc;
  outline: 0;
}

.pagelist .page-jumper .page-jump-btn {
  display: block;
  width: 56px;
  height: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 36px;
  background: #ff9100;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
}

.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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../jpg/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(../gif/loading-2.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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/1221_bg.png) no-repeat;
}

.pb-head .user-info .opearations .coupon:hover {
  background: url(../png/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(../png/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) {

  body .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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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;
  z-index: 10;
}

.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(../png/triangle.png) no-repeat;
}

.notvip .office {
  background-image: url(../png/office.png);
}

.category-vip .category-icon {
  display: block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url(../png/sp_public1.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(../png/advants_01.png);
}

.vip-advants>ul>li:nth-of-type(2) {
  background-image: url(../png/advants_02.png);
}

.vip-advants>ul>li:nth-of-type(3) {
  background-image: url(../png/advants_03.png);
}

.vip-advants>ul>li:nth-of-type(4) {
  background-image: url(../png/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(../png/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(../png/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(http://js.ibaotu.com/revision/img/public/userMenu/menu_comVip.svg) center no-repeat;
}

.userMenu-perVip {
  background: url(http://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(../png/cate_logo_gg.png) no-repeat center;
}

.drop-down-title .drop-down-left .down-left-GG.ui {
  background: url("../png/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(../png/cate_logo_tb.png) no-repeat center;
  margin: 11.5px 0;
}

.drop-down-title .drop-down-left .down-left-MT {
  background: url(../png/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(../png/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(../png/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(../png/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(../png/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(../png/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("../png/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: 0px;
  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(../png/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("../png/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(../png/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(../png/pay-one-pay.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.pb-nav .nav-item>.nav-enterprise.notqyvip {
  background: url("../png/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(../png/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("../png/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(../png/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(../png/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(../png/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(../png/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(../png/music-score-erji.png) center no-repeat;
  background-size: cover;
  bottom: 154px;
}

/*进度条*/
.bt-body .bt-list .progress-bar {
  background: url(../png/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(http://js.ibaotu.com/revision/img/public/userMenu/menu_comVip.svg);
  }

  100% {
    background-image: url(http://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(../png/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(../png/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(../jpg/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(../jpg/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(../png/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(../png/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(../png/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(../gif/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(../png/per_vip_bg3.png);
}

/**180926 下拉图片改为7大分类 */
.pb-nav .nav-hover-banner.perVip.lifevip {
  height: 260px;
  width: 330px;
  background-image: url("../png/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(../png/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(../png/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(../png/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(../png/expired.png);
}

.pb-head .user-info .opearations>li:nth-of-type(2)>a:hover .expired {
  background: url(../png/expired-1.png);
}

.pb-head .user-info .opearations>li:nth-of-type(2)>a .expired-30 {
  width: 56px;
  height: 14px;
  background: url(../png/expired-30.png);
}

.pb-head .user-info .opearations>li:nth-of-type(2)>a:hover .expired-30 {
  background: url(../png/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(../png/icon-public.png);
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
}

.expiration-remb>p {
  display: block;
  width: 100%;
  height: 103px;
  background: url(../png/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(../png/liji-xufei.png);
}

.expiration-remb>div>.fangqi-xiufei {
  float: right;
  background: url(../png/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(../png/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(../png/com_enter2.png) center no-repeat;
}

.item-top.sp-offer .com-enter-offer.notvip {
  background: url("../png/leftbg3860.png") 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(../png/xf-tana5.png) center no-repeat;
}

.pb-head .user-info .opearations>li.user-startschool {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/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(../gif/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(../png/float_right.png);
}

/* 20180911 终身立减600元右上角悬浮 */
.home-float-right.vip-new-year {
  width: 129px;
  height: 120px;
  background-image: url(../png/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(../png/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(../jpg/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(../png/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(../png/pop_notionalday.png) no-repeat;
}

/*2018-09-19 企业vip国庆活动各个广告位入口图片更换*/
.pb-nav .nav-hover-banner.perVip.comVip.nationalday {
  background: url(../png/nav_nationalday.png) center no-repeat;
}

.item-top.sp-offer .com-enter-offer.nationalday {
  background: url(../png/right_nationalday.png) center no-repeat;
}

.pb-head .user-info .opearations>li.nationalday {
  height: 120px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/user_nationalday.png) center no-repeat;
}

.upgrade-Comvip.nationalday .upgrade-Comvip-link {
  background: url(../png/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(../gif/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(../png/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(../png/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("../png/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(../png/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(../png/user_double11.png) center no-repeat;
}

/* 2018-10-15 双十一预热 */
/* 企业VIP下拉 */
.pb-nav .nav-hover-banner.perVip.comVip.nationalday.double-shiyi {
  background: url(../png/double_xiala.png) center no-repeat;
}

/* 侧边栏企业vip入口 */
.item-top.sp-offer .com-enter-offer.double-shiyi {
  background: url(../png/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(../png/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(../png/float_right-2.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(../png/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(../png/double_tanc.png) no-repeat;
}

.act-double-shiyi .cot-wrap2 {
  width: 700px;
  height: 637px;
}

.act-double-shiyi .cot-wrap2 .link-act2 {
  background: url(../png/double_tanc2.png) no-repeat;
}

/* 2018-10-22 双十一预热*/
.double-eleven {
  width: 100%;
  height: 395px;
  position: fixed;
  bottom: 0;
  background: url(../png/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(../png/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(../png/img_float.png);
}

/* 个人下拉 */
.pb-head .user-info .opearations>li.double-181018 {
  height: 100px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/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(../png/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(../png/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(../png/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(../png/user_drop.png) center no-repeat;
}

/* 2018-11-05 */
/* 双十一买一增一 侧边栏企业*/
.item-top.sp-offer .com-enter-offer.buyone-plusone {
  background: url(../png/cela2.png) center no-repeat;
}

/* 导航栏下拉 */
.pb-nav .nav-hover-banner.perVip.comVip.nationalday.double-shiyi.buyone-plusone {
  background: url(../png/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(../png/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("../png/time-five.png") center no-repeat;
  background-size: 100%;
}

/* 霸屏 */
.enter-double-eleven.enter-double-eleven2 {
  height: 573px;
  background: url(../png/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(../png/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(../png/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(../png/time-five.png) center no-repeat;
  background-size: 100%;
}

/* 双十一活动底部霸屏 */
.image-Animation {
  width: 100%;
  height: 362px;
  background: url(../png/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(../png/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(../png/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(../png/home_right.png) center no-repeat;
}

.enter-double-eleven.enter-double-eleven3 {
  height: 445px;
  background: url(../png/home_bottom.png) center no-repeat;
  background-size: auto 100%;
}

.pb-nav .nav-hover-banner.perVip.comVip.nationalday.double-shiyi.buyone-plusone2 {
  background: url(../png/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(../png/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(../png/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(../png/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(../png/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(../gif/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(../png/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(../png/user_drop-2.png) center no-repeat;
}

/*问卷调查*/
.bg-feedback.feedback-home .feedback-top {
  width: 77px;
  height: 71px;
  background: url(../png/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(../png/nav_drop-2.png) center no-repeat;
}

.item-top.sp-offer .com-enter-offer.buyone-plusone3 {
  background: url(../png/home_right-2.png) center no-repeat;
}

.enter-double-eleven.enter-double-eleven4 {
  height: 472px;
  background: url(../png/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(../png/baozi6.png) no-repeat;
}

/*2018-11-27 企业双十二买一送一*/
.pb-nav .nav-hover-banner.perVip.comVip.buyone-plusone4 {
  background: url(../png/nav_drop-3.png) center no-repeat;
}

.item-top.sp-offer .com-enter-offer.buyone-plusone4 {
  background: url(../png/home_right-3.png) center no-repeat;
}

.enter-double-eleven.enter-double-eleven5 {
  height: 467px;
  background: url(../png/enter-eleven5-2.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(../png/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(../png/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(../png/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;
}

/*个人下拉 3d素材icon*/
.icons-wrap .icon3d {
  background-position: -493px -62px;
}

.icons-wrap .icon3d.notvip {
  background-position: -470px -62px;
}

.icons-wrap .icon3d.v39 {
  background-position: -518px -62px;
}

.icons-wrap .icon3d.v99 {
  background-position: -541px -62px;
}

.icons-wrap .icon3d.v299 {
  background-position: -565px -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(../png/img_nav_drop.png) center no-repeat;
}

/*2018-12-24 双旦活动企业下拉-修改*/
.pb-nav .nav-hover-banner.perVip.comVip.buyone-plusone6 {
  background: url(../png/img_nav_drop-2.png) center no-repeat;
  background-size: cover;
}

/*右侧侧拉*/
.item-top.sp-offer .com-enter-offer.buyone-plusone5 {
  background: url(../png/img_aside_right.png) center no-repeat;
}

/*右侧侧拉-修改*/
.item-top.sp-offer .com-enter-offer.buyone-plusone6 {
  background: url(../png/img_aside_right-2.png) center no-repeat;
  background-size: cover;
}

/*首页底部*/
.enter-double-eleven.enter-double-eleven6 {
  height: 454px;
  background: url(../png/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(../png/img_top_01.png);
  animation: upDown 1s ease-in-out 0.7s infinite alternate;
}

.decora02 {
  width: 115px;
  height: 361px;
  left: 27%;
  background-image: url(../png/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(../png/img_top_03.png);
  animation: upDown 0.8s ease-in-out 1s infinite alternate;
}

.decora04 {
  width: 106px;
  height: 315px;
  left: 77%;
  background-image: url(../png/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(../png/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(../png/float_right_13.png) center no-repeat;
  background-size: cover;
}

.upgrade-Comvip.double-shiyi4 .upgrade-Comvip-link {
  background: url(../png/float_right_13-2.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(../png/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(../png/user_drop_down.png) center no-repeat;
}

/*2018-12-24 用户下拉入口更改*/
.pb-head .user-info .opearations>li.super-Day2 {
  height: 258px;
  width: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/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(../png/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(../png/banner_zs_left.png);
}

.banner-bun-init3 {
  right: 50px;
  background-image: url(../png/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(../jpg/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(../png/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(../png/img_home_bot-2.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(../png/img_nav_drop-3.png) center no-repeat;
}

/* 侧边栏 */
.item-top.sp-offer .com-enter-offer.buyone-plusone6 {
  background: url(../png/img_aside_right-3.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(../png/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(../png/user_double15.png) center no-repeat;
}

/*企业VIP角标*/
.pb-nav .nav-item>.nav-enterprise.notqyvip3 {
  background: url(../png/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(../png/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(../jpg/img_office_wj6040.jpg) 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(../png/icon_ava_phone.png) center no-repeat;
}

.icons-loginByWx {
  background: url(../png/icon_ava_wx.png) center no-repeat;
}

.icons-loginByQQ {
  background: url(../png/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(../png/img_home_bot-3.png) center no-repeat;
  background-size: auto 100%;
}

.sepcial39>span {
  display: block;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50px;
  right: 32%;
  background: url(../png/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(../png/user_per_th39.png) center no-repeat;
}

/*右上角悬浮*/
.home-float-right.specials39 {
  width: 160px;
  height: 108px;
  background-image: url(../png/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(../png/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(../png/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(../png/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(../png/img_perso_vip.png);
}

.pb-nav .nav-item-com>a>i.icon-enter {
  background-image: url(../png/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: -13px;
    -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(../png/img_user_drop.png) center no-repeat;
  background-size: cover;
}

/*左上角悬浮*/
.home-float-right.springs398 {
  width: 156px;
  height: 122px;
  background-image: url(../png/img_float_bg.png);
}

/*首页底部霸屏*/
.ny-force-pannel.spring398 {
  width: 1507px;
  height: 248px;
  background: url(../png/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(../png/img_close-2.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(../png/img_nav_drop-4.png) center no-repeat;
}

.item-top.sp-offer .com-enter-offer.buyone-plusone7 {
  background: url(../png/img_aside_right-4.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(../png/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(../png/img_close-2.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(../png/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(../png/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(../png/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(../png/img_float_left.png);
}

/*龙抬头下拉*/
.pb-head .user-info .opearations>li.dragon0226 {
  height: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/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(../png/float_right_0305.png);
}

.upgrade-Comvip.upgrade0305 img {
  top: 5px;
}

.pb-head .user-info .opearations>li.upgrade-comVip {
  height: 120px;
  background: url(../png/upgrade_com.png) center no-repeat;
}

.pb-head .user-info .opearations>li.upgrade-comVip0305 {
  width: 100%;
  margin: 0;
  height: 120px;
  background: url(../png/upgrade_com0305.png) center no-repeat;
  background-size: cover;
}

/* 2019-03-15 */
/* 企业买一赠一底部霸屏 */
.enter-double-eleven.enter-double-eleven8 {
  height: 456px;
  background: url(../png/img_home_bot-4.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(../jpg/img_nav_drop2.jpg) center no-repeat;
  background-size: cover;
}

/* 企业侧边栏更换 */
.item-top.sp-offer .com-enter-offer.buyone-plusone8 {
  background: url(../jpg/img_aside_right2.jpg) center no-repeat;
  background-size: cover;
}

/* 2019-03-19 国潮风右上角浮窗*/
.float-tide {
  width: 150px;
  height: 150px;
  background-image: url(../png/img_float-2.png);
}

/* 霸屏 */
.home-bottom-screen.tide0319 {
  width: 1604px;
  height: 200px;
  left: -27px;
  background-image: url(../gif/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(../png/img_close-2.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(../png/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(../png/img_home.png) center no-repeat;
  background-size: cover;
}

.sepcial39>span {
  top: -38px;
  right: 0;
}

/* 右上角悬浮 */
.float39up {
  width: 150px;
  height: 153px;
  background-image: url(../png/img_float-3.png);
}

/* 个人下拉 */
.pb-head .user-info .opearations>li.dropDown39 {
  height: 258px;
  background: url(../png/img_drop-2.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(../png/img_pull-2.png) center no-repeat;
  background-size: cover;
}

.home-bottom-screen.fight-group {
  width: 100%;
  height: 277px;
  /*height: 487px;*/
  left: 0;
  background-image: url(../png/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(../png/img_close-2.png) center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.home-float-right.fight-group {
  width: 150px;
  height: 150px;
  background-image: url(../png/float_right-3.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(../png/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(../png/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(../png/img_float_bg-2.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(../png/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(../png/img_home_bot-3.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(../png/img_float-4.png);
}

/* 2019-04-24 五一活动入口*/
.pb-head .user-info .opearations>li.laborDay {
  height: 258px;
  padding-top: 0;
  margin-bottom: 6px;
  background: url(../png/img_updown.png) center no-repeat;
  background-size: cover;
}

.home-float-right.laborDays {
  width: 150px;
  height: 126px;
  background-image: url(../png/img_float-5.png);
}

.home-bottom-screen.laborDayb {
  width: 1450px;
  height: 190px;
  background-image: url(../png/img_home-2.png);
  margin: auto;
}

.home-bottom-screen.laborDayb>i {
  display: block;
  position: absolute;
  top: -38px;
  right: 0;
  cursor: pointer;
  width: 38px;
  height: 38px;
  background: url(../png/img_close-2.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(../png/per_vip_bg7.png);
}

/* 侧边栏 */
.pb-aside-right .company-vip .enter-offers {
  background: url(../png/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(../png/img_pikbest2.png) center no-repeat;
  background-size: cover;
}

.pikbestPop2>div>i {
  position: absolute;
  top: 0px;
  right: 50px;
  width: 30px;
  height: 30px;
  background: url(../png/img_close-2.png) center no-repeat;
  background-size: cover;
  cursor: pointer;
}

.pikbestHead {
  display: none;
  width: 100%;
  height: 56px;
  background: url(../png/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(../png/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(../png/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(http://js.ibaotu.com/revision/img/public/bottom/01.svg);
}

.pb-bottom .content .icons2 {
  background-image: url(http://js.ibaotu.com/revision/img/public/bottom/02.svg);
}

.pb-bottom .content .icons3 {
  background-image: url(http://js.ibaotu.com/revision/img/public/bottom/03.svg);
}

.pb-bottom .content .icons4 {
  background-image: url(http://js.ibaotu.com/revision/img/public/bottom/04.svg);
}

.pb-bottom .content .icons5 {
  background-image: url(http://js.ibaotu.com/revision/img/public/bottom/05.svg);
}

.pb-bottom .content .icons6 {
  background-image: url(http://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 .wx-area .wx-img {
  z-index: 102;
  position: absolute;
  top: -52px;
  left: -103px;
  margin: auto;
  width: 320px;
  height: auto;
}

.bot-center-right .bot-about .wx-area dd:after {
  z-index: 102;
  content: "";
  position: absolute;
  top: -75px;
  right: -107px;
  width: 148px;
  height: 33px;
  background: url(../png/weixin_tip.png) no-repeat center;
  background-size: contain;
}

.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(../png/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(../png/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(../png/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('../png/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('../png/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(../png/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;
  text-align: center;
}

.searchImg-pop .float-search-input .icon-search,
.searchImg-pop .float-search-input .icon-sousuo1 {
  top: 0;
  line-height: 38px;
  color: #fff;
  font-size: 36px;
  z-index: 2;
  background: none;
  margin-top: 0;
  position: absolute;
}

.searchImg-pop .float-search-input .icon-sousuo1 {
  font-size: 22px;
}

.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;
}

.bt-popbox.similar_search .closepop {
  background: none;
  color: #a0a0a0;
}

.bt-popbox.similar_search .closepop .icon-iconfontclose {
  color: #a0a0a0;
  font-size: 28px;
}

/*搜图入口相机样式*/
.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("../png/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('../png/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('../png/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(../png/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(../png/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(../png/img_summer.png) no-repeat;
}

/*终身升级企业悬浮入口*/
.float-upgrade {
  position: fixed;
  top: 100px;
  right: 54px;
  z-index: 1002;
  width: 150px;
}

.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 {
  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;
}

/* 2019-10-25 */
.al-bg span.sc-text {
  display: block;
  width: 210px;
  font-size: 30px;
  margin: 0 auto;
  padding-bottom: 14px;
  border-bottom: 1px solid #fff;
}

/* 2019-12-25 个人下拉增加plus会员 */
.icons-wrap .category-icon.comPlusvip {
  background: url('../png/icon_plus_logo.png')center no-repeat;
  background-size: cover;
}

.icons-wrap .category-icon.comPlusvip.PlusNo {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.float-search-tips .m-jxsy .iconfont-enter {
  width: 20px;
  height: 20px;
  left: 6px;
  top: 5px;
  background: url('../png/icon_plus_logo3.png')center no-repeat;
  background-size: cover;
}

.pb-float-head .float-search-input .float-search-tips>ul>li:nth-of-type(1).m-jxsy>a>.record-name {
  color: #CCAC5C;
}

.pb-float-head .float-search-input .m-jxsy .every-record:hover {
  background: rgba(204, 172, 92, 0.2);
}

/* 2020年个人下拉icon修改 */
.pb-head .user-info .opearations>li .icon-wodehuiyuan {
  font-size: 14px;
}

.fmb-parent {
  position: relative;
}

.focus-me-badge {
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #fe4a3b;
  border-color: #fe4a3b;
  z-index: 4;
  letter-spacing: 0;
  line-height: 1;
  pointer-events: auto;
  text-align: center;
  text-indent: 0;
  white-space: nowrap;
}

.focus-me-badge.top-right {
  top: -4px;
  right: -4px;
}

.focus-me-badge.right-bottom {
  right: -4px;
  bottom: -4px;
}

.focus-me-badge.bottom-left {
  left: -4px;
  bottom: -4px;
}

.focus-me-badge.left-top {
  top: -4px;
  left: -4px;
}

/* 2020年8月26日 */
/* 个人下拉增加企业分类VIP(icon) */
.category-vip .category-icon-qy {
  display: block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* 广告设计 */
.category-icon-qy.ad {
  background-image: url('../png/icon_xl_ad.png');
}

/* 电商淘宝 */
.category-icon-qy.taobao {
  background-image: url('../png/icon_xl_tb.png');
}

/* 摄影 */
.category-icon-qy.photog {
  background-image: url('../png/icon_xl_sy.png');
}

/* 办公 */
.category-icon-qy.office {
  background-image: url('../png/icon_xl_bg.png');
}

/* 媒体 */
.category-icon-qy.audio {
  background-image: url('../png/icon_xl_mt.png');
}

/* 装修 */
.category-icon-qy.deco {
  background-image: url('../png/icon_xl_zx.png');
}

/* 字体 */
.category-icon-qy.fonts {
  background-image: url('../png/icon_xl_zt.png');
}

/* 插画 */
.category-icon-qy.illi {
  background-image: url('../png/icon_xl_ch.png');
}

/* UI */
.category-icon-qy.ui {
  background-image: url('../png/icon_xl_ui.png');
}

/* 悬浮 */
.icons-wrap>li>a>p {
  z-index: 10;
}

.icons-wrap>li>a.ad>p,
.icons-wrap>li>a.taobao>p,
.icons-wrap>li>a.photog>p,
.icons-wrap>li>a.office>p,
.icons-wrap>li>a.illi>p {
  width: 115px;
}

.icons-wrap>li>a.audio>p,
.icons-wrap>li>a.deco>p {
  width: 130px;
}

.icons-wrap>li>a.ui>p {
  width: 150px;
}

/* 首页新增企业99元弹窗 */
.qyvip-alert99 {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
}

.qyvip-alert99 .qyvip99 {
  width: 506px;
  height: 556px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.qyvip-alert99 .qyvip99 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../png/img_alert_bg.png') center no-repeat;
  background-size: cover;
}

.qyvip-alert99 .qyvip99 i {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 35px;
  right: 35px;
  cursor: pointer;
}

/* 新增悬浮 */
.pb-float-head .float-nav-item .b-header-menu-item-get {
  width: 54px;
  height: 20px;
  line-height: 20px;
  background: linear-gradient(90deg, #ff7d04, #ff4146);
  position: absolute;
  border-radius: 10px;
  color: #fff;
  top: -25px;
  font-size: 12px;
  left: 41px;
  text-align: center;
  cursor: pointer;
}

.pb-float-head .float-nav-item .b-header-menu-item-get:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 10px;
  top: 19px;
  border-color: #ff7d04 transparent transparent #ff7d04;
  border-style: solid;
  border-width: 4px;
}

/* 底部新增用户信息填写 */
.bottom-fill-information {
  width: 1100px;
  height: auto;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 80px;
}

.bottom-fill-information .title {
  width: 1078px;
  height: 1px;
  background: #E3B970;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}

.bottom-fill-information .title span {
  display: block;
  width: 178px;
  height: 29px;
  background: #eceef5;
  line-height: 29px;
  text-align: center;
  letter-spacing: 1px;
  font-size: 26px;
  color: #D7AD63;
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.bottom-fill-information .sub-title,
.bottom-fill-information .text {
  display: block;
  text-align: center;
}

.bottom-fill-information .sub-title {
  font-size: 20px;
  color: #D7AD63;
  margin: 36px 0 10px;
}

.bottom-fill-information .text {
  font-size: 14px;
  color: #A3A3A3;
}

.bottom-fill-information input {
  display: block;
  width: 600px;
  height: 50px;
  background: #E6E8F0;
  margin: 20px auto 0;
  font-size: 14px;
  color: #717171;
  text-indent: 30px;
}

.bottom-fill-information input::placeholder {
  color: #717171;
}

.bottom-fill-information input::-webkit-input-placeholder {
  color: #717171;
}

.bottom-fill-information input::-moz-placeholder {
  color: #717171;
}

.bottom-fill-information input:-ms-input-placeholder {
  color: #717171;
}

.bottom-submit-button {
  display: block;
  width: 180px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: linear-gradient(90deg, #FDCE7F, #D8A750);
  border-radius: 20px;
  font-size: 14px;
  color: #270F04;
  letter-spacing: 2px;
  margin: 30px auto 0;
  transition: all 0.15s ease-in;
}

.bottom-submit-button:hover {
  opacity: 0.9;
}

/* 输入框 */
.senior-input01.active,
.senior-input02.active,
.senior-input03.active {
  border-color: #fb0555;
}

/* toast 提示 */
.senior-toast {
  display: none;
  width: 350px;
  height: 80px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1111;
  text-align: center;
  line-height: 80px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 1px;
}
/* COMBO: filename = /revision/css/login/login_v1.css, type = text/css, resp = 200 */
@charset "UTF-8";
header {
    width: 1450px;
    height: 80px;
    margin: 0 auto;
    padding: 16px 0
}

header img {
    margin-top: -4px;
    vertical-align: -20px
}

header .words {
    height: 50px;
    display: inline-block;
    font-size: 24px;
    color: #666;
    margin-left: 24px;
    vertical-align: 13px;
    border-left: 1px solid #999;
    padding-left: 19px;
    line-height: 46px
}

.lo-body {
    width: 100%;
    height: 500px;
    position: relative;
    background: #6cf;
    background: -moz-linear-gradient(left, #3090f0 0, #6cf 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #3090f0), color-stop(100%, #6cf));
    background: -webkit-linear-gradient(left, #3090f0 0, #6cf 100%);
    background: -o-linear-gradient(left, #3090f0 0, #6cf 100%);
    background: -ms-linear-gradient(left, #3090f0 0, #6cf 100%);
    background: -webkit-gradient(linear, left top, right top, from(#3090f0), to(#6cf));
    background: -webkit-gradient(linear, left top, right top, from(#3090f0), to(#6cf));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #3090f0), to(#6cf));
    background: linear-gradient(to right, #3090f0 0, #6cf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3090f0, endColorstr=#66ccff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#3090f0, endColorstr=#66ccff)"
}

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

.img-box {
    position: relative
}

.img-box img {
    position: absolute
}

.img-box img:first-child {
    left: 74px;
    top: 48px
}

.img-box img:last-child {
    top: 122px;
    left: 592px
}

footer {
    font-size: 14px;
    color: #999;
    margin: 20px auto;
    text-align: center
}

.login-box {
    width: 380px;
    height: 440px;
    background-color: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    position: absolute;
    left: 1180px;
    top: 30px
}

.login-bt {
    font-size: 18px;
    color: #666;
    position: relative;
    text-align: center;
    margin-top: 54px
}

.login-bt::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 90px;
    height: 1px;
    background-color: #999;
    top: 12px;
    left: 40px
}

.login-bt::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 90px;
    height: 1px;
    background-color: #999;
    top: 12px;
    right: 34px
}

.login-btn {
    width: 270px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    letter-spacing: 5px
}

.login-btn.qq-btn {
    margin-top: 52px;
    background: #6cf;
    background: -moz-linear-gradient(left, #6cf 0, #3090f0 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #6cf), color-stop(100%, #3090f0));
    background: -webkit-linear-gradient(left, #6cf 0, #3090f0 100%);
    background: -o-linear-gradient(left, #6cf 0, #3090f0 100%);
    background: -ms-linear-gradient(left, #6cf 0, #3090f0 100%);
    background: -webkit-gradient(linear, left top, right top, from(#6cf), to(#3090f0));
    background: -webkit-gradient(linear, left top, right top, from(#6cf), to(#3090f0));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #6cf), to(#3090f0));
    background: linear-gradient(to right, #6cf 0, #3090f0 100%);
    background: #6cf \9 \0
}

.login-btn.we-btn {
    margin-top: 36px;
    background: #8fe019;
    background: -moz-linear-gradient(left, #8fe019 0, #79cd00 100%);
    background: -webkit-gradient(linear, left, right, color-stop(0, #8fe019), color-stop(100%, #79cd00));
    background: -webkit-linear-gradient(left, #8fe019 0, #79cd00 100%);
    background: -o-linear-gradient(left, #8fe019 0, #79cd00 100%);
    background: -ms-linear-gradient(left, #8fe019 0, #79cd00 100%);
    background: -webkit-gradient(linear, left top, right top, from(#8fe019), to(#79cd00));
    background: -webkit-gradient(linear, left top, right top, from(#8fe019), to(#79cd00));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #8fe019), to(#79cd00));
    background: linear-gradient(to right, #8fe019 0, #79cd00 100%);
    background: #8fe019 \9 \0
}

.login-box.ban .login-btn {
    background: #ccc;
    cursor: default
}

.login-box .login-free {
    color: #ff8a00;
    font-size: 16px;
    padding-top: 36px;
    text-align: center
}

.login-btn .icon-qq {
    font-size: 34px;
    color: #fff;
    vertical-align: -4px
}

.login-btn .icon-weixin {
    font-size: 43px;
    color: #fff;
    vertical-align: -4px
}

.qq-login {
    line-height: 58px
}

.wechat-login {
    line-height: 58px
}

.wechat-re .login-btn {
    letter-spacing: 0
}

.wechat-re .vip-num {
    text-align: center;
    font-size: 14px;
    color: #999;
    margin: 25px auto 28px
}

.wechat-re .vip-num span {
    color: #ff8a00
}

.wechat-re .qq-btn {
    margin-top: 0
}

.banq-agree {
    position: relative;
    font-size: 14px;
    color: #979797;
    text-align: center;
    padding-top: 40px
}

.banq-agree .agree-tips {
    display: none;
    position: absolute;
    bottom: -48px;
    left: 61px;
    width: 274px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #666;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.banq-agree .agree-tips:before {
    position: absolute;
    top: -18px;
    left: 6px;
    content: '';
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #666
}

.banq-agree a {
    color: #979797
}

.go-login {
    color: #999;
    position: absolute;
    right: 30px;
    bottom: 20px
}

.go-login-new {
    left: 30px;
}

.go-login a {
    color: #ff8a00
}

.go-login a:hover {
    text-decoration: underline
}

.go-mobileregis{
    color: #999;
    position: absolute;
    right: 30px;
    bottom: 20px;
    cursor: pointer;
}

.go-mobileregis:hover{
    text-decoration: underline;
    color: #ff9100;
}

.wechat-re .login-bt {
    margin-top: 44px
}

.re-popbox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1100;
    top: 0;
    left: 0
}

.re-popbox .login-box {
    width: 600px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px
}

.re-popbox h2 {
    font-size: 42px;
    color: #ff9100;
    letter-spacing: 15px;
    text-align: center;
    line-height: 42px;
    padding-top: 54px;
    font-weight: 400
}

.re-popbox .wechat-re h2 {
    padding-top: 44px
}

.re-popbox .vip-num {
    position: relative;
    margin-bottom: 30px
}

.re-popbox .vip-num::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 85px;
    height: 1px;
    background-color: #999;
    top: 10px;
    left: 66px
}

.re-popbox .vip-num::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 85px;
    height: 1px;
    background-color: #999;
    top: 10px;
    right: 66px
}

.re-popbox .login-btn {
    height: 45px;
    font-size: 18px;
    line-height: 45px
}

.re-popbox .login-btn .icon-qq {
    font-size: 28px;
    margin-right: 20px
}

.re-popbox .login-btn .icon-weixin {
    font-size: 34px;
    margin-right: 15px
}

.re-popbox .qq-login {
    line-height: 45px
}

.re-popbox .wechat-login {
    line-height: 45px
}

.re-popbox .banq-agree {
    padding-top: 35px
}

.lo-pop .vip-num {
    letter-spacing: 3px;
    margin-bottom: 40px
}

.re-popbox .lo-pop .login-btn {
    letter-spacing: 6px
}

.re-popbox .lo-pop h2 {
    padding-top: 54px
}

.wechat-re .login-btn.we-btn {
    margin-top: 30px
}

.re-popbox .close-pop {
    height: 21px;
    width: 22px;
    background: url(../png/icon-public.png);
    position: absolute;
    right: 15px;
    top: 15px;
    display: block
}

@media all and (max-width: 1680px) {
    header {
        width: 1200px
    }

    .login-box {
        left: 930px
    }

    .img-box img:last-child {
        left: 414px
    }

    .img-box img:first-child {
        left: -50px
    }
}

@media all and (max-width: 1440px) {
    .re-popbox .login-box {
        width: 500px;
        height: 320px
    }

    .re-popbox h2 {
        font-size: 36px;
        line-height: 36px
    }

    .re-popbox .wechat-re h2 {
        padding-top: 30px
    }

    .re-popbox .vip-num {
        margin: 20px auto
    }

    .re-popbox.login-pop .vip-num {
        margin: 30px auto
    }

    .re-popbox .vip-num:after, .re-popbox .vip-num:before {
        display: none
    }

    .re-popbox .login-btn {
        width: 240px;
        height: 40px;
        line-height: 40px
    }

    .re-popbox .qq-login {
        line-height: 40px
    }

    .re-popbox .login-btn .icon-qq {
        margin-right: 20px;
        font-size: 24px;
        vertical-align: -3px
    }

    .wechat-re .login-btn.we-btn {
        margin-top: 20px
    }

    .re-popbox .wechat-login {
        line-height: 40px
    }

    .re-popbox .login-btn .icon-weixin {
        font-size: 29px;
        vertical-align: -3px
    }

    .re-popbox .banq-agree {
        padding-top: 20px
    }
}

/*手机登录跳转*/
.login-box .go-phone-login{
    font-size: 14px;
    color: #999;
    position: absolute;
    right: 30px;
    bottom: 20px;
    height: 18px;
    line-height: 20px;
    cursor: pointer;
}

.go-phone-login:hover{
    color: #ff9100;
    border-bottom: 1px solid #ff9100;
    box-sizing: border-box;
}

/*2018-08-06*/
.wechat-re .login-btn.we-btn-diff {
    margin-bottom: 30px;
}
/* COMBO: filename = /revision/css/login/mobile-login.css, type = text/css, resp = 200 */
/*手机登录注册*/
.re-popbox .mobile-login-box{
    width: 600px;
    height: 520px!important;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -260px!important;
}
.mobile-login-box .vip-num::before {
    width: 145px;
    height: 1px;
    left: 72px;
}
.mobile-login-box .vip-num::after {
    width: 145px;
    height: 1px;
    right: 72px;
}

.cell-phone-box,.canvas-input-box,.phone-veri-box{
    width: 456px;
    height: 48px;
    margin: 0 auto 25px;
    border-bottom: 1px solid #c9c9c9;
}

/*手机号码输入*/
.mobile-login-box .cell-phone-box{
    position: relative;
}

.cell-phone-box .icon-phone{
    position: absolute;
    width: 14px;
    height: 24px;
    top: 11px;
    left: 0;
    background: url(../png/icon-phone.png)no-repeat center;
    background-size: cover;
}
.cell-phone-box .danger{
    width: 456px;
    height: 24px;
    border: none;
    font-size: 14px;
    color: #222222;
    padding-left: 36px;
    margin-top: 11px;
}
.cell-phone-box .warning-text{
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 14px;
    color: #fd6a6a;
    text-indent: 5px;
    letter-spacing: 1px;
    display: none;
}

/*图形验证码*/
.mobile-login-box .canvas-input-box{
    position: relative;
}

.canvas-input-box .icon-canvas{
    position: absolute;
    width: 20px;
    height: 23px;
    top: 11px;
    left: 0;
    background: url(../png/icon-canvas.png)no-repeat center;
    background-size: cover;
}
.canvas-input-box .danger2{
    width: 300px;
    height: 24px;
    border: none;
    font-size: 14px;
    color: #222222;
    padding-left: 36px;
    margin-top: 11px;
}
.canvas-input-box .warning-text2{
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 14px;
    color: #fd6a6a;
    text-indent: 5px;
    letter-spacing: 1px;
    display: none;
}
.canvas-input-box #canvas{
    width: 120px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.canvas-input-box .canvas-change{
    width: 120px;
    height: 40px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    background: rgba(0,0,0,.6);
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    display: none;
}



/*手机验证码*/
.mobile-login-box .phone-veri-box{
    position: relative;
}

.phone-veri-box .icon-veri{
    position: absolute;
    width: 18px;
    height: 20px;
    top: 13px;
    left: 0;
    background: url(../png/icon-veri.png)no-repeat center;
    background-size: cover;
}
.phone-veri-box .danger3{
    width: 456px;
    height: 24px;
    border: none;
    font-size: 14px;
    color: #222222;
    padding-left: 36px;
    margin-top: 11px;
}
.phone-veri-box .warning-text3{
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 14px;
    color: #fd6a6a;
    text-indent: 5px;
    letter-spacing: 1px;
    display: none;
}
.phone-veri-box #ver-btn{
    border: none;
    position: absolute;
    font-size: 14px;
    color: #ff9100;
    top: 13px;
    right: 0;
    background: none;
    cursor: pointer;
}

/*登录按钮*/
.mobile-login-box .phone-login-but{
    display: block;
    margin: 50px auto 0;
    width: 270px;
    height: 45px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    line-height: 45px;
    border-radius: 23px;
    transition: all .2s;
}

.phone-login-but:hover{
    opacity: 0.9;
}

/*注册按钮*/
.mobile-login-box .phone-register-but{
    display: block;
    margin: 50px auto 0;
    width: 270px;
    height: 45px;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    line-height: 45px;
    border-radius: 23px;
    transition: all .2s;
}
.phone-register-but:hover{
    opacity: 0.9;
}

.mobile-login-box .phone-login-link,.mobile-login-box .phone-register-link{
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999999;
    position: absolute;
    right: 30px;
    bottom: 20px;
    cursor: pointer;
}
.phone-login-link:hover,.phone-register-link:hover{
    color: #ff9100;
    border-bottom: 1px solid #ff9100;
    box-sizing: border-box;
}
.mobile-login-box .phone-register-link{
    display: block;
}

/*1440px*/
@media all and (max-width: 1440px){
    .re-popbox .mobile-login-box{
        width: 500px;
        height: 400px;
        margin-left: -250px;
        margin-top: -200px;
    }
    .cell-phone-box, .canvas-input-box, .phone-veri-box {
        width: 356px;
        height: 40px;
    }
    .cell-phone-box .danger {
        width: 356px;
    }
    .phone-veri-box .danger3 {
        width: 356px;
    }
    .mobile-login-box .phone-login-but,.mobile-login-box .phone-register-but{
        margin: 23px auto 0;
        width: 240px;
        height: 40px;
        line-height: 40px;
    }
    .mobile-login-box .phone-login-link, .mobile-login-box .phone-register-link {
        bottom: 10px;
    }
}
/* COMBO: filename = /revision/css/login/account-bind.css, type = text/css, resp = 200 */
/*选择绑定账号*/
.re-popbox .account-bind-bd{
    width: 600px;
    height: 502px!important;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -251px!important;
}

.account-bind-bd .vip-num-bd{
    position: relative;
    margin: 30px 0px 32px;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.account-bind-bd .vip-num-bd:before{
    content: '';
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #999;
    top: 10px;
    left: 120px;
}

.account-bind-bd .vip-num-bd:after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #999;
    top: 10px;
    right: 120px;
}

.account-bind-bd .prompt-Text{
    font-size: 14px;
    color: #666666;
    text-align: center;
    line-height: 22px;
}

.account-bind-bd .head-portrait{
    width: 100%;
    height: 160px;
    text-align: center;
}

.account-bind-bd .head-portrait li{
    display: inline-block;
    width: 120px;
    height: 160px;
    margin: 25px 35px 0px;
}

.account-bind-bd .head-portrait li a{
    display: block;
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 4px;
}

.head-portrait a img{
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all 0.2s;
    border-radius: 4px;
}

.head-portrait a span{
    display: block;
    width: 100%;
    height: 30px;
    background: rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    opacity: 0;
    transition: all 0.2s;
    border-radius: 0px 0px 4px 4px;
}

.head-portrait a:hover span{
    opacity: 1;
}

.head-portrait li p{
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    margin-top: 12px;
}

.head-portrait a img:hover{
    box-shadow: 0px 6px 12px rgba(0,0,0,0.2);
}

.account-bind-bd .phone-register-link {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #999999;
    position: absolute;
    right: 30px;
    bottom: 20px;
    cursor: pointer;
}

.account-bind-bd .phone-register-link:hover{
    color: #ff9100;
    border-bottom: 1px solid #ff9100;
    box-sizing: border-box;
}
/* COMBO: filename = /revision/css/collect/collect.css, type = text/css, resp = 200 */

/*模态框*/
.user-col-modal{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    z-index: 10000;
}
.user-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,.3);
    border-radius: 3px;
}
.user-col-md-head{
    height: 58px;
    padding: 18px 30px ;
    border-bottom: 1px solid #E0E0E0;
}
.user-col-md-head .iconfont{
    float: right;
    cursor: pointer;
    color: #979797;
}
.user-col-md-head-left{
    color: #F6A74A;
    font-size: 18px;
    font-weight: bold;
}
.user-col-md-head-left> span{
    vertical-align: top;
}
.user-col-md-head-left> span:last-child{
    display: inline-block;
    height: 20px;
    margin-left: 10px;
    line-height: 18px;
}
.user-col-b-new{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../png/new.png)center no-repeat;
    background-size: cover;
}
.user-col-b-edit-noti{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../edit_notice.html)center no-repeat;
    background-size: cover;
}
.user-col-b-del-noti{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../png/del_notice.png)center no-repeat;
    background-size: cover;
}
.user-col-md-body{

}
.user-col-control{
    padding: 10px 30px;

}
.user-col-control:after{
    display: table;
    content: " ";
    clear: both;
}
.user-col-ctr-left{
    float: left;
    width: 30%;
}
.user-col-ctr-right{
    position: relative;
    float: left;
    width: 70%;
}
.user-col-ctr-label{
    display: block;
    color: #666666;
    font-size: 14px;
    text-align: left;
    padding-top: 5px;
}
.user-col-ctr-ui {
    display: block;
    width: 100%;
    border: 1px solid #979797;
    color: #979797;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.3) inset;
    height: 31px;
    border-radius: 2px;
    padding: 9px 10px;
}
.user-col-ctr-ui.textarea{
    height: 130px;
}

.user-col-md-foot{
    padding: 30px 30px;
}
.user-col-md-foot:after{
    display: table;
    content: " ";
    clear: both;
}
.user-col-md-foot>div{
    float: right;
    
}
.user-col-md-confirm{
    float: right;
    padding: 5px 29px;
    color: white;
    border-radius: 14px;
    font-size: 14px;
    margin-right: 40px;
}
.user-col-md-cancel{
    float: right;
    padding: 5px 29px;
    color: #F59C22;
    border-radius: 14px;
    border: 1px solid #F59C22;
     font-size: 14px;
}
.user-col-md-cancel:hover{
    color: #F59C22;
}
.user-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%);
}
.user-col-md-confirmtext{
    padding: 20px 30px;
    font-size: 14px;
    color: #666666;
}
.user-col-ctr-right .wordNum {
    position: absolute;
    bottom: 8px;
    right: 10px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #666;
}
.user-col-ctr-right .limited {
    color: #FF0000;
}
/* COMBO: filename = /revision/css/user/random_v3.css, type = text/css, resp = 200 */
.Random{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    background:rgba(0,0,0,0.4);
}
.randomWrap,.typesWrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #ffffff;
    border-radius: 8px;
    padding-top: 37px;
}
.randomWrap{
    width: 600px;
    height: 546px;
}
.typesWrap{
    width: 750px;
    height: 420px;
}
/*跳过*/
.jumpOver{
    display: block;
    width: 100px;
    font-size: 12px;
    color: #CCCCCC;
    text-align: center;
    cursor: pointer;
    margin: 10px auto 0;
}
.jumpOver:hover{
    color: #666666;
}
.randomWrap .close,.typesWrap .close{
    display: block;
    width: 22px;
    height: 21px;
    background: url(../png/icon-public.png)center no-repeat;
    background-size: cover;
    position: absolute;
    right: 20px;
    top: 20px;
}
.randomWrap>h2,.randomWrap>h3,.typesWrap>h2,.typesWrap>h3{
    display: block;
    width: 100%;
    text-align: center;
    font-weight: normal;
}
.randomWrap>h2,.typesWrap>h2{
    font-size: 16px;
    color: #070001;
    margin-bottom: 6px;
}
.randomWrap>h3,.typesWrap>h3{
    font-size: 13px;
    color: #999999;
}
.randomWrap .randTags{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px;
}
.randTags a{
    display: inline-block;
    font-size: 16px;
    padding: 6px 16px;
    border-radius: 20px;
    margin: 0 3px 10px;
}
.randTags a.active{
    color: #ffffff;
}
.randTags .tags0{
    color: #8D6CDD;
    font-size: 12px;
    border: 1px solid rgba(141,108,221,0.5);
}
.randTags .tags0.active{
    background: #8D6CDD;
}
.randTags .tags1{
    color: #56ADFF;
    font-size: 14px;
    border: 1px solid rgba(86,173,255,0.5);
}
.randTags .tags1.active{
    background: #56ADFF;
}
.randTags .tags2{
    color: #FFAD41;
    font-size: 16px;
    border: 1px solid rgba(255,173,65,0.5);
}
.randTags .tags2.active{
    background: #FFAD41;
}
.randTags .tags3{
    color: #8D6CDD;
    font-size: 18px;
    border: 1px solid rgba(141,108,221,0.5);
}
.randTags .tags3.active{
    background: #8D6CDD;
}
.randTags .tags4{
    color: #4DB75B;
    font-size: 18px;
    border: 1px solid rgba(77,183,91,0.5);
}
.randTags .tags4.active{
    background: #4DB75B;
}
.randTags .tags5{
    color: #E95E5E;
    font-size: 16px;
    border:1px solid rgba(233,94,94,0.5);
}
.randTags .tags5.active{
    background: #E95E5E;
}
.randomWrap .m-submit-wrap{
        position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100px;
    line-height: 100px;
    border-top: 1px solid #F8F8FA;
    text-align: center;
    padding-top: 32px;
}
.randomWrap .submit {
    display: block;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    color: #CCCCCC;
    font-weight: bold;
}

.randomWrap .submit .icon-jiantou4{
    position: relative;
    font-size: 15px;
    top: -2px;
    left: 2px;
}

.randomWrap .submit.active{
    color: #FF9100;
}
.randomWrap .u-jump {
    display: block;
    width: 30px;
    height: 12px;
    margin: 18px auto 0;
    line-height: 12px;
    font-size: 12px;
    color: #CCCCCC;
    cursor: pointer;
}
.randomWrap .u-jump:hover {
    color: #666666;
}
/*类型弹窗*/
.typeTags{
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding-left: 42px;
}
.typeTags>a{
    float: left;
    display: block;
    border-radius: 4px;
    position: relative;
    margin-right: 12px;
    margin-bottom: 12px;
    overflow: hidden;
}
.typeTags>a>img{
    display: block;
    width: 100%;
    height: 100%;
}
.typeTags a div.boxShadow{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image:linear-gradient(360deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
    padding: 12px 0 0 14px;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 1px;
}
.typeTags a:hover .boxShadow{
    display: block;
}
.typeTags .boxShadow>i{
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-image: url(../png/icon_not.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.typeTags a.active .boxShadow{
    display: block;
    background: rgba(241,121,0,0.7);;
}
.typeTags a.active .boxShadow>i{
    background-image: url(../png/icon_sel.png);
}
.typesAdv{
    width: 130px;
    height: 196px;
}
.typesPubl{
    width: 122px;
    height: 92px;
}
.typesPpt{
    width: 256px;
    height: 92px;
}
.typesWrap .submit{
    margin: 23px auto 0;
    display: block;
    width: 90px;
    height: 30px;
    background: #CCCCCC;
    border-radius: 4px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
}
.typesWrap .submit.active{
    background-image: linear-gradient(90deg,rgba(255,174,18,1) 0%,rgba(240,125,23,1) 100%);
}
.lodingText{
    width: 50px;
    height: 50px;
    background: url(../gif/loading-3.gif)center no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.lodingOver{
    width: 100%;
    font-size: 14px;
    color: #b7b7b7;
    text-align: center;
}

/*2019-05-05 个性化推荐*/
.personalise{
    width: 100%;
    height: 60px;
    margin-top: 2px;
}
.personalise.personaliseFloat{
    display: none;
    position: fixed;
    top: 80px;
    margin-top: 0px;
    background: rgba(255,255,255,0.95);
    z-index: 3;
}
.personalWrap{
    width: 1450px;
    height: 100%;
    margin: 0 auto;
}
.personalWrap p{
    font-size: 16px;
    color: #333333;
    float: left;
    line-height: 60px;
}
.personalWrap span{
    display: block;
    font-size: 12px;
    color: #bbbbbb;
    line-height: 60px;
    float: left;
    margin-left: 12px;
    cursor: pointer;
}
.personalWrap span:hover{
    color: #666666;
}
.switchRight{
    float: right;
    height: 100%;
    padding: 25px 0;
}
.switchRight a{
    display: block;
    height: 10px;
    line-height: 10px;
    font-size: 12px;
    color: #999999;
    float: left;
}
.switchRight a:hover{
    color: #ff9100;
}
.switchRight a:first-child{
    padding-right: 10px;
    border-right: 1px solid #D8D8D8;
}
.switchRight a:last-child{
    padding-left: 10px;
}
.switchRight a.active{
    color: #FF9100;
}

/*信息轮播*/
.infoCarousel{
    width: 100%;
    height: 36px;
    background: #f8f8fa;
    margin-top: 2px;
}
.infoCarousel>div{
    width: 1450px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.infoCarousel>div>i{
    display: block;
    line-height: 36px;
    color: #FF9100;
    float: left;
}
.infoCarousel>div>ul{
    display: block;
    height: 100%;
    float: left;
    padding-left: 13px;
    list-style: none;
}
.infoCarousel>div>ul>li{
    height: 100%;
    line-height: 36px;
    font-size: 12px;
    color: #888888;
}

/*换一批*/
.changeOne{
    display: block;
    width: 134px;
    height: 24px;
    border: 1px solid #DDDDDD;
    border-radius: 12px;
    float: left;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #999999;
    margin: 18px 0 18px 20px;
}
.changeOne>i{
    display: inline-block;
    font-size: 12px;
    color: #999999;
}
.changeOne:hover{
    border-color: #FF9100;
    color: #FF9100;
}
.changeOne:hover i{
    color: #FF9100;
}

/*换一批提示*/
.Refresh-prompt{
    width: 0;
    height: 0;
    margin: 0 auto;
    background: #FFEDD3;
    font-size: 15px;
    color: #FF9100;
    text-align: center;
    line-height: 50px;
    margin-bottom: -2px;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.Refresh-prompt.refadd{
    width: 100%;
    height: 50px;
    margin-top: 2px;
}
/*不感兴趣*/
.not-interested{
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    background-color: rgba(0,0,0,0.2);
    color: #FFFFFF;
    overflow: hidden;
    transition: all 0.2s;
    border-radius: 50%;
    position: absolute;
    right: 14px;
    bottom: 14px;
    cursor: pointer;
}
.not-interested>i{
    display: inline-block;
    font-size: 12px;
    transform: scale(0.8);
    margin-left: 4px;
    font-weight: bold;
    margin-right: 2px;
}
.not-interested:hover{
    width: 86px;
    border-radius: 10px;
}

/*侧边栏*/
.sidebarTwo{
    display: none;
    width: 50px;
    height: auto;
    position: fixed;
    right: 40px;
    bottom: 80px;
}
.sidebarTwo>a{
    display: block;
    width: 100%;
    height: 58px;
    background-color: #fff;
    box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1);
    border-radius:4px;
    border:1px solid rgba(235,235,235,1);
    margin-bottom: 10px;
    font-size: 12px;
    color: #999999;
    text-align: center;
    padding-top: 12px;
}
.sidebarTwo>a:hover{
    background-color: #FFEDD3;
    border-color: #FFEDD3;
    box-shadow: none;
}
.sidebarTwo>a>i{
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    text-align: center;
    line-height: 16px;
}
.sidebarTwo>a:hover i,.sidebarTwo>a:hover p{
    color: #FF9100;
}
.sidebarTwo>a>i.icon-xiangshang-{
    font-weight: bold;
    font-size: 17px;
}
.sidebarTwo>a>p{
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
}

/*toast 提示*/
.toastInt{
    display: none;
    width: 160px;
    height: 70px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background:rgba(0,0,0,0.6);
    border-radius:4px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-top: 15px;
}

/*loading*/
.loadingEffect{
    width: 100%;
    height: 50px;
    background: #f8f8fa;
    margin-top: 2px;
}
.loadingEffect>div{
    width: 50px;
    height: 50px;
    background: url(../gif/loading-3.gif) center no-repeat;
    background-size: cover;
    margin: 0 auto;
}

/*个性化推荐音频样机*/
.bt-body .bt-list .recomAudio {
    width: 100%;
    height: 447px;
    background: url(../png/img_musicbg.png)center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.bt-body .bt-list .recomAudio .recomAudio-cd{
    width: 240px;
    height: 240px;
    background: url(../png/img_muscicd.png)center no-repeat;
    background-size: cover;
    position: absolute;
    top: -17.2%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: none;
}
.bt-body .bt-list .recomAudio-headset{
    width: 65%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 115px;
    background: none;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bt-body .bt-list .recomAudio-headset>i{
    display: inline-block;
    width: 22px;
    height: 21px;
    background: url(../png/music-score-erji.png)center no-repeat;
    background-size: cover;
    vertical-align: -4px;
    margin-right: 4px;
}

/*响应式*/
@media (max-width: 1680px){
    .personalWrap,.infoCarousel>div{
        width: 1200px;
    }
    .bt-body .bt-list .recomAudio{
        height: 380px;
    }
    .bt-body .bt-list .recomAudio .recomAudio-cd{
        width: 200px;
        height: 200px;
    }
    .bt-body .bt-list .recomAudio-headset{
        bottom: 105px;
    }
}

@media (max-width: 1440px){
    .personalWrap,.infoCarousel>div{
        width: 1000px;
    }
    .bt-body .bt-list .recomAudio{
        height: 320px;
    }
    .bt-body .bt-list .recomAudio .recomAudio-cd{
        width: 180px;
        height: 180px;
    }
    .bt-body .bt-list .recomAudio-headset{
        bottom: 85px;
    }
}

/* COMBO: filename = /revision/css/download/dl-mobile.css, type = text/css, resp = 200 */
/*开始*/
/*背景层*/
.dl-Mobile-wrap{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index:1000;
	background: rgba(0,0,0,.3);
}
/*中间盒子*/
.Mobile-wrap{
	width: 526px;
	height: 463px;
	background: #fff;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 32px 93px 0px;
	box-sizing: border-box;
}
.Mobile-wrap>h3,.Mobile-wrap>p{
	display: block;
	width: 100%;
	text-align: center;
	color: #676666;
}
/*标题*/
.Mobile-wrap>h3{
	font-size: 19px;
	height: 36px;
	line-height: 36px;
	font-weight: normal;
}
/*提示*/
.Mobile-wrap>p{
	height:30px;
	line-height: 30px;
	font-size: 14px; 
}
/*信息收集盒子*/
.Mobile-wrap-box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 24px;
}
.Mobile-wrap-box>div{
	width: 100%;
	margin: 0 auto 20px;
}
/*手机号*/
.phone-Package{
	height: 40px;
}
.phone-Package>div{
	border-radius: 4px;
	border: 1px solid #E4E4E4;
	height: 40px;
	background: #fff;
}
/*left*/
.phone-Package .phoneLeft{
	width: 117px;
	float: left;
	font-size: 14px;
	color: #4C4548;
	padding-left: 12px;
	line-height: 38px;
}
.phoneLeft>i{
	float: right;
	display: inline-block;
	width: 25px;
	height: 100%;
	line-height: 38px;
	color: #b0b0b0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
/*right*/
.phone-Package .phoneRight{
	width: 221px;
	float: right;
	position: relative;
}
.phoneRight>i{
	display: block;
	height: 100%;
	line-height: 38px;
	padding: 0 10px;
	float: left;
	font-size: 22px;
	color: #CBCBCB;
}
.phoneRight>input{
	display: block;
	float: left;
	height: 100%;
	line-height: 38px;
	font-size: 14px;
}
.phoneRight>p,.code-Package>p{
	display: none;
	font-size: 12px;
	color: #FD6B6B;
	position: absolute;
	top: 40px;
	right: 0;
}
.code-Package>p{
	top: 42px;
}
/*滑动验证*/
.Mobile-wrap-box>div.silde-Package{
	height: 34px;
	background: red;
	margin-bottom: 15px;
}
/*验证码*/
.code-Package{
	height: 40px;
	border-bottom: 1px solid #E4E4E4;
	position: relative;
}
.code-Package>i{
	display: block;
	padding: 0 8px;
	height: 100%;
	line-height: 39px;
	color: #CBCBCB;
	text-align: center;
	font-size: 18px;
	float: left;
}
.code-Package input.input_1{
	display: block;
	height: 100%;
	line-height: 39px;
    font-size: 14px;
    float: left;
}
.code-Package input.input_2 {
    border: none;
    position: absolute;
    font-size: 14px;
    color: #FF9315;
    top: 10px;
    right: 0;
    background: none;
    cursor: pointer;
}
/*确认按钮*/
.Mobile-submit{
	width: 100%;
	height: 40px;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 20px; 
}
.Mobile-submit>a{
	display: block;
	width: 100%;
	height: 100%;
	background-image:linear-gradient(90deg,rgba(255,196,12,1) 0%,rgba(255,144,0,1) 100%);
	color: #fff;
	line-height: 40px;
	text-align: center;
}
/*温馨提示*/
.Mobile-wrap>p.Mobile-hint{
	display: block;
	font-size: 12px;
	color: #999999;
	text-align: left;
	line-height: 18px;
	height: auto;
}
.Mobile-wrap .Mobile-hint>span{
	color: #FE9205;
}
/*取消按钮*/
.Mobile-cancel{
	display: block;
	width: 30px;
	margin: 10px auto;
	font-size: 12px;
	color: #999999;
	text-align: center;
}

/*样式调整*/
.phoneLeft #iconJiantou{
	background: none;
}
.phoneRight #iconShouji{
	background: none;
	margin-top: 0px;
	width: 42px;
}
.phoneRight #phone-Int{
	background: none;
	width: 160px;
	border: none;
	display: block;
    float: left;
    height: 100%;
    line-height: 38px;
    font-size: 14px;
    padding: 0px;
    margin-bottom: 0px;
}
.phoneRight #phone-Int:focus{
	box-shadow: none;
}
.code-Package #iconMima{
	width: 34px;
	background: none;
}
.code-Package #codeInt{
	display: block;
    height: 100%;
    line-height: 39px;
    font-size: 14px;
    float: left;
    background: none;
    border: none;
    padding: 0px;
    margin-bottom: 0px;
    box-shadow: none;
}

.dl-Mobile-wrap .bind-center {
	width: 526px;
	height: 463px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.dl-Mobile-wrap .bind-center .skip-btn-bind {
	color: #666666!important;
}

.dl-Mobile-wrap .bind-center .bind-mobile-img {
	margin-left: -31px;
}

/* COMBO: filename = /revision/css/base/webuploader.css, type = text/css, resp = 200 */
.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.searchImg-pop .webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: #ff8a00;
	text-align: center;
	overflow: hidden;
	font-size: 13px;
}
.webuploader-pick:nth-child(2):hover{
	text-decoration: underline;
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}


/* COMBO: filename = /revision/css/prototype/prototype.css, type = text/css, resp = 200 */
.prototype-item *{
    margin: 0;
    padding: 0;
    border: 0;
}
.prototype-item{
    position: relative;
    background-color: rgb(235,235,235);
    border-radius: 5px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.prototype-item.advertise-landscape .first{
    position: relative;
    background-color: rgb(244,244,244);
    height: 40%;
    box-sizing: border-box;
}
.prototype-item.advertise-landscape .second{
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
    box-shadow:0px 4px 4px #999 inset;
}
.prototype-item.advertise-landscape .pbg{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
}
.prototype-item.advertise-landscape .first .block{
    position: relative;
    width: 70%;
    margin:0 15%;
    height: 80%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    box-shadow:0px 15px 15px -15px #000,
    -15px 0 15px -15px #000;
}
.prototype-item.advertise-landscape .pic{
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.prototype-item.advertise-vertical .first{
    background-color: rgb(244,244,244);
    height: 80%;
}
.prototype-item.advertise-vertical .first .block{
    position: absolute;
    width: 74%;
    margin:0 13%;
    height: 74%;
    bottom: 13%;
    overflow: hidden;
    box-shadow:-15px 0 15px -15px #000,
    0px 15px 15px -15px #000;
}
.prototype-item.advertise-vertical .pbg{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
}
.prototype-item.advertise-vertical .pic{
    position: absolute;
    left: 5%;
    top: 5%;
    width: 90%;
    height: 90%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
/* COMBO: filename = /revision/css/classify/video-style.css, type = text/css, resp = 200 */
.video-style {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.video-style::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 120%;
    height: 120%;
    margin: auto auto auto -10%;
    background: inherit;
    filter: blur(18px);
}

.video-style::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0, rgba(246, 246, 246, 0.4) 100%);
}

.video-style .v-chip {
    z-index: 1;
    position: relative;
    display: block;
    margin: 15px auto;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    width: 56px;
    height: 28px;
    line-height: 28px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 14px;
    transition: opacity 0.2s ease-in;
}

.pic-box:hover .video-style .v-chip,
.bt-body .bt-list li:hover .video-style .v-chip {
    opacity: 0;
}

.video-style .v-body {
    z-index: 1;
    position: relative;
    display: block;
    margin: auto;
    width: 88%;
    height: 68%;
}

.video-style .v-body .v-img,
.video-style .v-body > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    text-align: center;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 10px 27px 0 rgba(0, 0, 0, 0.15);
}

.video-style .v-size {
    z-index: 1;
    position: absolute;
    bottom: 15px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}