/*.loginwrap-new .icon-cha {*/
/*  display: none;*/
/*}*/

.plus-layout-wrap{
  width: 100%;
  height: auto;
  background: #21232A;
}

.loginwrap .logo-wrap {
  padding-top: 156px;
}

.loginwrap-new .logo-wrap img {
  display: block;
  width: 192px;
  height: 36px;
  margin: 0 auto;
}

/*header START*/
.plus-layout-header {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 200;
}

.layout-header-wrapper {
  display: flex;
  align-items: center;
  min-width: 1200px;
  height: 72px;
  padding: 0 30px 0 30px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px rgba(51,51,51,0.1);
}

/*新版头像下拉 修改 START*/
.personal_Pulldown {
  height: auto;
}

.personal_Pulldown .divuser_List {
  padding-bottom: 15px;
}

.personal_Pulldown .divuser_List a i.icon-xiazai2 {
  font-size: 17px;
  font-weight: bold;
}

.personal_Pulldown .divuser_List a i.icon-yulan {
  font-size: 22px;
  vertical-align: -2px;
  text-indent: -2px;
}

.personal_Pulldown .divuser_List a i.icon-kefu1 {
  font-size: 22px;
  vertical-align: -3px;
  text-indent: -2px;
}

.personal_Pulldown .divuser_List a i.icon-icon_A {
  font-size: 15px;
  font-weight: bold;
}

.personal_Pulldown .divuser_List a i.icon-tuichu {
  font-weight: bold;
  text-indent: 1px;
}

.personal_Pulldown .divuser_List a i.icon-yijianfankui1 {
  vertical-align: -2px;
  text-indent: -2px;
}
/*新版头像下拉 修改 END*/

/*logo*/
.layout-logo-wrapper {
  width: 170px;
  height: 32px;
  cursor: pointer;
  position: relative;
  margin-top: -6px;
}

.layout-logo-wrapper img {
  display: block;
  width: 170px;
  height: 32px;
}

.layout-logo-wrapper .icon-baotuplus {
  color: #FFB311;
  font-size: 34px;
  position: absolute;
  top: -11px;
  left: -4px;
}

/*输入框盒子*/
.layout-center-wrapper {
  width: 400px;
  height: 46px;
  float: left;
  margin: 19px 0;
}

/*下拉分类选项*/
.layout-drop-down-wrapper {
  width: 85px;
  height: 100%;
  line-height: 46px;
  float: left;
  background: #21232A;
  font-size: 14px;
  color: #fff;
  border-radius: 8px 0 0 8px;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.layout-header-wrapper .layout-drop-down-wrapper {
  padding-left: 10px;
}

.layout-drop-down-wrapper i {
  display: inline-block;
  font-size: 15px;
  margin-left: 3px;
  transition: all 0.15s ease-in;
}

.layout-drop-down-wrapper:hover i {
  transform: rotate(180deg);
}

/*下拉列表*/
.layout-drop-down-list {
  display: none;
  width: 100%;
  height: auto;
  background: #3B3C45;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 6px 0;
  position: absolute;
  top: 40px;
  left: 0;
}

.layout-drop-down-list li {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.layout-drop-down-list li:hover {
  background: #26272D;
}

.layout-drop-down-wrapper:hover .layout-drop-down-list {
  display: block;
}

/*输入框*/
.layout-input-wrapper {
  display: block;
  width: 200px;
  height: 100%;
  line-height: 54px;
  color: #fff;
  background: #21232A;
  text-indent: 5px;
  font-size: 14px;
}

/*输入框初始显示字体颜色设置*/
.layout-input-wrapper::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999;
  opacity: 1; /* Firefox */
}

.layout-input-wrapper:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #999999;
}

.layout-input-wrapper::-ms-input-placeholder { /* Microsoft Edge */
  color: #999999;
}

/* .layout-input-wrapper:hover{
  background: #3B3E46;
  box-shadow: 0px 0px 8px 0px rgba(247,211,147,0.32);
} */

/*以图搜图按钮*/
.layout-img-wrap {
  display: block;
  width: 35px;
  height: 100%;
  line-height: 46px;
  float: left;
  position: relative;
  padding-left: 4px;
  background: #21232a;
}

.layout-img-wrap .icon-sheyingtu {
  font-size: 18px;
  color: #d5dae8;
  opacity: 0.8;
}

.layout-img-wrap:hover .icon-sheyingtu {
  color: #fdba48;
}

/*搜索按钮*/
.layout-search-wrapper {
  display: block;
  width: 80px;
  height: 46px;
  line-height: 46px;
  border-radius: 0 8px 8px 0;
  text-align: center;
  color: #71481b;
  background: linear-gradient(90deg, #eacca3, #ebab43);
  font-size: 16px;
  float: left;
}

.layout-search-wrapper .icon-sousuo1 {
  display: inline-block;
  font-size: 22px;
  color: #613c14;
  vertical-align: top;
  margin-right: 1px;
}

.layout-search-wrapper:hover {
  opacity: 0.9;
  color: #613c14;
}

/*右侧区域*/
.layout-right-wrapper {
  float: right;
  display: flex;
  justify-content: flex-start;
}

.layout-right-link {
  display: block;
  height: 100%;
  line-height: 84px;
  font-size: 14px;
  color: #fff;
  float: left;
  margin-right: 22px;
  position: relative;
}

.layout-right-link:hover {
  color: #ebab43;
}

.layout-right-link:nth-of-type(2) {
  margin-right: 0;
}

/*赠一年角标*/
.span-top-right {
  display: block;
  width: 54px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  background: linear-gradient(90deg, #EC8433, #E8524E);
  border-radius: 9px 9px 9px 0;
  color: #fff;
  position: absolute;
  top: 16px;
  left: 40px;
}

/*登录按钮*/
.layout-right-button-wrapper {
  display: block;
  height: 84px;
  padding: 24px 0;
}

.layout-right-button {
  display: block;
  width: 140px;
  height: 36px;
  line-height: 34px;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 18px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  transition: all 0.2s ease-in;
  margin-left: 80px;
}

.layout-right-button:hover {
  color: #fff;
  border-color: #FFB311;
  background: #FFB311;
}

/*登录头像*/
.layout-right-button-wrapper .userheader {
  width: 76px;
  height: 36px;
  line-height: 36px;
  text-align: right;
  display: block;
  float: left;
  margin-left: 30px;
  border-radius: 18px;
  position: relative;
  cursor: pointer;
}

.layout-right-button-wrapper .userheader img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin: 0 auto;
  vertical-align: top;
}

.layout-right-button-wrapper .div_pullDown {
  display: none;
  width: 180px;
  height: auto;
  position: absolute;
  top: 36px;
  right: 0;
  padding-top: 10px;
  z-index: 20;
  border-radius: 8px;
  background: none;
}

.layout-right-button-wrapper .userheader:hover .div_pullDown {
  display: block;
}

.layout-right-button-wrapper .button-copy {
  background: none;
}
/*header END*/

/*左侧菜单栏 START*/
.layout_left_wrapper {
  width: 202px;
  height: auto;
  background: #20232B;
  border-right: 2px solid #34353C;
  position: fixed;
  top: 84px;
  left: 0;
  bottom: 0;
  z-index: 200;
  transition: all 0.1s ease-in;
}

.layout_left_wrapper.active {
  left: -202px;
}

.plus-layout-left {
  width: 202px;
  height: 100%;
  padding-top: 40px;
}

.layout_left_wrapper button {
  display: block;
  width: 100%;
  height: 54px;
  background: #20232B;
  line-height: 54px;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  color: #DFB56E;
  text-align: center;
  transition: all 0.15s ease-in;
}

.layout_left_wrapper button i {
  display: inline-block;
  vertical-align: -1px;
  margin-right: 6px;
}

.layout_left_wrapper button:hover {
  background: #34353C;
}

.layout_left_wrapper .left_wrapper_child {
  display: none;
  width: 30px;
  height: 84px;
  background: red;
  position: absolute;
  top: -84px;
  left: 30px;
  padding-top: 33px;
}

.layout_left_wrapper.active .left_wrapper_child {
  display: block;
}

.layout_left_wrapper .hide-Directory {
  display: block;
  width: 30px;
  height: 84px;
  position: fixed;
  top: 0;
  left: 30px;
  padding-top: 33px;
}

.hide-Directory span,
.left_wrapper_child span {
  display: block;
  width: 24px;
  height: 1px;
  background: linear-gradient(90deg, #ffd694, #fdba48);
  margin: 0 auto 8px;
}

/*列表对应标题*/
.layout-left-title {
  display: block;
  width: 100%;
  height: 17px;
  line-height: 17px;
  font-size: 16px;
  font-weight: 400;
  color: #ebab43;
  margin-bottom: 16px;
  padding-left: 30px;
}

/*列表*/
.layout-left-list {
  width: 100%;
  height: auto;
  margin-bottom: 32px;
}

.left-list-item {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 30px;
  font-size: 14px;
  color: #fff;
  text-align: left;
  position: relative;
}

.left-list-item:hover,
.left-list-item-active {
  background: #34353C;
  color: #fff;
}

.left-list-item-active::after {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: #ebab43;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

/*iconfont*/
.left-list-item .p-icon {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  float: left;
  margin: 10px 16px 10px 0;
}

.left-list-item .p-icon .iconfont {
  color: #ebab43;
}

.left-list-item .icon-baotuwang {
  font-size: 24px;
  position: relative;
  right: 2px;
}

.left-list-item .icon-diqiu {
  font-size: 19px;
}

.left-list-item .icon-vip {
  font-size: 15px;
}

.left-list-item .icon-dengpao {
  font-size: 21px;
  position: relative;
  right: 1px;
}

.left-list-item .icon-quanqiujingxuan {
  font-size: 18px;
  position: relative;
  right: 1px;
}

.left-list-item .icon-zaixiansheji {
  font-size: 18px;
}

.left-list-item .icon-dingzhi4 {
  font-size: 21px;
  position: relative;
  left: -1px;
  top: 1px;
}

.left-list-item .icon-jiqiren1 {
  font-size: 17px;
  position: relative;
  top: 1px;
  left: -0.5px;
}

.left-list-item .icon-zichan {
  font-size: 22px;
  position: relative;
  left: -1px;
}

.left-list-item .icon-qiye {
  font-size: 17px;
}

.left-list-item .icon-wodeS,
.left-list-item .icon-tupian {
  font-size: 18px;
  position: relative;
  top: -1px;
}

.left-list-item .icon-yitusoutu {
  font-size: 20px;
  position: relative;
  left: 2px;
  top: 1px;
}

/*创意Pro付费角标*/
.left-list-item .span-pro-right {
  display: inline-block;
  width: 42px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  background: linear-gradient(90deg, #EB7C45, #D03A35);
  border-radius: 9px;
  color: #fef4a1;
  margin-left: 3px;
  letter-spacing: 1px;
  vertical-align: 1px;
}

/*左侧菜单栏 END*/

/*判断是否是企业VIP弹窗 START*/
.enterprise-vip-alert {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
}

.enterprise-vip-alert .alert-wrapper {
  width: 504px;
  height: 381px;
  background: url('//js.ibaotu.com/revision/plus/img/home/img_enterprise.png') center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding-top: 160px;
}

.enterprise-vip-alert .alert-wrapper i {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  color: #999;
  position: absolute;
  top: 105px;
  right: 35px;
  cursor: pointer;
}

.enterprise-vip-alert .alert-wrapper p {
  display: block;
  color: #FFB311;
  font-size: 26px;
  text-align: center;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: 1px;
  text-shadow: 1px 2px 4px rgba(11, 16, 85, 0.2);
  background: linear-gradient(90deg, #EBCE95, #CCA761);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
}

.enterprise-vip-alert .alert-wrapper a {
  display: block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: linear-gradient(90deg, #F2CD8C, #D4A554);
  border-radius: 25px;
  font-size: 20px;
  color: #20232B;
  letter-spacing: 1px;
  margin: 0 auto;
}

.enterprise-vip-alert .alert-wrapper a:hover {
  opacity: 0.92;
}

/*判断是否是企业VIP弹窗 END*/

/*是否是IE浏览器、以及使用IE内核的浏览器弹窗*/
.div-ie-judgment {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}

.div-ie-judgment .alert-wrapper {
  width: 554px;
  height: 364px;
  background: url('//js.ibaotu.com/revision/plus/img/public/img_not_ie.png') center no-repeat;
  background-size: cover;
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding-top: 40px;
}

.div-ie-judgment .alert-wrapper h2,
.div-ie-judgment .alert-wrapper p,
.div-ie-judgment .alert-wrapper span {
  display: block;
  text-align: center;
  letter-spacing: 1px;
}

.div-ie-judgment .alert-wrapper h2 {
  height: 32px;
  line-height: 32px;
  font-size: 30px;
  color: #F3BE66;
  background: linear-gradient(90deg, #EBCE95, #CCA761);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: normal;
  margin-bottom: 16px;
}

.div-ie-judgment .alert-wrapper p {
  font-size: 18px;
  line-height: 36px;
  color: #fff;
  font-weight: 400;
  text-align: left;
  padding-left: 52px;
  text-indent: 30px;
  letter-spacing: 0;
}

.div-ie-judgment .alert-wrapper p em {
  color: #FF0000;
  font-weight: 400;
}

.div-ie-judgment .alert-wrapper span {
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #F3BE66;
  background: linear-gradient(90deg, #EBCE95, #CCA761);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.div-ie-judgment .alert-wrapper .button {
  display: block;
  width: 180px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 20px;
  background: linear-gradient(90deg, #F2CD8C, #D4A554);
  border-radius: 25px;
  color: #20232B;
  margin: 20px auto 0;
}

.div-ie-judgment .alert-wrapper .button:hover {
  opacity: 0.9;
}

/*右下角悬浮*/
.div-ie-fixed {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 2%;
  bottom: 5%;
  z-index: 10;
}

.div-ie-fixed a {
  display: block;
  width: 60px;
  height: 60px;
  background: #FFB311;
  border-radius: 50%;
  margin: 0 auto;
  text-align: center;
  line-height: 60px;
}

.div-ie-fixed a i {
  font-size: 40px;
  color: #fff;
}

.div-ie-fixed span {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0;
  bottom: 0;
  background: #FFB311;
  border-radius: 50%;
  animation: circleDiffusion 3s linear infinite;
  z-index: -1;
}

.div-ie-fixed span:nth-child(2) {
  animation-delay: 1.5s;
}

/*以图搜图弹窗*/
.search-by-image {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
}

.search-by-image-wrapper {
  width: 500px;
  height: 480px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 5px 20px rgba(118, 118, 118, 0.5);
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
  padding: 40px 52px 0;
}

.search-by-image-wrapper .icon-cha {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 22;
  color: #a0a0a0;
  cursor: pointer;
}

.search-by-image-wrapper p.title {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #333;
  text-align: center;
  margin-bottom: 26px;
}

.search-by-image-wrapper span.text {
  display: block;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  color: #333;
  margin-bottom: 16px;
}

.search-by-image-wrapper .search-upload-wrapper {
  width: 100%;
  height: 190px;
  background: #fff;
  border-radius: 4px;
  border: 1px dashed #dbdbdb;
  margin: 0 auto 26px;
  text-align: center;
  padding-top: 50px;
}

.search-upload-wrapper .image_upload a {
  color: #D4A554;
  margin-left: 2px;
  font-weight: bold;
}

.search-upload-wrapper .image_upload a:hover {
  border-bottom: 1px solid #D4A554;
}

.search-upload-wrapper em {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: normal;
  color: #999;
  letter-spacing: 1px;
  margin-top: 8px;
}

/*输入框*/
.search-by-image-wrapper .search-by-input {
  height: 40px;
  position: relative;
}

.search-by-input input {
  height: 100%;
  padding: 0 40px 0 0;
  text-indent: 15px;
}

.search-by-input input:hover {
  border-color: #FFB311;
}

.search-by-input input:focus,
.search-by-input .ant-input-focused {
  border-color: #FFB311;
  box-shadow: none;
}

.search-by-button {
  display: block;
  width: 54px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}

.search-by-button .iconfont {
  font-size: 26px;
  color: #FFB311;
}

/*问号*/
.search-by-image-wrapper .tip {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #999;
  padding-left: 5px;
  position: relative;
  cursor: pointer;
  margin-top: 2px;
}

.search-by-image-wrapper .tip:hover {
  color: #D4A554;
  font-weight: bold;
}

.search-by-image-wrapper .tip .iconfont {
  display: inline-block;
  vertical-align: -1px;
  margin-right: 2px;
}

.search-by-image-wrapper .tip span {
  display: none;
  width: 260px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.5);
  padding: 6px 12px;
  border-radius: 4px;
  color: #fff;
  position: absolute;
  top: 8px;
  right: -14px;
}

/*loading*/
.search-by-image-wrapper .div-uploading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 120px;
  background: rgba(237, 237, 240, 0.9);
  border-radius: 12px;
  z-index: 25;
}

.search-by-image-wrapper .div-uploading p {
  font-size: 16px;
  letter-spacing: 1px;
}

.search-by-image-wrapper .div-uploading img {
  display: block;
  width: 160px;
  margin: 0 auto;
}

/*error404页面*/
.layout-error-wrapper {
  width: 100%;
  height: 100%;
  padding: 250px 0;
  background: #21232A;
  position: relative;
  top: 0;
  left: 0;
}

.layout-error-wrapper img {
  display: block;
  width: 600px;
  margin: 0 auto 100px;
}

.layout-error-wrapper .error-button {
  display: block;
  width: 220px;
  height: 60px;
  line-height: 60px;
  background: linear-gradient(90deg, #F2CD8C 0%, #D4A554 100%);
  border-radius: 30px;
  text-align: center;
  letter-spacing: 1px;
  font-size: 24px;
  color: #20232B;
  margin: 0 auto;
}

.layout-error-wrapper .error-button:hover {
  opacity: 0.95;
}

/*新的右侧悬浮遮罩*/
.layout_left_wrapper_new {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 84px;
  left: 0;
  right: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.15s ease-in;
}

.layout_left_wrapper_new.active {
  z-index: 100;
  opacity: 1;
}

.layout_left_wrapper_new .plus-layout-left {
  width: 200px;
  background: #20232b;
  box-shadow: 10px 0 30px 0 rgba(0, 0, 0, 0.3);
  margin-left: -200px;
  transition: all 0.15s ease-in;
}

.layout_left_wrapper_new.active .plus-layout-left {
  margin-left: 0;
}

.hide-Directory-diff {
  display: block;
  width: 30px;
  height: 84px;
  position: fixed;
  top: 0;
  left: 30px;
  padding-top: 33px;
  z-index: 201;
}

.hide-Directory-diff span {
  display: block;
  width: 24px;
  height: 1px;
  margin: 0 auto 8px;
  background: linear-gradient(90deg, #ffd694, #fdba48);
}

/*右边关闭遮罩层*/
.layout_right_wrapper {
  width: calc(100% - 200px);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

/*头部新增入口位*/
.authorize-Entrance {
  line-height: 28px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #2D2D2D;
  position: relative;
  margin-left: 30px;
}

.authorize-Entrance-diff {
  padding-top: 4px;
}

.authorize-Entrance::after {
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  height: 24px;
  background: #F2F2F2;
  border-radius: 1px;
  top: 3px;
  left: -20px;
}

.authorize-Entrance i {
  display: inline-block;
  margin-right: 8px;
}

.authorize-Entrance .icon-i {
  vertical-align: -2px;
  color: #686974;
  font-size: 18px;
}

.authorize-Entrance .icon-vip {
  vertical-align: 0;
  color: #FFCC70;
  font-size: 14px;
}

.authorize-Entrance span {
  display: inline-block;
  width: auto;
  max-width: 160px;
  height: 100%;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.authorize-Entrance .span-diff {
  max-width: 180px;
}

.authorize-Entrance a {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  text-align: center;
  margin-left: 18px;
  border-radius: 4px;
  transition: all 0.15s ease-in;
}

.authorize-Entrance a:hover {
  opacity: 0.9;
}

.authorize-Entrance .get-it-now {
  width: 72px;
  color: #8B4800;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
}

.authorize-Entrance .get-vip-hint01 {
  width: 100px;
  line-height: 26px;
  color: #f5c774;
  background: #212329;
  border: 1px solid #5b5d64;
  margin-left: 15px;
  cursor: inherit;
}

.authorize-Entrance .get-vip-hint01:hover {
  opacity: 1;
}

.authorize-Entrance .get-vip-hint02 {
  width: 160px;
  color: #fef9bb;
  margin-left: 15px;
  background: linear-gradient(90deg,  #ff9c60, #e22c2c);
}

.authorize-Entrance i.icon-you {
  margin: 0 0 0 -1px;
  font-size: 12px;
}

/*全局意见反馈弹窗 START*/
.layout-feedback {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 201;
}

.feedback-center {
  width: 780px;
  height: 570px;
  background: #fff;
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.feedback-top {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  font-size: 22px;
  color: #613C14;
  letter-spacing: 2px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 17px;
  font-weight: 600;
  background: linear-gradient(90deg, rgba(255, 203, 120, 0.36) 0%, rgba(251, 217, 168, 0.36) 100%);
}

.feedback-top a {
  display: block;
  width: 56px;
  height: 100%;
  text-align: center;
  line-height: 60px;
  float: right;
  font-weight: normal;
}

.feedback-top a i {
  display: inline-block;
  vertical-align: middle;
  color: #999;
  font-size: 26px;
  opacity: 0.6;
}

.feedback-top a i:hover {
  opacity: 0.9;
}

.feedback-bottom,
.feedback-row {
  width: 100%;
  height: auto;
}

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

.feedback-row01,
.feedback-row03 {
  height: 42px;
}

.feedback-row02 {
  height: 110px;
}

.feedback-row04 {
  height: 80px;
}

.feedback-left,
.feedback-right {
  height: 100%;
  float: left;
  position: relative;
}

.feedback-left {
  width: 110px;
  font-size: 16px;
  color: #333;
  text-align: right;
  padding-right: 18px;
  font-weight: bold;
}

.feedback-left em {
  color: #f82121;
  font-size: 16px;
  position: absolute;
  top: 2px;
  right: 8px;
}

.feedback-row01 .feedback-left,
.feedback-row03 .feedback-left {
  line-height: 42px;
}

.feedback-right ul {
  margin: 0;
}

.feedback-right .ant-input:hover,
.feedback-right .ant-input:focus,
 .feedback-right .ant-input-focused{
  border-color: #FFB311;
  box-shadow: none;
}

.feedback-type li {
  display: inline-block;
  width: 120px;
  height: 42px;
  background: #fff;
  line-height: 40px;
  float: left;
  border: 1px solid #e6e6e6;
  margin-right: 10px;
  border-radius: 6px;
  font-size: 14px;
  color: #9597a3;
  text-align: center;
  cursor: pointer;
  transition: all 0.26s ease;
  position: relative;
}

.feedback-type li i {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  margin-right: 5px;
  font-size: 15px;
}

.feedback-type li i.icon-neirongguanli {
  font-size: 17px;
}

.feedback-type li i.icon-huiyuan {
  font-size: 22px;
  margin-right: 3px;
}

.feedback-type li i.icon-gongneng {
  vertical-align: -1px;
}

.feedback-type li:hover,
.feedback-type li.active {
  border: 1px solid #FFB311;
  color: #FFB311;
}

.feedback-type li.active::after {
  display: block;
  content: '';
  width: 17px;
  height: 17px;
  background: url("//js.ibaotu.com/revision/plus/img/public/icon_feedback.png") center no-repeat;
  background-size: cover;
  position: absolute;
  top: 4px;
  right: 4px;
}

.feedback-error {
  display: block;
  font-size: 12px;
  line-height: 12px;
  color: #f82121;
  margin-top: 5px;
}

.feedback-right-view {
  width: 640px;
  height: 100%;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
}

.feedback-right-view .feedback-error {
  margin-top: 28px;
}

.feedback-view {
  width: 640px;
  background: none;
  border: none;
  font-size: 14px;
  color: #333;
  text-align: left;
  padding: 10px;
}

.feedback-right .view-number {
  font-size: 12px;
  color: #ccc;
  position: absolute;
  bottom: 2px;
  right: 8px;
  margin: 0;
}

.feedback-right .view-number.active {
  color: #333;
}

/*联系电话*/
.feedback-phone {
  display: block;
  width: 280px;
  height: 100%;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
}

.feedback-view:hover,
.feedback-view:focus {
  border: none;
  box-shadow: none;
}

.feedback-phone:hover,
.feedback-phone:focus {
  border: 1px solid #e6e6e6;
  box-shadow: none;
}

/*上传*/
.feedback-row04 {
  height: 80px;
  margin-bottom: 20px;
}

.feedback-upload {
  display: block;
  width: 80px;
  height: 80px;
  background: #faf3e5;
  border: 1px dashed #FFB311;
  border-radius: 6px;
}

.feedback-upload div.ant-upload,
.feedback-upload span.ant-upload {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.feedback-upload span.ant-upload {
  padding-top: 18px;
}

.feedback-upload .icon-jia1 {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
  color: #FFB311;
  margin: 0 auto 6px;
}

.feedback-upload .text {
  display: block;
  font-size: 12px;
  line-height: 13px;
  color: #FFB311;
  text-decoration: underline;
  text-align: center;
}

.feedbackResult {
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.5) url("//js.ibaotu.com/revision/img/global/loading.svg") top no-repeat;
  background-size: 65%;
  border-radius: 6px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding-top: 45px;
}

.feedbackImage {
  width: 80px;
  height: 80px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 6px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.feedbackImage p {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 80px;
  cursor: pointer;
}

.feedbackImage p i {
  font-size: 20px;
  color: #fff;
}

.feedbackImage:hover p {
  display: block;
}

/*提示文案*/
.feedback-row05 {
  height: 13px;
  line-height: 13px;
  font-size: 12px;
  color: #999;
  text-align: left;
  padding-left: 112px;
  margin-bottom: 24px;
}

.feedback-row05 a {
  color: #FFB311;
  text-decoration: underline;
}

.feedback-row05 a:hover {
  opacity: 0.9;
}

/*提交*/
.feedback-row06 {
  height: 42px;
  margin: 0 auto;
  text-align: center;
}

.feedback-row06 a {
  display: inline-block;
  width: 120px;
  height: 100%;
  margin: 0 10px;
  font-size: 16px;
  text-align: center;
  border-radius: 20px;
  vertical-align: top;
}

.feedbackRefer {
  line-height: 42px;
  color: #613c14;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
}

.feedbackRefer:hover {
  color: #613c14;
  opacity: 0.85;
}

.feedbackCancel {
  line-height: 40px;
  background: #fff;
  border: 1px solid #FFB311;
  color: #FFB311;
}

.feedbackCancel:hover {
  color: #FFB311;
  background: #fff;
  opacity: 0.9;
}

/*反馈成功提示*/
.ant-message-notice.feedback-hint .ant-message-notice-content {
  width: 154px;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 8px;
}

.ant-message .feedback-hint .anticon {
  top: 3px;
  font-size: 20px;
  margin-right: 4px;
  color: #52c41a;
}
/*全局意见反馈弹窗 END*/

/*右下角测试服提示*/
.pluTestSuit {
  display: block;
  width: 130px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  background: #fff;
  position: fixed;
  right: 0;
  bottom: 2px;
  z-index: 9999;
  color: red;
  text-align: center;
}

/*动画*/
@keyframes circleDiffusion {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  50% {
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}

/*2023年改版新样式*/
.plus-layout-right {
  min-height: 100vh;
  padding-top: 72px;
  display: flex;
  flex-direction: column;
}

.header-nav{
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  margin-bottom: 0em;
  margin-left: 37px;
}
.header-nav a{
  color: #FFFFFF;
}
.header-nav li{
  margin-right: 30px;
  transition: all 0.5s;
}
.header-nav li:hover a{
  color: rgba(248, 212, 148, 1);
}

.header-search{
  position: relative;
  margin-left: 20px;
}

.header-search input{
  padding-left: 10px;
}


.header-search .iconfont{
  cursor: pointer;
}

.header-search-old::after{
  content: '';
  display: block;
  position: absolute;
  width: 2px;
  height: 24px;
  background: #F2F2F2;
  border-radius: 1px;
  top: 6px;
}


.headerOld-input-wrapper{
  width: 177px;
  height: 34px;
  border-radius: 6px;
  margin-left: 20px;
  color: #fff;
  font-size: 14px;
  padding-left: 5px;
  background: #F9FAFB;
  border: 1px solid #EBEBEB;
}
.headerOld-input-wrapper::placeholder{
  font-size: 14px;
  text-align: left;
  font-weight: 500;
  color: #333333;
  padding-left: 73px;
}
.header-search{
  width: auto;
  height: auto;
  position: relative;
}
.header-search input[type="text"]:focus::placeholder {
  transition: all 0.3s;
  opacity: 0;
}
.header-search .iconfont{
  position: absolute;
  top: 0;
  left: 37%;
  font-size: 23px;
  color: #333333;
  transition: all 0.2s;
}


.header-search .ant-input:hover{
  border-color: #FFB311;
}

.new-plus_wrapper{
  min-width: 1300px;
}

.header-kefu{
  position: relative;
  width: 113px;
  height: 36px;
  border-radius: 6px;
  cursor: pointer;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  color: #8B4800;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  margin-right: 30px;
  transition: all 0.2s;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-kefu .iconfont {
  font-size: 20px;
  margin-right: 8px;
}
.VIP-identification-tips{
  width: 80px;
  height: 19px;
  line-height: 19px;
  text-align: center;
  background: linear-gradient(90deg, #EC8335 0%, #E8544D 100%);
  border-radius: 12px 11px 11px 0px;
  position: absolute;
  top: -15px;
  right: -8px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}
.header-kefu:hover img{
  transform: scale(1.05);
}
.header-kefu:hover{
  opacity: 0.9;
}



.layout-header-left{
  display: flex;
  align-items: center;
}

.layout-header-leftSpe{
  margin-right:auto;
}

.layout-header-right{
  display: flex;
  align-items: center;
  margin-left:auto
}

.header-kefu img{
  width: 17px;
  height: 20px;
  vertical-align: sub;
  margin-right: 7px;
  transition: all 0.3s;
}

.VIP-identification{
  position: relative;
  cursor: pointer;
  width: 107px;
  height: 36px;
  background: linear-gradient(90deg, #4C4C4C 0%, #363635 100%);
  border-radius: 6px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #F7D394;
  display: flex;
  align-items: center;
  justify-content: center;
}
.VIP-identification .iconfont {
  font-size: 20px;
  margin-right: 8px;
}

.VIP-identification:hover{
  /*opacity: 0.9;*/
}
.VIP-identification-tips{
  transition: background 0.5s ease; /* 设置按钮背景颜色的过渡效果 */
}
.VIP-identification:hover .VIP-identification-tips{
  animation: VIPcolorChange 2s infinite; /* 设置按钮的闪烁动画 */
}

@keyframes VIPcolorChange {
  0% {
    background: rgba(236, 131, 53, 1);

  }
  50% {
    background: rgba(232, 84, 77, 1);
  }
  100% {
    background: linear-gradient(90deg, #EC8335 0%, #E8544D 100%);
  }
}


.VIP-identification img{
  width: 18px;
  vertical-align: middle;
  margin-right: 7px;
  margin-bottom: 2px;
}

.headerNew-loginBtn{
  display: block;
  width: 140px;
  height: 36px;
  line-height: 34px;
  border: 1px solid #ebebeb;
  border-radius: 18px;
  text-align: center;
  font-size: 14px;
  color: #333333;
  transition: all 0.2s ease-in;
  margin-left: 30px;
  cursor: pointer;
}

.headerNew-loginBtn:hover{
  color: #fff;
  border-color: #FFB311;
  background: #FFB311;
}

.headernew-userheader{
  margin-left: 30px;
  position: relative;
}
.headernew-userheader .headernew-userheader-userImg{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
}
.seo-plus-layout-header .header-userInfo{
  width: 170px;
}

.header-userInfo-card-one img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
}

.header-userInfo-card{
  position: absolute;
  top: 85px;
  right: 0px;
  width: 441px;
  height: 360px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px rgba(51,51,51,0.2);
  border-radius: 10px;
  z-index: 888;
  padding: 0 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.headernew-userheader{
  height: 80px;
  display: flex;
  align-items: center;
}
.headernew-userheader:hover .header-userInfo-card{
  visibility: visible;
  opacity: 1;
}
.header-userInfo-card-one{
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #F0F0F0 ;
}
.header-userInfo-cardOne-Info{
  display: flex;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  margin-left: 17px;
}
.header-userInfo-cardOne-Info span:nth-child(1){
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333;
  margin-bottom: 5px;
}

.header-userInfo-cardOne-Info span:nth-child(2){
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999;
}

.headerNew-copy .iconfont{
  cursor: pointer;
  margin-left: 8px;
  font-size: 15px;
}

.headerNew-advice,
.headerNew-advice .iconfont{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999;
  cursor: pointer;
  transition: all 0.3s;
}
.headerNew-advice .iconfont{
  margin-right: 8px;
}

.headerNew-advice{
  margin-left: auto;
  margin-top: -25px;
}

.headerNew-copy{
  display: flex;
  flex-wrap: nowrap;
}

.headerNew-button-copy{
  position: relative;
}

.headerNew-button-copy span{
  display: block;
  width: 40px;
  padding: 0 3px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  font-size: 13px !important;
  right: -13px;
  top: -23px;
  text-align: center;
  background-color: rgba(0, 0, 0, .7);
  color: #fff !important;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all .1s ease-in-out;
}
.headerNew-button-copy:hover{
  color: #666;
}
.headerNew-button-copy:hover span{
  visibility: visible;
  opacity: 1;
}

.headerNew-advice:hover,
.headerNew-advice:hover .iconfont{
  color: #666;
}

.header-userInfo-card-two{
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}
.header-userInfo-card-two span{
  display: block;
  width: 191px;
  height: 51px;
  background: #F9FAFB;
  border-radius: 10px;
  text-align: center;
  line-height: 51px;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.header-userInfo-card-two span:hover{
  color: #FFB311;
}

.header-userInfo-card-two .iconfont{
  font-size: 22px;
  margin-right: 10px;
  vertical-align: bottom;
}
.header-userInfo-card-two span:nth-child(2) .iconfont{
  font-size: 25px;
  vertical-align: sub;
}

.header-userInfo-card-three{
  position: relative;
  cursor: pointer;
  width: 401px;
  height: 97px;
  border-radius: 10px;
  margin-top: 19px;
  overflow: hidden;
  transition: all .2s ease-in-out;
  background-image: url('//js.ibaotu.com/revision/img/qyvip/giftInfo/header-intruduce_v4.png');
  background-size: contain;
  background-repeat: no-repeat;
  padding: 0 16px;
}

.header-userInfo-card-three img{
  width: 100%;
  height: 100%;
}
.header-userInfo-card-three:hover{
  box-shadow: 0 10px 15px 0 rgba(32, 35, 43, 0.1);
}

.header-userInfo-card-three-activites{
  display: flex;
  align-items: center;
  margin-top: 14px;
}

/*.header-userInfo-card-three-activites span:nth-child(1){*/
/*  font-size: 22px;*/
/*  font-family: eryaqingtianzhu;*/
/*  font-weight: 400;*/
/*  color: #FFFFFF;*/
/*}*/

.header-userInfo-card-three-activites span{
  display: block;
  width: 156px;
  height: 22px;
  background: linear-gradient(90deg, #FB8730 1%, #F23B2F 100%);
  border-radius: 10px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  margin-left: 100px;
  margin-top: 4px;
}
.header-userInfo-card-three p{
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 16px;
}

.header-userInfo-card-four{
  display: flex;
  justify-content: center;
  margin-top: 19px;
}
.header-userInfo-card-four button{
  width: 95px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  background: #F9FAFB;
  border-radius: 8px;
  border: 1px solid #F0F0F0;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  transition: all 0.3s;
}

.header-userInfo-card-four button:hover{
  opacity: 0.8;
}

.headerNew-getVip{
  display: block;
  width: 85px;
  height: 25px;
  background: rgba(255,255,255,0.3);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 0px 8px 0px rgba(51,51,51,0.4);
  border-radius: 10px;
  position: absolute;
  right: 15px;
  bottom: 17px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 23px;
  text-align: center;
  transition: all 0.2s;
  padding-left: 4px;
}
.headerNew-getVip .iconfont{
  font-size: 12px;
  margin-left: 1px;
}

.headerNew-getVip:hover{
  opacity: 0.9;
}

.header-ableSpe{
  display: none !important;
}
.header-disabledSpe{
  display: flex;
}

.header-able.iconfont{
  font-size: 33px;
  top: 4px;
  right: 30px;
  z-index: 1;
  left: auto;
  color: #FFB311;
}
.header-disabled.iconfont{
  font-size: 23px;
}

.header-disabled{
  cursor: text !important;
}

.headerNew-input-wrapper{
  width: 800px;
  height: 58px;
  background: #FFFFFF;
  border: 2px solid #FFB311;
  border-radius: 16px;
  position: relative;
  transition: all 0.3s;
  font-size: 16px;
  color: #333;
}

.headerNew-input-wrapper::placeholder {

}

input.headerNew-input-wrapper{
  padding-left: 23px;
}

.header-search .iconfont:hover{
  animation: headerNewSearchBtn 1s .2s ease both;
}

@keyframes headerNewSearchBtn {
  0% {
    transform: scale(1);
    -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    animation-timing-function: cubic-bezier(.165, .84, .44, 1)
  }

  30% {
    transform: scale(1.1)
  }

  40% {
    transform: scale(1.1) rotate(10deg);
    -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
  }

  55% {
    transform: scale(1.1) rotate(-10deg)
  }

  70% {
    transform: scale(1.1) rotate(10deg)
  }

  85% {
    transform: scale(1.1) rotate(-10deg)
  }

  to {
    transform: scale(1.1) rotate(0)
  }
}

.header-searchCard{
  position: absolute;
  top: 63px;
  left: 0;
  width: 100%;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px rgba(51,51,51,0.1);
  border-radius: 16px;
  padding-top: 4px;
  z-index: 888;
}

.header-searchCard-history{
  overflow:hidden;
  white-space:nowrap;
  /*文字超出宽度则显示ellipsis省略号*/
  text-overflow:ellipsis;
}

.header-searchCard-history,
.header-searchCard-history p{
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333;
}

.header-searchCard-history p{
  cursor: pointer;
  margin-bottom: 0em;
}

/*.header-searchCard-history-p{*/
/*  max-width: 200px;*/
/*  overflow: hidden;*/
/*  white-space: nowrap;*/
/*  text-overflow: ellipsis;*/
/*}*/

.header-searchCard-history span{
  margin-right: 15px;
}

.header-searchCard-history {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 30px;
  margin-top: 15px;
  margin-bottom: -5px;
}

.header-searchCard-history p{
  margin-right: 20px;
}

.header-searchCard-history p:hover{
  color: #FFB311;
}

.header-searchCard-contentLi{
  display: flex;
  justify-content: space-between;
  padding: 0 30px;
  cursor: pointer;
  height: 33px;
  line-height: 33px;
}

.header-searchCard-contentLi .header-searchCard-recordName{
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333;
  cursor: pointer;
}

.header-searchCard-contentLi:hover{
  /*opacity: 0.8;*/
  background-color: #f9fafb;
}

.header-searchCard-contentLi .header-searchCard-recordNumber{
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999999;
}

.header-searchCard-content .header-searchCard-contentLi:nth-child(-n+3) .header-searchCard-recordName {
  color: #FFB311;
}

.layout-header-left .header-search-new{
  margin-left: 0px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.Design-toolCard{
  position: relative;
  height: 40px;
  line-height: 40px;
}

.header-nav li.Design-toolCard:hover a{
  color: #f4f4f4;
}

.Design-tool{
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: -24px;
  width: 110px;
  height: auto;
  background: #3B3C45;
  border-radius: 8px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: center;

  -o-transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.Design-tool li{
  height: 34px;
  line-height: 34px;
  margin-right: 0;
}

.Design-tool li a:hover{
  color: #FFB311 !important;
}
.Design-toolCard span:hover {
  opacity: 0.9;
}

.Design-toolCard:hover .Design-tool{
  top: 40px;
  visibility: visible;
  opacity: 1;
}

.header-searchCard-content ul{
  margin-top: 10px;
}

.header-smallScreen-navContent{
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 60px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #2D2D2D;
  margin-left: 28px;
  margin-right: 14px;
  cursor: pointer;
  transition: all 0.3s;
}

.header-smallScreen-navContent .iconfont{
  font-size: 21px;
  margin-right: 4px;
}

.header-smallScreen-navContent:hover{
  opacity: 0.9;
}

.header-smallScreen-nav{
  position: relative;
}

.header-smallScreen-tool{
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 20px;
  left: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 110px;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px rgba(51,51,51,0.1);
  border-radius: 8px;
  padding: 10px 0;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333;
  z-index: 4;

  transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.header-smallScreen-tool li{
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  transition: all 0.3s;
}

.header-smallScreen-tool li:hover{
  color: #FFB311;
}

.header-smallScreen-nav:hover .header-smallScreen-tool{
  opacity: 1;
  visibility: visible;
  top: 50px;
}

.header-smallScreen-nav{
  display: flex;
}


.header-kefu-smallScreen{
  width: 36px;
  height: 36px;
  background: linear-gradient(90deg, #FEE2B6 0%, #FEC86E 99%);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #8B4800;
}

.header-kefu-smallScreen .iconfont {
  margin: 0;
  font-size: 22px;
}

.VIP-identification-smallScreen{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(90deg, #4C4C4C 0%, #363635 100%);
  border-radius: 6px;
  margin-left: 30px;
  color: #F7D394;
}

.VIP-identification-smallScreen .iconfont {
  margin: 0;
  font-size: 22px;
}

.header-kefu-smallScreen{
  transition: all 0.3s;
}

.header-kefu-smallScreen img{
  transition: all 0.3s;
}

.header-kefu-smallScreen:hover img{
  transform: scale(1.05);
}

.VIP-identification-smallScreen{
  cursor: pointer;
  transition: all 0.2s;
}
.VIP-identification-smallScreen img{
  transition: all 0.3s;
}
.VIP-identification-smallScreen:hover img{
  transform: scale(1.05);
}

.VIP-identification-tips{
  overflow: hidden;
}
.VIP-identification-middleYearScroll{
  animation: changeText 12s infinite;
}
.VIP-identification-middleYearScroll span{
  display: block;
  width: 100%;
  height: 18px;
}

@keyframes changeText {
  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)
  }
}

/*头部样式*/
.authorize-Entrance .icon-qiehuan{
  cursor: pointer;
  margin-left: 12px;
  transition: all 0.3s;
}

.authorize-Entrance .icon-qiehuan:hover{
  opacity: 0.9;
}

.header-notVip .authorize-Entrance .icon-vip{
  color: #767984;
}

.authorize-Entrance{
  cursor: pointer;
}

.plus-header-cooperationCaseHeader{
  display: block;
  width: 162px;
  height: auto;
  margin-left: 30px;
}

.plus-header-cooperationCaseHeader img{
  width: 100%;
  height: auto;
}


/*响应式*/
@media (max-width:1680px) {
  .header-nav{
    display: none;
  }


}

@media (max-width:1440px) {
  .layout-error-wrapper {
    padding: 120px 0 250px;
  }

  .header-nav{
    margin-left: 20px;
  }
  .headerNew-navLi{
    margin-right: 14px;;
  }

  .header-search{
    margin-left: 15px;
  }
  .authorize-Entrance{
    margin-left: 15px;
  }

  .authorize-Entrance::after{
    left: -13px;
  }

  .headerNew-input-wrapper{
    width: 600px;
    height: 52px;
  }

  .header-able.iconfont{
    top: 1px;
  }

  .plus-header-cooperationCaseHeader{
    margin-left: 20px;
  }

  .header-smallScreen-navContent{
    margin-left: 15px;
    margin-right: 10px;
  }

  .authorize-Entrance .get-it-now{
    margin-left: 10px;
  }

  .headerOld-input-wrapper{
    width: 156px;
  }

  .header-search input{
    padding-left:0;
  }

  .header-kefu{
    margin-right: 20px;
  }

  .plus-header-cooperationCaseHeader{
    width: 155px;
  }

  input.headerNew-input-wrapper{
    padding-left: 15px;
  }


}

@media (max-width:1380px) {

  .headerNew-input-wrapper{
    margin-left: 0px;
  }

}

/*弹窗出现的样式*/
.Activate_registration_transition-enter {
  opacity: 0;
  transform: scale(0.3);
}

.Activate_registration_transition-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: opacity 300ms ease-in, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.Activate_registration_transition-exit {
  opacity: 1;
  transform: scale(0.8);
}

.Activate_registration_transition-exit-active {
  opacity: 0;
  transform: scale(0.3);
  transition: opacity 300ms ease-out, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}