/* 样机放置各种角标 */
.jx-logo-img1 {
  width: 120px !important;
  height: 120px !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.jx-logo-img2 {
  width: 170px !important;
  height: 170px !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.jx-logo-rela {
  position: relative;
}

.jx-logo-music {
  width: 82px !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 10px 0;
}

.jx-logo-img80 {
  width: 80px !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.gradient-hor-power {
  bottom: 70px !important;
  background: linear-gradient(90deg, #f2cd8c, #d4a554);
  line-height: 38px;
}

.img-wrap-create {
  width: 115px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background: linear-gradient(90deg, #fe7532, #e5232a);
  border-radius: 3px 0px 15px 0px;
  position: absolute;
  top: 0;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  z-index: 1;
}

.img-wrap-create1 {
  width: 115px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background: linear-gradient(90deg, #fe7532, #e5232a);
  border-radius: 3px 0px 15px 0px;
  position: absolute;
  top: 0;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  z-index: 2;
}

.video-box .img-wrap-create1 {
  width: 115px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  background: linear-gradient(90deg, #fe7532, #e5232a);
  border-radius: 3px 0px 15px 0px;
  position: absolute;
  top: 0;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  z-index: 3;
}
.b-header-right .b-header-newswrap {
  width: 56px;
}
.head-wrap .head-notifications {
  height: 60px;
}

/* 修复2.0版本字体页文字显示区域样式错误 */
.fonts-opea .container {
  width: auto;
}

/* 新版本首页临时修改样式 */
.ifooter-top-icon .weixin-hover {
  display: none;
  width: 510px;
  height: 180px;
  background: #fff;
  -webkit-box-shadow: 0 10px 16px 0 rgb(43 45 48 / 10%);
  box-shadow: 0 10px 16px 0 rgb(43 45 48 / 10%);
  border-radius: 14px;
  position: absolute;
  top: -198px;
  right: -45px;
  z-index: 14;
}

.ifooter-top-icon .weixin-hover:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 376px;
  top: 180px;
  border: 15px solid transparent;
  border-top-color: #fff;
}

.aside-bar-right .aside-item {
  position: relative;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 60px !important;
  border-top: 1px solid #f6f6f8;
  cursor: pointer;
  font-size: 20px;
}
.login-in-way > a > p > i.icon-weixin,
.login-in-way > a > p > i.icon-qq {
  margin-top: 0;
  font-size: 60px;
}

.userMenu-perVip {
  background: url(../png/fenlei.png) center no-repeat;
  background-size: cover;
}

.login-in-way > a > p > i.icon-shouji {
  margin-top: 0 !important;
  font-size: 54px !important;
}
.ibanner .swiper-container .swiper-next,
.ibanner .swiper-container .swiper-prev {
  outline: none;
}

.ibanner .swiper-container .swiper-next,
.ibanner .swiper-container .swiper-prev {
  width: 50px;
  height: 50px;
  background: hsla(0, 0%, 100%, 0.8);
  -webkit-box-shadow: 0 8px 15px 0 rgb(57 60 67 / 10%);
  box-shadow: 0 8px 15px 0 rgb(57 60 67 / 10%);
  border-radius: 25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  outline: none;
}

@media screen and (max-width: 1680px) {
  .jx-logo-music {
    width: 78px !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
}

.gradient-ver-bw a:hover {
  color: #ff9100;
}

.get-power {
  width: 156px;
  height: 38px;
  line-height: 38px;
  background: linear-gradient(90deg, #f2cd8c, #d4a554);
  border-radius: 19px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 18px;
  position: absolute;
  bottom: 75px;
  left: 50%;
  transform: translateX(-50%);
}

.page-inspect {
  font-size: 16px;
  text-align: center;
  color: red;
  width: 600px;
  margin: 20px auto -16px;
}

.old-footer {
  height: 20px;
  margin: -5px 7px;
  height: 20px;
  vertical-align: text-bottom;
  display: inline-block !important;
}
.old-footer-p {
  display: block;
  color: #999999;
  float: left;
}
.pb-bottom .bot-bottom .content {
  width: 1383px !important;
  text-align: center !important;
}
.icon-baotuwanglogodanse {
  bottom: 102px;
}
.ifooter-main-img {
  display: inline-block;
}
.pb-float-head .float-search-input {
  width: auto !important;
}

/* 2.0头部头像热区修改 */
.pb-head .user-info {
  cursor: default;
  width: 36px;
}

body .pb-head .user-info .user-avatar {
  cursor: pointer;
  margin-right: -8px;
}
.head-notifications {
  float: right;
  position: relative;
  padding: 0px 10px;
  text-align: center;
  cursor: pointer;
}

/* 样机大小115%转100% */
.photonew-hor-top .stencil .stencil-img img {
  height: 100% !important;
}
.photonew-hor-bottom .stencil img {
  height: 100% !important;
}

/* 详情页小样图 */
.download-demo:hover {
  background: #ff9100;
  color: #fff;
}

.download-bgb-btns:hover {
  background: #ffb83e;
  transition: none;
}

/* 3.0专题页返回按钮和样机问题 */
.photonew-vertical .stencil {
  overflow: visible;
}
.photonew-vertical .stencil img {
  top: 0;
  left: 0;
  transform: none;
}

/* 详情页下拉悬浮标题溢出隐藏 */
.detail-header-safety .works-name-wrap .works-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 450px;
}

/* 首页vip下拉窗 */
body .conDemand ul li span {
  height: 92px;
}
body .conDemand ul li {
  height: 170px;
}
.fz15 {
  margin-left: 6px;
}
body .ul_drop_content_content {
  padding-left: 10px;
}
.vip-show {
  top: 64px;
}

body .pro-top .pro-top-bubble {
  width: auto;
  padding: 0 5px;
}
body .pro-text {
  text-shadow: 0px 8px 12px rgb(23 32 88 / 30%);
}
body .pro-text span {
  text-shadow: none;
}
body .design-hover .pro-top-btn {
  box-shadow: 0px 8px 12px 0px rgba(228, 83, 24, 0.3);
}
body .pro-btn-new {
  margin-top: 2px;
}
body pro-btn-a {
  margin-top: -4px;
}
body .hover-banner .pro-text {
  text-shadow: 0px 8px 12px rgba(208, 75, 20, 0.3);
}
body .hover-banner .pro-text span {
  text-shadow: none;
}
body .head-vip .ep-hover {
  right: -100px;
}
body .pro-hover {
  right: -100px;
}
.FadeInFadeOut .ul_drop_content_content li p.icon01 img {
  width: 27px;
}
body .vip-show .ul_drop_content_content li p.icon01 img {
  width: 50px;
}
body .user-opearation .baotu-id-wrap {
  padding-left: 20px;
}
body .user-opearation .baotu-id-wrap .opearation-info {
  margin-left: 10px;
}

/* 未改动页面的个人vip下拉框 */
.banner-vip {
  width: auto;
  padding-left: 21px;
}
body .b-header-right .right-child {
  display: flex;
  height: 68px;
  align-items: center;
  position: relative;
  padding-top: 0;
}

/* 首页banner搜索框，相机颜色 */
body .ibanner-search .icon-xiangji-logo {
  color: #d5dae8;
}

/* 修复右侧边栏移入位置问题 */
.aside-item:nth-child(6) .aside-card-list {
  top: 20%;
}

/* 修复登录框的消息移入问题 */
.right-child {
  height: 68px;
}

body .b-header-right .nav-item-enterprise {
  padding: 0;
}

body div .bt-body .all-classify .plus-new:after {
  top: -4px;
}

body .header-all .hover-drop {
  width: 940px;
}

.sc-home-video .qys-global {
  display: block;
  width: 115px;
  height: 27px;
  line-height: 27px;
  font-size: 12px;
  text-align: center;
  color: #613c14;
  font-weight: bold;
  background: linear-gradient(90deg, #ffd694, #fdba48);
  border-radius: 0px 0px 15px 0px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.qys-global {
  display: block;
  width: 115px;
  height: 27px;
  line-height: 27px;
  font-size: 12px;
  text-align: center;
  color: #613c14;
  font-weight: bold;
  background: linear-gradient(90deg, #ffd694, #fdba48);
  border-radius: 0px 0px 15px 0px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.act-rule-list {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: 1000px;
  height: auto;
  top: 124vw;
  bottom: auto;
}

body .notification-panel .np-section-1 .unread-count {
  margin-left: 8px;
}

/* 消息栏logo位置 */
body .notification-panel .np-section-2 .notification-item {
  display: flex;
}

.award-enter {
  display: block;
  width: 190px;
  height: 50px;
  position: absolute;
  top: 113px;
  right: 23px;
  background: url(../png/enter.png) no-repeat center;
  background-size: cover;
}

/* 创意pro */
body div .img-pro-create {
  width: auto !important;
  height: 20px !important;
  line-height: 20px;
  text-align: center;
  background: linear-gradient(90deg, #fe7532, #e5232a);
  border-radius: 3px 0px 15px 0px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  z-index: 1;
  padding: 0 10px;
}

.search .userwant-wrap .right-wrap {
  height: auto !important;
}
/* 免费素材 */
.img-free {
  width: 90px;
  height: 27px;
  line-height: 27px;
  background: linear-gradient(90deg, #65ef5f, #36d021);
  border-radius: 8px 0px 15px 0px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

body .person-vip {
  height: auto;
}

.dq4 {
  position: fixed;
  top: 70px;
  right: 0;
  z-index: 3;
}
body .bt-body .pop-tit .tit-name {
  width: 176px;
}
body .form-item-checkin {
  padding: 0;
}
#login-slide-div-2022 {
  width: 456px;
}
body .refactor-code {
  margin-top: 74px;
  margin-bottom: 18px;
}
body .refactor-login-modal-form-item-inline {
  margin-bottom: 18px;
}

/* 微信支付 */
body .payfor-box .way-zfb1 {
  margin: 20px auto 0;
  float: none;
}

/* id复制按钮 */
.name-id-wrap .copy-id {
  font-size: 14px;
  position: absolute;
  right: 13px;
  top: 27px;
  color: #333;
  opacity: 0.5;
}
.user-center .copy-id {
  top: 41px;
}
.name-id-wrap .copy-id:hover {
  color: #ff9100;
}

/* vip悬浮下拉 */
.pro-top-btn {
  right: 68px;
}
.vip-show .hover-banner {
  left: 389px;
}
.pro-btn-new p {
  height: 14px;
  line-height: 14px;
  transform: none;
}
.pro-btn-object {
  height: 22px;
  line-height: 22px;
}

.b-header-right .hover-banner {
  left: -360px;
}

/* 再次回滚vip版本 */
body .hover-banner {
  width: 490px;
}
body .head-vip-item .hover-banner-different .banner-footer {
  padding: 14px 31px 0;
}
body .hover-banner-different .hover-banner-top {
  padding: 0 42px 0 30px;
}
body .banner-vip {
  padding-left: 0;
}


@keyframes change {
  0%,
  12.66%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  16.66%,
  29.32% {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  33.32%,
  45.98% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  49.98%,
  62.64% {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
  66.64%,
  79.3% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  83.3%,
  95.96% {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}

/* body .nav-item-enterprise .div-vip-qy-drop-down.combo-fulldown-box-different-hover {
  left: 10%;
} */
body .b-header-float-fixed {
  z-index: 10001;
}
body .banner-price-btn:hover {
  color: #fff;
}
body .pro-top-btn:hover {
  color: #ff7034;
}
body .banner-d2 {
  padding: 11px 22px 25px;
}
body .banner-price-btn {
  margin-left: 69px;
}

/* 右侧边栏vip */
.item-vip-qz .hover-banner-different {
  width: 640px;
  border-radius: 10px;
  z-index: -1;
  background-color: #fff;
  padding-right: 0;
  border-radius: 10px;
  left: -10px;
}
.item-vip-qz .banner-vip {
  display: flex;
  flex-wrap: wrap;
  padding-left: 21px;
}
.item-vip-qz .banner-vip  a:nth-child(3n) .banner-vip-item{
    margin-right: 0;
}
.banner-price-btn {
  font-size: 16px;
}

.user-body-right .book-link {
  width: 140px;
  height: 24px;
  line-height: 24px;
  background: linear-gradient( 90deg , #FFB83E, #FF7109);
  border-radius: 12px;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
}

.p-vip .jxsyentry-wrap {
  top: 10px !important;
}

.person-genuine {
  height: 22px;
  line-height: 22px;
  padding: 0 6px;
  background: #FF8A00;
  border-radius: 0px 3px 0px 3px;
  color: #fff;
  text-align: center;
  position: absolute;
  right: -1px;
  top: -1px;
}

/* 个人商用弹窗 */
.Pop-box-total .Pop-box-lsit li p:nth-child(1),.Pop-box-head span:nth-child(1) {
  width: 30%;
}
.Pop-box-total .Pop-box-lsit li p:nth-child(3),.Pop-box-head span:nth-child(3) {
  width: 10%;
}
.hover-drop .item-list .class-hot:after {
  display: none;
}
.hover-drop .item-list .class-hot a:after {
  content: "";
  width: 27px;
  height: 7px;
  background: url(../png/hot.0c5b.png) no-repeat 50%;
  background-size: contain;
  position: absolute;
  right: -20px;
  top: 0px;
}
.hover-drop .item-list li a {
  position: relative;
}
body .vip-intro {
  padding-top: 70px;
}

@media screen and (max-width: 1440px) {
  body .payfor-box .way-zfb1 {
    margin: 20px auto 0;
    float: none;
  }
}
@media screen and (max-width: 1680px) {
	body .search-list .pic-box {
    width: 272px;
    height: 403px;
    margin-right: 21px;
  }
}
.phone-Package  {
  line-height: 40px;
}
body .phoneRight>p {
  top: 30px;
}
body .vip-detail {
  padding-top: 70px;
}
body .recharge-box {
  overflow: hidden !important;
}
body .box-background-gradient-download {
  margin-top: 96px;
  padding-top: 0px !important;
}

/* 2022-07-27 创意Pro角标以及按钮修改 */
/* 摄影图分类页 */
.img-wrap-create-diff {
  display: block;
  width: 66px;
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
  top: 10px;
  right: 15px;
  color: #fef4a1;
  font-size: 14px;
  font-weight: normal;
}

.pic-box:hover .img-wrap-create-diff {
  display: none;
}

/* 按钮 */
.pic-box .gradient-hor-og-pro {
  background: linear-gradient(90deg, #fc835f, #ef3d2d);
  color: #fff;
}

/* 配乐分类页 */
body div .img-pro-create-diff {
  width: 62px!important;
  height: 26px!important;
  line-height: 26px;
  background: linear-gradient(90deg, #fc835f, #ef3d2d);
  border-radius: 4px;
  font-size: 14px;
  color: #fef4a1;
  font-weight: normal;
  padding: 0;
  top: 16px;
  right: 16px;
  left: unset;
}

/* body .sc-home-music:hover .img-pro-create-diff {
  display: none;
} */

/* 视频分类页 */
.img-wrap-create-video {
  width: 54px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #fef4a1;
  background: linear-gradient(90deg, #fc835f, #ef3d2d);
  font-weight: normal;
  border-radius: 4px;
  top: 10px;
  left: 20px;
}

.video-box:hover .img-wrap-create-video {
  display: none;
}