/**
**后台首页
 */
body {
  font-family: WorkSans, Helvetica Neue, Arial, PingFang SC, Microsoft YaHei,
    sans-serif;
}
.construction-module-sellersprite {
  padding: 25px 25px 0;
}
.border-radius-5px {
  border-radius: 5px;
}
.border-radius-4px {
  border-radius: 4px;
}
.header-hpmepage-box h2 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}

.chrome-and-sellersprite {
  padding: 10px 10px 10px 20px;
  font-size: 17px;
  font-weight: bold;
  color: #333333;
}
.icon-jiahao-verticalAlignMiddle {
  font-weight: lighter;
  vertical-align: middle;
}
.mr10px {
  margin-right: 10px !important;
}
.chrome-and-sellersprite .icon-maijiajinglingbiao {
  font-size: 35px;
  vertical-align: middle;
}

.color-light-8C8C8C {
  color: #8c8c8c;
}

.font-size-13 {
  font-size: 13px !important;
}

ul {
  margin: 0;
  padding: 0;
}

ul,
ul li {
  list-style: none;
}

.construction-left {
  width: 193px;
  background: #fffcf5;
  border-radius: 5px;
  margin: 0 25px 25px 0;
}

.isblue-construction .construction-left {
  background-color: #f2fcff;
}

.isgreen-construction .construction-left {
  background-color: #f0fcfa;
}

.ispurple-construction .construction-left {
  background-color: #f7f4ff;
}
.font-size-78 {
  transform: scale(0.78);
}
/* 公告信息 */
.announcement-box,
.live-courses-box {
  flex: 1;
  padding: 18px 0;
  border-radius: 5px;
}

.announcement-courses-title,
.announcement-box li {
  padding: 0 26px;
}

.announcement-courses-title h4 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}

.announcement-courses-title a {
  font-size: 13px;
  font-weight: 500;
  color: #999999;
}

.announcement-box li a {
  font-size: 13px;
  font-weight: 500;
  color: #333333;
  line-height: 32px;
}

.announcement-box li span {
  color: #777;
}

.islive-broadcast {
  display: inline-block;
  background: url(../img/homepage/islive-broadcast.gif) no-repeat;
  background-size: contain;
  width: 14px;
  height: 10px;
}

.color-FB5151 {
  color: #fb5151 !important;
}

.live-courses-img {
  width: 83px;
  height: 56px;
  background: #f4f2f2;
  border-radius: 6px;
  overflow: hidden;
  margin-right: 20px;
}

.live-courses-img img {
  height: 56px;
}

.live-courses-box h5 {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
}

.live-courses-box li {
  margin-top: 4px;
  padding: 10px 26px;
  cursor: pointer;
}

.live-courses-box li:hover {
  box-shadow: 5px -5px 10px -4px #f4f4f4, -5px 5px 10px -4px #f4f4f4;
}

.live-courses-box li p {
  font-size: 13px;
  font-weight: 500;
  color: #777777;
  margin-top: 8px;
}

.remind-me-btn,
.remind-novice-learn {
  display: inline-block;
  min-width: 54px;
  height: 19px;
  background: #fff4f8;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
  color: #fb5151;
  text-align: center;
  line-height: 19px;
  padding: 0 7px;
}
.remind-me-btn.isRemind {
  color: #777777;
}
.live-courses-box li.isLiveRemind .isRemind,
.live-courses-box li .remind-me-action {
  display: inline-block;
}
.live-courses-box li.isLiveRemind .remind-me-action,
.live-courses-box li .isRemind {
  display: none;
}

/* 我的收藏 */
.my-favorite-announcement {
  padding: 10px 20px;
}

.my-favorite-announcement li {
  min-width: 142px;
  margin-top: 13px;
  padding-top: 20px;
  cursor: pointer;
  position: relative;
}
.my-favorite-announcement.sijp li {
  min-width: 213px;
}
.my-favorite-announcement li .icon-favorites-bg {
  display: inline-block;
  width: 31px;
  height: 34px;
  background-repeat: no-repeat;
  background-size: contain;
}
.my-favorite-announcement li:hover .icon-favorites-bg {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.operation-box-delete {
  position: absolute;
  right: 0;
  top: 0.5rem;
  display: none !important;
}
.my-favorite-announcement.favorite-accomplish .operation-box-delete {
  display: flex !important;
}
.my-favorite-announcement.havenot-favorite .manage-favorite-action {
  display: none !important;
}
.operation-box-delete .iconfont {
  font-size: 12px;
  color: #d1cfcf;
}

.operation-box-delete .iconfont:hover {
  color: #fb8c1e;
}

.my-favorite-announcement p {
  font-size: 15px;
  font-weight: bold;
  color: #343434;
  margin-top: 1px;
  text-align: center;
  margin-top: 5px;
}

.my-favorite-announcement .icon-box .iconfont {
  font-size: 30px;
  color: #ffb70b;
}

.manage-favorite-action {
  font-size: 13px;
  font-weight: 500;
  color: #999999;
  cursor: pointer;
}
.manage-favorite-action:hover {
  color: #fb8c1e;
}

.manage-favorite-action.accomplish,
.my-favorite-announcement.favorite-accomplish .manage-favorite-action {
  display: none !important;
}
.my-favorite-announcement.favorite-accomplish
  .manage-favorite-action.accomplish {
  display: block !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.manage-favorite-action .iconfont.icon-guanlishoucang {
  vertical-align: -2px;
}
.construction-left h3 {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin: 0 auto 16px;
}

.construction-left hr {
  width: 34px;
  height: 4px;
  background: #fb8c1e;
  border-radius: 2px;
  margin: 0 auto;
}

.construction-mark-img {
  display: block;
  background: url(../../assets-v2/img/homepage/keyword-sprite-icon.png)
    no-repeat;
  background-size: contain;
  width: 55px;
  height: 55px;
  margin: 0 auto 20px;
}

.isblue-construction .construction-mark-img {
  background-image: url(../../assets-v2/img/homepage/product-sprite-icon.png);
}

.isgreen-construction .construction-mark-img {
  background-image: url(../../assets-v2/img/homepage/tracking-sprite-icon.png);
}

.ispurple-construction .construction-mark-img {
  background-image: url(../../assets-v2/img/homepage/free-tool-icon.png);
}

.isblue-construction .construction-left hr {
  background-color: #518ef9;
}

.isgreen-construction .construction-left hr {
  background-color: #31c993;
}

.ispurple-construction .construction-left hr {
  background-color: #ac96f3;
}

.construction-right li {
  padding: 20px;
  width: 330px;
  height: 164px;
  background: #ffffff;
  box-shadow: 0px 2px 8px 0px rgba(6, 4, 4, 0.08);
  border-radius: 5px;
  border: 2px solid transparent;
  margin-bottom: 25px;
}

.construction-right li.isnoborder {
  box-shadow: none;
}

.construction-right li:not(.isnoborder):hover {
  border-color: #ffb400;
  box-shadow: 0px 4px 8px 0px rgba(255, 180, 0, 0.08);
}

.construction-right h4 {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}

.construction-right p {
  font-size: 13px;
  font-weight: 500;
  color: #777777;
  line-height: 24px;
  min-height: 72px;
  margin: 10px 0 5px;
}

.link_hover_primary {
  font-size: 13px;
  font-weight: 500;
  color: #777777;
}

.link_hover_primary .iconfont {
  font-size: 13px;
  color: #96989a;
}

.link_hover_primary:hover,
.link_hover_primary:hover .iconfont {
  color: #fb8c1e;
}

.line-icon {
  width: 1px;
  height: 13px;
  background: #dfe6ee;
}

.icon-collect-construction {
  display: none;
  color: #ffb400;
  cursor: pointer;
  font-size: 15px;
}

.icon-collect-construction:hover,
.announcement-courses-title a:hover,
.announcement-box li a:hover {
  color: #ffb400;
}

.icon-collect-construction.isactive {
  color: #ffb400;
}

.construction-right li:not(.isnoborder):hover .icon-collect-construction,
.construction-right li:not(.isnoborder) .icon-collect-construction.isactive {
  display: block;
}

.btn-139-38,
.btn-127-38,
.min-btn-127-38 {
  padding: 0 !important;
  width: 140px;
  height: 38px;
  text-align: center;
  line-height: 38px;
}
.btn-127-38 {
  width: 127px;
}
.min-btn-127-38 {
  width: auto;
  padding: 0 8px !important;
}
.btn-success-light {
  color: #fff;
  background-color: #31c993;
  border-color: #31c993;
}

.btn-success-light:hover {
  color: #fff;
  background-color: #29ba86;
  border-color: #29ba86;
}

.btn-blue {
  color: #fff;
  background-color: #518ef9;
  border-color: #518ef9;
}

.btn-blue:hover {
  color: #fff;
  background-color: #4680e5;
  border-color: #4680e5;
}

.btn-yellow {
  color: #fff;
  background-color: #ffb400;
  border-color: #ffb400;
}

.btn-yellow:hover {
  color: #fff;
  background-color: #fb8c1e;
  border-color: #fb8c1e;
}
.btn-gobbs {
  min-width: 75px;
  height: 26px;
  line-height: 26px;
  background: #f6f6f8;
  border: 1px solid #fd4f51;
  border-radius: 5px;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #fa5252;
  text-align: center;
  margin-left: 23px;
}
.btn-gobbs-jp {
  width: 135px;
}
.color-red-light {
  color: #e62d06 !important;
}
.qa-number-tips {
  font-size: 13px;
  font-weight: 400;
  color: #666666;
}
.qa-number-tips .color-red-light {
  font-weight: 600;
}
.btn-gobbs:hover {
  color: #fa5252 !important;
  box-shadow: 0px 1px 12px 0px rgba(250, 82, 82, 0.8);
}
/* 微信提醒 */
#follow-wechat-modal.isLive .live-broadcast,
#follow-wechat-modal .banding-wx {
  display: block !important;
}
#follow-wechat-modal.isLive .banding-wx,
#follow-wechat-modal .live-broadcast {
  display: none !important;
}
.follow-wechat-box {
  padding: 0;
  background: #ffffff;
  border-radius: 5px;
  position: relative;
}
.follow-wechat-box h3 {
  font-size: 24px;
  font-weight: 400;
  color: #666666;
}
.follow-wechat-box p {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  margin: 6px 0 23px;
}
.mb-6px {
  margin-bottom: 6px !important;
}
.mb-8px {
  margin-bottom: 8px !important;
}
.follow-wechat-close {
  padding: 12px;
}
.hide {
  display: none;
}
.text-tip {
  color: #66bc38 !important;
  font-size: 13px !important;
  line-height: 22px;
}
.islose {
  cursor: pointer !important;
}
.hpmepage-boundWechat {
  font-size: 13px;
  color: #666;
  font-weight: 500;
  display: inline-block;
  margin-left: 5px;
}
.hpmepage-boundWechat a,
.hpmepage-boundWechat a:hover {
  color: #e62d06 !important;
  border-bottom-color: #e62d06 !important;
}
.time-no-longer-remind {
  text-align: center;
  color: #7b7e81 !important;
}
.time-no-longer-remind .custom-checkbox {
  display: inline-block !important;
}
.time-no-longer-remind .custom-control-label {
  cursor: pointer;
}
.time-no-longer-remind .custom-control-label:after,
.time-no-longer-remind .custom-control-label:before {
  left: -1.1rem;
}
@media screen and (max-width: 750px) {
  .construction-left,
  .isnoborder,
  .hide-mobile-ext {
    display: none !important;
  }
  .announcement-box,
  .live-courses-box {
    width: 100%;
    min-width: 100%;
  }
  /* .announcement-box {
    margin: 0 0 20px 0 !important;
  } */
  .chrome-and-sellersprite {
    padding: 10px;
  }
  .btn-139-38,
  .btn-127-38 {
    width: 112px;
  }
  .btn-139-38 .iconfont,
  .btn-127-38 .iconfont {
    margin-right: 5px;
  }
  .construction-right li {
    width: 100%;
  }
  .btn-yellow-jp {
    margin-top: 10px;
  }
}