* { 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: "微软雅黑"; 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,  #da6735  0%,#da6735 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;}



.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;}



.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;}
.floor-user .ico { margin-right: .25em;}
.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;}
}


<!--微信图标--> 

<!--微信图标-->