/* 通用 */
* {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  text-decoration: none;
  font-family: "Microsoft YaHei";
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.pointer {
  cursor: pointer;
}

.layui-layout-admin .layui-body {
  top: 80px;
  padding-bottom: 44px;
  left: 0;
  position: static;
  margin-top: 80px;
  min-width: 1200px;
}

/* 头部 */

.layui-layout-admin .layui-header {
  background-color: #fff;
  height: 80px;
  min-width: 1200px;
}

.headerTop {
  height: 40px;
  line-height: 40px;
  padding: 0 50px;
  background: #edf2f5;
}

.headerTop .layui-layout-left {
  left: auto;
  top: auto;
  color: #333;
  font-size: 14px;
  font-weight: 400;
}

.headerTop .layui-layout-left p span {
  color: #f24a4a;
}

.headerTop .layui-layout-right {
  right: 50px;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.headerTop .layui-layout-right .tel {
  font-size: 14px;
  font-weight: 400;
  color: #ec5151;
  margin-left: 35px;
  display: flex;
  align-items: center;
}

.headerTop .layui-layout-right .tel i {
  display: block;
  width: 17px;
  height: 17px;
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -321px -237px;
  margin-right: 5px;
}

/* logo */
.headerNavLogo {
  margin-left: 50px;
  width: 291px;
  height: 50px;
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -9px -237px;
}

.layui-layout-admin .layui-logo {
  top: 0px;
  box-shadow: none;
  width: auto;
}

.layui-layout-admin .layui-logo a {
  display: flex;
  align-items: center;
  height: 80px;
}

/* 导航栏 */
.layui-layout-left {
  left: 27%;
  top: 10px;
  width: 930px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
  color: #ed3a2e;
}

.layui-nav .layui-nav-item a {
  color: #333;
  font-family: "albbphtB";
  font-size: 16px;
  white-space: nowrap;
}

.layui-nav .layui-nav-item.layui-this a {
  color: #ed3a2e;
}

.layui-nav .layui-this:after {
  position: static;
  background-color: transparent;
}

.layui-nav-bar {
  display: none;
}

.layui-nav .layui-nav-item:hover a {
  color: #ed3a2e;
  border: none;
}

.layui-nav-item i {
  display: block;
  height: 20px;
  position: absolute;
}

.layui-nav-item .hot {
  width: 35px;
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -338px -90px;
  margin-left: 11%;
}

.layui-nav-item .low {
  width: 59px;
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -259px -90px;
  margin-left: 17%;
}

.layui-nav-item .low2 {
  width: 59px;
  background: url(/static/b2023/images/nav-bq-dcds.png) no-repeat center;
  background-position: 0px 0px;
  margin-left: 0%;
}

/* 登录注册 */
.layui-layout-right {
  right: 50px;
  top: 10px;
}

.layui-layout-right .layui-nav-item .user_btn {
  /* width: 100px;*/
  height: 48px;
  background: linear-gradient(90deg, #fe2c3f 0%, #ff2d57 100%);
  border-radius: 30px;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
  font-family: "albbphtR";
  font-weight: normal;
  color: #ffffff;
}
.layui-layout-right .layui-nav-item .user_btn.login {
  width: 135px;
  box-sizing: border-box;
}

.layui-layout-right .layui-nav-item:hover .user_btn {
  color: #fff;
}

.layui-layout-right .layui-nav-item .exit {
  font-size: 18px;
  font-family: "albbphtR";
  font-weight: normal;
}

/* 底部 */
.layui-layout-admin .layui-footer {
  position: absolute;
  height: auto;
  background: linear-gradient(0deg, #170407 0%, #141414 100%);
  left: 0;
  bottom: auto;
  min-width: 1200px;
}

footer .footerLogo {
  width: 375px;
  height: 60px;
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -10px -10px;
}

footer .fooerRelatedBox {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  padding-bottom: 60px;
  border-bottom: 1px solid #343436;
}

footer .fooerRelated {
  color: #fff;
  display: flex;
  flex-direction: column;
}

footer .fooerRelated p {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
}

footer .fooerRelated a {
  font-size: 16px;
  font-weight: 400;
  color: #c8ced3;
  line-height: 48px;
}

.footerWechat img {
  width: 100px;
  height: 100px;
  margin: 10px 20px 10px 0;
}

footer .footerTel p {
  font-size: 16px;
  font-weight: 400;
  color: #cfd7eb;
  line-height: 36px;
}

footer .footerTel p span {
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  line-height: 36px;
}

footer .footerTel .qq {
  width: 200px;
  height: 40px;
  background: linear-gradient(89deg, #ff264f 0%, #f82828 100%);
  border-radius: 3px;
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}

.footerCopy,
.footerCopy a {
  font-size: 14px;
  font-weight: 400;
  color: #aab0b9;
  line-height: 24px;
  opacity: 0.6;
  text-align: center;
  margin-top: 20px;
  padding-bottom: 35px;
}

/* 上传商标 */
.upload_trademark {
  position: fixed;
  right: 20px;
  top: 350px;
  cursor: pointer;
  z-index: 999;
}
.upload_trademark .hbgif {
  position: fixed;
  margin-top: -15px;
  margin-left: 9px;
}
/* 右侧悬浮 */
.right-service {
  position: fixed;
  right: 24px;
  top: 450px;
  z-index: 999;
}
.right-service .share_box {
  padding: 10px 0;
  display: none;
}
.right-service .share_box:hover {
  cursor: pointer;
  background-color: #fc3740;
}
.right-service .share_box .share_img {
  width: 22px;
  height: 22px;
  margin: auto;
  background: url(/static/b2023/images/h_public/share.png) no-repeat;
  background-position: center center;
}
.right-service .share_box:hover .share_img {
  background: url(/static/b2023/images/h_public/share_hover.png) no-repeat;
  background-position: center center;
}
.right-service .share_box:hover span {
  color: #fff;
}
.right-service .share_box span {
  color: #fc3740;
}

.right-service .goBackTop {
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 1px 8px 0px rgba(22, 22, 22, 0.15);
  border-radius: 2px;
}

.right-service .goBackTop img {
  display: block;
  margin: auto;
}

.right-service .right-serviceBox {
  width: 55px;
  height: auto;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 1px 8px 0px rgba(34, 32, 32, 0.1);
  border-radius: 5px;
}

.right-service .serviceBOX {
  position: relative;
  padding: 10px 0px;
}

.right-service .serviceBOX span {
  color: #333333;
  font-size: 14px;
}

.right-service .serviceHover {
  position: absolute;
  display: none;
  width: 130px;
  background-color: #ffffff;
  box-shadow: 0px 1px 8px 0px rgba(22, 22, 22, 0.15);
  border-radius: 5px;
}

.right-service .serviceHover2 {
  top: 0px;
  padding: 20px 20px;
  width: 230px;
  right: 60px;
}

.right-service .serviceHover3 {
  top: 0px;
  padding: 10px 0px;
  right: 60px;
}

.right-service .serviceHover2 p {
  color: #606266;
  font-size: 14px;
  text-align: left;
  line-height: 24px;
}

.right-service .serviceHover2 a {
  width: 80px;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  display: block;
  text-align: center;
  margin: 10px 0px;
  height: 30px;
  background-image: linear-gradient(127deg, #fb4f13 0%, #e93535 100%),
    linear-gradient(#fdfbec, #fdfbec);
  background-blend-mode: normal, normal;
}

.right-service .serviceHover2 p span {
  color: #606266 !important;
  font-size: 16px;
}

.right-service .serviceHover3 p {
  font-size: 14px;
  color: #434344;
}

.right-service .goBackTop {
  cursor: pointer;
  margin-top: 10px;
}

.right-service .serviceBOX:hover .serviceXX span {
  color: #ffffff;
}

.right-service .serviceBOX .serviceXXImg {
  margin: auto;
}

.right-service .serviceXXImg + span {
  font-size: 12px;
  font-weight: 400;
  color: #666f7d;
}

.right-service .serviceXXImg1 + span,
.right-service .serviceXXImg2 + span {
  color: #fc3740;
}

.right-service .serviceBOX .serviceXXImg1 {
  width: 22px;
  height: 23px;
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -259px -130px;
}

.right-service .serviceBOX .serviceXXImg2 {
  width: 22px;
  height: 21px;
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -242px -190px;
}

.right-service .serviceBOX .serviceXXImg3 {
  width: 22px;
  height: 22px;
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -158px -189px;
}

.right-service .goBackTop .serviceXXImg4 {
  width: 25px;
  height: 13px;
  margin: auto;
  margin-bottom: 10px;
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -284px -189px;
}

.right-service .serviceBOX3 {
  cursor: pointer;
}

.right-service .serviceBOX4 i {
  display: block;
  width: 36px;
  height: 21px;
  background: url(/static/b2023/images/invitation_new.png) no-repeat center;
  position: absolute;
  margin-left: 10px;
  margin-top: -11px;
}

.right-service .serviceBOX .serviceXXImg5 {
  width: 22px;
  height: 22px;
  background: url(/static/b2023/images/invitation_hover.png) no-repeat center;
}

.right-service .serviceBOX:hover {
  background-color: #fc3740;
}

.right-service .goBackTop .serviceBOX:hover {
  background-color: transparent;
}

.right-service .serviceBOX:hover span {
  color: #fff;
}

.right-service .goBackTop .serviceBOX:hover span {
  color: #333333;
}

.right-service .serviceBOX:hover .serviceXXImg1 {
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -301px -130px;
}

.right-service .serviceBOX:hover .serviceXXImg2 {
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -200px -190px;
}

.right-service .serviceBOX:hover .serviceXXImg3 {
  background: url(/static/b2023/images/public.png) no-repeat center;
  background-position: -343px -131px;
}

.right-service .serviceBOX:hover .serviceXXImg5 {
  background: url(/static/b2023/images/invitation.png) no-repeat center;
}

.right-service .goBackTop .serviceBOX {
  background: #fafafa;
  box-shadow: 0px 1px 8px 0px rgba(34, 32, 32, 0.1);
  border-radius: 5px;
}

.serviceBOX:hover .serviceHover {
  display: block;
}

.link_friend {
  display: none;
}

/* 弹框 */
.dialogs {
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  color: #333;
  font-size: 20px;
  display: none;
}

.dialogs img {
  width: 300px;
  height: 300px;
  text-align: center;
}

.layui-layer-setwin .layui-layer-close2 {
  position: static;
  right: -28px;
  top: -28px;
  color: #999;
  background-color: transparent;
  padding: 0;
  border: none;
  width: 20px;
  height: 28px;
  font-size: 16px;
  font-weight: bolder;
  border-radius: 50%;
  margin-left: 0;
}

.layui-layer-setwin .layui-layer-close2:hover {
  background-color: transparent;
}

/* 未拥有商标管理系统*/
.dialog_proxy_system,
.dialog_exclusive_invitation {
  padding: 30px 20px 0;
  border-radius: 10px;
  background-color: #fff;
  display: none;
}

.dialog_proxy_system .dialog_title {
  font-weight: bold;
  font-size: 30px;
  color: #333333;
  line-height: 40px;
  text-align: center;
}

.dialog_proxy_system .dialog_adesc {
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  text-align: center;
  margin-bottom: 15px;
}

.exclusive_invitation {
  width: 380px;
  height: 200px;
  background: #ffffff;
  border-radius: 10px;
  background: url("../images/invitation_bg.png") no-repeat center;
  background-size: contain;
}

.exclusive_invitation .exclusive_invitation_title {
  font-weight: 500;
  font-size: 30px;
  color: #1b64c8;
  line-height: 70px;
  text-align: center;
}

.exclusive_invitation .exclusive_invitation_drop {
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  line-height: 36px;
  margin: 0 25px;
}

.exclusive_invitation .exclusive_invitation_drop span {
  color: #1980ff;
  font-weight: bold;
}

.dialog_proxy_system > a {
  display: block;
  cursor: pointer;
  width: 380px;
  height: 48px;
  background: linear-gradient(90deg, #273bff 0%, #426eff 99%);
  border-radius: 24px;
  text-align: center;
  line-height: 48px;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  margin-top: 20px;
}

.dialog_proxy_system > a img {
  position: absolute;
  margin-top: -15px;
}

/* 专属链接 */
.dialog_exclusive_invitation .layui-form {
  margin: 10px 0;
  font-weight: 400;
  font-size: 16px;
  color: #333333;
  line-height: 30px;
}

.dialog_exclusive_invitation .layui-form .layui-form-item {
  margin-bottom: 0;
}

.dialog_exclusive_invitation .layui-form .layui-form-label {
  padding: 0;
  line-height: 30px;
}

.dialog_exclusive_invitation .layui-form .layui-input-block {
  margin-left: 80px;
}

.dialog_exclusive_invitation .layui-form .layui-input-block .layui-form-radio {
  margin: 0;
  width: 44%;
}

.dialog_exclusive_invitation
  .layui-form
  .layui-input-block
  .layui-form-radio:hover
  div,
.dialog_exclusive_invitation
  .layui-form
  .layui-input-block
  .layui-form-radio
  div {
  font-size: 16px;
  color: #333;
}
.dialog_exclusive_invitation
  .layui-form
  .layui-input-block
  .layui-form-radio:hover
  i,
.dialog_exclusive_invitation
  .layui-form
  .layui-input-block
  .layui-form-radioed
  i {
  color: #4269ff;
}
.dialog_exclusive_invitation .exclusive_invitation_link {
  width: 340px;
  height: 90px;
  background: #f7faff;
  border-radius: 10px;
  padding: 20px;
}

.dialog_exclusive_invitation
  .exclusive_invitation_link
  .exclusive_invitation_link_title {
  font-weight: 500;
  font-size: 24px;
  color: #333333;
  line-height: 30px;
}

.dialog_exclusive_invitation
  .exclusive_invitation_link
  .exclusive_invitation_link_content {
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  margin-top: 10px;
  word-break: break-all;
}

.dialog_exclusive_invitation .copy_invitation_link {
  width: 380px;
  height: 48px;
  background: #e9f5ff;
  border-radius: 24px;
  font-weight: 400;
  font-size: 16px;
  color: #416eff;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  margin-top: 15px;
}

/* 适配 */

@media screen and (max-width: 1700px) {
  .layui-layout-left {
    left: 23%;
    width: 810px;
  }

  .layui-layout-right {
    right: 10px;
  }

  .layui-nav .layui-nav-item a {
    padding: 0 10px;
  }
}

@media screen and (max-width: 1400px) {
  .headerNavLogo {
    margin-left: 10px;
  }

  .layui-layout-left {
    width: 680px;
  }
}

@media screen and (max-width: 1200px) {
  .w1200 {
    width: 100%;
    min-width: 430px;
  }

  .layui-layout-admin .layui-body {
    margin-top: 80px;
  }

  .layui-layout-admin .layui-logo {
    top: 20px;
    height: auto;
    width: 300px;
    position: static;
  }

  .headerNavLogo {
    width: 240px;
    background-size: contain;
  }

  .layui-layout-admin .layui-footer {
    min-width: 430px;
    width: 100%;
    padding: 0;
  }

  footer .fooerRelatedBox {
    flex-wrap: wrap;
    margin: 10px;
  }
}