.zc-title-main { position: relative; }
.zc-title-main .sup-tag { position: absolute; right: 0; bottom: 0rem; font-size: 0.3rem; color: #999; padding: 0px; }
.title_main h3 { text-indent: 1.4rem; position: relative; line-height: 0.65rem; padding-bottom: 0.6rem; }
.title_main h3 .zc-tag { position: absolute; left: 0; top: 0.08rem; text-indent: 0; display: inline-block; color: #fff; background: rgb(190,58,52); font-weight: normal; font-size: 0.3rem; padding: 0 0.15rem; border-radius: 0.15rem; line-height: 0.5rem; }

.progress-bar { height: 0.44rem; padding: 0.5rem 0.6rem; position: relative; background: #fff; }
.bar-shadow { position: absolute; left: 0.6rem; right: 0.6rem; height: 0.14rem; background-color: #E7E7E7; border-radius: 0.1rem; }
.progress-in { position: relative; padding-right: 1.8rem; height: 0.14rem; font-size: 0; }
.progress-in > span:first-of-type { position: relative; display: inline-block; height: 0.14rem; border-radius: 0.15rem 0 0 0.15rem; vertical-align: top; background: linear-gradient(to right, rgb(240,54,55), rgb(255,87,87)); }
.progress-in > span:last-of-type { position: absolute; width: 1.8rem; top: 50%; transform: translateY(-50%); font-size: 0.3rem; background: #fff; color: rgb(255,87,87); text-align: center; height: 0.6rem; border-radius: 0.15rem; border: 1px solid rgb(255,87,87); line-height: 0.55rem; }
.zc-info { display: flex; padding: 10px 0 22px 0; justify-content: center; text-align: center; font-size: .3rem; background: #fff; }
.zc-info .info-cell { width: 33%; font-size: 0.38rem; }
.info-cell > div:first-of-type { padding-bottom: 2px; font-weight: 600; }
.info-cell > div:last-of-type { color: #999; font-size: 0.3rem; }
/*.zc-info>.info-cell:nth-of-type(2) {
	border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;
}*/
.zc-back { position: relative; padding: 0.2rem 0.6rem; display: flex; justify-content: space-between; background: #fff; align-items: center; }
.zc-back i { color: #ccc; }
.bd-bt:after { content: ''; position: absolute; bottom: 0; left: 0.6rem; right: 0.6rem; height: 1px; background: #eee; }

.advance-cont { padding: 0.35rem 0.6rem; position: relative; }
.advance-cont:before { content: ''; position: absolute; top: 0; left: 0.6rem; right: 0.6rem; height: 1px; background: #e7e7e7; }
.advance-cont > .adv-step:not(:last-of-type) { padding-bottom: 10px; }
.adv-step { padding-left: 20px; position: relative; }
.adv-step:before { content: ''; height: 8px; width: 8px; border-radius: 50%; background: #ccc; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.advance-cont > .adv-step:after { content: ''; background: #ccc; position: absolute; top: 0; bottom: 0; left: 3.5px; width: 1px; }
.advance-cont > .adv-step:first-child:after { content: ''; background: #ccc; position: absolute; top: 50%; bottom: 0; left: 3.5px; width: 1px; }
.advance-cont > .adv-step:last-child:after { content: ''; background: #ccc; position: absolute; top: 0; bottom: 50%; left: 3.5px; width: 1px; }
.advance-cont > .adv-step:last-child:first-child:after { content: ''; background: transparent; position: absolute; top: 0; bottom: 50%; left: 3.5px; width: 1px; }
.adv-step .adv-time { font-size: 0.35rem; padding-bottom: 5px; color: #333; }
.adv-step .adv-text { font-size: 0.35rem; color: #666; }

.zc-notice { padding: 0.2rem 0.6rem; }
.zc-notice p { line-height: 0.7rem; margin-bottom: 10px; text-indent: 0px !important; }

.notice-item { position: relative; padding-left: 2em; margin-bottom: 10px; }
.notice-item span { position: absolute; top: 0; left: 0; }
.zc-suc-notic { position: fixed; bottom: 1.4rem; left: 0; width: 100%; text-align: center; height: 0.55rem; line-height: 0.55rem; background: rgb(188,188,188); font-size: 0.2rem; }

.back-container { margin: 1rem 0.3rem 1em; }
.back-container .back-info { margin-top: 10px; }

.zc-author { padding: 10px 0.6rem; background: #fff; }
.author-title { font-size: 0.364rem; font-weight: bold; line-height: 1.2rem; }
.author-info { display: flex; }
.author-img { height: 1.5rem; width: 1.5rem; flex-shrink: 0; border-radius: 50%; overflow: hidden; }
.author-img img { height: 100%; width: 100%; }
.author-desc { flex-grow: 1; padding-left: 10px; display: flex; flex-direction: column; justify-content: center; }
.author-desc strong { font-size: 0.4rem; line-height: 0.8rem; }
.author-desc p { color: #999; font-size: 0.3rem; }
.author-msg { margin-top: 10px; font-size: 0.35rem; }