.wuk_weixin{color:red}
* { margin: 0; padding: 0; outline: 0; border:0 none; }
img {vertical-align:middle;}
i,em {font-style:normal;}
.body { min-width:320px; max-width: 580px; margin:0 auto;font-family: ""Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol""; color: #323332; }
.marg-l { margin-left: .3em;}
.marg-t {margin-top:.65em;}
.marg-t2 {margin-top:.2em;}
.padd {padding:.8em;}
.mod-block { margin: 1.25em .8em; }
.tx-c { text-align: center;}
.tx-r { text-align: right;}
.relative { position:relative;}
.absolute { position: absolute;}
.fl-l {float:left; display: inline-block;}
.fl-r {float:right; display: inline-block;}
.ut-s { text-overflow: ellipsis; overflow: hidden; white-space: nowrap !important;}
.ub-f1 { position: relative; -webkit-box-flex: 1; box-flex: 1;}
.pink { color:#ff326c!important;}
.grey { color:#9c9c9c;}
.good { border-radius: .3em; color: #e1ba66;border: .1em solid #e1ba66; padding:0 .3em; margin-right: .3em;}
.host { background-color:#ff97bf; color: #fff; border-radius: .3em; padding:0 .5em; margin-left:.3em;line-height: 1.4; display: inline-block;vertical-align:middle; margin-top: -.3em; }
.teacher { color: #fff; vertical-align:middle; padding: 0 1em; border-radius: 1em; display: inline-block; margin-top: -.2em;}
.orange-bg {background: -moz-linear-gradient(left, #ffae20 0%, #ffc90c 100%);
background: -webkit-gradient(linear, left left, left right, color-sleft(0%,#ffae20), color-sleft(100%,#ffc90c));
background: -webkit-linear-gradient(left, #ffae20 0%,#ffc90c 100%);
background: -o-linear-gradient(left, #ffae20 0%,#ffc90c 100%);
background: -ms-linear-gradient(left, #ffae20 0%,#ffc90c 100%);
background: linear-gradient(to right, #ffae20 0%,#ffc90c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae20', endColorstr='#ffc90c',GradientType=0 ); }
.white-bg { background-color:#fff !important;border-radius: 1em;}
.pink-bg { background-color:#ffcae0 !important; color: #fff;}
.pink-bg2 { background-color:#ff4479 !important;background: -moz-linear-gradient(left, #ff4479 0%, #ff326c 100%);
background: -webkit-gradient(linear, left left, left right, color-sleft(0%,#ff4479 ), color-sleft(100%,#ff326c));
background: -webkit-linear-gradient(left, #ff4479 0%,#ff326c 100%);
background: -o-linear-gradient(left, #ff4479 0%,#ff326c 100%);
background: -ms-linear-gradient(left, #ff4479 0%,#ff326c 100%);
background: linear-gradient(to right, #ff4479 0%,#ff326c 100%); color: #fff;}
.tag-box { padding: 0 .55em; margin-top: -1em; }
.tag { background-color: #fff6f8; color:#ff326c; border-radius: 1em; padding:.3em 1em; display: inline-block; margin-left: .3em; margin-right: .3em; margin-top: .5em;}
.circle { border-radius: 50%; overflow: hidden;}
.font-xl { font-size:1.5em !important;}
.font-l { font-size:1.2em !important;}
.font-m { font-size:.92em;}
.font-s { font-size:.8em;}
.font-xs { font-size:.7em;}
.border-b { border-bottom: solid .0125em #e8e8e8; }
.flex { display: flex; align-items: center;}
.space { justify-content : space-between;}
.mod-block .ms .dj-contentimg{max-width: 100%;}
.header { line-height: 1.3; text-align:center; padding-top:.5rem; padding-bottom:.3rem; background-color: #fff;justify-content:space-between;}
.header span { padding:0 .85rem; line-height: 1; }
.header p { line-height: 1.8; text-indent: .5rem;color:#000; }
.header span em { right: .8em; top: .5em; font-size: 12px; color: #fff; background-color:rgba(200,200,200,.7); width: 18px; line-height: 18px; border-radius: 10px; }

.ms { line-height:1.5; text-align:justify; color:#444;}
.mod-block .ms { padding-right: .8em;}
.emoj { height: 20px; width: auto; padding: 0 .2em; margin-top: -.2em;}

.ques-box { background: #fff0f5;
background: -moz-linear-gradient(top, #fff0f5 0%, #fff 100%);
background: -webkit-gradient(linear, top top, top bottom, color-stop(0%,#fff0f5), color-stop(100%,#fff));
background: -webkit-linear-gradient(top, #fff0f5 0%,#fff 100%);
background: -o-linear-gradient(top, #fff0f5 0%,#fff 100%);
background: -ms-linear-gradient(top, #fff0f5 0%,#fff 100%);
background: linear-gradient(to bottom, #fff0f5 0%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0f5', endColorstr='#fff',GradientType=0 );}


.down { padding: .2em .8em .2em .6em; border-radius: 1em;}
.question i { background-color: #fe9f13; color: #fff; width:30px; line-height:30px; margin-right: 5px; }
.detail { padding:1.2em .8em; margin-top: .8em;}
.detail .ms { padding-bottom: 1em;}
.detail .time { padding-left: 35px; margin-top: .65em;}
.mod-block .ms p:first-of-type{display: inline;}
.user p { line-height: 1;}
.user .name ,.floor-user .name{ color:#000;}
/*.floor-user {font-size:.8em;}*/
.back { line-height: 1; background-color: #f9f9f9; font-weight: normal; vertical-align: middle; padding:.5em 1em; margin-top: .3em;}
.answer { padding-left:2.4em;margin-bottom: 1.25em;}
.answer .photo {width: 2.4em; height: 2.4em;margin-left:-2.4em;}
.answer .con-box { display:block; }
.time { color: #9c9c9c;}
.floor-user p { color:#8e8e8e; display: flex; align-items: center;}
.floor-user .ico {
margin-right: .25em;
background: url(../images/good.png);
width: 24px;
height: 24px;
background-size: 100% 100%;
}
.fa-angle-left {
    background: url(../images/left.png);
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    display: inline-block;
}
.fa-hourglass-1{
    margin-right: .25em;
    background: url(../images/jx.png);
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    display: inline-block;
}

.floor-user .pink .ico.pink{
margin-right: .25em;
background: url(../images/goods.png);
width: 24px;
height: 24px;
background-size: 100% 100%;
}
.follow { background-color: #f6f5f5; margin-right: .8em; border-radius: .35em; padding: .5em .65em; }
.follow .ms { padding-right: 0;}
.follow .name { color: #666781; margin-right: .25em;}
.follow var { padding:0 .3em; font-style: normal;}

.recom { list-style: none; font-weight: normal; padding: 0 1.2em 1.2em;}
.recom li { width:100%; margin-top:.8rem; padding-bottom: .8rem;justify-content : space-between;}
.recom li p { text-align: justify;}
.recom li p:nth-of-type(2) { margin-top:1.2em;}
.recom .pic img { width: 100px; height: auto; padding-right: 1rem; }
footer { font-size:.72em; text-align:center; color:#999;padding-bottom: 1em;}

.popup-wrap {position: fixed;width: 100%;max-width: 580px;height: 100%; top: 0; z-index: 99;background-color: rgba(51, 51, 51, .5); }
.popup-box {width:66%;background: #fff;position: absolute;-webkit-transform: translate(-50%, -70%);transform: translate(-50%, -70%);top: 50%;left: 50%;text-align: center;border-radius: .5em; padding-bottom: 1.2em; overflow:hidden;}
.title { font-size: 1.6em; display: inline-block; padding: 0 1.2em; border-radius: 2em; }
.content { line-height: 1.6; background-color:#fff3f8; padding-top:1.8em; padding-bottom:1em; }
.content h2 { font-size:1.3em;}
.popup-close { position: absolute; right: .65em; top: .65em;cursor: pointer; line-height:1;}
.wuk_ewm { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; user-select: none;}


@media (max-width: 375px)
{
.padd {padding:.5em;}
.recom li p:nth-of-type(2) span.grey-bg { display: none;}
.mod-block { margin: 1em .5em; }

.answer { padding-left:2em; padding-bottom: 1em;}
.answer .photo {width: 2em; height: 2em;margin-left:-2em;}
.detail { margin-top: .5em;}
.mod-block .ms { margin-right: .65em; }
.follow { padding: .3em .5em; margin-right: .65em;}
}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}