@charset "utf-8";
/* CSS Document */

a:hover,
a:active {
  text-decoration: none;
}
.wrap {
  padding: 0 10px;
  position: relative;
}
.row {
  width: 100%;
}
.bg-white {
  background: #fff;
}

.tab {
  width: 100%;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #eee;
  display: -moz-box;
  display: -webkit-box;
  display: box;
}
.tab > .items {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
}
.tab > .items > a {
  display: block;
  font-size: 14px;
  padding: 8px;
  margin: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab > .items > a.active {
  color: #ff5a00;
  border-bottom: 2px solid #ff5a00;
  padding-bottom: 6px;
}
.tab.fixed {
  position: fixed;
  left: 0;
  z-index: 4;
}

.btn-bar {
  padding: 30px 10px;
}
.btn-bar a {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 42px;
  background: #fff;
  border: 1px solid #777;
  border-radius: 4px;
  margin-bottom: 15px;
}
.btn-bar a + a {
  margin-bottom: 0;
}
.btn-bar a.blue {
  color: #fff;
  background: #286fd0;
  border: 1px solid #1e64c2;
}
.btn-bar a.red {
  color: #fff;
  background: #e03131;
  border: 1px solid #e03131;
}
.btn-bar a.disabled {
  color: #bbb;
  background: #ddd;
  border: 1px solid #ccc;
}

.ms-price {
  color: #ff5a00;
}

/*---------------------header------------------------*/

header {
  width: 100%;
  text-align: center;
  background: #fff;
  padding: 7px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
}
header.show {
  display: block;
}
header h1 {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 600;
  margin: 0 4em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
header img {
  display: block;
  height: 100%;
  margin: 0 auto;
}
header .public-btn {
  display: block;
  line-height: 32px;
  min-width: 32px;
  height: 32px;
  text-align: center;
  position: absolute;
  top: 6px;
}
header .public-btn i {
  font-size: 22px;
}
header .public-btn.left {
  left: 10px;
}
header .public-btn.right {
  right: 10px;
}

/*---------------------footer------------------------*/
footer {
  width: 100%;
  line-height: 18px;
  text-align: center;
  background: #fff;
  padding: 0;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
}
footer .menu {
  width: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: box;
}
footer .menu > li {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
}
footer .menu > li a {
  display: block;
  font-size: 10px;
  padding-top: 7px;
}
footer .menu > li a > i {
  display: block;
  font-size: 22px;
  margin: 0 auto;
}
footer .menu > li a.active {
  color: #ff5a00;
}

/*---------------------主体部分------------------------*/
.main {
  width: 100%;
  padding: 0 0 50px 0;
  position: relative;
  z-index: 1;
}
.main > .content {
  width: 100%;
}
.main.has-top {
  padding-top: 54px;
}

/*---------------------首页------------------------*/
.banner {
  width: 100%;
  height: auto;
  background: #b0dcf5;
  position: relative;
}
.banner img {
  display: block;
  width: 100%;
}

.banner .login-tip {
  width: 100%;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.banner .login-tip a {
  display: block;
  color: #fff;
  padding: 7px 0;
}

.apply-menu-null {
  width: 100%;
  text-align: center;
  color: #666;
  background: #fff;
  padding-top: 9px;
  padding-bottom: 30px;
}
.apply-menu-null > ul {
  width: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: box;
}
.apply-menu-null > ul > li {
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
}
.apply-menu-null > ul > li > a {
  display: block;
  width: 44px;
  line-height: 44px;
  border-radius: 44px;
  margin: 0 auto;
  margin-bottom: 8px;
}
.apply-menu-null > ul > li > a i {
  color: #fff;
  font-size: 22px;
}
.apply-menu-null a.blue {
  background: #1fa3d4;
}
.apply-menu-null a.yellow {
  background: #fccf2f;
}
.apply-menu-null a.purple {
  background: #621a87;
}
.apply-menu-null a.red {
  background: #d60048;
}
.apply-menu > ul {
  width: 100%;
  background: #fff;
  padding: 20px 0;
  display: flex;
  justify-content: space-around;
}
.apply-menu > ul > li {
  width: 30%;
}
.apply-menu > ul > li > a {
  display: block;
  width: 100%;
  height: 85px;
  text-align: center;
}
.subscription {
  position: relative;
}
.subscription > .icon {
  position: absolute;
  top: 6px;
  right: 4px;
  width: 7px;
  height: 7px;
  background: #e60101;
  border-radius: 50%;
}
.apply-menu > ul > li .add {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 5px;
}
.apply-menu > ul > li .add > span.num {
  font-size: 20px;
  font-weight: 500;
  padding: 0 5px;
}
.apply-menu > ul > li .menu {
  display: flex;
  justify-content: center;
}
.apply-menu > ul > li > a img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  display: inline-block;
}
.apply-menu > ul > li span.font10 {
  font-size: 10px;
}
.apply-menu > ul > li span {
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.apply-menu > ul > li.pink {
  margin-left: 10px;
  background: rgba(240, 109, 113, 0.1);
}
.apply-menu > ul > li.yellow {
  background: rgba(247, 156, 67, 0.1);
}
.apply-menu > ul > li.blue {
  margin-right: 10px;
  background: rgba(53, 153, 243, 0.1);
}

.panel-result {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #fff;
  padding: 0 10px;
  padding-bottom: 20px;
}
.panel-result .result-box {
  width: 31.5%;
}
.panel-result .result-box .result-content {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 5px;
  background: rgba(0, 0, 0, 0.04);
  justify-content: center;
  align-items: center;
}
.panel-result .result-box .result-content .title {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  padding-bottom: 8px;
  color: rgba(0, 0, 0, 0.65);
}
.panel-result .result-box .result-content .text {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  padding: 0 10px;
}
.panel-result .result-box .result-content span.color-065 {
  height: 20px;
  font-size: 10px !important;
  display: flex;
  align-items: flex-end;
}
.panel-result .deal-num .result-content .text {
  color: #f06d71;
}
.panel-result .deal-price .result-content .text {
  color: #f79c43;
}
.panel-result .supplier-num .result-content .text {
  color: #3599f3;
}

.countdown {
  width: 100%;
}
.countdown .content {
  width: 100%;
}
.countdown .content > .fasten {
  padding: 10px 12px 20px;
}
.countdown .content > .fasten .finish-wrapper {
  display: flex;
  justify-content: space-between;
}
.countdown .content > .fasten .finish-wrapper .finish-right {
  width: 40vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.countdown .content > .fasten .finish-left {
  width: 44vw;
  margin-right: 10px;
}
.countdown .content > .fasten .finish.first-box .times {
  white-space: nowrap;
}
.countdown .content > .fasten .finish.first-box .times span {
  font-size: 10px;
  font-weight: 700;
}
.countdown .content > .fasten .finish.first-box .times span.day,
.countdown .content > .fasten .finish.first-box .times span.hour,
.countdown .content > .fasten .finish.first-box .times span.min {
  font-size: 14px;
}
.countdown .content > .fasten .finish.second-box,
.countdown .content > .fasten .finish.third-box {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 10px;
}

.countdown .content > .fasten .finish.third-box {
  margin-top: 10px;
}
.countdown .content > .fasten .finish.second-box .time-big,
.countdown .content > .fasten .finish.third-box .time-big {
  margin-top: 6px;
}
.countdown .content > .fasten .finish.second-box .times span,
.countdown .content > .fasten .finish.third-box .times span {
  font-size: 10px;
}
.countdown .content > .fasten .finish.second-box .times span.day,
.countdown .content > .fasten .finish.second-box .times span.hour,
.countdown .content > .fasten .finish.second-box .times span.min,
.countdown .content > .fasten .finish.third-box .times span.day,
.countdown .content > .fasten .finish.third-box .times span.hour,
.countdown .content > .fasten .finish.third-box .times span.min {
  font-size: 12px;
}
.countdown .content > .fasten .finish {
  padding: 16px 10px;
  margin-top: 16px;
  background: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.08);
}
.countdown .content > .fasten .finish-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: rgba(0, 0, 0, 0.85);
}
.countdown .content > .fasten .finish-school {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
}
.countdown .content > .fasten > h2 {
  padding: 6px 0;
}
.countdown .content > .fasten .first-box a.finish-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 6px;
}
.budget {
  border-top: 1px rgba(0, 0, 0, 0.15) dashed;
  padding: 7px 0;
  margin-top: 7px;
  font-size: 14px;
  line-height: 30px;
}
.budget .label,
.time-big .label {
  width: 60px;
  display: inline-block;
  text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
}
.budget .label,
.time-big .label,
.budget .no-price {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.budget .price {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #c81321;
}
.time-big > .times > span.day.time {
  margin-left: 0;
}
.time-big > .times > span {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
}
.time-big > .times > span.time {
  display: inline-block;
  color: rgba(200, 19, 33, 0.85);
  font-size: 18px;
  font-weight: 500;
  border-radius: 3px;
  margin: 0 5px;
}
.countdown .content > .elastic .items {
  padding: 6px 18px;
}
.countdown .content > .elastic .items + .items {
  border-top: 1px solid #ececec;
}
.countdown .content > .elastic a {
  display: block;
  width: 100%;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.countdown .content > .elastic a > span {
  display: block;
}
.countdown .content > .elastic a > span > span {
  color: #aaa;
}
.countdown .content > .elastic a > span > em {
  color: #e7721b;
}
.countdown .content > .elastic a > em {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dy-tip {
  width: 100%;
}
.dy-tip a {
  display: block;
  width: 100%;
}
.dy-tip img {
  display: block;
  width: 100%;
}
.dy-tip .logined-tip {
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 60px;
  background: url(../images/cv2.jpg) 0 0 no-repeat;
}

.new-release {
  background: #fff;
  padding: 0 10px;
  position: relative;
}
.new-release > h2 {
  position: absolute;
  top: 9px;
  left: 10px;
}
.new-release a {
  display: block;
  padding: 12px 0;
  padding-left: 90px;
  padding-right: 70px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new-release a span {
  display: block;
  position: absolute;
  top: 12px;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.follow {
  background: #f7f7f7;
}
.follow > .title {
  text-align: left;
  border-bottom: 1px solid #f5f5f5;
  padding: 6px 18px;
  padding-bottom: 24px;
  position: relative;
}
.follow > .content {
  min-height: 80px;
}

.follow > .title > .btns {
  display: block;
  min-width: 30px;
  line-height: 30px;
  position: absolute;
  top: 3px;
}
.follow .btns.left {
  left: 18px;
}
.follow .btns.right {
  right: 18px;
}

.follow > .content .add-btn {
  display: block;
  text-align: center;
  color: #aaa;
  line-height: 70px;
  margin: 0 10px;
}

.list-public {
  width: 100%;
}
.list-public > .item + .item {
  border-top: 1px solid #ddd;
}
.list-public > .item.item_banner + .item {
  border-top: none;
}
.list-public > .item > a {
  display: block;
  padding: 11px 18px;
  position: relative;
}
.list-public > .item > a > em {
  display: block;
  width: 80%;
  font-size: 14px;
  font-weight: 700;
  color: #555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-public > .item > a > .content {
  margin-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-public > .item > a > .content .img-address-box {
  display: flex;
  width: 60%;
  height: 40px;
}
.list-public > .item > a > .content .img-address-box > img {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.list-public > .item > a > .content .img-address-box > .address {
  width: 70%;
}
.list-public > .item > a .dw {
  display: inline-block;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  text-overflow: ellipsis;
}
.list-public > .item > a .address {
  display: inline-block;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-public > .item > a > .content .price-time-box {
  text-align: right;
}
.list-public > .item > a > .content .label {
  color: rgba(0, 0, 0, 0.65);
}

.list-public > .item > a .price {
  font-size: 12px;
  color: rgba(200, 19, 33, 0.85);
}
.list-public > .item > a .times span {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 500;
  padding: 0 5px;
}
.list-public > .item > a .times span.time {
  color: #c81321;
  padding: 0;
}
.list-public > .item > a .time i {
  font-size: 12px;
  margin-right: 4px;
}
.list-public > .item .vip-tips {
  /* width: 100%; */
  padding-top: 18px;
  background: rgba(233, 114, 38, 0.05);
  text-align: center;
}
.list-public > .item .vip-tips > .label {
  color: #e97226;
  font-size: 16px;
  font-weight: 500;
  display: block;
  text-align: center;
}
.list-public > .item .vip-tips > .text {
  color: #e97226;
  font-size: 14px;
  font-weight: 400;
}
.list-public > .item .vip-tips > .btn {
  display: inline-block;
  padding: 8px;
  margin: 5px;
  border-radius: 2px;
  background: #e97226;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.list-public > .item .index-banner {
  width: 100%;
  padding: 0;
}
.list-public > .item .index-banner > .banner-box {
  position: absolute;
  text-align: center;
  color: #fff;
  top: 14%;
  width: 100%;
}
.list-public > .item .index-banner > .banner-box .banner-title {
  color: #fff;
  font-weight: 500;
  margin-bottom: 6px;
}
.list-public > .item .index-banner > .banner-box .banner-text {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 6px;
}
.list-public > .item .index-banner > .banner-box .banner-text.font12 {
  font-size: 12px;
  font-weight: 500;
}

.list-public > .item .index-banner > img {
  width: 100%;
}
.list-public > .item > a .status {
  display: block;
  font-size: 14px;
  font-weight: 800;
  position: absolute;
  top: 14px;
  right: 7px;
}
.status.default {
  color: #777;
}
.status.pass {
  color: #ff5a00;
}
.status.enroll {
  color: #2279ef;
}

.list-public.icon a {
  padding-left: 35px;
}
.list-public.icon a:before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  content: '\e604';
  width: 28px;
  line-height: 28px;
  height: 28px;
  text-align: center;
  background: #ddd;
  border-radius: 4px;
  position: absolute;
  top: 15px;
  left: 0;
}
/* 弹窗 */

/* 公共样式 */
.home-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  display: flex;
  justify-content: center;
}
/* 续费弹窗 */
.renew-dialog .dialog-content {
  width: 72vw;
  margin-top: 30%;
  background: #fff;
  position: fixed;
  border-radius: 4px;
}
.renew-dialog .dialog-content .title {
  display: flex;
  justify-content: space-between;
  margin: 10px 12px 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 12px;
  line-height: 24px;
}
.renew-dialog .dialog-content > .title > p > .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #fff;
  line-height: 16px;
  text-align: center;
  margin-right: 5px;
  background: rgba(200, 19, 33, 0.75);
  border-radius: 50%;
}
.renew-dialog .dialog-content > .body {
  padding: 24px;
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}

.renew-dialog .dialog-content > .footer {
  display: flex;
  justify-content: center;
  padding: 0 24px 16px 24px;
}
.renew-dialog .dialog-content > .footer .close {
  width: 104px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border: 1px solid #1c75db;
  border-radius: 2px;
  font-size: 14px;
  color: #1c75db;
  margin-right: 8px;
}
.renew-dialog .dialog-content > .footer .submit {
  width: 104px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #1c75db;
  border: 1px solid #1c75db;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
}
/* 一元钱弹窗 */
.revision-dialog > .dialog-content {
  width: 90vw;
  margin-top: 30%;
  position: fixed;
  border-radius: 8px;
  background: url('../images/gaiban.png') center center/100% no-repeat;
}
.revision-dialog > .dialog-content > .title {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 12px;
}
.revision-dialog > .dialog-content > .icon-close {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #fff;
}
.revision-dialog > .dialog-content > .body > p {
  line-height: 24px;
  text-align: center;
}
.revision-dialog > .dialog-content > .body .padding5 {
  padding: 0 5px;
}
.revision-dialog > .dialog-content > .body .color-ffcc7b {
  color: #ffcc7b;
}
.revision-dialog > .dialog-content > .body .color-f8b444 {
  color: #f8b444;
}
.revision-dialog > .dialog-content > .body .color-ffc364 {
  color: #ffc364;
}
.revision-dialog > .dialog-content > .body .color-ffbb4e {
  color: #ffbb4e;
}
.revision-dialog > .dialog-content > .body .color-ffb136 {
  color: #ffb136;
}
.revision-dialog > .dialog-content > .body .fw-500 {
  font-weight: 500;
}
.revision-dialog > .dialog-content > .body .fw-b {
  font-weight: bold;
}
.revision-dialog > .dialog-content > .body .fw-bolder {
  font-weight: bolder;
}
.revision-dialog > .dialog-content > .body .font13 {
  font-size: 13px;
}
.revision-dialog > .dialog-content > .body .font15 {
  font-size: 15px;
}
.revision-dialog > .dialog-content > .body > .content {
  width: 292px;
  height: 117px;
  background: #ffffff;
  border-radius: 8px;
  margin: 14px auto 0;
  display: flex;
  align-items: center;
}
.revision-dialog > .dialog-content > .body > .content > ul {
  padding-left: 15px;
}
.revision-dialog > .dialog-content > .body > .content > ul > li {
  display: flex;
  align-items: center;
  line-height: 24px;
}
.revision-dialog > .dialog-content > .body > .content .icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #5976b6;
  transform: rotate(45deg);
  margin-right: 5px;
}
.revision-dialog > .dialog-content > .body > .content .color-00065 {
  color: rgba(0, 0, 0, 0.65);
}
.revision-dialog > .dialog-content > .footer {
  margin-top: 10px;
  margin-bottom: 15px;
  margin-right: 20px;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.revision-dialog > .dialog-content > .footer > .radio {
  display: flex;
  width: 14px;
  height: 14px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 5px;
  border: 1px #fff solid;
}
.revision-dialog > .dialog-content > .footer > .radio > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #ffa52b;
  border-radius: 50%;
}
.revision-dialog > .dialog-content > .footer > .text {
  color: #fff;
}
.revision-dialog > .dialog-content > .footer > .submit {
  display: inline-block;
  width: 99px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: #ffa52b;
  border-radius: 8px;
  margin-left: 8px;
}
/* 竞价弹窗 */
.bidding-dialog > .dialog-content > .body > .content {
  width: 70vw;
  height: 81px;
  background: #88a8f0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  padding: 0 20px;
  text-align: center;
}
/* 新手指引 */
.guide-dialog {
  background: rgba(0, 0, 0, 0.75);
}
.guide-dialog > .dialog-content {
  width: 100%;
  position: fixed;
}
.guide-dialog > .dialog-content > ul {
  background: none;
  padding-top: 10px;
  position: relative;
  display: block;
}
.guide-dialog > .dialog-content > ul > li {
  z-index: 1;
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.guide-dialog > .dialog-content > ul > li.pink {
  left: 1%;
}
.guide-dialog > .dialog-content > ul > li.pink > a {
  background: rgba(240, 109, 113, 0.1);
}
.guide-dialog > .dialog-content > ul > li.yellow {
  left: 31%;
}
.guide-dialog > .dialog-content > ul > li.yellow > a {
  background: rgba(247, 156, 67, 0.1);
}
.guide-dialog > .dialog-content > ul > li.blue {
  left: 61%;
}
.guide-dialog > .dialog-content > ul > li.blue > a {
  background: rgba(53, 153, 243, 0.1);
}
.guide-dialog > .dialog-content .guide-text {
  color: #fff;
  font-weight: 500;
  line-height: 22px;
  font-size: 12px;
  text-align: right;
  padding-right: 20px;
  padding-bottom: 12px;
}
.guide-dialog > .dialog-content .buttons {
  text-align: right;
  padding-right: 20px;
}
.guide-dialog > .dialog-content .buttons span {
  display: inline-block;
  width: 76px;
  height: 32px;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
}
.guide-dialog > .dialog-content .buttons .nextStep {
  background: #ffffff;
  border: 1px solid #fff;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.85);
}
.guide-dialog > .dialog-content .buttons .close {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 14px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
}
.guide-dialog > .dialog-content .list-public {
  background: #fff;
  position: fixed;
  bottom: 30%;
}
.guide-dialog > .dialog-content .list-public .guide-tips {
  width: 100%;
  position: absolute;
  margin-top: 20px;
  text-align: right;
}
.guide-dialog > .dialog-content .person-guide-tips {
  width: 100%;
  position: fixed;
}
.guide-dialog > .dialog-content .person-guide-tips .user-menu {
  margin-bottom: 20px;
}
.guide-dialog > .dialog-content .person-guide-tips.order {
  top: 60%;
}
.guide-dialog > .dialog-content .person-guide-tips.business {
  top: 38%;
}
.guide-dialog > .dialog-content .user-menu .items {
  padding: 10px 0;
}
.user-nav .items .person-tips {
  z-index: 100;
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
}
.user-message .person-tips {
  z-index: 100;
  position: absolute;
  top: 6%;
  left: 100px;
}
.user-message .content {
  width: 100%;
  padding: 8px 0px 8px 10px;
  background: #fff;
}
.user-message .person-tips .guide-text {
  position: absolute;
  left: 0;
  margin-top: 5px;
  color: #fff;
}
.user-message .person-tips .buttons {
  position: absolute;
  right: 0%;
  bottom: -100%;
  width: 100%;
}
.user-message .person-tips .buttons span {
  display: inline-block;
  width: 76px;
  height: 32px;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
}
.user-message .person-tips .buttons .nextStep {
  background: #ffffff;
  border: 1px solid #fff;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.85);
}
.user-message .person-tips .buttons .close {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 14px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
}
.user-nav .items .business,
.user-nav .items .order {
  padding: 5px 0;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.user-nav .items .guide-text {
  text-align: right;
  color: #fff;
}

.user-nav a.business .tip,
.user-nav a.business:before {
  top: 8px !important;
}
.user-nav .items .buttons {
  text-align: right;
  padding-right: 20px;
}
.user-nav .items .buttons span {
  display: inline-block;
  width: 76px;
  height: 32px;
  border-radius: 4px;
  text-align: center;
  line-height: 32px;
}
.user-nav .items .buttons .nextStep {
  background: #ffffff;
  border: 1px solid #fff;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.85);
}
.user-nav .items .buttons .close {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-right: 14px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
}
.login-dialog .dialog-content {
  width: 264px;
  height: 210px;
  margin-top: 30%;
  background: #fff;
  position: fixed;
}
.login-dialog .dialog-content .title {
  display: flex;
  justify-content: space-between;
  margin: 10px 12px 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 12px;
  line-height: 24px;
}
.login-dialog .dialog-content > .title > p > .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #fff;
  line-height: 16px;
  text-align: center;
  margin-right: 5px;
  background: rgba(19, 200, 28, 0.75);
  border-radius: 50%;
}
.login-dialog .dialog-content > .body {
  padding: 24px;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.login-dialog .dialog-content > .footer {
  display: flex;
  justify-content: center;
  padding: 0 24px 16px 24px;
}
.login-dialog .dialog-content > .footer .submit {
  width: 104px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #1c75db;
  border: 1px solid #1c75db;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
}
/* 无企业弹窗 */
.home-dialog.no-org-dialog,
.home-dialog.cost-dialog {
  z-index: 5;
}
.home-dialog.no-org-dialog .footer-btn,
.home-dialog.cost-dialog .footer-btn {
  display: flex;
  justify-content: center;
  padding: 0 24px 16px 24px;
}

.home-dialog.no-org-dialog .dialog-content > .footer-btn .submit {
  width: 104px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #1c75db;
  border: 1px solid #1c75db;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
}
.home-dialog.no-org-dialog .dialog-content .body p {
  word-break: break-all;
}
.home-dialog.no-org-dialog .dialog-content .body .label {
  color: rgba(0, 0, 0, 0.45);
}
/* 费用说明弹窗 */
.home-dialog.cost-dialog .dialog-content .title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
}

.home-dialog.cost-dialog .dialog-content .radio-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-dialog.cost-dialog .dialog-content .radio {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 100%;
  padding: 2px;
  box-sizing: border-box;
  margin-right: 3px;
}
.home-dialog.cost-dialog .dialog-content .radio .radio-in {
  display: block;
  width: 8px;
  border-radius: 100%;
  height: 8px;
  background-color: #e35f0c;
}
.home-dialog.cost-dialog .dialog-content .price {
  color: #e35f0c;
  text-align: center;
}
.home-dialog.cost-dialog .dialog-content .price .original-price {
  padding-left: 15px;
  text-decoration: line-through;
}

.home-dialog.cost-dialog .dialog-content > .footer-btn .close {
  width: 88px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #fff;
  border: 1px solid #1c75db;
  border-radius: 2px;
  font-size: 14px;
  color: #1c75db;
  margin-right: 10px;
}
.home-dialog.cost-dialog .dialog-content > .footer-btn .submit {
  width: 88px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #1c75db;
  border: 1px solid #1c75db;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
}
/* 参与资格弹窗 */
.home-dialog.qualifications-dialog {
  z-index: 5;
}
.home-dialog.qualifications-dialog .footer-btn {
  display: flex;
  justify-content: center;
  padding: 0 24px 16px 24px;
}
.home-dialog.qualifications-dialog .dialog-content .body .title {
  display: inline;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 700;
}
.home-dialog.qualifications-dialog .dialog-content .body .ok-btn {
  color: #49C339;
  font-size: 14px;
}
.home-dialog.qualifications-dialog .dialog-content .body .no-btn {
  color: #C81321;
  font-size: 14px;
}
.home-dialog.qualifications-dialog .dialog-content .body p {
  word-break: break-all;
}
.home-dialog.qualifications-dialog .dialog-content .body .label {
  color: rgba(0, 0, 0, 0.45);
}
.home-dialog.qualifications-dialog .dialog-content > .footer-btn .submit {
  width: 88px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #1c75db;
  border: 1px solid #1c75db;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
}
/* 风险提示弹窗 */
.home-dialog.risk-dialog .dialog-content > .body .times {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
} 
.home-dialog.risk-dialog .dialog-content > .body .times .time {
  color: #C81321;
}
/*---------------------用户中心------------------------*/
.user-info {
  padding: 15px 30px;
}
.user-info .user-head {
  width: 96px;
  line-height: 96px;
  height: 96px;
  text-align: center;
  color: #aaa;
  background: #fff;
  border-radius: 128px;
  padding: 5px;
  margin: 0 auto;
  margin-bottom: 10px;
  position: relative;
}
.user-info .user-head i {
  font-size: 48px;
}
.user-info .user-head img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100px;
}
.user-info .user-name {
  text-align: center;
}
.user-info .user-name > em {
  display: block;
  font-family: arial;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-info .user-name > span {
  color: #999;
}
.user-info.bound .user-head:before {
  content: '已绑定';
  line-height: 18px;
  font-size: 10px;
  color: #fff;
  padding: 2px 4px;
  background: #febf00;
  border-radius: 4px;
  position: absolute;
  top: 4px;
  right: -11px;
}
.user-info.bound .user-name > span {
  color: #2279ef;
}

.user-menu {
  width: 100%;
  background-color: #fff;
}
.user-menu .items {
  position: relative;
}
.user-menu .line {
  margin: 0 auto;
  width: 90%;
  border-bottom: 2px solid #eee;
}
.user-menu .borderb8 {
  border-bottom: 8px solid #f5f5f5;
}
.user-menu .noborder {
  border: 0;
}
.user-menu a {
  display: block;
  line-height: 32px;
  padding: 6px 20px;
  font-size: 14px;
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-top: -1px;
  position: relative;
}
.user-menu a .icon {
  color: #fff;
  display: inline-block;
  width: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 20px;
  margin-right: 15px;
  border-radius: 8px;
}
.user-menu a .img {
  display: inline-block;
  width: 32px;
  margin-right: 15px;
  height: 32px;
  vertical-align: bottom;
}
.user-menu a .img.icon-contract {
  background: url(../images/icon-contract.png) center center no-repeat;
  background-size: 100%;
}
.user-menu a .img.icon-accept {
  background: url(../images/icon-accept.png) center center no-repeat;
  background-size: 100%;
}
.user-menu a .img.icon-follow {
  background: url(../images/icon-follow.png) center center no-repeat;
  background-size: 100%;
}
.user-menu a .img.icon-order {
  background: url(../images/icon-order.png) center center no-repeat;
  background-size: 100%;
}
.user-menu a .img.icon-subscribe {
  background: url(../images/icon-subscribe.png) center center no-repeat;
  background-size: 100%;
}
.user-menu a .img.icon-phone {
  background: url(../images/icon-phone.png) center center no-repeat;
  background-size: 100%;
}
.user-menu a .img.icon-about {
  background: url(../images/icon-about.png) center center no-repeat;
  background-size: 100%;
}
.user-menu a .img.icon-news {
  background: url(../images/icon-news.png) center center no-repeat;
  background-size: 100%;
}
.user-menu a.go:before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  content: '\e601';
  color: #555;
  position: absolute;
  top: 6px;
  right: 15px;
}
.user-menu a.disabled:before {
  content: '敬请期待';
  font-size: 12px;
  color: #aaa;
  line-height: 18px;
  position: absolute;
  top: 13px;
  right: 20px;
}
.user-menu a .tip {
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  top: 13px;
  right: 35px;
}

.user-menu .msg {
  font-size: 10px;
  line-height: 1.5em;
  color: #ff7b33;

  position: relative;
}

.user-message .user-name .edit {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/user-edit.png) no-repeat center center;
  background-size: 100%;
  margin-left: 8px;
  position: relative;
  top: 2px;
}
.user-message {
  display: flex;
  align-items: center;
  padding: 24px;
  padding-right: 0;
  box-sizing: border-box;
}
.user-message .user-head {
  height: 72px;
  width: 72px;
  float: left;
}
.user-message .user-head img {
  border-radius: 100%;
}
.user-message .name-wrapper {
  margin-bottom: 6px;
  white-space: nowrap;
}

.user-message .edit-tips {
  width: 174px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 5px 10px;
  background: rgba(234, 156, 45, 0.1);
  border-radius: 21px;
  color: #ea9c2d;
  font-size: 11px;
  margin-bottom: 6px;
}

.user-message .edit-tips:before {
  content: '';
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid rgba(234, 156, 45, 0.1);
  position: absolute;
  left: 20px;
  top: -10px;
}

.user-message .edit-tips div > p {
  white-space: nowrap;
}

.user-message .edit-tips .edit-tips-icon {
  width: 18px;
  height: 18px;
  background: #ea9c2d;
  border-radius: 50%;
  color: #fff;
  text-align: center;
}
.user-message .user-name .name {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
}
.user-message .user-name {
  float: left;
  width: 70%;
  box-sizing: border-box;
  padding-left: 12px;
}
.user-message .user-name input {
  width: 60%;
  display: inline-block;
  border-color: #ddd;
  height: 30px;
  margin-right: 7px;
}
.user-message .user-name .name-btn {
  display: inline-block;
  background: #e35f0c;
  line-height: 20px;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  height: 20px;
  width: 48px;
}
.user-company {
  height: 72px;
  padding: 0 24px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  margin-bottom: 14px;
}
.user-company .content {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  padding-top: 31px;
  padding-left: 3px;
  padding-right: 8px;
}
.user-company .content .icon {
  font-size: 12px;
  color: #aaa;
}
.user-company .content .company {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 70%;
}
.user-company .label {
  position: absolute;
  top: -7px;
  width: 67px;
  height: 22px;
  background: url(../images/user-company.png) center center no-repeat;
  background-size: 100%;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
}
.user-nav {
  position: relative;
  background-color: #fff;
  padding: 0 24px;
}
.user-nav .line {
  margin: 0 auto;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.user-nav .label {
  position: absolute;
  top: -7px;
  width: 67px;
  height: 22px;
  background: url(../images/user-increment.png) center center no-repeat;
  background-size: 100%;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
}
.user-nav a .tip {
  font-size: 12px;
  position: absolute;
  top: 2px;
  right: 25px;
}
.user-nav .items {
  height: 56px;
  box-sizing: border-box;
  padding-top: 12px;
  line-height: 30px;
  padding-left: 3px;
}
.user-nav .item-subscribe {
  padding-left: 3px;
  box-sizing: border-box;
  height: 70px;
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
}
.user-nav .item-subscribe a {
  line-height: 30px;
}
/* .user-nav .item-subscribe a.go:before,
.user-nav .item-bill a.go:before {
  font-family: 'iconfont' !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  content: '\e601';
  color: #555;
  position: absolute;
  top: 1px;
  right: 8px;
} */
.user-nav .item-bill .point {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #c81321;
  border-radius: 100%;
  margin-right: 4px;
}
.user-nav a {
  display: block;
  width: 100%;
  font-size: 14px;
  background: #fff;
  position: relative;
}
.user-nav a.disabled:before {
  content: '敬请期待';
  font-size: 12px;
  color: #aaa;
  line-height: 18px;
  position: absolute;
  top: 8px;
  right: 9px;
}
.user-nav .new {
  width: 30px;
  height: 14px;
  position: relative;
  top: -8px;
  display: inline-block;
  background: #e35f0c;
  line-height: 14px;
  text-align: center;
  border-radius: 14px;
  color: #fff;
}
.user-nav .new span {
  display: block;
  font-size: 12px;
  transform: scale(0.83);
}
.user-nav a .img {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  vertical-align: bottom;
}
.user-nav a .img.icon-subscribe {
  background: url(../images/icon-subscribe.png) center center no-repeat;
  background-size: 100%;
}
.user-nav a .img.icon-helper {
  background: url(../images/icon-helper.png) center center no-repeat;
  background-size: 100%;
}
.user-nav a .img.icon-order {
  background: url(../images/icon-order.png) center center no-repeat;
  background-size: 100%;
}
.user-nav a .img.icon-news {
  background: url(../images/icon-news.png) center center no-repeat;
  background-size: 100%;
}
.user-nav a .img.icon-bill {
  background: url(../images/icon-bill.png) center center no-repeat;
  background-size: 100%;
}
.user-about {
  padding: 24px 0;
  text-align: center;
}
.user-about a {
  text-decoration: underline;
}
.btn-user {
  padding: 0 24px 30px;
}
.btn-user > a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border-radius: 40px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  background: #c81321;
  box-shadow: 0px -3px 6px rgba(200, 19, 33, 0.07);
}

/*---------------------商机------------------------*/
.content.tab-box {
  padding-top: 44px;
}
.content.tab-box .tab.fixed {
  top: 0;
}

/*---------------------关注设置------------------------*/
.public > .title {
  line-height: 40px;
  font-weight: lighter;
}
.public > .content {
  padding: 10px 20px 10px 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  min-height: 90px;
}
.fixed-bar {
  position: fixed;
  bottom: 50px;
  right: 5px;
}
.fixed-bar .item {
  margin-bottom: 10px;
}
.public .btnBox {
  width: 100%;
  text-align: center;
  padding: 8px 0;
  overflow: hidden;
  zoom: 1;
}
.public .btnBox h4 {
  font-size: 12px;
  color: #777;
  font-weight: lighter;
  text-align: left;
  padding: 3px 0;
  padding-left: 7px;
}
.public .btnBox li {
  width: 25%;
  float: left;
}
.public .btnBox li .name {
  display: block;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 8px;
  padding: 5px 3px;
  margin: 3px 5px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.public .btnBox li a.choosed {
  color: #ff5a00;
  border: 1px solid #ff5a00;
}

.public.already .btnBox li a {
  color: #ff5a00;
  border: 1px solid #ff5a00;
}
.public.keyword .btnBox li {
  width: auto;
  max-width: 100%;
  float: left;
}
.public.keyword .btnBox li a {
  padding: 5px 5px;
}
.public.keyword.already .btnBox li a {
  padding: 5px 5px;
  padding-right: 16px;
}
.public.keyword.already .btnBox li a:after {
  font-family: 'iconfont' !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  content: '\e617';
  position: absolute;
  top: 5px;
  right: 2px;
}

.guanzhu .formbox {
  padding: 25px 10px;
  padding-bottom: 10px;
}
.guanzhu .formbox > .field {
  position: relative;
  padding-right: 80px;
}

input[type='text'] {
  display: block;
  width: 100%;
  box-shadow: none;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 8px 5px;
  box-sizing: border-box;
}
.guanzhu .add-keyword {
  display: block;
  color: #fff;
  padding: 8px 7px;
  background: #d6004b;
  border: 1px solid #c40548;
  border-radius: 3px;
  position: absolute;
  top: 0;
  right: 0;
}

.public.keyword.hot > .content {
  border: none;
  padding: 0 10px;
  padding-bottom: 30px;
}
.public.keyword.hot .btnBox {
  padding: 0;
}

/*---------------------订阅服务------------------------*/
.no-allowed-dy {
  width: 100%;
}
.no-allowed-dy .tips {
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: #aaa;
  padding: 20px 0;
}
.no-allowed-dy .tips i {
  font-size: 64px;
  line-height: 64px;
}
.no-allowed-dy > .msbox {
  font-size: 12px;
  color: #666;
}

.no-allowed-dy > .msbox h3 {
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
}
.no-allowed-dy > .msbox h3 em {
  display: inline-block;
  padding: 2px 2.5em 2px 0.5em;
  color: #fff;
  background: #e2af86;
  position: relative;
}
.no-allowed-dy > .msbox h3 em:after {
  position: absolute;
  bottom: 0;
  right: -31px;
  display: inline-block;
  border-right: 32px solid transparent;
  border-top: 32px solid #f5f5f5;
  border-left: 20px solid transparent;
  content: '';
}
.no-allowed-dy > .msbox dl {
  margin: 0 20px;
  margin-bottom: 20px;
}
.no-allowed-dy > .msbox dt {
  font-size: 16px;
  margin-bottom: 0.3em;
}
.no-allowed-dy > .msbox dt span {
  color: #d0783e;
}
.no-allowed-dy > .msbox dd {
  text-indent: 2em;
}

.no-allowed-dy > .btn-box {
  text-align: center;
  padding: 15px 0;
}
.no-allowed-dy > .btn-box a {
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  color: #999;
  border: 1px solid #ddd;
  padding: 0 30px;
  border-radius: 5px;
}
.no-allowed-dy > .btn-box a.btn-blue {
  color: #3279d9;
  border: 1px solid #3279d9;
}

.subscribe {
  padding-bottom: 55px;
}
.tip-title {
  line-height: 40px;
  position: relative;
  padding-top: 10px;
}
.tip-title > .right-tip {
  color: #999;
  position: absolute;
  top: 10px;
  right: 10px;
}
.tip-title > .right-tip span {
  font-size: 14px;
  color: #e66517;
}

.subscribe > .userbox {
  line-height: 26px;
  text-align: center;
  padding: 20px 0;
}
.subscribe > .userbox > i {
  display: inline-block;
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 26px;
  background: #fff;
  margin-right: 5px;
}
.limit {
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 8px 10px;
}
.time-btn {
  width: 100%;
  font-size: 16px;
}
.time-btn > ul {
  width: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  position: relative;
  padding: 1px 0;
  overflow: hidden;
}
.time-btn > ul > li {
  width: 1%;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  margin: -1px;
  position: relative;
}
.time-btn > ul > li.active {
  z-index: 3;
}
a.btn-time {
  display: block;
  text-align: center;
  line-height: 30px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 8px 2px;
  box-sizing: border-box;
}
.time-btn > ul > li.active a.btn-time {
  color: #f6bb3b;
  border: 3px solid #f6bb3b;
  padding: 6px 0;
}
.time-btn > ul > li a.btn-time span {
  display: block;
  font-size: 12px;
  color: #aaa;
}
.time-btn > ul > li a.btn-time span.del-line {
  text-decoration: line-through;
}
.send-checkout-box {
  padding: 0 10px;
  background: #fff;
}
.send-checkout-box .item {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 13px;
  font-size: 14px;
}
.send-checkout-box .itemActive {
  color: #f57908;
  border-bottom: 2px solid #f57908;
}
.lighter-send {
  line-height: 20px;
  padding: 10px 0;
  color: #838383;
}

.time-box-s {
  width: 100%;
}
.time-box-s > .item {
  width: 100%;
  font-size: 16px;
  line-height: 46px;
  color: #555;
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  position: relative;
}
.time-box-s > .item + .item {
  border-top: none;
}
.time-box-s input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: 0 none;
  padding-left: 10px;
  z-index: 4;
}
.time-box-s > .item span {
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 30px;
}
.time-box-s > .item em {
  display: block;
  width: 7em;
  background: #fff;
  position: relative;
  z-index: 5;
}
.time-box-s > .item i {
  position: absolute;
  top: 0;
  right: 10px;
}

.proposal {
  padding: 20px 10px 10px 10px;
  margin-bottom: 10px;
}
.proposal a {
  display: block;
  width: 22%;
  line-height: 30px;
  text-align: center;
  border: 1px dashed #888;
  border-radius: 6px;
  float: left;
  margin: 2px;
}
.proposal a.active {
  color: #f6bb3b;
  background: #fff;
  border: 1px solid #f6bb3b;
}

.coupon {
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.coupon > a {
  display: block;
  position: relative;
  line-height: 44px;
}
.coupon > a > em {
  font-size: 16px;
}
.coupon > a > span {
  position: absolute;
  top: 0;
  right: 20px;
}
.coupon > a > i {
  position: absolute;
  top: 0;
  right: 0;
}

.price-tip {
  font-size: 14px;
  position: relative;
  line-height: 3em;
}
.price-tip + .price-tip,
.check-tip {
  border-top: 1px solid #ddd;
}
.price-tip > span {
  display: block;
  float: left;
}
.price-tip > em {
  display: block;
  color: #999;
  float: right;
}
.price-tip > em.red {
  color: #ef272a;
}

.check-tip label {
  display: block;
  line-height: 3em;
  padding-left: 2em;
  position: relative;
}
.check-tip label a {
  color: #e7650e;
  text-decoration: underline;
}
.check-tip label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/checkbox.png) left center no-repeat;
  background-size: auto 20px;
  position: absolute;
  top: 7px;
  left: 0;
}
.check-tip label.checkout:before {
  background: url(../images/checkbox.png) right center no-repeat;
  background-size: auto 20px;
}
.check-tip input {
  display: inline-block;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.check-bar {
  background: rgba(0, 0, 0, 0.85);
  line-height: 48px;
  height: 48px;
  width: 100%;
  color: #eee;
  box-sizing: border-box;
  padding: 0 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.check-bar .price span {
  font-size: 18px;
}
a.checkout {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  width: 35%;
  background: #d70050;
  position: absolute;
  top: 0;
  right: 0;
}
.no-allowed-dy {
  width: 100%;
}
.no-allowed-dy .tips {
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: #aaa;
  padding: 20px 0;
}
.no-allowed-dy .tips i {
  font-size: 64px;
  line-height: 64px;
}
.no-allowed-dy > .msbox {
  font-size: 12px;
  color: #666;
}

.no-allowed-dy > .msbox h3 {
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
}
.no-allowed-dy > .msbox h3 em {
  display: inline-block;
  padding: 2px 2.5em 2px 0.5em;
  color: #fff;
  background: #e2af86;
  position: relative;
}
.no-allowed-dy > .msbox h3 em:after {
  position: absolute;
  bottom: 0;
  right: -31px;
  display: inline-block;
  border-right: 32px solid transparent;
  border-top: 32px solid #f5f5f5;
  border-left: 20px solid transparent;
  content: '';
}
.no-allowed-dy > .msbox dl {
  margin: 0 20px;
  margin-bottom: 20px;
}
.no-allowed-dy > .msbox dt {
  font-size: 16px;
  margin-bottom: 0.3em;
}
.no-allowed-dy > .msbox dt span {
  color: #d0783e;
}
.no-allowed-dy > .msbox dd {
  text-indent: 2em;
}

.no-allowed-dy > .btn-box {
  text-align: center;
  padding: 15px 0;
}
.no-allowed-dy > .btn-box a {
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  color: #999;
  border: 1px solid #ddd;
  padding: 0 30px;
  border-radius: 5px;
}
.no-allowed-dy > .btn-box a.btn-blue {
  color: #3279d9;
  border: 1px solid #3279d9;
}

.subscribe {
  padding-bottom: 55px;
}
.tip-title {
  line-height: 40px;
  position: relative;
  padding-top: 10px;
}
.tip-title > .right-tip {
  color: #999;
  position: absolute;
  top: 10px;
  right: 10px;
}
.tip-title > .right-tip span {
  font-size: 14px;
  color: #e66517;
}

.subscribe > .userbox {
  line-height: 26px;
  text-align: center;
  padding: 20px 0;
}
.subscribe > .userbox > i {
  display: inline-block;
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 26px;
  background: #fff;
  margin-right: 5px;
}
.limit {
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 8px 10px;
}
.time-btn {
  width: 100%;
  font-size: 16px;
}
.time-btn > ul {
  width: 100%;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  position: relative;
  padding: 1px 0;
  overflow: hidden;
}
.time-btn > ul > li {
  width: 1%;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  margin: -1px;
  position: relative;
}
.time-btn > ul > li.active {
  z-index: 3;
}
a.btn-time {
  display: block;
  text-align: center;
  line-height: 30px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 8px 2px;
  box-sizing: border-box;
}
.time-btn > ul > li.active a.btn-time {
  color: #f6bb3b;
  border: 3px solid #f6bb3b;
  padding: 6px 0;
}
.time-btn > ul > li a.btn-time span {
  display: block;
  font-size: 12px;
  color: #aaa;
}
.time-btn > ul > li a.btn-time span.del-line {
  text-decoration: line-through;
}

.time-box-s {
  width: 100%;
}
.time-box-s > .item {
  width: 100%;
  font-size: 16px;
  line-height: 46px;
  color: #555;
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  position: relative;
}
.time-box-s > .item + .item {
  border-top: none;
}
.time-box-s input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: 0 none;
  padding-left: 10px;
  z-index: 4;
}
.time-box-s > .item span {
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 30px;
}
.time-box-s > .item em {
  display: block;
  width: 7em;
  background: #fff;
  position: relative;
  z-index: 5;
}
.time-box-s > .item i {
  position: absolute;
  top: 0;
  right: 10px;
}

.proposal {
  padding: 20px 10px 10px 10px;
  margin-bottom: 10px;
}
.proposal a {
  display: block;
  width: 22%;
  line-height: 30px;
  text-align: center;
  border: 1px dashed #888;
  border-radius: 6px;
  float: left;
  margin: 2px;
}
.proposal a.active {
  color: #f6bb3b;
  background: #fff;
  border: 1px solid #f6bb3b;
}

.coupon {
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.coupon > a {
  display: block;
  position: relative;
  line-height: 44px;
}
.coupon > a > em {
  font-size: 16px;
}
.coupon > a > span {
  position: absolute;
  top: 0;
  right: 20px;
}
.coupon > a > i {
  position: absolute;
  top: 0;
  right: 0;
}

.price-tip {
  font-size: 14px;
  position: relative;
  line-height: 3em;
}
.price-tip + .price-tip,
.check-tip {
  border-top: 1px solid #ddd;
}
.price-tip > span {
  display: block;
  float: left;
}
.price-tip > em {
  display: block;
  color: #999;
  float: right;
}
.price-tip > em.red {
  color: #ef272a;
}

.check-tip label {
  display: block;
  line-height: 3em;
  padding-left: 2em;
  position: relative;
}
.check-tip label a {
  color: #e7650e;
  text-decoration: underline;
}
.check-tip label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/checkbox.png) left center no-repeat;
  background-size: auto 20px;
  position: absolute;
  top: 7px;
  left: 0;
}
.check-tip label.checkout:before {
  background: url(../images/checkbox.png) right center no-repeat;
  background-size: auto 20px;
}
.check-tip input {
  display: inline-block;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.check-bar {
  background: rgba(0, 0, 0, 0.85);
  line-height: 48px;
  height: 48px;
  width: 100%;
  color: #eee;
  box-sizing: border-box;
  padding: 0 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.check-bar .price span {
  font-size: 18px;
}
a.checkout {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  width: 35%;
  background: #d70050;
  position: absolute;
  top: 0;
  right: 0;
}
/*---------------------付款界面------------------------*/
.payment {
  text-align: center;
  width: 100%;
}
.payment > .icon-box {
  /* line-height:140px; */
  background-size: 100%;
  height: 72px;
  width: 72px;
  margin: 50px auto 10px;
  background: url(../images/icon-chenggong.png) center center no-repeat;
  background-size: 100%;
}
.payment > .icon-box i {
  font-size: 84px;
  color: #64d364;
}
.payment > .msg {
  font-size: 14px;
  padding: 0 10px;
  margin-bottom: 40px;
}
.payment > .msg span {
  display: block;
  font-size: 18px;
  color: #ff8600;
}

/*---------------------优惠券------------------------*/
.coupon-list {
  padding: 10px;
}
.coupon-list > .item {
  background: #fff;
  border: 1px dashed #aaa;
  border-top: 4px solid #fcc900;
  border-radius: 8px;
  padding: 20px;
  position: relative;
  margin-bottom: 10px;
}
.coupon-list > .item:before {
  content: '优惠券';
  font-size: 18px;
  font-weight: bold;
  color: #fbca01;
  position: absolute;
  top: 20px;
  right: 20px;
}
.coupon-list > .item .price {
  color: #d7004e;
  font-size: 18px;
}
.coupon-list > .item .price span {
  font-size: 56px;
  font-weight: bold;
}
.coupon-list > .item .date {
  font-size: 14px;
}
.coupon-list > .item.invalid {
  border-top: 4px solid #ddd;
}
.coupon-list > .item.invalid .price {
  color: #ddd;
}
.coupon-list > .item.invalid:before {
  content: '已失效';
  color: #ddd;
}

/*---------------------优惠券------------------------*/
.history-list {
  padding: 20px 0;
}
.history-list > .item {
  padding: 0 10px;
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: -1px;
  position: relative;
  overflow: hidden;
  zoom: 1;
}

.history-list .item > span {
  display: block;
  width: 33%;
  font-size: 16px;
  font-weight: bold;
  float: left;
  line-height: 48px;
}
.history-list .status {
  position: absolute;
  top: 6px;
  right: 10px;
}
.history-list .status.error {
  color: #aaa;
}
.history-list .time {
  font-family: arial;
  font-size: 10px;
  color: #aaa;
  position: absolute;
  top: 24px;
  right: 10px;
}

/*---------------------通知------------------------*/
.notice-list {
  padding: 20px 0;
}
.notice-list > .item {
  background: #fff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: -1px;
}
.notice-list > .item > a {
  display: block;
  line-height: 48px;
  font-size: 14px;
  color: #888;
  padding: 0 10px;
  padding-right: 80px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notice-list > .item > a .time {
  color: #999;
  font-size: 12px;
  font-weight: normal !important;
  position: absolute;
  top: 0px;
  right: 10px;
}
.notice-list > .item.unread > a {
  font-weight: bold;
  color: #444;
}

.notice-text {
  padding: 10px;
}
.notice-text h2 {
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  padding: 10px;
}
.notice-text .time {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #aaa;
}
.notice-text .text {
  font-size: 14px;
  line-height: 2em;
  padding: 10px;
}
.notice-text .text p {
  margin-bottom: 1em;
}
.notice-text img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/*---------------------授权登录------------------------*/

/* .authorize > .logo {
  display: block;
  width: 80px;
  height: 80px;
  padding: 10px;
  overflow: hidden;
  border-radius: 80px;
  background: #fff;
  margin: 20px auto;
} */

/* .authorize > .logo img {
  display: block;
  width: 100%;
  position: relative;
  top: 30px;
} */
/* .authorize > .form-box {
  width: 100%;
}
.authorize > .form-box > .item {
}
.authorize input[type='text'] {
  font-size: 0.16rem;
  text-align: center;
  text-align: left;
  border: 1px solid #eee;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 8px 10px;
  margin-bottom: -1px;
  border: 0;
} */
/* .authorize .item.btn {
  padding: 0 15px;
  padding-top: 30px;
}
.authorize button {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  background: #64d364;
  border: 1px solid #5cba5d;
  border-radius: 5px;
} */

.authorize > .logo {
  display: block;
  width: 88px;
  height: 88px;
  overflow: hidden;
  background: #fff;
  margin: 29px auto;
}
.authorize > .logo img {
  display: block;
  width: 100%;
}
.authorize .form-box {
  margin: 0 auto 29px;
  width: 90%;
  /* height: 293px; */
  padding: 20px 16px;
  box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.authorize .captcha-box {
  width: 256px;
  position: relative;
  margin-bottom: 18px;
  margin: 0 auto 18px;
}
.authorize .nav {
  display: flex;
  justify-content: space-around;
  margin-bottom: 36px;
}
.authorize .nav a {
  text-decoration: none;
}
.authorize .nav a:hover {
  text-decoration: none;
}
.authorize .nav .font {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.45);
}
.authorize .nav .line {
  display: block;
  height: 3px;
  width: 70%;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
}
.authorize .item {
  margin: 0 auto 32px;
  /* margin-bottom: 32px; */
  width: 232px;
  box-sizing: border-box;
}
.authorize .nav .active .font {
  font-weight: 600;
  color: #c81321;
}
.authorize .nav .active .line {
  background: #c81321;
  border-radius: 8px;
}
.authorize .item {
  border-bottom: 1px solid #eee;
}
.authorize input {
  font-size: 16px;
  text-align: left;
  border-radius: 0;
  padding: 8px;
  border: 0;
  width: 100%;
  box-sizing: border-box;
}
.authorize .btn {
  display: block;
  /* width: 100%; */
  width: 232px;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  box-shadow: 0px 5px 8px rgba(200, 19, 33, 0.08);
  /* background: #64d364; */
  /* border: 1px solid #5cba5d; */
  border-radius: 40px;
  background: #c81321;
  border: 1px solid #c81321;
  margin: auto;
}
.authorize .code-box {
  display: flex;
}
.authorize .code {
  width: 100px;
  line-height: 40px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  border: 0;
  background: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.authorize .code-box input {
  flex: 1;
}
.authorize .tip {
  color: #777;
  padding: 0 15px;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.authorize .tip .spot {
  color: #777;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: relative;
  top: -2px;
  margin: 0 8px;
}
.authorize .tip > p {
  font-size: 12px;
}
/*---------------------项目详情------------------------*/

.xiangqing {
  margin: 15px;
}
.xiangqing .title {
  text-align: center;
  border-bottom: 1px dotted #ddd;
  padding: 0 0 10px 0;
}
.xiangqing .title .vip-tips {
  text-align: right;
}
.xiangqing .title .vip-tips .vip-tips-text {
  font-size: 12px;
  color: #e97226;
}
.xiangqing .title .vip-tips .vip-tips-button {
  display: inline-block;
  width: 64px;
  height: 30px;
  background: #e35f0c;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
.xiangqing .title h2 {
  font-size: 16px;
  color: #0681e8;
  margin-top: 10px;
}
.xiangqing .title .info {
  text-align: right;
  text-align: center;
  padding-top: 10px;
}

.xiangqing .content {
  padding: 15px 0;
}
.xiangqing .content .msbox {
  color: #666;
  font-size: 14px;
  padding: 10px;
  border-radius: 8px;
  line-height: 2em;
}
.xiangqing .content .msbox p {
  margin-bottom: 2em;
}

.xiangqing .content .tips {
  display: block;
  font-size: 12px;
  color: #ff6600;
  text-align: left;
  position: relative;
}
.xiangqing .content .tips.im {
}
.xiangqing .content .tips.im:before {
  content: '重要提示';
  display: inline-block;
  color: #fff;
  padding: 0 3px;
  background: #ec3e3b;
  border-radius: 3px;
  margin-right: 3px;
}
.xiangqing .content .tips a {
  color: #ff6600;
}

.data-table {
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.fold-table.fold-box {
  display: inline-block;
  max-height: 156px;
  overflow: hidden;
  margin-bottom: 0px;
}
table.fold-table {
  margin-bottom: 36px;
  position: relative;
}
.unFold-btn,
.fold-btn {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 36px;
  z-index: 3;
  font-size: 12px;
  background: #fff;
  box-shadow: 0px -3px 8px rgba(0, 0, 0, 0.08);
}
.fold-table .fold-btn {
  bottom: -35px;
}
.fold-table .fold-btn td {
  border: none;
}
.icon-dropdown2.rotate {
  transform: rotate(180deg);
}
.unFold-btn td,
.fold-btn td {
  display: block;
  text-align: center;
  height: 26px;
  line-height: 30px;
}
.unFold-btn td .iconfont,
.fold-btn td .iconfont {
  margin-right: 5px;
  font-size: 12px;
}
.fold-table.fold-box td,
.fold-table.fold-box.th {
  border: none;
}
.data-table table {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  border-style: hidden;
  border-collapse: collapse;
}
.data-table table td,
.data-table table th {
  border: 1px solid #ddd;
  padding: 5px 8px;
  vertical-align: top;
  word-break: break-all;
}
.data-table table th {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  min-width: 56px;
  font-weight: normal;
  padding: 5px;
  background: rgba(0, 0, 0, 0.06);
}
.data-table table a {
  color: #0681e8;
  text-decoration: underline;
}
.data-table table .price {
  color: #ec3e3b;
  font-weight: 700;
}
.data-table .blue {
  color: #0681e8;
}
.data-table .center {
  text-align: center;
}
.goods-tips {
  position: relative;
}

.goods-tips:after {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 2px #286fd0 solid;
  content: '';
}

.goods-tips div {
  width: 105px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  background: #286fd0;
  padding-left: 15px;
  border-radius: 4px 4px 0px 0px;
  margin-bottom: 12px;
  text-align: left;
}
.goods-tips > div > span.goods-index {
  display: block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: #fff;
  color: #286fd0;
  font-size: 14px;
  font-weight: 500;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 80px;
  margin-top: -9px;
}

.bid-msg {
  color: #000;
  border-top: 3px solid #b2cce0;
  background: #f7fcfe;
  padding: 10px;
  margin-bottom: 20px;
}

.bid-msg .red {
  color: #ec3e3b;
}

.bid-msg h4 {
  font-size: 16px;
  font-weight: 700;
}

.bid-msg table {
  width: 96%;
  font-size: 14px;
  border: 0;
  margin: 0 auto;
}

.bid-msg tr {
  border: 0;
}

.bid-msg td,
.medium .bid-msg th {
  border: 0;
  padding: 4px;
}

.bid-msg th {
  width: 96px;
  font-weight: 700;
}

/*---------------------缺省页面------------------------*/
.blank-page:before {
  content: '您还没有参与的项目';
  font-size: 16px;
  color: #aaa;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 205px;
  left: 0;
}
.blank-page:after {
  content: '\e61a';
  font-family: 'iconfont' !important;
  font-size: 80px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color: #aaa;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 110px;
  left: 0;
}
a.tip-btn:link,
a.tip-btn:visited {
  display: block;
  width: 160px;
  line-height: 34px;
  text-align: center;
  color: #02aff3;
  border: 1px solid #02aff3;
  border-radius: 8px;
  position: absolute;
  top: 280px;
  left: 50%;
  margin-left: -81px;
}

.time-tip {
  color: #555;
  font-size: 14px;
  text-align: center;
  padding: 30px 10px;
}
.time-tip .time-box {
  font-size: 22px;
  padding: 2px;
}

.introduce-yct {
  width: 100%;
}
.introduce-yct img {
  display: block;
  width: 100%;
}

/*---------------------商机订阅页面------------------------*/

.subscribe-niche {
  background-color: #fff;
  padding-bottom: 0.4rem;
}

/* .subscribe-niche .body-top {
	display: flex;
	flex-wrap: nowrap;
	justify-content:space-between;
	padding: 6% 6% 0;
} */
.mt10 {
  margin-top: 10px;
}
.mb5 {
  margin-bottom: 5px;
}
.color45 {
  color: rgba(0, 0, 0, 0.45);
}
.color65 {
  color: rgba(0, 0, 0, 0.65);
}
.color85 {
  color: rgba(0, 0, 0, 0.85);
}
.font12 {
  font-size: 12px;
}
.font14 {
  font-size: 14px;
}
.font17 {
  font-size: 17px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.font22 {
  font-size: 22px;
}
.font24 {
  font-size: 24px;
}
.fontw600 {
  font-weight: 600;
}

.subscribe-niche .detail {
  padding: 0 6%;
  margin-bottom: 8%;
}
.subscribe-niche .detail .icon {
  float: left;
  width: 19px;
  height: 19px;
  margin: 4px 4px 0;
}
.subscribe-niche .detail .look i {
  margin-left: 3px;
  position: relative;
  top: 2px;
}
.subscribe-niche .detail .unlook i {
  margin-left: 3px;
  position: relative;
  top: 4px;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.subscribe-niche .detail .spot {
  float: left;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin: 12px 10px 0;
}
.subscribe-niche .detail .icon.icon-gongzuoanpai {
  background: url(../images/icon-gongzuoanpai.png) center center no-repeat;
  background-size: 100%;
}
.subscribe-niche .detail .icon.icon-qiyelinian {
  background: url(../images/icon-qiyelinian.png) center center no-repeat;
  background-size: 100%;
}
.subscribe-niche .detail .icon.icon-xiaoshuaitisheng {
  background: url(../images/icon-xiaoshuaitisheng.png) center center no-repeat;
  background-size: 100%;
}
.subscribe-niche .detail .icon.icon-gongsiyuanjing {
  background: url(../images/icon-gongsiyuanjing.png) center center no-repeat;
  background-size: 100%;
}
.subscribe-niche .detail .icon.icon-mobile {
  background: url(../images/icon-mobile.png) center center no-repeat;
  background-size: 100%;
}
.subscribe-niche .detail .detail-cont {
  line-height: 28px;
}
.subscribe-niche .detail .detail-cont .line {
  border: 1px dashed rgba(112, 112, 112, 0.25098039215686274);
  margin: 6% 0;
}
.subscribe-niche .detail .detail-cont .tit {
  font-weight: 600;
}

.subscribe-niche .detail .detail-cont dl {
  list-style-type: disc;
  margin-bottom: 10%;
}
.subscribe-niche .detail .detail-cont dl:last-of-type {
  margin-bottom: 0;
}
.subscribe-niche .body-bottom {
  display: flex;
  justify-content: space-between;
  padding: 0 3%;
  margin-bottom: 5%;
  box-sizing: border-box;
}
.subscribe-niche .body-bottom.space-around {
  justify-content: space-around;
}
.subscribe-niche .body-bottom .list-box {
  position: relative;
  box-sizing: border-box;
  /* width: 88px; */
  width: 24%;
  height: 102px;
  padding-top: 8px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  user-select: none;
}
.subscribe-niche .body-bottom .list-box .save-box {
  width: 58px;
  height: 18px;
  border-radius: 0px 4px 4px 4px;
  position: absolute;
  right: 3px;
  top: -4px;
}
.subscribe-niche .body-bottom .list-box .save-box .icon {
  position: absolute;
  left: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 0 4px 3px;
}
.subscribe-niche .body-bottom .list-box .save-box p.text {
  color: #fff;
  font-size: 8px;
  line-height: 18px;
  text-align: center;
}
.subscribe-niche .body-bottom .list-box .save-box p.text span {
  font-size: 10px;
  color: #fff;
}
.subscribe-niche .body-bottom .list-box .card-price p.align-c {
  text-align: center;
}
.subscribe-niche .body-bottom .list-box.experience-card .card-price .name {
  line-height: 16px;
}
.subscribe-niche
  .body-bottom
  .list-box.experience-card
  .card-price
  .name
  .font11 {
  font-size: 11px;
}
.subscribe-niche
  .body-bottom
  .list-box.experience-card
  .card-price
  .name
  .font12 {
  font-size: 12px;
}
.subscribe-niche .body-bottom .list-box .card-price .name {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}
.subscribe-niche .body-bottom .list-box .card-price .price {
  font-size: 18px;
  line-height: 24px;
}
.subscribe-niche .body-bottom .list-box .card-price .price .util {
  font-size: 12px;
  transform: scale(0.83);
}
.subscribe-niche .body-bottom .list-box .card-price .original-price {
  text-decoration: line-through;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  transform: scale(0.83);
  color: rgba(0, 0, 0, 0.45);
}

.subscribe-niche .body-bottom .list-box.active {
  box-shadow: 2px 3px 5px rgba(229, 183, 154, 0.3);
}

/* 禁止 */
.subscribe-niche .body-bottom .noclick {
  cursor: not-allowed;
}
.subscribe-niche .body-bottom .noclick:hover {
  cursor: not-allowed;
}
.subscribe-niche .body-bottom .disabled {
  border: 1px solid #e1e1e1 !important;
  background-size: 80% !important;
}
.subscribe-niche .body-bottom .disabled:hover {
  cursor: not-allowed;
}
.subscribe-niche .body-bottom .disabled .save-box {
  background-color: #838383 !important;
  color: #fff !important;
}
.subscribe-niche .body-bottom .disabled .save-box .icon {
  border-color: #838383 transparent !important;
}
.subscribe-niche .body-bottom .disabled .name,
.subscribe-niche .body-bottom .disabled .original-price,
.subscribe-niche .body-bottom .disabled .price,
.subscribe-niche .body-bottom .disabled .card-price .price > .util {
  color: #838383 !important;
}

/* 默认样式 */

.subscribe-niche .body-bottom .list-box {
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.08) url('../images/pay-vip2.png') no-repeat
    center center/100%;
}
.subscribe-niche .body-bottom .save-box {
  background: #e35f0c;
}
.subscribe-niche .body-bottom .save-box .icon {
  border-color: #e35f0c transparent;
}
.subscribe-niche .body-bottom .name {
  color: rgba(0, 0, 0, 0.65);
}
.subscribe-niche .body-bottom .card-price .price,
.subscribe-niche .body-bottom .card-price .price > .util {
  color: #e35f0c;
}
/* 选中样式 */
.subscribe-niche .body-bottom .list-box.active {
  border: 2px solid rgba(227, 95, 12, 0.7);
  box-shadow: 2px 3px 5px rgba(227, 95, 12, 0.1);
  background: #fef7f2 url('../images/pay-vip1.png') no-repeat center center/100%;
}
.subscribe-niche .body-bottom .list-box.active .name {
  color: #e35f0c;
}
.subscribe-niche .body-bottom .card-price .price,
.subscribe-niche .body-bottom .card-price .price > .util {
  color: #e35f0c;
}

/* 特惠体验卡 */
/* .subscribe-niche .body-bottom .experience-card{
  background: rgba(234, 211, 166, 0.08) url("../images/pay-vip1.png") no-repeat center center;
  border: 1px solid #E1BB79;
  background-size: 80%;
} */
/* .subscribe-niche .body-bottom .experience-card .name{
  color: #B88C52;
} */
/* .subscribe-niche .body-bottom .experience-card .save-box {
	background: #B88C52;
} */
/* .subscribe-niche .body-bottom .experience-card .save-box .icon {
	border-color: #B88C52 transparent;
} */
/* .subscribe-niche .body-bottom .experience-card .card-price .price,
.subscribe-niche .body-bottom .experience-card .card-price .price > .util {
  color: #B88C52;
} */
/* .subscribe-niche .body-bottom .experience-card.active {
  border: 3px solid #E1BB79;
} */
/* 
.subscribe-niche .body-bottom .month-card {
  background: rgba(233, 197, 174, 0.08) url("../images/pay-vip1.png") no-repeat center center;
  border: 1px solid #e9c5ae;
  background-size: 80%;
}
.subscribe-niche .body-bottom .month-card .name{
  color: #B58C72;
}
.subscribe-niche .body-bottom .month-card .save-box {
	background: #b58c72;
}
.subscribe-niche .body-bottom .month-card .save-box .icon {
	border-color: #8e674e transparent;
}
.subscribe-niche .body-bottom .month-card .card-price .price,
.subscribe-niche .body-bottom .month-card .card-price .price > .util {
  color: #B58C72;
}
.subscribe-niche .body-bottom .month-card.active {
  border: 3px solid #E9C5AE;
}
.subscribe-niche .body-bottom .quarter-card {
  background:  rgba(182, 194, 210, 0.08) url("../images/pay-vip2.png") no-repeat center center;
  border: 1px solid #B6C2D2;
  background-size: 80%;

}
.subscribe-niche .body-bottom .quarter-card .save-box {
  background: #607898;
  color: #607898;
}
.subscribe-niche .body-bottom .quarter-card .name {
  color: #607898;
  
}
.subscribe-niche .body-bottom .quarter-card .save-box .icon {
	border-color: #425a7b transparent;
}
.subscribe-niche .body-bottom .quarter-card .card-price .price,
.subscribe-niche .body-bottom .quarter-card .card-price .price > .util {
  color: #607898;
}
.subscribe-niche .body-bottom .quarter-card.active {
  border: 3px solid #E0BA7F;
}
.subscribe-niche .body-bottom .half-year-card {
  background:  rgba(248, 236, 220, 0.08) url("../images/pay-vip3.png") no-repeat center center;
  background-size: 80%;
  border: 1px solid #E0BA7F;
}
.subscribe-niche .body-bottom .half-year-card .save-box {
	background: #b49059;
}
.subscribe-niche .body-bottom .half-year-card .name {
  color: #B49059;
}
.subscribe-niche .body-bottom .half-year-card .save-box .icon {
  border-color: #957443 transparent;
}
.subscribe-niche .body-bottom .half-year-card .card-price .price,
.subscribe-niche .body-bottom .half-year-card .card-price .price > .util {
  color: #B49059;
}
.subscribe-niche .body-bottom .half-year-card.active {
  border: 3px solid #E0BA7F;
} */

.subscribe-niche .body-top {
  background: url('../images/pay-topbg.png') no-repeat center center;
  background-size: 100%;
  margin: 0 auto;
  width: 3.55rem;
  padding: 0.18rem 0.13rem 0.1rem 0.18rem;
  box-sizing: border-box;
}
.subscribe-niche .body-top .flex-box {
  display: flex;
  justify-content: space-between;
}

.subscribe-niche .body-top img {
  width: 0.53rem;
  height: 0.57rem;
}
.subscribe-niche .body-top .color75 {
  color: rgba(0, 0, 0, 0.75);
}
.subscribe-niche .body-top .font14 {
  font-size: 0.14rem;
}
.subscribe-niche .body-top .font16 {
  font-size: 0.16rem;
}
.subscribe-niche .body-top .font18 {
  font-size: 0.18rem;
}
.subscribe-niche .body-top .font20 {
  font-size: 0.2rem;
}
.subscribe-niche .body-top .font22 {
  font-size: 0.22rem;
}
.subscribe-niche .body-top .font24 {
  font-size: 0.24rem;
}
.subscribe-niche .title {
  display: flex;
  padding-left: 0.16rem;
  margin-bottom: 0.16rem;
  margin-top: 0.24rem;
  box-sizing: border-box;
}
.subscribe-niche .title .icon {
  background-color: #e35f0c;
  width: 0.03rem;
  border-radius: 0.03rem;
  margin-right: 0.06rem;
  height: 0.16rem;
  margin-top: 0.01rem;
  display: block;
}
.subscribe-niche .title .font {
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.14rem;
  font-weight: 600;
}
.subscribe-niche .introduce {
  height: 4.3rem;
  width: 3.61rem;
  padding-top: 0.16rem;
  margin: 0 auto;
  background: url('../images/pay-introduce.png') no-repeat top center;
  background-size: 100%;
  box-sizing: border-box;
}
.subscribe-niche .introduce h4 {
  font-size: 0.16rem;
  text-align: center;
  color: #e35f0c;
  margin-bottom: 0.35rem;
}
.subscribe-niche .introduce .content {
  display: flex;
  justify-content: space-between;
  padding: 0 0.25rem 0 0.28rem;
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 0.14rem;
}
.subscribe-niche .introduce .icon {
  height: 0.36rem;
  width: 0.36rem;
}
.subscribe-niche .introduce dl {
  width: 2.6rem;
}
.subscribe-niche .introduce .tit {
  color: #e35f0c;
  font-size: 0.14rem;
  margin-bottom: 0.06rem;
  font-weight: 600;
}
.subscribe-niche .introduce span,
.subscribe-niche .introduce dd {
  line-height: 0.19rem;
  font-size: 0.11rem;
}
.subscribe-niche .introduce .spot {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 50%;
  width: 0.03rem;
  height: 0.03rem;
  position: relative;
  top: -0.03rem;
  margin: 0 0.08rem;
}
.subscribe-niche .introduce .icon.icon-gongzuoanpai {
  background: url(../images/icon-gongzuoanpai.png) center center no-repeat;
  background-size: 100%;
}
.subscribe-niche .introduce .icon.icon-qiyelinian {
  background: url(../images/icon-qiyelinian.png) center center no-repeat;
  background-size: 100%;
}
.subscribe-niche .introduce .icon.icon-xiaoshuaitisheng {
  background: url(../images/icon-xiaoshuaitisheng.png) center center no-repeat;
  background-size: 100%;
}
.subscribe-niche .introduce .icon.icon-gongsiyuanjing {
  background: url(../images/icon-gongsiyuanjing.png) center center no-repeat;
  background-size: 100%;
}
.subscribe-niche .introduce .icon.icon-mobile {
  background: url(../images/icon-mobile.png) center center no-repeat;
  background-size: 100%;
}

.pay-footer .hide {
  display: none;
}
.pay-footer .show {
  display: block;
}
.pay-footer {
  width: 100%;
  height: 0.95rem;
  background-color: #fff;
  padding: 0 0.14rem 0.12rem 0.2rem;
  box-shadow: 0px -3px 8px rgba(74, 74, 74, 0.1);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pay-footer .money {
  font-size: 0.16rem;
  color: #e35f0c;
  line-height: 0.24rem;
}
.pay-footer .money span {
  font-size: 0.24rem;
}
.pay-footer .money .discount {
  font-size: 0.12rem;
  color: rgba(0, 0, 0, 0.45);
}
.pay-footer-bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 0.1rem;
  box-sizing: border-box;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
.pay-footer .btn {
  display: block;
  width: 1.12rem;
  height: 0.36rem;
  line-height: 0.36rem;
  text-align: center;
  color: #fff;
  font-size: 0.16rem;
  background: linear-gradient(94deg, #e35f0c 0%, #ef9860 100%);
  box-shadow: 0px -3px 6px rgba(227, 95, 12, 0.1);
  opacity: 1;
  border-radius: 0.36rem;
}
.pay-footer .agree {
  font-size: 0.1rem;
  padding: 0.11rem 0 0.1rem 0;
}
.pay-footer .agree label {
  display: flex;
  align-items: center;
}
.pay-footer .agree .radio {
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 100%;
  padding: 2px;
  box-sizing: border-box;
  margin-right: 3px;
}
.pay-footer .agree .radio .radio-in {
  width: 8px;
  border-radius: 100%;
  height: 8px;
  background-color: #e35f0c;
}
.pay-footer .agree .agreement:hover {
  text-decoration: underline;
}
.pay-footer .agree .agreement {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.1rem;
  color: #e35f0c;
}

/* 支付页弹窗 */
.pay-dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  display: flex;
  justify-content: center;
}

/* -----------------商机订阅 支付成功---------------- */

.subscribe-paid .message {
  margin-bottom: 40px;
  font-size: 0.9rem;
  font-weight: 700;
  color: #838383;
  margin-top: 50px;
}
.subscribe-paid .success {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
}
.subscribe-paid .buttons .btn-inche {
  display: block;
  width: 240px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 24px;
  margin: 16px auto;
}
.subscribe-paid .enter {
  margin: 0 auto 16px;
  color: #ffffff;
  background: linear-gradient(94deg, #e35f0c 0%, #ef9860 100%);
  box-shadow: 0px -3px 6px rgba(227, 95, 12, 0.1);
}
.subscribe-paid .quit {
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.05);
}
/* 加载ing */
.table-loading {
  width: 100%;
  margin-top: 40%;
  text-align: center;
}
.table-loading span {
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  text-align: center;
}

.table-loading .spinner {
  margin: 100px auto;
  width: 50px;
  height: 50px;
  position: relative;
}

.table-loading .container1 > div,
.container2 > div,
.container3 > div {
  width: 10px;
  height: 10px;
  background-color: #ff5a00;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.table-loading .spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.table-loading .container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.table-loading .container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.table-loading .circle1 {
  top: 0;
  left: 0;
}
.table-loading .circle2 {
  top: 0;
  right: 0;
}
.table-loading .circle3 {
  right: 0;
  bottom: 0;
}
.table-loading .circle4 {
  left: 0;
  bottom: 0;
}

.table-loading .container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.table-loading .container3 .circle1 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.table-loading .container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.table-loading .container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.table-loading .container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.table-loading .container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.table-loading .container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.table-loading .container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.table-loading .container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.table-loading .container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.table-loading .container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/* --------setting 提示----- */
.setting-tips {
  display: flex;
  justify-content: space-between;
  padding: 9px 20px;
  line-height: 14px;
}
.setting-tips .icon {
  height: 14px;
  width: 14px;
  margin-right: 2px;
}
.setting-tips span {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}

/* 采购需求页 */
.publish-select-wrapper {
  background-image: linear-gradient(
    rgba(227, 95, 12, 0.1),
    rgba(227, 95, 12, 0.05),
    rgba(227, 95, 12, 0)
  );
  padding: 8px 9px 12px;
}
.publish-select {
  background: #fff;
  border-radius: 4px;
  position: relative;
  box-shadow: 0 6px 13px rgba(227, 95, 12, 0.05);
  overflow: hidden;
}
.publish-select .vip-tips {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-color: transparent #fa9e63;
  border-style: solid;
  border-width: 0 46px 40px 0;
}
.publish-select .vip-tips-text {
  position: absolute;
  right: 4px;
  top: 6px;
  transform: rotate(45deg);
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.publish-select .item-type {
  padding: 0px 18px;
}
.publish-select .item-area .label {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 700;
}
.publish-select .item-type p,
.publish-select .item-area .first-box {
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 20px;
}
.publish-select .filter-box .item-type p.label {
  padding-bottom: 5px;
}
.publish-select .item-type .type-select {
  display: inline-block;
  width: 24%;
  max-width: 102px;
  height: 28px;
  text-align: center;
  line-height: 29px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  background: #f5f5f5;
  margin-bottom: 10px;
}
.publish-select .item-type .type-select.active {
  font-weight: 500;
  color: #e35f0c;
  background: rgba(227, 95, 12, 0.15);
}
.publish-select .item-area .item {
  min-width: 15%;
  position: relative;
  text-align: center;
  max-width: 43%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
.publish-select .item + .item {
  margin-left: 3%;
}
.publish-select .item-area {
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 18px;
  margin-top: 12px;
}
.publish-select .item-area .filter-btn {
  display: flex;
  font-size: 14px;
  align-items: center;
  position: absolute;
  top: 6px;
  right: 18px;
}
.publish-select .item-area .filter-btn img {
  width: 14px;
  height: 14px;
}
.publish-select .item-area .item .icon-right {
  transform: rotate(90deg);
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.publish-select .item-area .item .publish-select-top {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.publish-select .item-area .item .publish-select-top span.item-select {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
}
.publish-select .item-area .item .publish-select-top span.item-select.name {
  max-width: 18vw;
}
.publish-select .item-area .item .publish-select-top span.item-select.school {
  max-width: 27vw;
}
.publish-select .item-area .item .publish-select-top .item-select.active {
  color: #e35f0c;
}
.publish-select .item-area .item .publish-select-top .icon-right.active {
  transform: rotate(270deg);
}
.publish-select .item-area .item select {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  left: 0;
  top: 0;
}
.publish-select .select-box > div:first-child {
  display: flex;
}
.publish-select .select-box > div > ul {
  height: 200px;
  overflow-y: scroll;
}
.publish-select .select-box > div > ul.province-select {
  background: #fcfcfc;
}
.publish-select .select-box > div > ul.school-select {
  background: #f4f4f4;
}
.publish-select .select-box > div > ul.province-select > li {
  padding-left: 28px;
}
.publish-select .select-box > div > ul.school-select > li {
  padding-left: 43px;
}
.publish-select .select-box > div > ul > li {
  font-weight: 500;
  margin-top: 24px;
  font-size: 14px;
}
.publish-select .select-box > div > ul > li.active {
  color: #e35f0c;
}
.publish-select .select-box > div.buttons {
  width: 100%;
  padding-top: 8px;
  background: #fff;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: center;
  align-items: center;
}
.publish-select .select-box > div.buttons > .btn {
  display: inline-block;
  width: 28%;
  height: 28px;
  border: 1px solid #e35f0c;
  border-radius: 4px;
  text-align: center;
  line-height: 29px;
  font-size: 16px;
  padding-left: 16px;
  letter-spacing: 16px;
}
.publish-select .select-box > div.buttons > .btn.close {
  background: #fff;
  color: #e35f0c;
  margin-right: 24px;
}
.publish-select .select-box > div.buttons > .btn.submit {
  background: #e35f0c;
  color: #fff;
}
.publish-select .item-search {
  padding: 10px 18px;
  display: flex;
}
.publish-select .item-search > .search-input:focus {
  outline: none;
}
.publish-select .item-search > .search-input {
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px 0 0 4px;
}
.publish-select .item-search > .search-button {
  width: 64px;
  height: 32px;
  background: #e35f0c;
  border-radius: 0 4px 4px 0;
  color: #fff;
  line-height: 32px;
  text-align: center;
}
.publish-select .filter-tags {
  padding: 0 18px 10px;
  display: flex;
  flex-wrap: wrap;
}
.publish-select .filter-tags .tag-item {
  display: inline-block;
  width: 30%;
  max-width: 102px;
  height: 28px;
  background: rgba(227, 95, 12, 0.15);
  border-radius: 4px;
  text-align: center;
  line-height: 28px;
  color: #e35f0c;
  font-size: 12px;
  font-weight: 500;
  margin-right: 8px;
}
.publish-select .filter-tags .tag-item .iconfont {
  margin-left: 5px;
  font-size: 12px;
}
.publish-wrapper .not-find {
  width: 100%;
  text-align: center;
  padding: 60px 0;
  color: #999;
  line-height: 30px;
}
.publish-wrapper .red {
  color: #e35f0c;
}
.publish-wrapper .bg-white {
  position: relative;
}
.publish-wrapper .bg-white > .filter-bg {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}
.publish-wrapper .bg-white > .list-public > .item .tips {
  position: absolute;
  top: -2px;
  right: 0;
}
.publish-wrapper .bg-white > .list-public > .item .tips > img {
  width: 47px;
}
.publish-dialog .dialog-content {
  width: 264px;
  margin-top: 50%;
  background: #fff;
  position: fixed;
}
.publish-dialog .dialog-content > .title > .icon-close {
  display: block;
  width: 16px;
  height: 16px;
  float: right;
  padding: 10px;
}
.publish-dialog .dialog-content > .body {
  padding: 5px 20px;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
.publish-dialog .dialog-content > .footer {
  display: flex;
  justify-content: center;
  padding: 10px 24px 16px 24px;
}
.publish-dialog .dialog-content > .footer .close {
  width: 104px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border: 1px solid #1c75db;
  border-radius: 2px;
  font-size: 14px;
  color: #1c75db;
  margin-right: 8px;
}
.publish-dialog .dialog-content > .footer .submit {
  width: 104px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background: #1c75db;
  border: 1px solid #1c75db;
  border-radius: 2px;
  font-size: 14px;
  color: #ffffff;
}