@charset "UTF-8";
* { margin: 0; padding: 0; box-sizing: border-box; }

body { -webkit-font-smoothing: antialiased; background-color: #f8f8f8; font: 12px/1.5 "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif; color: #666; }

em, i { font-style: normal; }

li { list-style: none; }

img { border: 0; vertical-align: middle; }

button { cursor: pointer; }

a { color: #262626; text-decoration: none; cursor: pointer; }

input, textarea, select, button { font-family: "Microsoft YaHei", Simsun, Arial, Helvetica, sans-serif; }

input:focus, textarea:focus, select:focus, button:focus { outline: none; }

.clear { clear: both; width: 100%; height: 0px; overflow: hidden; }

.clearb { clear: both; display: block; margin: 0; padding: 0; height: 10px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; }

.fr { float: right; }

input[type="number"] { -moz-appearance: textfield; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input::-webkit-input-placeholder { color: #acacac; }

input:-moz-placeholder { color: #acacac; }

input::-moz-placeholder { color: #acacac; }

input:-ms-input-placeholder { color: #acacac; }

::-webkit-scrollbar { width: 4px; height: 12px; }

::-webkit-scrollbar-button { display: none; }

::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece { background: #fff; }

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:horizontal { border-radius: 10px; background: #ccc; }

::-webkit-scrollbar-thumb:hover { background: #999; }

::-webkit-scrollbar-thumb:active { background: #666; }

.hide { display: none !important; }

@font-face { font-family: "iconfont"; src: url("../fonts/iconfont.eot");
  /* IE9*/
src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg");
  /* iOS 4.1- */ }
/*!--字体代替iconfont--*/
[class*="icon-"], [class^="icon-"] { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; }

.icon-explain:before { content: "\e622"; }

.icon-open:before { content: "\e629"; }

.icon-back:before { content: "\e608"; }

.icon-play:before { content: "\e737"; }

.icon-onselected:before { content: "\e615"; }

.icon-close:before { content: "\e6aa"; }

.icon-arrow:before { content: "\e695"; }

.icon-home:before { content: "\e644"; }

.icon-yanjing:before { content: "\e681"; }

.text-red { color: #f1514e !important; }

.text-orange { color: #C78426 !important; }

.border-t { position: relative; }
.border-t:before { position: absolute; top: 0; left: 0; right: 0; content: ''; height: 1px; background: #efefef; transform: scaleY(0.5); transform-origin: 0 0; }

.border-b { position: relative; }
.border-b:before { position: absolute; bottom: 0; left: 0; right: 0; content: ''; height: 1px; background: #efefef; transform: scaleY(0.5); transform-origin: 0 0; }

.form-group { margin-bottom: 0.75rem; }

.form-control { display: block; width: 100%; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; box-shadow: none; height: 2rem; line-height: 2rem; padding: 6px 12px; font-size: 2.6rem; border: 1px solid #e2e2e2; color: #333; background-color: #fff; }
.form-control:focus { background: #fff; box-shadow: none; border: 1px solid #999999; outline: none; }

textarea { resize: none; }
textarea.form-control { height: auto; padding: 0.5rem; line-height: 1rem; }

table { border-spacing: 0; border-collapse: collapse; }

.table { width: 100%; max-width: 100%; }

.table-border-b thead tr th { padding: 5px 0.5rem; height: 1.5rem; line-height: 1.5rem; color: #333; font-size: 2.6rem; border-bottom: 1px solid #efefef; }
.table-border-b tbody tr td { border-bottom: 1px solid #efefef; text-align: center; padding: 0.75rem 5px; font-size: 2.6rem; }

.table-border thead tr th { padding: 5px 0.5rem; height: 1.5rem; line-height: 1.5rem; color: #333; font-size: 2.6rem; border: 1px solid #efefef; }
.table-border tbody tr td { border: 1px solid #efefef; text-align: center; padding: 0.75rem 5px; font-size: 2.6rem; }

.table-hover tbody tr:hover { background: #f8f8f8; }

.md-tab .tab-nav { height: 6.5rem; border-bottom: 1px solid #edf1f2; position: relative; }
.md-tab .tab-nav > ul > li { float: left; margin-right: 1rem; height: 34px; line-height: 1.5rem; font-size: 2.6rem; color: #909599; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.md-tab .tab-nav > ul > li.active { color: #f3554d; }
.md-tab .tab-nav .tab-line { display: block; position: absolute; left: 0; bottom: 0; width: 1.5rem; height: 2px; background: #f3554d; }
.md-tab .tab-content .tab-item { display: none; opacity: 0; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; }
.md-tab .tab-content .tab-item.active { display: block; opacity: 1; }

.dropdown { position: relative; height: 2rem; line-height: 2rem; }
.dropdown .dropdown-list { display: none; position: absolute; left: 0; top: 2.15rem; right: 0; max-height: 8.5rem; background: #fff; padding: .5rem; overflow-y: scroll; -moz-border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -o-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -khtml-border-radius: 0.1rem; border-radius: 0.1rem; border: 1px solid #e2e2e2; z-index: 100; }
.dropdown .dropdown-list::-webkit-scrollbar { width: 6px; }
.dropdown .dropdown-list li { cursor: pointer; line-height: 1.5rem; font-size: .7rem; }
.dropdown .dropdown-list li:hover { background: #e2e2e2; }

.g-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 10; }

.mask-box { top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; background: #fff; width: 80%; padding: .5rem 1rem 1rem; border-radius: .2rem; text-align: center; }
.mask-box .mask-close { position: absolute; right: .5rem; top: .5rem; font-size: 1rem; color: #999999; line-height: 1rem; }
.mask-box .pop-head h5 { height: 1.5rem; line-height: 1.5rem; color: #333; font-size: .9rem; }
.mask-box .pop-content { border-top: 1px solid #efefef; padding: .5rem 0; }
.mask-box .pop-content span { display: inline-block; padding-top: .5rem; font-size: .7rem; }
.mask-box .pop-content span input { border: none; }

.pop-btn { padding-top: .5rem; }
.pop-btn button { width: 40%; font-size: .7rem; }
.pop-btn .cancel-btn { border: 1px solid #f1514e; background: #fff; color: #f1514e; border-radius: 0.3rem; }
.pop-btn .cancel-btn:hover { background: white; }
.pop-btn .cancel-btn:focus { outline: none !important; }
.pop-btn .submit-btn { border: 1px solid #f1514e; background: #f1514e; color: #fff; border-radius: 0.3rem; margin-left: .5rem; }
.pop-btn .submit-btn:hover { background: #f57f7d; }
.pop-btn .submit-btn:focus { outline: none !important; }

header { position: fixed; top: 0; left: 0; right: 0; display: flex; height: 2.5rem; line-height: 2.5rem; background: #fff; padding: 0 .75rem; z-index: 10; }
header h1 { flex: 1; font-size: 1rem; color: #101010; text-align: center; }
header .btn-icon { color: #333; }
header .btn-icon .icon-home { font-size: 1.25rem; }
header ~ .newshelp-box { padding-top: 2.5rem; }

.foot-btn { position: fixed; bottom: 0; left: 0; right: 0; height: 2.5rem; padding: .35rem 0; background: #fff; z-index: 1000; }
.foot-btn .btn-box, .foot-btn .app-btn { text-align: center; }
.foot-btn .btn-box button, .foot-btn .app-btn button { width: 70%; line-height: 1.8rem; color: #fff; background: linear-gradient(90deg, #FF6A30 0%, #FD3237 100%); box-shadow: 0px 2px 6px 2px rgba(241, 81, 78, 0.2); border-radius: 1.2rem; border: none; }
.foot-btn + .content { padding-bottom: 2.5rem; }

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-1000px); transform: translateY(-1000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-1000px); -ms-transform: translateY(-1000px); transform: translateY(-1000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes Leftnum { 0% { opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes Leftnum { 0% { opacity: 0; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }
.Leftnum { -webkit-animation-name: Leftnum; animation-name: Leftnum; }

@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-1000px); -ms-transform: translateY(-1000px); transform: translateY(-1000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes widthnum { 0% { width: 0; }
  100% { width: 100%; } }
@keyframes widthnum { 0% { width: 0; }
  100% { width: 100%; } }
.widthnum { -webkit-animation-name: widthnum; animation-name: widthnum; }

.h5-open-launch-app{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent; z-index:10000; }

.analysis-wrap { padding: 1rem; background: #fff; }
.analysis-wrap .analysis-item { border-left: 1px solid #dfdfdf; }
.analysis-wrap .analysis-item .title { position: relative; left: -1px; height: 1.5rem; line-height: 1.5rem; font-size: 0.9rem; position: relative; padding-left: 0.8rem; background: #fff; }
.analysis-wrap .analysis-item .title:before { position: absolute; top: 50%; left: -0.35rem; margin-top: -0.35rem; content: ""; width: 0.7rem; height: 0.7rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; background: #33C3A6; }
.analysis-wrap .analysis-item:last-child { border: none; }
.analysis-wrap .statement { padding-top: 1rem; }
.analysis-wrap .statement p { font-size: .7rem; color: #999; line-height: 1.25rem; }

.shipping { padding: 0.5rem; background: #fff; }
.shipping .title { position: relative; font-size: 0.9rem; line-height: 2rem; color: #333; padding-left: 0.8rem; margin-bottom: 0.5rem; }
.shipping .title:before { position: absolute; left: 0; top: 50%; margin-top: -0.4rem; content: ""; width: 0.15rem; height: 0.8rem; background: #f14e51; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -o-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -khtml-border-radius: 0.2rem; border-radius: 0.2rem; }
.shipping .tb-region { text-align: left; }
.shipping .table thead th { font-size: 0.8rem; }
.shipping .table tbody td { padding: 0.5rem; font-size: 0.8rem; color: #333; }
.shipping .shipping-note { padding: 0.5rem 0; }
.shipping .shipping-note span { position: relative; font-size: 0.9rem; line-height: 2rem; color: #333; padding-left: 0.8rem; margin-bottom: 0.5rem; }
.shipping .shipping-note span:before { position: absolute; left: 0; top: 50%; margin-top: -0.4rem; content: ""; width: 0.15rem; height: 0.8rem; background: #f14e51; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -o-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -khtml-border-radius: 0.2rem; border-radius: 0.2rem; }
.shipping .shipping-note p { font-size: 0.7rem; color: #666; line-height: 1.25rem; }

.agreementbox { padding: 0.5rem 1.4rem 1.5rem 1.4rem; background: #fff; }
.agreementbox .agreement-title { padding: 0.5rem 0; text-align: center; font-size: 0.9rem; color: #333; }

.agreement-info { letter-spacing: 0.08rem; }
.agreement-info .sub-title { font-size: 0.8rem; margin-bottom: 0.5rem; line-height: 1.35rem; color: #333; font-weight: 600; }
.agreement-info .weight { font-weight: 600; color: #333; }
.agreement-info .text-info { margin-bottom: 0.5rem; line-height: 1.35rem; color: #333; }
.agreement-info .text-info p { font-size: 0.75rem; display: block; margin-bottom: 0.5rem; }

.user-agreement { padding: 0 1.4rem; letter-spacing: 0.08rem; }
.user-agreement .title { text-align: center; font-size: 0.9rem; color: #333; padding-top: 1rem; margin-bottom: 0.25rem; line-height: 1.5rem; }
.user-agreement .time { text-align: center; color: #333; font-size: 0.7rem; line-height: 1.5rem; padding-bottom: 0.5rem; }
.user-agreement h2 { font-size: 0.8rem; line-height: 1.5rem; padding: 1rem 0 0.5rem 0; color: #333; }
.user-agreement p { font-size: 0.75rem; color: #333; line-height: 1.35rem; }
.user-agreement .agreement-foot { padding: 1rem 0 0.5rem 0; }
.user-agreement .agreement-foot span { color: #333; font-size: 0.8rem; }
.user-agreement .agreement-foot p { color: #333; font-size: 0.75rem; }

.helpbox { padding: 0.5rem 1.4rem; background: #fff; letter-spacing: 0.08rem; }
.helpbox ul li { border-bottom: 1px solid #f1f1f1; padding: 0.5rem 0; }
.helpbox ul li h5 { font-size: 0.8rem; line-height: 1.5rem; }
.helpbox ul li p { font-size: 0.7rem; line-height: 1.25rem; color: #666; }

.guide-body { background: #fff; }
.guide-body p{margin: 0;}

/* 发现分享落地页的评论 */
.detail-info-comment{position: relative;width: 20.7rem;margin: 0 -0.8533rem;}
.detail-info-comment .topLine {width: 100%;height:.6624rem;background:#f5f5f5}
.detail-info-comment .commentSpaceBetween {display:flex;justify-content:space-between;align-items:center;font-size:.7728rem;color:#333}
.detail-info-comment .commentSpaceBetween div {display:flex;align-items:center;}
.detail-info-comment .commentTitle {font-size:.9936rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:bold;color:#333;padding: 0.9936rem 0.8533rem;}
.detail-info-comment .commentNew {font-size:.7728rem}
.detail-info-comment .commentLine {display:inline-block;width:.0552rem;height:.6624rem;background:#ddd;vertical-align:middle;margin:0 .3863rem}
.detail-info-comment .commentThumb {font-size:.7728rem;color:#999;font-weight:400}
.detail-info-comment .imgUser {width:1.7664rem;height: 1.7664rem;margin-right:0.4416rem;border-radius: 50%;}
.detail-info-comment .imgThumb {width:.9936rem;vertical-align:text-top}
.detail-info-comment .thumbNum {font-size:.6624rem;color:#999;margin-right:0.221rem;height:0.9936rem;}
.detail-info-comment .commentContent {font-size:.7728rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:.9936rem;margin:.4416rem 0 .4416rem 2.208rem}
.detail-info-comment .liTop+.liTop {border-top:.0552rem solid #eee;padding-top:.8832rem}
.detail-info-comment .imgContent {width:5.299rem;height:5.299rem;border-radius:.2208rem}
.detail-info-comment .contentSpaceBetween {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-left:2.208rem}
.detail-info-comment .contentIP {margin:.6624rem 0 .9936rem 2.208rem;font-size:.6624rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999}
.detail-info-comment .contentIPSpan {margin-left:.8832rem;font-size:.6624rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333}
.detail-info-comment .mui-pull-bottom-pocket {font-size:.6624rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;width:20.7rem;margin:0 -0.8533rem;height:2.65rem;background:#f5f5f5;text-align:center}
.detail-info-comment .mui-pull {bottom: 0;}
.detail-info-comment .mui-pull-caption {font-size:.6624rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:2.65rem;}
.detail-info-comment .emptyStatus {font-size:.7728rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;text-align:center;padding:3.312rem}
.detail-info-comment .ic_status_empty {width:7.2864rem;margin-bottom:.4416rem}
.detail-info-comment .mui-table-view:after {height: 0px}
.detail-info-comment .mui-table-view:before {height: 0px}
.detail-info-comment .commit-list { padding: 0 0.8533rem;}
.detail-info-comment .comment-scroll {left: 0;padding: 0 0.8533rem;}
.detail-info-comment .baseLine {font-size:.6624rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;width:20.7rem;height:2.65rem;line-height:2.65rem;background:#f5f5f5;text-align:center}
.guide-content .hasmore::before { position: absolute;bottom: 4.0848rem; content: ""; width: 100%; height: 3rem; display: block; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); }

.guide-head { position: fixed; top: 0; left: 0; right: 0; height: 3rem; line-height: 3rem; background: #fff; border-bottom: 1px solid #eee; z-index: 1000; }
.guide-head h2 { text-align: center; color: #333; }
.guide-head a { position: absolute; top: 0; right: 0; width: 3rem; height: 3rem; text-align: center; display: inline-block; }
.guide-head a i { font-size: 1.2rem; }

.guide-head-d-new{border: none;box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.06);  display: flex;align-items: center;justify-content: space-between;padding: 0 0.6rem;}
.guide-head-d-new img{ width: 4.8rem;height: 1.2rem;}
.guide-head-d-new .guide-head-d-new-search{position: relative; height: 1.55rem; background: #F5F5F5;border-radius: 0.7rem;display: flex;align-items: center;justify-content: space-between; padding: 0 0.55rem;}
.guide-head-d-new .guide-head-d-new-search p{font-size: 0.77rem;color: #999;}
.guide-head-d-new .guide-head-d-new-search img{ width: 0.9rem;height: 0.9rem;}
.guide-head-d-new .guide-head-d-new-button{position: relative; width: 5.56rem;height: 1.55rem;line-height: 1.55rem;background: #20B89A; border-radius: 0.78rem;color: #fff; text-align: center;font-size: 0.77rem;}

.guide-content, .unscramble-content { padding-top: 3rem; }

.guide-detail, .topic-detail { padding: 1rem 1.4rem 0 1.4rem; }
.guide-detail-new{padding: 1rem 0.8rem 2.8rem 0.8rem }
.discover-new-ad{position: fixed;right: 0.8rem;bottom: 6rem;z-index: 10001;transition:0.3s !important;-webkit-transition:0.3s !important;transform:translateX(0) translateZ(0px) rotateY(0deg);-webkit-transform:translateX(0) translateZ(0px) rotateY(0deg);animation-fill-mode: none !important;-webkit-animation-fill-mode: none !important;}
.discover-new-ad-transform{transform:translateX(2.2rem) translateZ(0px) rotateY(0deg) !important;-webkit-transform:translateX(2.2rem) translateZ(0px) rotateY(0deg) !important;animation-fill-mode: none !important;-webkit-animation-fill-mode: none !important;}
.discover-new-ad img{ width: 3.15rem;height: auto;display: block;}
.discover-new-ad img.close-ad{margin: 0.6rem auto 0;width: 0.9rem;height: 0.9rem;}
.discover-new-ad-model{position: fixed;top: 0;left: 0; width: 100%; height: 100%;background-color: rgba(0,0,0,.5); z-index: 10001;}
.discover-new-ad-model .discover-new-ad-imgbox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
.discover-new-ad-model .discover-new-ad-imgbox img{width: 15rem;height: 20rem;}
.discover-new-ad-model .discover-new-ad-imgbox img.close-ad-model{margin-top: 1.2rem;width: 1.6rem;height: 1.6rem;}
.guide-detail h1, .topic-detail h1 { font-size: 1rem; color: #101010; }
.guide-detail .more-info-button{position: relative; display: flex;align-items: center;justify-content: center;padding:0.8rem 0 1.2rem;}
.guide-detail .more-info-button img{ width: 0.9rem;height: 0.9rem;margin-right: 0.4rem;}
.guide-detail .more-info-button p{color: #20B89A;font-size: 0.77rem;}
.guide-detail .detail-digest, .topic-detail .detail-digest { height: 1.8rem; line-height: 1.8rem; }
.guide-detail .detail-digest span, .topic-detail .detail-digest span { display: inline-block; font-size: 0.7rem; color: #999; }
.guide-detail .detail-digest span i, .topic-detail .detail-digest span i { float: left; margin-right: 0.25rem; }
.guide-detail .detail-digest span ~ span, .topic-detail .detail-digest span ~ span { padding-left: 0.25rem; }
.guide-detail .detail-tag, .topic-detail .detail-tag { height: 2rem; line-height: 1.5rem; padding: 0.25rem 0; font-size: 0.8rem; color: #666; }
.guide-detail .detail-tag span, .topic-detail .detail-tag span { margin-right: 0.5rem; float: left; }
.guide-detail .detail-tag span img, .topic-detail .detail-tag span img { width: 1.5rem; height: auto; margin-right: 0.5rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.guide-detail .detail-tag .time, .topic-detail .detail-tag .time { float: right; font-size: 0.7rem; color: #999; }
.guide-detail .detail-tag-new{display: flex;justify-content: space-between;align-items: center;}
.guide-detail .detail-tag-new .detail-tag-desc{ display: flex;align-items: center; line-height: normal;}
.guide-detail .detail-tag-new .detail-tag-desc p{ font-size: 0.78rem;color: #333; }
.guide-detail .detail-tag-new .detail-tag-desc span{font-size: 0.5rem;color: #999;}
.guide-detail .detail-tag-new .detail-tag-desc img{ width: 1.78rem; height: 1.78rem; border-radius:50%;overflow: hidden;margin-right: 0.4rem;}
.guide-detail .detail-tag-new .detail-tag-button{position: relative; height: 1.33rem;line-height: 1.33rem;color: #20B89A;border-radius: 6px;border: 1px solid;text-align: center;padding: 0 0.5rem;font-size: 0.6rem;}

.guide-detail .media-box, .topic-detail .media-box { padding: 1rem 0; }
.guide-detail .media-box .media-video img, .topic-detail .media-box .media-video img { display: block; width: 100%; height: auto; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -o-border-radius: 0.3rem; -ms-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; border-radius: 0.3rem; }
.guide-detail .media-box .media-video-play { width: 100%; height: 13.8rem; }
.guide-detail .media-box .media-voice, .topic-detail .media-box .media-voice { position: relative; background: #f7f7f7; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -o-border-radius: 0.3rem; -ms-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; border-radius: 0.3rem; padding: 0.5rem 0.6rem 0.5rem 2.5rem; }
.guide-detail .media-box .media-voice i, .topic-detail .media-box .media-voice i { position: absolute; left: 0.5rem; display: inline-block; width: 1.5rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1.5rem; color: #f1514e; }
.guide-detail .media-box .media-voice span, .topic-detail .media-box .media-voice span { display: block; line-height: 1rem; font-size: 0.8rem; color: #333; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.guide-detail .media-box .media-voice p, .topic-detail .media-box .media-voice p { line-height: 1rem; font-size: 0.6rem; color: #999; }
.guide-detail .media-box .media-voice p em, .topic-detail .media-box .media-voice p em { padding-left: 0.5rem; }
.guide-detail .detail-info, .topic-detail .detail-info { padding-top: 1rem; line-height: 1.5rem; font-size: 0.88rem; letter-spacing: 0.08rem; color: #333; word-break: break-all; }
.guide-detail .detail-info p, .topic-detail .detail-info p { color: #333; font-size: 0.88rem; }
.guide-detail .detail-info table, .topic-detail .detail-info table { width: 100%; }
.guide-detail .detail-info table tr td:first-child, .topic-detail .detail-info table tr td:first-child { white-space: nowrap; }
.guide-detail .detail-info p img, .topic-detail .detail-info p img { display: block; max-width: 100% !important; height: auto !important; margin: 0 auto; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -o-border-radius: 0.3rem; -ms-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; border-radius: 0.3rem; }
.guide-detail .detail-info h1 img, .topic-detail .detail-info h1 img { display: block; max-width: 100%; height: auto; margin: 0 auto; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; -o-border-radius: 0.3rem; -ms-border-radius: 0.3rem; -khtml-border-radius: 0.3rem; border-radius: 0.3rem; }
.guide-detail .detail-info .artimglist, .topic-detail .detail-info .artimglist { padding-top: 0.5rem; overflow: hidden; }
.guide-detail .detail-info .artimglist img, .topic-detail .detail-info .artimglist img { width: 100%; height: auto; }
.guide-detail .detail-info .artimglist.multiple img, .topic-detail .detail-info .artimglist.multiple img { width: 30%; height: auto; margin: 5px; float: left; }
.guide-detail .hide-part, .topic-detail .hide-part { position: relative; }
.guide-detail .hide-part:after, .topic-detail .hide-part:after { position: absolute; bottom: 0; content: ""; width: 100%; height: 3rem; display: block; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); }

.guide-btn, .topic-btn { padding: 1rem 0; text-align: center; position: relative; }
.guide-btn.hasmore, .topic-btn.hasmore { margin: .5rem 0 1.8rem 0; }
.guide-btn .password-text, .topic-btn .password-text { display: flex; position: absolute; left: 50%; top: -1.5rem; height: 2rem; line-height: 2rem; padding: 0 0.5rem; background: #fff; border: 1px solid #ccc; transform: translate(-50%, 0); font-size: 0.7rem; white-space: nowrap; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -o-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -khtml-border-radius: 0.2rem; border-radius: 0.2rem; }
.guide-btn .password-text input, .topic-btn .password-text input { flex: 1; border: none; background: #fff; }
.guide-btn .password-text:before, .topic-btn .password-text:before { position: absolute; bottom: -0.6rem; left: 50%; margin-left: -0.15rem; content: ""; border: 0.3rem solid transparent; border-top-color: #ccc; border-radius: 0; font-size: 0; width: 0; height: 0; padding: 0; }
.guide-btn .password-text:after, .topic-btn .password-text:after { position: absolute; bottom: -0.5rem; left: 50%; margin-left: -0.15rem; content: ""; border: 0.3rem solid transparent; border-top-color: #fff; border-radius: 0; font-size: 0; width: 0; height: 0; padding: 0; }
.guide-btn .open-more, .topic-btn .open-more { display: block; padding-bottom: 0.552rem; text-align: center; color: #f1514e; }
.guide-btn .open-more-new{color: #20B89A;}
.guide-btn .notwx, .topic-btn .notwx { display: inline-block; width: 100%; height: 2rem; line-height: 2rem; font-size: 0.8rem; border: 1px solid #f1514e; background: #f1514e; color: #fff; border-radius: 1rem; box-shadow: 0px 2px 6px 2px rgba(241, 81, 78, 0.2); }
.guide-btn .notwx:hover, .topic-btn .notwx:hover { background: #f57f7d; }
.guide-btn .notwx:focus, .topic-btn .notwx:focus { outline: none !important; }
.discover-footer-btn-group{ position: fixed;left: 0;bottom: 0; width: 100%; box-shadow: 0px -2px 6px 0px rgba(0,0,0,0.06);width: 100%;padding: 0.4rem 1rem;display: flex;justify-content: space-around; background-color: #fff;z-index: 9999;}
.discover-footer-btn-group .footer-btn-s{display: flex;align-items: center;justify-content: center;width: 8rem;height: 2rem;border: 1px solid #20B89A;border-radius: 20px;}
.discover-footer-btn-group .footer-btn-s p{color: #20B89A;}
.discover-footer-btn-group .footer-btn-s img{width: 1.1rem;height: 1.1rem;margin-right: 0.4rem;}
.discover-footer-btn-group .footer-btn-s p{font-size: 0.8rem;}
.discover-footer-btn-group .footer-btn-right{background-color: #20B89A;border: none;}
.discover-footer-btn-group .footer-btn-right p {color: #fff;}

.pop-guideapp .pop-content { border: none; font-size: 0.8rem; padding-top: 1rem; }
.pop-guideapp .pop-btn button { height: 1.8rem; line-height: 1.8rem; }

.guide-recommend .title { position: relative; height: 2rem; line-height: 2rem; font-size: 0.8rem; padding-left: 0.5rem; color: #333; }
.guide-recommend .title:before { position: absolute; left: 0; top: 50%; content: ""; margin-top: -0.5rem; width: 3px; height: 1rem; background: red; }
.guide-recommend ul { padding: 0 0.5rem; }
.guide-recommend ul li { border-bottom: 1px solid #eee; padding: 0.5rem 0; }
.guide-recommend ul li a { display: block; font-size: 0.8rem; word-wrap: break-word; line-height: 1.25rem; }
.guide-recommend ul li span { display: block; height: 1.5rem; line-height: 1rem; padding-top: 0.5rem; font-size: 0.7rem; color: #999; }
.guide-recommend ul li span i { float: left; margin-right: 0.25rem; }

.pop-media .pop-head { height: 2rem; line-height: 2rem; }
.pop-media .pop-content { font-size: 0.8rem; padding-top: 1rem; }
.pop-media .pop-btn button { height: 1.8rem; line-height: 1.8rem; }

.major-prompt { padding: 0.5rem 0.5rem 0.5rem 2rem; position: relative; }
.major-prompt .icon-close { position: absolute; left: 0.5rem; top: 50%; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; margin-top: -0.5rem; color: #999; }
.major-prompt p { font-size: 0.6rem; line-height: 0.85rem; color: #666; }

.major-from { padding: 1rem 0.75rem; background: #fff; }
.major-from .form-group { display: flex; }
.major-from .form-group label { padding-right: 0.5rem; width: 4rem; height: 2rem; line-height: 2rem; color: #101010; font-size: 0.75rem; text-align: right; }
.major-from .form-group .group-box { position: relative; flex: 1; border: 1px solid #e2e2e2; -moz-border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -o-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -khtml-border-radius: 0.1rem; border-radius: 0.1rem; padding: 0.4rem; }
.major-from .form-group .group-box .form-control { font-size: 0.75rem; -webkit-appearance: none; border: none; padding: 0; height: 1.2rem; line-height: 1.2rem; }
.major-from .form-group .group-box .icon-arrow { position: absolute; top: 0; right: 0.5rem; height: 2rem; line-height: 2rem; font-size: 0.7rem; color: #aaa; }
.major-from .form-group:last-child { margin: 0; }
.major-from .form-group.operate-btn { position: relative; }
.major-from .form-group.operate-btn .empty-btn { position: absolute; right: 0; top: 0; border: none; background: none; font-size: 0.75rem; line-height: 2rem; color: #333; }
.major-from .form-group.operate-btn .empty-btn:focus { outline: none; }
.major-from .form-group .query-btn { width: 50%; margin: 0 auto; height: 2rem; line-height: 2rem; font-size: 0.8rem; border: 1px solid #f1514e; background: #f1514e; color: #fff; border-radius: 0.15rem; background: linear-gradient(to bottom right, #ff6a30, #fd3237); }
.major-from .form-group .query-btn:hover { background: #f57f7d; }
.major-from .form-group .query-btn:focus { outline: none !important; }

.major-content { padding-top: 0.5rem; }

.education-nav { background: #fff; }
.education-nav ul li { position: relative; float: left; width: 20%; height: 2.5rem; line-height: 2.5rem; font-size: 0.75rem; color: #666; text-align: center; }
.education-nav ul li.active { font-size: 0.85rem; color: #101010; }
.education-nav ul li.active:before { position: absolute; bottom: 0; left: 50%; margin-left: -0.6rem; display: block; content: ""; width: 1.2rem; height: 0.1rem; background: #f1514e; -moz-border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -o-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -khtml-border-radius: 0.1rem; border-radius: 0.1rem; }

.profession-list { background: #fff; padding: 0.5rem 0.75rem; }
.profession-list .pro-item > li ~ li { margin-top: 0.5rem; }
.profession-list .pro-item .bigcategory { position: relative; height: 2.25rem; line-height: 2.25rem; font-size: 0.75rem; font-weight: 600; color: #333; cursor: pointer; }
.profession-list .pro-item .bigcategory .icon-arrow { position: absolute; right: 0; height: 2.25rem; line-height: 2.25rem; font-size: 0.7rem; color: #aaa; font-weight: 400; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
.profession-list .pro-item .bigcategory.levelopen .icon-arrow { transform: rotate(-180deg); }
.profession-list .pro-item .sub-item { padding: 0 0.5rem; }
.profession-list .pro-item .sub-item > li ~ li { margin-top: 0.5rem; }
.profession-list .pro-item .smallcategory { position: relative; height: 2.25rem; line-height: 2.25rem; font-size: 0.75rem; color: #333; cursor: pointer; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.profession-list .pro-item .smallcategory .icon-arrow { position: absolute; right: 0; height: 2.25rem; line-height: 2.25rem; font-size: 0.7rem; color: #aaa; font-weight: 400; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
.profession-list .pro-item .smallcategory.levelopen .icon-arrow { transform: rotate(-180deg); }
.profession-list .pro-item .pro-specific { padding-top: 0.25rem; }
.profession-list .pro-item .pro-specific li { float: left; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; border: 1px solid #ccc; background: #fff; margin: 0.5rem 0.5rem 0 0; line-height: 1.5rem; font-size: 0.7rem; padding: 0 1rem; color: #333; }

.major-table { background: #fff; border-bottom: 1px solid #efefef; }
.major-table thead { height: 2.25rem; line-height: 2.25rem; }
.major-table thead tr th { font-size: 0.8rem; color: #333; }
.major-table tbody tr { border-top: 1px solid #efefef; }
.major-table tbody tr td { text-align: center; line-height: 1rem; padding: 0.75rem 0.25rem; font-size: 0.75rem; color: #333; }

.major-back { background: #fff; padding: 1rem 0; text-align: center; }
.major-back button { width: 50%; line-height: 2rem; font-size: 0.7rem; border: 1px solid #fd3237; background: #fff; color: #fd3237; border-radius: 0.15rem; }
.major-back button:hover { background: white; }
.major-back button:focus { outline: none !important; }

.scores-box { padding: 0.5rem; }
.scores-box li { background: #fff; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; -o-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -khtml-border-radius: 0.2rem; border-radius: 0.2rem; padding: 0.75rem; cursor: pointer; }
.scores-box li h5 a { font-weight: 400; line-height: 1.25rem; font-size: 0.9rem; color: #101010; display: block; }
.scores-box li p { padding-top: 0.25rem; line-height: 1rem; font-size: 0.7rem; color: #999; }
.scores-box li ~ li { margin-top: 0.5rem; }

.guide-app, .topic-app { width: 100%; height: 3rem; padding: 0.5rem; background: #fff; display: flex; cursor: pointer; -webkit-box-shadow: 0 0px 0.5rem #eee; -moz-box-shadow: 0 0px 0.5rem #eee; box-shadow: 0 0px 0.5rem #eee; }
.guide-app .app-logo, .topic-app .app-logo { width: 2rem; height: 2rem; }
.guide-app .app-logo img, .topic-app .app-logo img { width: 100%; height: 100%; }
.guide-app .app-text, .topic-app .app-text { flex: 1; padding: 0 0.5rem; }
.guide-app .app-text span, .topic-app .app-text span { font-size: 0.8rem; line-height: 1.2rem; color: #333; }
.guide-app .app-text p, .topic-app .app-text p { margin: 0; font-size: 0.6rem; line-height: 0.8rem; color: #999; }
.guide-app .app-btn, .topic-app .app-btn { display: flex; align-items: center; }
.guide-app .app-btn button, .topic-app .app-btn button { height: 1.8rem; line-height: 1.8rem; padding: 0 1rem; -moz-border-radius: 1.5rem; -webkit-border-radius: 1.5rem; -o-border-radius: 1.5rem; -ms-border-radius: 1.5rem; -khtml-border-radius: 1.5rem; border-radius: 1.5rem; border: none; font-size: 0.8rem; color: #fff; background: linear-gradient(56deg, #ff6a30 0%, #fd3237 100%); }

.topic-content { padding: 3rem 0 1rem 0; background: #fff; }
.topic-content .detail-info { padding-bottom: 1rem; }

.topic-btn { padding: 3rem 0 1rem; }
.topic-btn .password-text { top: 0.5rem; }

.vote-box { background: #f8f8f8; border: 1px solid #eee; padding: 1rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }
.vote-box .title { font-size: 0.75rem; color: #101010; line-height: 1rem; padding-bottom: 0.5rem; }
.vote-box .title i { font-size: 0.6rem; color: #999; }

.vote-radio li { background: #fff; line-height: 2rem; text-align: center; font-size: 0.7rem; color: #333; border: 1px solid #ddd; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }
.vote-radio li ~ li { margin-top: 0.5rem; }

.vote-select li { position: relative; line-height: 1.5rem; padding-left: 1.5rem; font-size: 0.7rem; color: #333; }
.vote-select li:before { position: absolute; left: 0; top: 50%; content: ""; width: 0.8rem; height: 0.8rem; margin-top: -0.4rem; background: #fff; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; border: 1px solid #ddd; }
.vote-select li ~ li { margin-top: 0.5rem; }
.vote-select .vote-btn { width: 100%; line-height: 2rem; margin-top: 0.5rem; color: #f1514e; font-size: 0.7rem; text-align: center; background: #fff; border: 1px solid #ddd; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }

.vote-info { position: relative; background: #fff url(../../images/must/vote-bg.png) repeat; margin-top: 0.6rem; }
.vote-info ul { padding-top: 0.5rem; }
.vote-info ul li { width: 50%; float: left; text-align: center; }
.vote-info ul li p { font-size: 0.65rem; color: #666; line-height: 0.9rem; padding-bottom: 0.75rem; }
.vote-info ul li button { height: 2rem; width: 90%; font-size: 0.7rem; color: #fff; border: none; }
.vote-info ul li .gwy-btn { background: url(../../images/must/red-btn.png) no-repeat; background-size: 100%; }
.vote-info ul li .sydw-btn { background: url(../../images/must/blue-btn.png) no-repeat; background-size: 100%; }
.vote-info ul li:first-child { padding-right: 1.25rem; }
.vote-info ul li:last-child { padding-left: 1.25rem; }
.vote-info:before { position: absolute; top: 50%; left: 50%; content: ""; width: 1.25rem; height: 1.25rem; margin-left: -0.625rem; margin-top: -0.625rem; background: url(../../images/must/ic_vs.png) no-repeat; background-size: 100%; z-index: 2; }
.vote-info:after { position: absolute; top: 0; left: 50%; content: ""; height: 100%; width: 1rem; margin-left: -1rem; border-right: 1px solid #eee; transform: skewX(-10deg); -webkit-transform: skewX(-10deg); z-index: 1; }

.vote-results { position: absolute; left: 50%; top: -0.6rem; height: 1.2rem; width: 80%; margin-left: -40%; -moz-border-radius: 0.6rem; -webkit-border-radius: 0.6rem; -o-border-radius: 0.6rem; -ms-border-radius: 0.6rem; -khtml-border-radius: 0.6rem; border-radius: 0.6rem; overflow: hidden; z-index: 2; }
.vote-results span { position: relative; display: inline-block; height: 1.2rem; line-height: 1.2rem; width: 50%; color: #fff; font-size: 0.7rem; padding: 0 0.5rem; }
.vote-results .results-l { background: #f1514e; }
.vote-results .results-l:after { position: absolute; top: 0; right: -0.2rem; content: ""; width: 0.4rem; height: 1.2rem; background: #f1514e; transform: skewX(-20deg); -webkit-transform: skewX(-20deg); z-index: 1; }
.vote-results .results-r { background: #4184ff; text-align: right; }

.share-comments { margin-top: 0.5rem; background: #fff; padding: 0.5rem 1rem; }
.share-comments .title { position: relative; line-height: 2rem; padding-left: 0.5rem; font-size: 0.8rem; color: #101010; }
.share-comments .title:before { position: absolute; left: 0; top: 50%; margin-top: -0.3rem; content: ""; width: 2px; height: 0.6rem; background: #f1514e; }
.share-comments .not-comments { padding: 0.5rem 0; }
.share-comments .not-comments img { width: 100%; height: auto; }

.comments-list li { padding: 0.5rem 0; }
.comments-list li .cm-poto { float: left; width: 1.5rem; }
.comments-list li .cm-poto img { display: block; width: 1.5rem; height: 1.5rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; }
.comments-list li ~ li { border-top: 1px solid #efefef; }

.cm-info { margin-left: 1.5rem; padding-left: 0.5rem; }
.cm-info .head { line-height: 1.5rem; }
.cm-info .head .info-name { font-size: 0.65rem; color: #666; }
.cm-info .head .praise-num { float: right; padding-left: 1rem; font-size: 0.6rem; line-height: 1.5rem; color: #aaa; background: url(../../images/must/ic_praise.png) no-repeat left center; background-size: 0.7rem auto; }
.cm-info .info-text { padding: 0.25rem 0; }
.cm-info .info-text p { font-size: 0.8rem; color: #333; line-height: 1.2rem; }
.cm-info .info-text img { display: block; width: 4.8rem; height: 4.8rem; margin: 0.25rem 0; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }
.cm-info .info-bar { line-height: 1rem; }
.cm-info .info-bar .lb-time { font-size: 0.6rem; color: #999; }
.cm-info .info-bar .lb-reply { font-size: 0.6rem; color: #333; padding-left: 0.5rem; }

.special-content { position: relative; padding-bottom: 6rem; max-height: 1200px; overflow: hidden; }

.project-list { border-top: 0.5rem solid #f8f8f8; padding: 1rem 1.4rem; }
.project-list .title { font-size: 1rem; text-align: center; padding-bottom: 0.5rem; color: #101010; border-bottom: 1px solid #efefef; }
.project-list ul { padding-top: 0.5rem; }
.project-list ul li { padding: 0.5rem 0; }

.list-info { display: block; width: 100%; display: flex; }
.list-info .list-left { flex: 1; padding-right: 0.5rem; }
.list-info .list-left h2 { font-size: 0.8rem; font-weight: 400; height: 2.5rem; line-height: 1.25rem;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; }
.list-info .list-left h2 a { color: #333;}
.list-info .list-left .list-bar { height: 1rem; line-height: 1rem;white-space: nowrap;width: 10.708rem;text-overflow: ellipsis;overflow: hidden; }
.list-info .list-left .list-bar span { color: #999; font-size: 0.6rem; }
.list-info .list-left .list-bar span i { float: left; margin-right: 0.25rem; }
.list-info .list-right { float: right; width: 5rem; height: 3.5rem; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; overflow: hidden; }
.list-info .list-right img { width: 100%; height: 100%; }

.special-btn { position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem; z-index: 10; }
.special-btn:after { position: absolute; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 11rem; display: block; background: url(../../images/must/shadow.png) repeat-x; background-size: auto 100%; z-index: -1; }

.m-interests { position: absolute; width: 100%; height: 100%; }
.m-interests .swiper-pagination { position: relative; top: 0; }
.m-interests .swiper-pagination .swiper-pagination-bullet { padding: 1.5rem 0 1rem 0; height: auto; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; background: none; }
.m-interests .swiper-pagination .swiper-pagination-bullet span { display: inline-block; width: 2.5rem; height: 2.5rem; }
.m-interests .swiper-pagination .swiper-pagination-bullet span img { width: 100%; height: auto; }
.m-interests .swiper-pagination .swiper-pagination-bullet p { color: #fff; line-height: 1rem; padding-top: 0.5rem; font-size: .7rem; }
.m-interests .swiper-pagination-bullets-dynamic { font-size: initial; }
.m-interests .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .m-interests .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .m-interests .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(1); opacity: 0.6; filter: alpha(opacity=60); outline: none; }
.m-interests .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { opacity: 1; background: none; }
.m-interests .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active span { width: 3rem; height: 3rem; }
.m-interests .swiper-container { width: 100%; height: 100%; }

.interests-info { position: relative; background: #fff; height: calc(100% - 7rem); padding: 1rem 0 .5rem 0; }
.interests-info::after { position: absolute; top: -0.25rem; left: 50%; margin-left: -0.8rem; content: ""; display: block; width: 1.6rem; height: 0.25rem; background: url(../../images/must/interests-arrow.png) no-repeat; background-size: 100%; }

.interests-box { width: 100%; height: 100%; padding: 0 1rem; overflow-y: scroll; }
.interests-box .title { text-align: center; padding-bottom: .5rem; }
.interests-box .title span { position: relative; display: inline-block; font-size: 0.9rem; color: #D4A343; font-weight: 600; }
.interests-box .title span::before { position: absolute; top: 50%; left: -4.5rem; margin-top: -1px; display: block; content: ""; height: 2px; width: 4rem; background: linear-gradient(to left, #ebcb96, #fff); }
.interests-box .title span::after { position: absolute; top: 50%; right: -4.5rem; margin-top: -1px; display: block; content: ""; height: 2px; width: 4rem; background: linear-gradient(to right, #ebcb96, #fff); }
.interests-box .interests-text .subtitle { display: block; padding-left: 1.25rem; line-height: 2rem; font-size: 0.8rem; font-weight: 600; color: #333; background: url(../../images/must/state-ico.png) no-repeat left center; background-size: 0.8rem; }
.interests-box .interests-text .info-text span { display: block; padding: .25rem 0; font-size: .7rem; color: #333; line-height: 1.5rem; }
.interests-box .interests-text .info-text span i { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-right: .5rem; background: #333; color: #fff; border-radius: 50%; }
.interests-box .interests-text .info-text p { font-size: .7rem; color: #333; line-height: 1.5rem; }
.interests-box .interests-text .info-text img { display: block; max-width: 100%; height: auto; margin: .5rem auto; }
.interests-box .interests-text .table thead tr { line-height: 2rem; font-size: .7rem; color: #333; background: #FCF9F3; }
.interests-box .interests-text .table thead tr .vipico { padding-left: 1rem; background: url(../../images/must/my-vipicon.png) no-repeat left center; background-size: .75rem; }
.interests-box .interests-text .table tbody tr { text-align: center; }
.interests-box .interests-text .table tbody tr:nth-child(odd) { background: #fff; }
.interests-box .interests-text .table tbody tr:nth-child(even) { background: #FCF9F3; }
.interests-box .interests-text .table tbody tr td { padding: .5rem; font-size: .7rem; line-height: 1rem; color: #333; }
.interests-box .interests-text .table tbody tr td.text-left { text-align: left; }
.interests-box .interests-text .table tbody tr td .contain { display: inline-block; width: 1rem; height: 1rem; background: url(../../images/must/contain.png) no-repeat center center; background-size: .8rem; }
.interests-box .interests-text .table tbody tr td .notcontain { display: inline-block; width: 1rem; height: 1rem; background: url(../../images/must/notcontain.png) no-repeat center center; background-size: .8rem; }
.interests-box .interests-text .table tbody tr:last-child { border-bottom: 1px solid #FCF9F3; }
.interests-box .interests-text .notthead tbody tr th { font-size: .7rem; color: #333; }
.interests-box .interests-text .notthead tbody tr:nth-child(odd) { background: #FCF9F3; }
.interests-box .interests-text .notthead tbody tr:nth-child(even) { background: #fff; }
.interests-box .interests-text .notthead tbody tr td { text-align: left; }
.interests-box .interests-text ~ .interests-text { padding-top: .75rem; }

.my-exclusive { padding: 0.75rem; background: #fff; }
.my-exclusive .title { display: flex; line-height: 1rem; }
.my-exclusive .title span { flex: 1; font-size: 0.8rem; color: #333; font-weight: 600; }
.my-exclusive .title span em { float: left; }
.my-exclusive .title span i { float: left; padding: .15rem 0; margin-left: 0.35rem; font-size: 0.5rem; height: .8rem; line-height: normal; font-weight: 400; color: #fff; padding: 0 0.35rem; border-radius: 0 0.35rem 0 0.35rem; background-image: linear-gradient(to right, #fe8772, #f1514e); }
.my-exclusive .title a { position: relative; color: #999; }
.my-exclusive .title a:after { right: 0; }

.zx-goods { padding-top: 0.5rem; }
.zx-goods li { width: 50%; float: left; padding: 0.5rem 0.35rem; }
.zx-goods li .zxgoods-img { position: relative; display: block; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; overflow: hidden; }
.zx-goods li .zxgoods-img img { width: 100%; height: auto; }
.zx-goods li .zxgoods-img .zxgoods-type { position: absolute; top: 0; right: 0; color: #f1514e; font-size: 0.6rem; padding: 0 0.25rem; background: #f3bf75; border-radius: 0 0 0 0.25rem; }
.zx-goods li h5 { padding: 0.25rem 0; height: 1.5rem; font-weight: 400; }
.zx-goods li h5 a { display: block; font-size: 0.8rem; color: #333; line-height: 1rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.zx-goods li .zxgoods-bar span { display: inline-block; line-height: 1rem; }
.zx-goods li .zxgoods-bar .tag { font-size: 0.6rem; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -khtml-border-radius: 0.15rem; border-radius: 0.15rem; padding: 0 0.25rem; color: #7f5825; background-image: linear-gradient(to right, #f7dfbd, #f3bf75); }
.zx-goods li .zxgoods-bar .zxgoods-price { color: #e3b97c; font-size: 0.7rem; font-weight: 600; }
.zx-goods li .zxgoods-bar .zxgoods-original { text-decoration: line-through; font-size: 0.6rem; color: #999; }

.exclusive-banner { padding: 1rem 0 0.5rem 0; }
.exclusive-banner a { display: block; }
.exclusive-banner a img { width: 100%; height: auto; -moz-border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -o-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -khtml-border-radius: 0.25rem; border-radius: 0.25rem; }

.newshelp-box { position: relative; width: 100%; min-height: 100%; padding-bottom: 2.5rem; background: #fff; }
.newshelp-box .help-fdback { position: absolute; width: 100%; bottom: 0; line-height: 2.5rem; text-align: center; }
.newshelp-box .help-fdback a { display: inline-block; font-size: 0.7rem; color: #999; }
.newshelp-box .help-fdback a i { color: #333; }
.newshelp-box .help-bottom-btns { padding-bottom: 1rem; display: flex; align-items: center; position: relative; border: 1px solid #EEEEEE; }
.newshelp-box .help-bottom-btns hr { width: 1px; background-color: #EEEEEE; height: 1.111rem; border: none; }
.newshelp-box .help-bottom-btns .btn { padding: 0.8832rem 0; flex: 1; display: flex; align-items: center; justify-content: center; }
.newshelp-box .help-bottom-btns .btn img { margin-right: 0.333rem; width: 0.8832rem; height: 0.8832rem; }
.newshelp-box .help-bottom-btns .btn span { font-weight: 400; font-size: 0.8832rem; color: #1D2129; line-height: 0.8832rem; }

.help-nav { padding: 1.5rem 0; border-top: .5rem solid #f8f8f8; }
.help-nav ul { display: flex; }
.help-nav li { flex: 1; height: 4.5rem; text-align: center; }
.help-nav li a { display: block; color:#333;}
.help-nav li span { display: block; width: 2.5rem; height: 2.5rem; margin: 0 auto; }
.help-nav li span img { width: 100%; height: auto; }
.help-nav li i { display: block; font-size: .8rem; line-height: 2rem; text-align: center; }

.help-hot .title { padding: 0 0.75rem; }
.help-hot .title span { position: relative; display: inline-block; font-size: 0.9rem; padding-left: 1.35rem; font-weight: bold; color: #333; }
.help-hot .title span:after { position: absolute; left: 0; top: 50%; margin-top: -.45rem; content: ""; width: 1rem; height: 1rem; background: url(../../images/must/hotask-ico.png) no-repeat; background-size: 100% 100%; }
.help-hot .list { padding: 0.25rem 0.75rem; }
.help-hot .list li { position: relative; padding: 0.5rem 0; line-height: 1.25rem; }
.help-hot .list li a { display: block; font-size: 0.8rem; color: #333; padding-right: 1rem; }
.help-hot .list li::before { position: absolute; bottom: 0; left: 0; right: 0; content: ''; height: 1px; background: #efefef; transform: scaleY(0.5); transform-origin: 0 0; }
.help-hot .list li:after { position: absolute; top: 50%; margin-top: -0.5rem; right: 0; transform: rotate(-90deg); content: "\e695"; color: #d5d5d5; line-height: 1rem; font-family: "iconfont" !important; font-size: .7rem; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; }

.md-tab .tab-nav { height: 2rem; border-bottom: 1px solid #efefef; position: relative; }
.md-tab .tab-nav > ul > li { float: left; margin-right: 0.5rem; height: 34px; line-height: 1rem; font-size: 0.7rem; color: #909599; cursor: pointer; }
.md-tab .tab-nav > ul > li.active { color: #33C3A6; }
.md-tab .tab-nav .tab-line { display: block; position: absolute; left: 0; bottom: 0; width: 1rem; height: 2px; background: #33C3A6; }
.md-tab .tab-content .tab-item { display: none; opacity: 0; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; }
.md-tab .tab-content .tab-item.active { display: block; opacity: 1; }

.newshelp-tab { padding-top: 1rem; }
.newshelp-tab .tab-nav ul { display: flex; }
.newshelp-tab .tab-nav ul li { flex: 1; text-align: center; font-size: .9rem; color: #333; height: 2rem; line-height: 2rem; }
.newshelp-tab .tab-nav ul li i { display: inline-block; line-height: 2rem; }
.newshelp-tab .tab-content { padding: .75rem; }
.newshelp-tab .tab-content .helplist { padding: 0.25rem 0.75rem; }
.newshelp-tab .tab-content .helplist li { position: relative; padding: 0.5rem 0; line-height: 1.25rem; }
.newshelp-tab .tab-content .helplist li a { display: block; font-size: 0.8rem; color: #333; padding-right: 1rem; }
.newshelp-tab .tab-content .helplist li::before { position: absolute; bottom: 0; left: 0; right: 0; content: ''; height: 1px; background: #efefef; transform: scaleY(0.5); transform-origin: 0 0; }
.newshelp-tab .tab-content .helplist li:after { position: absolute; top: 50%; margin-top: -0.5rem; right: 0; transform: rotate(-90deg); content: "\e695"; color: #bbb; line-height: 1rem; font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-stroke-width: 0.2px; }

.newshelp-detail { padding: .75rem; }
.newshelp-detail .title { padding: .75rem 0; line-height: 1rem; font-size: .9rem; color: #101010; font-weight: 600; }
.newshelp-detail .content { font-size: .7rem; line-height: 1.25rem; }
.newshelp-detail .content img { display: block; margin: .5rem auto; border-radius: 5px; max-width: 100%; }
.newshelp-detail .detail-btn { display: flex; justify-content: center; align-items: center; padding-top: 1.5rem; }
.newshelp-detail .detail-btn button { height: 2.5rem; line-height: 2.5rem; padding: 0 1.75rem 0 3.5rem; margin: 0 .75rem; font-size: .8rem; border: none; border-radius: 1.25rem; background-size: 1.25rem; }
.newshelp-detail .detail-btn .useless { background: #ECF2FF url(../../images/must/useless.png) no-repeat 1.75rem center; color: #4184FF; background-size: 1.25rem; }
.newshelp-detail .detail-btn .useful { background: #FFF1F1 url(../../images/must/useful.png) no-repeat 1.75rem center; color: #F1514E; background-size: 1.25rem; }
.newshelp-detail .detail-btn .onuseless { background: #ECF2FF url(../../images/must/onuseless.png) no-repeat 1.75rem center; color: #4184FF; background-size: 1.25rem; }
.newshelp-detail .detail-btn .onuseful { background: #FFF1F1 url(../../images/must/onuseful.png) no-repeat 1.75rem center; color: #F1514E; background-size: 1.25rem; }

.unscramble-head h1 { padding: .75rem; font-size: 1rem; line-height: 1.5rem; color: #fff; background: url(../../images/must/sample/unscramble-bg1.png) no-repeat; background-size: 100% 100%; }
.unscramble-head .head-info { background: url(../../images/must/sample/unscramble-bg2.png) no-repeat; background-size: 100% auto; padding: 0 .75rem; }
.unscramble-head .head-info ul { background: #fff; border-radius: .3rem; padding: 1rem 0; display: flex; }
.unscramble-head .head-info ul span { display: block; font-size: 1.1rem; line-height: 1.25rem; font-weight: bold; color: #333; }
.unscramble-head .head-info ul p { font-size: .7rem; color: #333; }
.unscramble-head .head-info ul li { flex: 1; text-align: center; }
.unscramble-head .head-info ul li ~ li { border-left: 1px solid #efefef; }
.unscramble-head .head-info .title { font-size: .8rem; color: #333; padding: .5rem 0; text-align: center; }

.unscramble-wrap { padding: 0 .75rem .5rem; }

.unscramble-box { padding: .5rem .75rem; background: #fff; border-radius: .3rem; }
.unscramble-box .title { padding-bottom: .5rem; }
.unscramble-box .title span { float: left; position: relative; font-size: .8rem; font-weight: bold; color: #101010; padding: 0 .5rem; }
.unscramble-box .title span::before { position: absolute; left: 0; top: 50%; margin-top: -.3rem; content: ""; width: .1rem; height: .6rem; background: #FD3237; border-radius: .25rem; }
.unscramble-box .title i { float: left; line-height: 1.2rem; color: #aaa; }
.unscramble-box .sample { position: relative; padding: .5rem 0; }
.unscramble-box .sample::after { position: absolute; top: -1rem; right: 1rem; content: ""; width: 2.5rem; height: 2.5rem; background: url(../../images/must/sample/sample-ico.png) no-repeat; background-size: 100% auto; z-index: 8; }
.unscramble-box .sample img { width: 100%; height: auto; }
.unscramble-box ~ .unscramble-box { margin-top: .5rem; }

.pop-unscramble { width: 75% !important; }
.pop-unscramble h3 { height: 2rem !important; line-height: 2rem !important; }
.pop-unscramble .layui-m-layercont { padding: 0 1rem 1rem !important; text-align: left !important; }
.pop-unscramble .layui-m-layercont li { line-height: 1rem; }
.pop-unscramble .layui-m-layercont li ~ li { padding-top: .75rem; }
.pop-unscramble .layui-m-layerbtn { background: #fff !important; border-top: 1px solid #efefef !important; }
.pop-unscramble .layui-m-layerbtn span { color: #FD3237 !important; }