@charset "utf-8";

body { min-width: 1000px }

.wrapper { font-size: 14px; line-height: 24px; color: #666 }

.fl { float: left }

.fr { float: right }

.detail-wrap { width: 1000px; margin: 0 auto }

.search-box .sp-button, .q-title .location i, .q-title .reward i, .q-step .icon, .q-share .q-share-icon, .cmt-toggle i, .answer-gold .btn-gold i, .answer-best span i, .aa_addpic i, .q-modify .qm_addpic i, .c_addpic i, .user-bar .identity, .user-bar .identity:after, .answer-more a i, .answer-item .answer-user .btn-zan i, .answer-medal .btn i, .answer-medal .i-tips .icon {background: url("../images/mfwask-2016sprite_v9.png") no-repeat;}

.col-main { width: 700px; float: left; margin-bottom: 80px }

.crumb { height: 24px; padding: 25px 0 18px; overflow: hidden }
.crumb span a {color:#666;}

.search-box { height: 46px }

.search-box .search-panel { position: absolute; width: 700px; background-color: #fff; z-index: 20 }

.search-box .sp-input { float: left; width: 594px; height: 24px; padding: 10px 20px; border: 1px solid #ff9d00; border-radius: 4px }

.search-box .sp-input input { width: 100%; height: 24px; border: 0; padding: 0; margin: 0; background: 0; font-size: 14px; line-height: 24px; color: #999 }

.search-box .sp-input input:focus { outline: 0 }

.search-box .sp-button { float: right; display: block; width: 56px; height: 46px; border: 0; padding: 0; margin: 0; background-color: #ff9d00; background-position: 14px -539px; border-radius: 4px;}

.search-box .sp-button:hover { background-color: #ff8a00 }

.search-box .bd { margin-top: 6px; padding: 0 20px; border: 1px solid #e5e5e5; box-shadow: 0 2px 0 rgba(0,0,0,0.06); border-radius: 4px; z-index: 20 }

.search-box .bd-question { margin: 10px 0; line-height: 30px }

.search-box .bd-question .ques-num { color: #999 }

.search-box .bd-question ul { margin: 0 -20px }

.search-box .bd-question li { padding: 4px 20px; font-size: 12px; line-height: 20px }

.search-box .bd-question li:hover { background-color: #f5f4f4 }

.search-box .bd-question li a { margin-right: 10px; color: #333 }

.search-box .bd-question li a:hover { text-decoration: none; color: #ff8a00 }

.search-box .bd-question li i { font-style: normal; color: #ff9d00 }

.search-box .bd-more { border-top: 1px solid #e1e1e1; text-align: center; line-height: 52px }

.q-detail { margin-top: 24px }

.q-content { margin-bottom: 20px }

.q-title { line-height: 30px }

.q-title h1 { display: inline; font-size:18px; color: #333 }

.q-title h1 a { color: #333 }

.q-title h1 a:hover { color: #ff9d00; text-decoration: none }

.q-title .location { display: inline-block; font-size: 18px; color: #ff9d00; margin-right: 8px }

.q-title .location i { float: left; width: 14px; height: 16px; margin: 7px 6px 0 0; background-position: 0 -285px }

.q-title .reward { display: inline-block; color: #ff9d00; white-space: nowrap; margin-left: 4px }

.q-title .reward i { float: left; width: 22px; height: 22px; margin: 4px 3px 0 0; background-position: 0 -257px }

.q-desc { margin-top: 10px;color:#666;}
.q-desc p a{ color:#666;}

.q-info1 { margin-top: 16px }

.q-info1 .q-tags { width: 560px }

.q-info1 .q-tags a { display: block; float: left; margin: 0 10px 5px 0; padding: 0 15px; background-color: #f6f6f6; border: 1px solid #e5e5e5; border-radius: 10px; font-size: 12px; line-height: 20px; color: #666; white-space: nowrap }

.q-info1 .q-tags a:hover { background-color: #ffa800; border-color: #ffa800; color: #fff; text-decoration: none }

.q-info1 .pub-bar { line-height: 22px }

.pub-bar a { color: #666; font-size: 12px }

.pub-bar a:hover { color: #ff9d00 }

.q-info1 .pub-bar .photo img { width: 16px; height: 16px; border-radius: 50%; margin-right: 6px }

.q-info1 .pub-bar .time { font-size: 12px }

.pub-bar .name { margin-right: 10px; font-size: 12px }

.q-info2 { margin-top: 15px; line-height: 32px }

.q-step .icon { display: inline-block; vertical-align: top; width: 32px; height: 32px; border-radius: 50%; margin-right: 6px }

.q-step .icon1 { background-position: 0 0 }

.q-step1 .icon1, .q-step2 .icon1, .q-step3 .icon1 { background-position: 0 -32px }

.q-step .icon2 { background-position: 0 -64px }

.q-step2 .icon2, .q-step3 .icon2 { background-position: 0 -96px }

.q-step .icon3 { background-position: 0 -128px }

.q-step3 .icon3 { background-position: 0 -160px }

.q-step span { font-size: 12px; color: #999; margin-right: 6px }

.q-info2 .txt-tips { display: inline-block; position: relative; padding: 0 18px 0 8px; height: 30px; border: 1px solid #ffebcc; background-color: #fff5e5; border-radius: 2px; font-size: 12px; line-height: 30px; color: #ff9d00; margin-left: 8px }

.q-info2 .txt-tips .arrow { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #ffebcc; position: absolute; left: -7px; top: 10px }

.q-info2 .txt-tips .arrow i { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff5e5; position: absolute; left: 1px; top: -6px }

.q-info2 .txt-tips .close { width: 12px; height: 12px; line-height: 12px; text-align: center; overflow: hidden; font-style: normal; position: absolute; right: 3px; top: 3px; cursor: pointer }

.q-info2 .q-sup a { font-size: 12px; color: #999; text-decoration: underline }

.txt-tips .no_best_answer { margin-left: 10px; padding: 0 8px; background-color: #ff9d00; color: #fff; display: inline-block; line-height: 20px; border-radius: 3px }

.txt-tips .no_best_answer:hover { text-decoration: none; background-color: #ff8a00 }

.a-collapse { position: fixed; bottom: 12px; left: 50%; margin-left: 140px; z-index: 1; background-color: #ffa20d; display: block; width: 60px; height: 24px; line-height: 24px; color: #fff; text-align: center; border-radius: 3px; outline: 0 }

.a-collapse i { display: inline-block; border: 5px solid #fff; border-color: transparent transparent #fff transparent; margin: 0 0 2px 3px }

.a-collapse:hover { color: #fff; text-decoration: none; background-color: #ff9d00 }

.q-modify { margin-top: 12px; padding: 10px 24px; border: 1px solid #e5e5e5; position: relative }

.q-modify:before { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #e5e5e5; position: absolute; left: 170px; top: -6px }

.q-modify:after { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; left: 170px; top: -5px }

.q-modify .tit { float: left }

.q-modify .qm_addpic { float: right; color: #999 }

.q-modify .qm_addpic i { display: block; float: left; width: 22px; height: 22px; margin-right: 6px; background-position: 0 -201px }

.q-modify .qm_addpic:hover { text-decoration: none; color: #ff9d00 }

.q-modify .qm_addpic:hover i { background-position: 0 -223px }

.q-modify .word-count { float: left; line-height: 28px; color: #999 }

.q-modify input { border: 0; margin-left: 5px; padding: 0 15px; border-radius: 4px; height: 28px; line-height: 28px; float: right }

.q-modify input.btn-cmodi { background-color: #fff; border: 1px solid #ff9d00; color: #ff9d00 }

.q-modify input.btn-cmodi:hover { background-color: #ff9d00; color: #fff }

.q-modify input.btn-smodi { background-color: #ff9d00; color: #fff }

.q-modify input.btn-smodi:hover { background-color: #ff8a00 }

.q-modify textarea { width: 612px; height: 127px; border: 1px solid #ff9d00; padding: 12px 18px; font-size: 12px; line-height: 24px; resize: none; margin: 0 auto }

.q-modify textarea:focus { outline: 0; box-shadow: 0 0 3px #ff9d00 }

.q-operate { padding-top: 18px; height: 36px; border-top: 1px solid #e5e5e5 }

.a-operate { margin-top: 14px; height: 24px; position: relative }

.q-operate .fl { padding-top: 6px }

.q-operate .fl a, .a-operate .fl a { color: #999 }

.q-share, .seek-help, .cmt-toggle, .cmt-sup, .pub-time, .tip-off, .admin_handle, .qt-modify, .qt-delete { display: inline-block; font-size: 12px; line-height: 14px; float: left; border-right: 1px solid #e5e5e5; padding: 0 10px; margin-top: 5px; color: #999 }

.seek-help { position: relative }

.tip-off { border-right: 0; display: none }

.border_right { border-right: 1px solid #e5e5e5 }

._j_admin_operate, .c-report { display: none }

.tip-off ._j_admin_operate { display: inline }

.q-detail:hover .admin_hide, .answer-item:hover .tip-off, .comment-item:hover .c-report, .comment-item:hover ._j_admin_operate { display: inline-block }

.q-share { padding-left: 0; position: relative; width: 40px }

.q-share:after { content: ''; width: 5px; height: 18px; position: absolute; right: -9px; top: -2px; z-index: 10 }

.q-share:hover .share-pop { display: block }

.q-share .q-share-icon { display: block; width: 13px; height: 14px; float: left; margin-right: 3px; background-position: 0 -351px }

.cmt-toggle i { display: block; width: 14px; height: 14px; float: left; margin-right: 5px; background-position: 0 -369px }

.c-sup { margin-top: 6px; padding: 42px 30px 20px; border: 1px solid #e5e5e5; background-color: #fff; position: relative }

.c-sup .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #e5e5e5; position: absolute; left: 175px; top: -6px }

.c-sup .arrow i { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; left: -6px; top: 1px }

.c-sup .c-operate { height: 22px; line-height: 22px }

.c-sup .c_addpic { color: #999 }

.c_addpic i { display: block; float: left; width: 22px; height: 22px; margin-right: 6px; background-position: 0 -201px }

.c_addpic:hover { text-decoration: none; color: #ff9d00 }

.c_addpic:hover i { background-position: 0 -223px }

.c-sup .word-count { float: left; line-height: 28px; color: #999; font-size: 12px }

.pics_count { padding-left: 15px }

.c-sup input { border: 0; margin-left: 10px; padding: 0 38px; border-radius: 4px; height: 40px; line-height: 40px; float: right; font-size: 16px; width: auto }

.c-sup input.btn-cancel { background-color: #efefef; color: #999 }

.c-sup input.btn-cancel:hover { background-color: #ff9d00; color: #fff }

.c-sup input.btn-sure { background-color: #ff9d00; color: #fff }

.c-sup input.btn-sure:hover { background-color: #ff8a00 }

.c-sup textarea { width: 600px; height: 126px; border-radius: 5px; border: 1px solid #ff9d00; padding: 12px 18px; font-size: 12px; line-height: 24px; resize: none; margin: 10px auto 20px }

.c-sup textarea:focus { outline: 0; box-shadow: 0 0 3px #ff9d00 }

.q-operate .atten-num { font-size: 12px; color: #999; margin-right: 10px }

.q-operate .btn-atten { display: inline-block; padding: 0 18px; height: 34px; border: 1px solid #ff9d00; border-radius: 4px; font-size: 16px; line-height: 34px; text-align: center; color: #ff9d00; margin-right: 16px; position: relative }

.q-operate .btn-atten:hover { background-color: #ff9d00; text-decoration: none; color: #fff }

.q-operate ._j_undo_same_question { border-color: #ccc; color: #ccc }

.q-operate ._j_undo_same_question:hover { background-color: #ccc; color: #fff }

.btn-atten.loading, .btn-atten.loading:hover { border-color: #ccc }

.btn-atten.loading:after { width: 32px; height: 32px; content: ''; position: absolute; left: 50%; top: 0; margin-left: -17px; background: url("../images/suggest-loading.gif") 0 0 no-repeat }

.btn-atten.loading span { visibility: hidden }

.btn-atten.loading:hover { background-color: #fff; cursor: default }

.q-operate .btn-answer { display: inline-block; padding: 0 30px; height: 36px; background-color: #ff9d00; border-radius: 4px; font-size: 16px; line-height: 36px; text-align: center; color: #fff }

.q-operate .btn-answer:hover { background-color: #ff8a00; text-decoration: none }

.a-operate .btn-adopt { display: inline-block; padding: 0 6px; height: 22px; border: 1px solid #ff9d00; border-radius: 4px; font-size: 12px; line-height: 22px; text-align: center; color: #ff9d00 }

.a-operate .btn-adopt:hover { background-color: #ff9d00; text-decoration: none; color: #fff }

.share-pop { width: 132px; padding: 8px 10px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 6px; position: absolute; left: 99%; top: -20px; z-index: 10 }

.share-pop a { width: 36px; height: 36px; display: inline-block; margin: 0 12px 0 0; background: #d84c4c url("../images/sprite_v31.png") -295px -569px no-repeat; line-height: 200px; overflow: hidden; float: left; border-radius: 5px }

.share-pop a.zone { background-color: #3f8bc0; background-position: -331px -569px }

.share-pop a.weixin { margin-right: 0; background-color: #73a64f; background-position: -367px -569px }

.answer-wrap { margin-top: 20px }

.answer-wrap .hd { padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; color: #333 }

.answer-item { padding: 20px 0; border-bottom: 1px solid #e5e5e5 }

.answer_detail .answer-item { border-bottom: 0 }

.va_wrap { margin-left: 68px; padding: 15px 0 20px; border-top: 1px solid #e5e5e5; position: relative; top: -1px }

.answer-item:hover .tip-off { display: inline-block }

.answer-item .answer-side.fixed { float: none; position: fixed; top: 56px }

.answer-item .answer-side { width: 53px; float: left; margin: 0 0 0 -65px; position: relative; text-align: center; border: 1px solid #e0e0e0; border-radius: 3px; padding: 10px 0; box-shadow: 0 3px 1px rgba(0,0,0,.08), inset 0 -5px 3px rgba(0,0,0,.06) }

.answer-item .answer-user .photo { display: block; width: 48px; height: 48px }

.answer-item .answer-user .btn-zan { display: block; width: 46px; height: 25px; background-color: #fff; border: 1px solid #ed6a56; border-radius: 2px; margin-top: 10px; font-size: 12px; line-height: 28px; color: #ec634f; text-align: center; position: relative; z-index: 1 }

.answer-item .answer-user .btn-zan i { display: inline-block; vertical-align: middle; width: 15px; height: 14px; margin: -4px 1px 0 0; background-position: 0 -389px }

.answer-item .answer-user .btn-zan:hover, .answer-item .answer-user .btn-zan.click { background-color: #ec634f; color: #fff; text-decoration: none }

.answer-item .answer-user .btn-zan:hover i, .answer-item .answer-user .btn-zan.click i { background-position: 0 -405px }

.answer-item .answer-user .tip-zan { width: 222px; height: 100px; display: block; background: url("../images/tipzan.png") no-repeat; position: absolute; top: 52px; left: -13px; z-index: 1 }

@-webkit-keyframes zoom {

50% {

-webkit-transform:scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0)

}

100% {

-webkit-transform:scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0)

}

}

@keyframes zoom {

50% {

transform:scale3d(1.3, 1.3, 1.3) translate3d(0, 0, 0)

}

100% {

transform:scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0)

}

}

.answer-item .answer-info { height: 48px; margin-bottom: 12px }

.user-bar { line-height: 20px }

.user-bar .avatar { margin-right: 10px; display: inline-block; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; vertical-align: middle }

.user-bar .name { margin-right: 5px }

.user-bar .level { font-size: 12px; color: #ef523d; margin-right: 10px }

.user-bar .identity { display: inline-block; height: 18px; margin-right: 4px; padding: 0 4px 0 20px; border-width: 1px; border-style: solid; border-radius: 10px; font-size: 12px; line-height: 18px; color: #fff; position: relative; vertical-align: middle }

.user-bar .identity:hover { text-decoration: none }

.user-bar .identity:after { content: ""; display: block; width: 100%; height: 100%;position: absolute; left:6px; top:-1px; background-position: 0 -520px;}

.user-bar .i-guide { border-color: #4fb3a8; background-color: #70c2b9; background-position:0px -431px; padding-left: 26px }

.user-bar .i-place { border-color: #2c95e1; background-color: #41a3ea; background-position: 4px -491px }

.user-bar .i-goldmedal { border-color: #f8b11d; background-color: #fdb92c; background-position: 2px -518px }

.user-bar .i-guideP { border-color: #4fb3a8; background: #70c2b9; padding-left: 4px }

.user-bar .i-enterprise { width: 20px; height: 20px; background: url("../images/ico_enterprise.png") 0 0 no-repeat; display: inline-block; line-height: 200px; overflow: hidden; vertical-align: middle; margin-right: 5px }

.answer-medal { margin: 13px 0 0 15px }

.answer-medal .i-tips { position: absolute; z-index: 1; border: 2px solid; border-radius: 14px; width: 100px; padding-left: 16px; background-color: #fff; line-height: 26px; color: #666; left: 0; top: -3px; opacity: 0; transition: all .3s linear }

.answer-medal .i-tips .icon { display: inline-block; width: 16px; height: 18px; margin: 0 3px 2px 5px; vertical-align: middle; background: url("../images/mfwask-2016sprite-2x_v9.png") no-repeat; background-position: 0 -306px }

.answer-medal li { width: 100px; display: inline-block; position: relative; margin-right: 5px }

.answer-medal li:last-child { margin: 0 }

.answer-medal li:hover .i-tips { display: block; left: -128px; transition: all .3s linear; opacity: 1; width: 134px }

.answer-medal .btn { display: inline-block; width: 100px; height: 26px; border-radius: 15px; color: #fff; line-height: 26px; position: relative; z-index: 2 }

.answer-medal .btn i { display: block; float: left; width: 26px; height: 26px; border-radius: 13px; background: url("../images/mfwask-2016sprite-2x_v9.png") no-repeat }

.answer-medal li.gold { z-index: 2 }

.answer-medal li.gold a { color: #fff }

.answer-medal li.gold .btn { border: 2px solid #fdb92c; background-color: #fdb92c; margin: -5px 0 0 0 }

.answer-medal li.gold i { background-color: #fff; background-position: 0 -426px; margin-right: 6px }

.answer-medal li.gold .i-tips { border-color: #fdb92c }

.answer-medal li.best { z-index: 1 }

.answer-medal li.best .btn { border: 2px solid #f37c6a; background-color: #f37c6a; margin: -5px 0 0 0 }

.answer-medal li.best i { background-position: 0 -633px; margin-left: 7px }

.answer-medal li.best .i-tips { border-color: #f37c6a }

.answer-gold .txt-tips { display: inline-block; position: relative; padding: 0 6px; height: 18px; border: 1px solid #ffebcc; background-color: #fff5e5; border-radius: 2px; font-size: 12px; line-height: 18px; color: #ff9d00; margin-right: 8px }

.answer-gold .txt-tips .arrow { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #ffebcc; position: absolute; right: -7px; top: 5px }

.answer-gold .txt-tips .arrow i { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #fff5e5; position: absolute; right: 1px; top: -5px }

.answer-gold .btn-gold { display: inline-block; width: 100px; height: 26px; border: 2px solid #fdb92c; background-color: #fdb92c; border-radius: 15px; margin-top: -5px; color: #fff; line-height: 26px }

.answer-gold .btn-gold:hover { text-decoration: none }

.answer-gold .btn-gold i { display: block; float: left; width: 26px; height: 26px; border-radius: 13px; background-color: #fff; background-position: 0 -426px; margin-right: 6px }

.answer-best { height: 18px; line-height: 18px; margin-bottom: 15px; color: #999 }

.answer-best em { color: #ff9d00; padding-right: 4px; font-style: normal }

.answer-best span { display: inline-block; padding-left: 5px }

.answer-best span i { display: block; float: left; width: 16px; height: 18px; margin-right: 3px; background-position: 0 -306px }

.answer-adopt { color: #999 }

.answer-item .answer-content { text-align: justify; word-break: break-all; font-size: 15px; color: #444; line-height: 28px }

.answer-item .answer-content dd { margin-bottom: 18px }

.answer-item .answer-content .answer-pic { text-align: center }

.answer-item .answer-content .answer-pic img { max-width: 100% }

.turn { width: 48px; padding: 0 8px; *+padding-right:0;

position: absolute; right: 0; top: 0; background: #000; background: rgba(0,0,0,0.7); display: none; margin-top: 5px }

.turn i { width: 24px; height: 24px; display: inline-block; background: url("../images/sprite_v33.png") -439px -36px no-repeat; cursor: pointer; vertical-align: middle }

.turn .right { background-position: -439px -61px }

.turn .close { background-position: -460px -50px; margin-right: 0 }

.turn .go_set_page { font-weight: normal; color: #fff; margin: 0 8px; position: relative; cursor: pointer }

.turn .go_set_page_tips:before { content: ""; width: 90px; height: 32px; position: absolute; left: -12px; top: -10px; border: 2px dashed #de6751; border-radius: 10px }

.turn .go_set_page_tips:after { content: ""; width: 182px; height: 84px; background: url("../images/tips_v4.png") 0 -202px no-repeat; position: absolute; top: -98px; left: -15px }

._js_answerPic { max-width: 700px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<700?" 700px":"");

display: block; cursor: pointer; margin: 8px 0 }

.copyright { font-size: 12px; color: #999; margin-top: 18px }

.copyright-tit { height: 16px; line-height: 16px; margin-bottom: 5px }

.copyright-tit a { display: inline-block; vertical-align: top; width: 16px; height: 16px; border-radius: 50%; margin-left: 4px; background: #aaa; color: #fff; text-align: center }

.copyright-tit a:hover { text-decoration: none }

.copyright-text { padding: 12px 20px; border: 1px solid #e5e5e5; border-radius: 4px; background-color: #f6f6f6; line-height: 20px }

.comment-wrap { margin-top: 14px; border: 1px solid #e5e5e5; position: relative }

.comment-wrap .arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #e5e5e5; position: absolute; left: 95px; top: -6px }

.comment-wrap .arrow i { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; left: -6px; top: 1px }

.cmt-no .arrow i { border-bottom-color: #f6f6f6 }

.comment-list { margin: 0 14px }

.comment-item { padding: 12px 0 8px 40px; border-bottom: 1px solid #e5e5e5; line-height: 20px }

.comment-list li:last-child { border-bottom: 0 }

.comment-list li.focus_here { background-color: #f9f5ef; animation: focus_here 1.5s linear 0s 1 forwards; -webkit-animation: focus_here 1.5s linear 0s 1 forwards }

@keyframes focus_here {

0%, 50%, 100% {

background-color:#fff

}

25%, 75% {

background-color:#f9eede

}

}

@-webkit-keyframes focus_here {

0%, 50%, 100% {

background-color:#fff

}

25%, 75% {

background-color:#f9eede

}

}

.comment-item .comment-user { margin: 4px 0 0 -40px; float: left; width: 32px; height: 32px }

.comment-item .comment-user .photo { display: block; width: 100%; height: 100% }

.comment-item dl { font-size: 12px }

.comment-item dl dt { font-size: 13px }

.comment-item dl .c-level { margin-left: 5px }

.comment-item dl .c-at { margin-right: 5px }

.comment-item dl .c-level { font-weight: bold; color: #ef523d }

.comment-item dl .c-info { line-height: 24px }

.comment-item dl .c-time, .comment-item dl .c-reply, .comment-item dl .c-report { color: #999 }

.comment-item dl a { margin-right: 6px }

.comment-item dl .c-time { margin-left: 0 }

.comment-item dl .level { color: #ef523d }

.comment-item dl ._j_delete_comment, .comment-item dl ._j_admin_operate { color: #999 }

.comment-item dt p { display: inline }

.tag_owner, .answer_owner { line-height: 18px; padding: 0 8px; display: inline-block; background-color: #ff9d00; color: #fff; border-radius: 3px; margin-left: -5px; margin-right: 1px }

.answer_owner { background-color: #ffd200 }

.comment-page { font-size: 12px; line-height: 24px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; margin-top: -1px; padding: 9px 0 }

.comment-page span { margin-right: 8px; color: #ff9d00 }

.comment-page a { border-radius: 4px; padding: 2px 6px; margin-right: 2px }

.comment-page .current { background-color: #ff9d00; color: #fff }

.comment-page .current:hover { text-decoration: none; cursor: default }

.comment-add { padding: 15px; background-color: #f6f6f6 }

.comment-add textarea { width: 656px; height: 60px; padding: 2px 5px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 4px; resize: none; font-size: 12px; line-height: 20px; margin-bottom: 9px }

.comment-add textarea:focus { outline: 0; box-shadow: 0 0 3px #ff9d00; border-color: #ff9d00 }

.comment-add .word-count { float: left; font-size: 12px; line-height: 36px; color: #999 }

.comment-add .btn-comment { float: right; width: 90px; height: 36px; background-color: #ff9d00; border-radius: 4px; font-size: 16px; text-align: center; line-height: 36px; color: #fff; padding: 0; border: 0 }

.comment-add .btn-comment:hover { background-color: #ff8a00; text-decoration: none }

.area { background-color: #fff; min-height: 220px }

.answer-add { margin: 36px 0 10px 68px }

.answer-add .tit { font-size: 16px; color: #ff9d00; margin-bottom: 10px }

.answer-add .aa-user { width: 48px; height: 48px; margin-left: -68px; float: left }

.answer-add .aa-user .photo { display: block; width: 100%; height: 100% }

.answer-add .aa_content { width: 630px; border: 1px solid #e5e5e5; margin-bottom: 10px; position: relative;background-color: #efefef }

.answer-add .aa_content textarea { width: 620px; height: 208px; padding: 5px; border: 0; resize: none; outline: 0; display: block;}

.answer-add .word-count { float: left; line-height: 40px; color: #999; font-size: 12px }

.answer-add .btn-comment { float: right; width: 120px; height: 40px; background-color: #ff9d00; border-radius: 4px; font-size: 16px; text-align: center; line-height: 40px; color: #fff; padding: 0; border: 0; cursor: pointer }

.answer-add .btn-comment.loading, .c-sup .btn-sure.loading, .comment-add .loading, .c-sup .btn-sure.turnning, .comment-add .turnning { background: #ff8a00 url("../images/loading_001.gif") no-repeat center center; line-height: 200px; overflow: hidden; cursor: default }

.answer-add .btn-comment:hover { background-color: #ff8a00; text-decoration: none }

.answer-add .aa_operate { padding: 16px 25px; height: 23px; border-bottom: 1px solid #e5e5e5 }

.aa_addpic { color: #999 }

.aa_addpic i { display: block; float: left; width: 22px; height: 22px; margin-right: 6px; background-position: 0 -201px }

.insert-img { position: relative; z-index: 10; width: 88px; height: 22px }

.insert-img input, .insert-img:hover { cursor: pointer }

.insert-img:hover .aa_addpic, .insert-img:hover .c_addpic { text-decoration: none; color: #ff9d00 }

.insert-img:hover .aa_addpic i, .insert-img:hover .c_addpic i { background-position: 0 -223px }

.img-tip { background: url("../images/img-tip.png") no-repeat; width: 250px; height: 106px; position: absolute; left: -147px; top: -12px }

.img-tip i { display: block; width: 22px; height: 22px; position: absolute; right: 0; top: 55px; cursor: pointer }

.col-side { width: 260px; float: right; margin: 66px 0 120px }

.col-side.fixed { position: fixed; left: 50%; top: 80px; margin-left: 240px; margin-top: 0 }

.btn-question a { display: block; width: 260px; height: 46px; background-color: #ff9d00; border-radius: 4px; font-size: 16px; text-align: center; line-height: 46px; color: #fff }

.btn-question a:hover { background-color: #ff8a00; text-decoration: none; color: #fff }

.ad-box { margin-top: 20px; margin-bottom: 30px }

.ad-box img { display: block; width: 100% }

.related-qt { margin-top: 24px }

.related-qt .tit { margin-bottom: 12px; font-size: 16px }

.related-qt li { margin-bottom: 10px }

.related-qt li a { font-size: 13px }

.related-qt li span { color: #999 }

.mod-slide { width: 260px; height: 164px; position: relative; overflow: hidden; background:url(../picture/right2.jpg);}

.mod-slide .slide-img { position: absolute; left: 0; top: 0; width: 1000px; height: 160px }

.mod-slide .slide-img li { float: left; width: 260px; height: 160px; overflow: hidden }

.mod-slide .slide-trigger { position: absolute; left: 0; bottom: 0; height: 4px; width: 265px }

.mod-slide .slide-trigger span { float: left; width: 86px; height: 4px; background-color: #e7e7e7; margin-right: 1px; cursor: pointer }

.mod-slide .slide_t4 span { width: 65px }

.mod-slide .slide-trigger .on { background-color: #fc3 }

.mod-slide .slide-trigger.s4 span { width: 65px }

.mod-slide .slide-trigger.s5 span { width: 51px }

.mdd_hotel { position: relative }

.mdd_hotel .ad-txt { position: absolute; left: 0; top: 50px; text-align: center; width: 100% }

.mdd_hotel .ad-txt h2 { font-size: 39px; color: #FFF; font-weight: normal; line-height: 40px }

.mdd_hotel .ad-txt p { font-size: 18px; color: #FFF; line-height: 24px }

.mdd_hotel a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2 }

.area_tags { display: inline-block; width: auto; z-index: 10 }

.area_tags.on { z-index: 11 }

.area_tags.on .at_info, .area_tags.on .poi-pop { display: block }

.at_link { color: #666; border-bottom: 1px solid #948e8e }

.at_link:hover { text-decoration: none; border-color: #ff8a00 }

.at_info { position: absolute; background-color: #fff; z-index: 100; width: 250px; display: none }

.fix_hover { position: absolute; height: 4px; width: 100%; top: -4px; left: 0 }

.at_detail { padding: 15px; border: 1px solid #dcdcdc; border-top: 0 }

.at_title { margin-bottom: 5px }

.at_title .name { color: #ff8a00; font-size: 20px }

.at_title .name a:hover { color: #ff8a00; text-decoration: underline }

.at_title .gone strong { font-size: 14px; font-family: Verdana }

.at_title .gone strong a { color: #666 }

.at_title .gone strong a:hover { color: #666; text-decoration: underline }

.at_title .gone i { margin-left: 8px; width: 18px; height: 25px; display: inline-block; background: url("../images/poi-listbg8.png") no-repeat -30px -130px; overflow: hidden; position: relative; vertical-align: middle }

.at_desc { font-size: 12px; line-height: 21px }

.at_desc p strong { font-weight: normal; color: #ff8a00; font-family: Verdana }

.at_desc p strong a:hover { color: #ff8a00; text-decoration: underline }

.at_desc p span { margin-right: 3px }

.at_desc .word { margin-top: 10px }

.at_desc .word a { color: #653936 }

.wx-mfw-pop { width: 420px; height: 285px; padding-top: 45px; background: #fff url("../images/i_wx.png") 48px 20px no-repeat; text-align: center; font-size: 16px; color: #666; line-height: 1.8em }

.wx-mfw-pop img { margin-top: 10px }

.wysiwyg-wrapper { position: relative; line-height: 20px; color: #333 }

.wysiwyg-placeholder { position: absolute; left: 12px; top: 10px; color: #999; font-size: 14px; line-height: 24px; z-index: 10 }

.wysiwyg-editor { width: 606px; min-height: 200px; transition: min-height ease-out 0s; -webkit-transition: min-height ease-out 0s; padding: 10px 12px; line-height: 20px; border-radius: 3px; background-color: #fff; outline: 0; color: #666; font-size: 13px; display: inline-block; position: relative }

.q-create .wysiwyg-editor { width: 639px; border-radius: 0 }

.q-detail .wysiwyg-editor { width: 624px; min-height: 128px; margin: 0 auto; border: 1px solid #ff9d00 }

.c-sup .wysiwyg-editor { width: 600px; border-radius: 5px; border: 1px solid #ff9d00; padding: 12px 18px; line-height: 24px; resize: none; margin: 10px auto 20px }

.c-sup .wysiwyg-editor:focus { outline: 0; box-shadow: 0 0 3px #ff9d00 }

.wysiwyg-editor img { max-width: 600px; margin: 5px 0; display: inline-block; height: auto!important }

.aa_content .wysiwyg-editor img { max-width: 606px }

.wysiwyg-editor a, .wysiwyg-editor b, .wysiwyg-editor i, .wysiwyg-editor em, .wysiwyg-editor strong, .wysiwyg-editor h1, .wysiwyg-editor h2, .wysiwyg-editor h3, .wysiwyg-editor h4, .wysiwyg-editor h5, .wysiwyg-editor h6, .wysiwyg-editor pre { font-size: 13px!important; line-height: 20px!important; color: #666!important }

.wysiwyg-editor:focus { box-shadow: 0 0 3px rgba(255,157,0,5) }

.wysiwyg-editor h1, .wysiwyg-editor h2, .wysiwyg-editor h3, .wysiwyg-editor h4, .wysiwyg-editor h5, .wysiwyg-editor h6 { font-weight: normal }

.wysiwyg-editor em, .wysiwyg-editor i { font-style: normal }

.wysiwyg-editor a:hover { cursor: default; text-decoration: none }

.wysiwyg-editor strong, .wysiwyg-editor b { font-weight: bold }

.q_title { padding: 8px 0 12px }

.ask_words { margin-top: 15px }

.act-pop { margin-top: 12px; padding: 10px 25px; border: 1px solid #e3e3e3 }

.call_friends { padding: 15px 25px }

.cf_con { position: relative }

.cf_con .call_input { width: 150px; border: 1px solid #d2d2d2; line-height: 18px; padding: 3px 5px; color: #666 }

.cf_sure, .btn-sure { width: 60px; display: inline-block; line-height: 24px; text-align: center; font-size: 14px; background: #ffa800; border-radius: 2px; vertical-align: middle; margin-left: 19px; color: #fff; vertical-align: baseline }

.cf_sure:hover, .btn-sure:hover { color: #fff; background: #ff8a00; text-decoration: none }

.cf_con ul { border-radius: 5px; background-color: #fff; border: 1px solid #ddd; box-shadow: 2px 2px 5px rgba(238,238,238,.8); width: 160px; position: absolute; z-index: 12; padding: 5px 0; display: none }

.cf_con li { padding: 6px 10px; overflow: hidden; cursor: pointer }

.cf_con li span { margin-left: 10px; font-size: 14px; line-height: 24px; vertical-align: middle; display: inline-block; width: 112px; overflow: hidden; height: 24px; text-overflow: ellipsis }

.cf_con li:hover, .cf_con li.on { background: #d6e9f8 }

.pub-done { position: fixed; _position: absolute; left: 50%; top: 50%; z-index: 100; margin: -100px 0 0 -180px; width: 300px; padding: 60px 30px; border: 2px solid #ddd; background-color: #fff; text-align: center; font-size: 14px; color: #666 }

.pub-done strong { display: inline-block; padding-bottom: 10px; font-weight: normal; font-size: 20px }

.wysiwyg-popup { display: none!important }

.invite_ace { overflow: hidden }

.popup-invite { width: 682px; margin: -200px 0 0 -341px }

.popup-invite .pop-ctn { padding: 40px 40px 20px; background-color: #fff; text-align: left }

.popup-invite .msg-done { margin-bottom: 25px; text-align: center; font-size: 22px }

.popup-invite .msg-done i { display: inline-block; margin-right: 10px; width: 55px; height: 55px; background: url("") no-repeat 0 -200px; overflow: hidden; vertical-align: middle }

.popup-invite .title { font-size: 16px; line-height: 30px }

.popup-invite .expert { width: 602px; overflow: hidden }

.popup-invite .expert ul { margin: 0 -31px; *zoom:1

}

.popup-invite .expert li { float: left; width: 160px; display: inline; margin: 26px 0 0; padding: 0 30px; height: 120px; border-left: 1px solid #e3e3e3 }

.popup-invite .user { height: 48px; margin-bottom: 10px; padding-left: 60px; overflow: hidden; *zoom:1

}

.popup-invite .avatar { float: left; margin: 0 0 0 -60px }

.popup-invite .name { color: #ff7200 }

.popup-invite .place { display: block; margin: 5px 0; font-size: 14px; color: #0d89e3; line-height: 18px }

.popup-invite .place i { float: left; margin-right: 4px; width: 16px; height: 18px; background: url("../images/guide-sprite.png") no-repeat -170px -30px; overflow: hidden }

.popup-invite .stat { margin-bottom: 10px; color: #444 }

.popup-invite .btn-invite { display: block; height: 30px; line-height: 30px; text-align: center; font-size: 14px; background-color: #fff4d9; border-radius: 2px; overflow: hidden }

.popup-invite .btn-invite:hover { background-color: #ffa800; color: #fff; text-decoration: none }

.popup-invite span.btn-invite { height: 28px; _padding-top: 7px; _height: 21px; border: 1px solid #ffe097; background: 0; color: #999; line-height: 28px }

.popup-invite span.btn-invite:hover { background: 0; color: #999 }

.popup-invite span.btn-invite i { display: inline-block; margin-right: 5px; width: 15px; height: 11px; background: url("") no-repeat -60px -200px; overflow: hidden }

.popup-invite .pop-btn { margin-top: 26px; padding: 0; text-align: right }

.popup-invite .pop-btn a { display: inline-block; width: 100px; height: 35px; background-color: #ffa800; text-align: center; border-radius: 2px; font-size: 18px; color: #fff; line-height: 34px }

.popup-invite .pop-btn a:hover { text-decoration: none; background-color: #ff8a00 }

.popup-invite { margin: 0; width: auto; padding: 5px 0 }

.popup-invite .title { font-size: 14px }

.popup-invite .expert li { margin: 15px 0 5px; padding: 0 30px; width: 150px; height: 106px }

.popup-invite .user { padding-left: 50px; margin-bottom: 2px }

.popup-invite .avatar { margin-left: -50px }

._js_forFixTitle .aa_operate { width: 570px; position: absolute; left: -1px; right: -1px; top: 0; z-index: 10; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5 }

._js_forFixTitle .c_operate { width: 572px; left: 29px; right: 29px; border: 0; top: 20px; background-color: #fff }

.fixTitle .aa_operate { position: fixed; left: 50%; top: 46px; padding: 16px 20px; margin-left: -432px; background-color: #efefef }

.fixTitle .c_operate { padding: 16px 29px; background-color: #fff; margin-left: -431px; border-bottom: 1px solid #e5e5e5 }

._j_pager .ft { margin: 20px 0 }

.answer-more { width: 100%; height: 40px; border-radius: 4px; line-height: 40px; text-align: center }

.answer-more a { display: block; width: 100%; height: 100%; background-color: #efefef; color: #666 }

.answer-more a i { display: inline-block; width: 10px; height: 10px; background-position: 0 -592px; margin-left: 6px }

.answer-more a:hover { background-color: #fff5e5; color: #ff9d00; text-decoration: none }

.answer-more a:hover i { background-position: 0 -621px }

.answer-loading { width: 100%; height: 40px; border-radius: 4px; line-height: 40px; text-align: center; background-color: #fff5e5; color: #ff9d00 }

.answer-loading i { display: inline-block; width: 22px; height: 4px; background: url("../images/mfwask-2016loading.gif") no-repeat; margin-left: 6px }

.page_loading .ft_load_btn { display: none }

.page_loading .ft_loading { display: block }

.poi-pop { position: absolute; z-index: 901; width: 250px; background-color: #fff }

.poi-pop .poi-info dt { width: 250px; background-color: #f8f8f8; overflow: hidden; position: relative; height: auto; margin-bottom: 0 }

.poi-pop .poi-info dt img { vertical-align: top }

.poi-pop .poi-info dd { border: 1px solid #dcdcdc; border-top: 0 none; font-size: 12px; padding: 5px 10px 15px; line-height: 20px; position: relative; *zoom:1

}

.poi-pop .poi-info h3 { margin-bottom: 5px; font-size: 16px; font-weight: normal; line-height: 26px }

.poi-pop .poi-info h3 a { color: #ff8a00 }

.poi-pop .poi-info .p-comm { margin-bottom: 8px }

.poi-pop .poi-info em { font-style: normal; color: #ff8a00 }

.poi-pop .rank-star { margin-left: 8px; display: inline-block; width: 68px; height: 12px; background: url("../images/poipop-bg2.png") no-repeat 0 -75px; overflow: hidden; vertical-align: middle }

.poi-pop .rank-star i { display: inline-block; height: 12px; background: url("../images/poipop-bg2.png") no-repeat 0 -60px; overflow: hidden; vertical-align: top }

.poi-pop .rank-star .star1 { width: 12px }

.poi-pop .rank-star .star2 { width: 26px }

.poi-pop .rank-star .star3 { width: 40px }

.poi-pop .rank-star .star4 { width: 54px }

.poi-pop .rank-star .star5 { width: 68px }

.poi-pop .btn-action { position: absolute; right: -1px; bottom: 19px }

.poi-pop .btn-action a { display: inline-block; height: 27px; padding: 0 10px; line-height: 26px; background-color: #56bdf8; color: #fff; font-size: 14px; color: #fff; margin: 0; border-radius: 0 }

.poi-pop .btn-action a:hover { background-color: #30adf5; text-decoration: none }

.poi-pop .btn-action i { display: inline-block; margin: 7px 4px 0 0; float: left; width: 13px; height: 13px; background: url("../images/poipop-bg2_001.png") no-repeat -90px -30px; overflow: hidden }

.poi-pop .comm-desc { line-height: 21px }

.poi-pop .comm-desc a { color: #ff7200 }

.poi-pop .comm-desc .tar { margin-top: 5px; text-align: right }

.poi-pop .comm-desc .tar a { color: #ff8a00 }

.poi-pop .comm-desc cite { display: inline-block; height: 20px; width: 20px; font: normal 20px/20px '宋体'; color: #999; overflow: hidden; vertical-align: middle }

.poi-pop .poi-info .img-num { position: absolute; top: 10px; left: 10px; height: 27px; padding: 0 10px; background-color: rgba(0,0,0,0.7); background-color: #000\9; font-size: 12px; color: #fff; line-height: 26px }

.poi-pop .poi-info .img-num em { font-size: 16px; color: #fff; font-family: "Times New Roman" }



@media(min-resolution:1.25dppx), (-webkit-min-device-pixel-ratio:1.25), (min-device-pixel-ratio:1.25) {

.q-title .location i, .q-title .reward i, .answer-best span i, .q-step .icon, .aa_addpic i, .c_addpic i, .answer-more a i, .answer-item .answer-user .btn-zan i, .answer-medal li.best i, .answer-medal .i-tips .icon, .user-bar .identity, .q-share .q-share-icon, .cmt-toggle i, .search-box .sp-button, .answer-medal li.gold i { background: url("../images/mfwask-2016sprite-2x_v9.png") no-repeat; background-size: 50px }

.q-title .location i { background-position: 0 -274px }

.q-title .reward i { background-position: 0 -247px }

.answer-best span i { background-position: 0 -295px }

.q-step .icon1 { background-position: 0 0 }

.q-step1 .icon1, .q-step2 .icon1, .q-step3 .icon1 { background-position: 0 -32px }

.q-step .icon2 { background-position: 0 -64px }

.q-step2 .icon2, .q-step3 .icon2 { background-position: 0 -96px }

.q-step .icon3 { background-position: 0 -128px }

.q-step3 .icon3 { background-position: 0 -160px }

.insert-img .aa_addpic i, .insert-img .c_addpic i { background-position: 0 -198px }

.insert-img:hover .aa_addpic i, .insert-img:hover .c_addpic i { background-position: 0 -220px }

.answer-more a i { background-position: 0 -329px }

.answer-more a:hover i { background-position: 0 -347px }

.answer-loading i { background: url("../images/mfwask-2016loading-2x.gif") no-repeat; background-size: 100% 100% }

.answer-item .answer-user .btn-zan i { background-position: 0 -366px }

.answer-item .answer-user .btn-zan:hover i, .answer-item .answer-user .btn-zan.click i { background-position: 0 -384px }

.answer-medal li.gold i { background-color: #fff; background-position: -23px -406px }

.answer-medal li.best i { width: 20px; height: 21px; background-position: 0 -409px; margin: 3px 7px 0 7px }

.answer-medal .i-tips .icon { background-position: 0 -295px }

.user-bar .i-guide { background-color: #70c2b9; background-position: 4px -517px }

.user-bar .i-place { background-color: #41a3ea; background-position: 4px -545px }

.user-bar .i-goldmedal { background-color: #fdb92c; background-position: 2px -573px }

.user-bar .i-guideP { background: #70c2b9 }

.user-bar .i-enterprise { background-size: 30px 20px; background-position: -10px 0 }

.q-share .q-share-icon { background-position: 0 -453px }

.cmt-toggle i { background-position: 0 -467px }

.search-box .sp-button { background-color: #ff9d00; background-position: 14px -604px }

}

.reward-honey { display: inline-block; margin-left: 10px; padding-left: 22px; font-size: 18px; font-family: Georgia, Verdana; line-height: 20px; color: #ffda0f; white-space: nowrap; overflow: hidden; vertical-align: text-bottom }

.reward-honey i { float: left; margin: 1px 0 0 -20px; width: 15px; height: 18px; background: url("") no-repeat -60px -20px; overflow: hidden }



@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {

.reward-honey i { background-position: -40px -10px; background-size: 182px }

}

.answer_folding { color: #999 }

.answer_folding span { vertical-align: middle }

.answer_folding:hover { color: #999; text-decoration: underline }

.answer-fold { padding: 10px 0; border-bottom: 1px solid #e5e5e5 }

.fold_words { display: block; width: 100%; height: 26px; font-size: 14px; color: #999 }

.fold_words span { cursor: pointer }

.answer-fold a { color: #999 }

.ico_q { display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; margin-left: 4px; background: #aaa; font-size: 12px; font-style: normal; color: #fff; text-align: center; line-height: 16px }

.answer-fold .ico_l { width: 35px; height: 35px; background: url("../images/suggest-loading.gif") 0 0 no-repeat; display: inline-block; vertical-align: middle; margin-left: 20px; visibility: hidden }

.loading .ico_l { visibility: visible }

.comment-more { line-height: 24px; border-top: 1px solid #e5e5e5; text-align: center; margin-top: -1px; padding: 9px 0 }

.comment-more a { font-size: 14px; color: #999 }

.ico_phone { width: 12px; height: 16px; background: url("") no-repeat -180px -200px; display: inline-block; margin-right: 6px; vertical-align: middle; position: relative; top: -1px }



@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2) {

.ico_phone { background: url("") no-repeat -100px -100px; background-size: 182px 550px }

}

.pub-time .ico_phone { margin-right: 2px }

.answer-more { width: 100%; height: 35px; margin-top: 36px }

.answer-more div { width: 700px; position: relative; float: right }

.answer-more div:before { display: block; content: ""; width: 100%; height: 1px; font-size: 0; background-color: #e5e5e5; position: absolute; left: 0; top: 17px }

.answer-more div span { width: 94px; height: 35px; background-color: #fff; font-size: 14px; text-align: center; line-height: 35px; color: #999; position: absolute; left: 50%; margin-left: -47px; top: 0 }

.author_about { width: 100%; margin-top: 26px }

.author_about .tit { line-height: 24px }

.author_about .bd { height: 78px }

.author_about img { display: block; width: 60px; height: 60px; float: left; margin-right: 20px; margin-top: 10px }

.author_about .ah_name { color: #ff9d00; line-height: 22px }

.author_about .ah_level { color: #ec634f; line-height: 22px }

.author_about .ah_txt { height: 26px; line-height: 26px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

.author_about .ah_btn { display: inline-block; width: 88px; height: 24px; border-radius: 4px; background-color: #ff9d00; text-align: center; line-height: 24px; color: #fff; margin-top: 4px }

.ah_btn:hover { text-decoration: none }

.author_about .attened { background-color: #999 }

.ah_btn .already { display: none }

.attened .already { display: inline }

.collect { display: inline-block; font-size: 12px; line-height: 14px; float: left; border-right: 1px solid #e5e5e5; padding: 0 10px; margin-top: 5px }

.collect i { display: inline-block; width: 13px; height: 12px; background: url("") no-repeat; vertical-align: middle; margin-top: -2px; margin-right: 3px }



@media(min-resolution:1.25dppx), (-webkit-min-device-pixel-ratio:1.25), (min-device-pixel-ratio:1.25) {

.collect i { background: url("../images/sc_03.png") no-repeat; background-size: 13px 12px }

}

.tar-box { height: 26px }

.tar-box b { width: 1px; height: 16px; background: #aaa; overflow: hidden; margin: 5px 25px; display: inline-block }

.tar-box i { width: 26px; height: 26px; cursor: pointer; background: url("") no-repeat; display: inline-block; background-position: 5px 5px }

.tar-box i.bold, .tar-box i._js_bold:hover { background-position: 5px -36px }

.tar-box i.txt-und { background-position: -57px 0 }

.tar-box i.on-txt-und { background-position: -57px -41px }

.tar-box i.ins-img { background-position: -101px 5px }

.tar-box i.ins-img:hover { background-position: -101px -36px }



@media(min-resolution:1.25dppx), (-webkit-min-device-pixel-ratio:1.25), (min-device-pixel-ratio:1.25) {

.tar-box i { background: url("../images/@2xtextarea-icon.png") no-repeat; background-size: 69px 48px; background-position: 5px 5px }

.tar-box i.bold, .tar-box i._js_bold:hover { background-position: 5px -26px }

.tar-box i.txt-und { background-position: -28px 0 }

.tar-box i.on-txt-und { background-position: -28px -31px }

.tar-box i.ins-img { background-position: -47px 5px }

.tar-box i.ins-img:hover { background-position: -47px -26px }

}

.insert_img { width: 26px; height: 26px; position: relative; display: inline-block }

.insert_img input, .insert_img div { position: absolute; margin: 0; padding: 0; width: 100%!important; height: 100%!important }

.insert_img input { line-height: 0 }

.search-panel .bd-question h3 { font-size: 14px; color: #999 }

.search-box .bd-question li { padding: 5px 20px; line-height: 20px }

.search-box .bd-question li a { font-size: 14px; color: #333; display: block; margin-right: 0 }

.search-box .bd-question li a i { color: #ff9d00 }

.search-box .bd-question li span { font-size: 14px; color: #999; margin-left: 10px }

.search-panel .bd-more a { font-size: 14px; color: #ff9d00 }

.search-panel .bd-more { padding: 0; line-height: 54px }

.search-box .bd-question li a:hover { color: #333 }

.search-box .bd-question li.on { background: #f5f4f4 }

.sp-input { position: relative }

.sp-input p { float: left; margin-right: 10px; line-height: 20px; height: 20px; border: 1px solid #e5e5e5; background: #f6f6f6; border-radius: 10px; padding: 0 14px; font-size: 12px; color: #666 }

.sp-input p i { cursor: pointer; font-style: normal; margin-left: 8px; width: 5px; height: 5px; background: url("../images/search-close.png") no-repeat; display: inline-block; vertical-align: top; margin-top: 7px }

.search-box .sp-input input { float: left; width: 450px }

.tar-box { height: 26px }

.tar-box b { width: 1px; height: 16px; background: #aaa; overflow: hidden; margin: 5px 25px; display: inline-block }

.tar-box i { width: 26px; height: 26px; cursor: pointer; background: url("") no-repeat; display: inline-block; background-position: 5px 5px }

.tar-box i.bold, .tar-box i._js_bold:hover { background-position: 5px -36px }

.tar-box i.txt-und { background-position: -57px 0 }

.tar-box i.on-txt-und { background-position: -57px -41px }

.tar-box i.ins-img { background-position: -101px 5px }

.tar-box i.ins-img:hover { background-position: -101px -36px }



@media(min-resolution:1.25dppx), (-webkit-min-device-pixel-ratio:1.25), (min-device-pixel-ratio:1.25) {

.tar-box i { background: url("../images/@2xtextarea-icon.png") no-repeat; background-size: 69px 48px; background-position: 5px 5px }

.tar-box i.bold { background-position: 0 -31px }

.tar-box i.txt-und { background-position: -28px 0 }

.tar-box i.on-txt-und { background-position: -28px -31px }

.tar-box i.ins-img { background-position: -47px 5px }

.tar-box i.ins-img:hover { background-position: -47px -26px }

.tar-box i.bold, .tar-box i._js_bold:hover { background-position: 5px -26px }

}

._js_forFixTitle .aa_operate { width: 580px; position: absolute; left: -1px; right: -1px; top: 0; z-index: 10; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5 }

._js_forFixTitle .c_operate { width: 640px; left: 29px; right: 29px; border: 0; top: 18px; background-color: #fff }

.fixTitle .aa_operate { position: fixed; left: 50%; top: 46px; padding: 16px 25px; margin-left: -432px; background-color: #efefef }

.fixTitle .c_operate { padding: 16px 29px; background-color: #fff; margin-left: -499px; border-bottom: 1px solid #e5e5e5 }

.answer-item .answer-side .btn-ding { display: block; font-size: 15px; line-height: 16px; color: #ff9d00; text-align: center }

.answer-item .answer-side .btn-ding i { display: block; width: 37px; height: 33px; background: url("../images/ding.png") no-repeat; margin: 0 auto 10px }

.answer-item .answer-side .btn-ding:hover { text-decoration: none }

.answer-item .answer-side .btn-ding:hover i, .answer-item .answer-side .btn-ding.click i { background-position: -38px 0 }



@media(min-resolution:1.25dppx), (-webkit-min-device-pixel-ratio:1.25), (min-device-pixel-ratio:1.25) {

.answer-item .answer-side .btn-ding i { background-size: 80px 60px; background-position: 0 -20px }

.answer-item .answer-side .btn-ding:hover i, .answer-item .answer-side .btn-ding.click i { background-position: -40px -20px }

}

.photo-layer { position: absolute; left: 0; top: 20px; right: 0; bottom: 20px }

.photo-layer .dialog_body { width: 100%; height: 100%; position: relative; overflow-y: auto }

.photo-layer .stage-wrap { text-align: center; height: 100% }

.photo-layer .stage-wrap img { max-width: 100%; padding: 0 40px; box-sizing: border-box; vertical-align: middle }

.photo-layer .stage-wrap .aload1, .photo-layer .stage-wrap .aload2 { position: absolute; z-index: -1; left: 50%; top: 50%; background: url("../images/loading-big.png") no-repeat; z-index: 50; display: none }

.photo-layer .stage-wrap .aload1 { width: 180px; height: 180px; margin: -92px 0 0 -90px; -webkit-animation: loading-photo 1s ease 0s infinite normal running; animation: loading-photo 1s ease 0s infinite normal running }

.photo-layer .stage-wrap .aload2 { width: 88px; height: 78px; margin: -41px 0 0 -44px; background-position: -200px 0 }

@-webkit-keyframes loading-photo {

0% {

-webkit-transform:rotate(0)

}

100% {

transform:rotate(360deg)

}

}

@keyframes loading-photo {

0% {

transform:rotate(0)

}

100% {

transform:rotate(360deg)

}

}

.photo-layer .stage-wrap { transform: translateZ(0px) }

.answer-content .answer-foldup { line-height: 25px; font-size: 14px; word-break: break-all }

.answer-content .answer-foldup .img { float: left; margin-right: 10px; width: 150px; height: 100px; background-size: cover }

.answer-content .answer-foldup p { word-break: normal }

.group-pop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 500 }

.group-pop .p-mask { position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: .7; background: #000 }

.popup-inst .img-box { width: 650px; margin: 0 auto; position: relative }

.up_pics_wrap { height: 260px; overflow-x: hidden }

.popup-inst { width: 710px; height: 420px }

.popup-inst .popup-title { position: relative; height: 77px }

.popup-inst .popup-title h2 { font-size: 18px; color: #666; font-weight: normal; line-height: 77px; margin-left: 30px }

.popup-inst .popup-title .close-btn { top: 20px }

.popup-inst .upload-pro { padding-left: 30px }

.popup-inst .upload-pro p { float: left; line-height: 80px; font-size: 14px; color: #666 }

.popup-inst .upload-pro .pics_nums { font-size: 18px; margin-right: 5px }

.popup-inst .upload-pro p span em { color: #fb8a25; font-style: normal }

.popup-inst .upload-pro .u-inst { float: right; margin-right: 30px; margin-top: 25px; background: #ff9d00; color: #fff; text-align: center; line-height: 35px; width: 120px; height: 35px; border-radius: 4px; font-size: 16px; cursor: pointer }

.popup-inst .upload-pro .gray { background: #CCC }

.popup-inst .up-rates { width: 160px; height: 12px; float: left; background-color: #d7d7d7; margin: 33px 15px 0 15px; border-radius: 5px; overflow: hidden; text-align: left }

.popup-inst .up-rates .run-rates { height: 12px; background-color: #b0d564 }

.rt-scroll { position: absolute; right: -20px; top: -5px; width: 6px; height: 270px; overflow: hidden; background: #fff }

.rt-scroll p { position: absolute; top: 0; left: 0; width: 6px; height: 120px; border-radius: 5px; background: #CCC; cursor: pointer }

.up_list ul { width: 660px; overflow: hidden }

.up_list li { width: 100px; height: 100px; margin: 0 10px 10px 0; float: left; position: relative; cursor: pointer; overflow: hidden }

.up_list li .mos-into { display: none }

.up_list li:hover .mos-into { display: block }

.up_list li img { width: 100px; height: 100px }

.up_list li.li_bar .bar, .up_list li.li_wait .wait, .up_list li.li_failure .failure { display: block }

.up_list li.li_cover .bar { display: block }

.up_list li.li_cover .pro_bar { display: none }

.cover, .cover_pop { width: 100%; height: 100%; position: absolute; left: 0; top: 0 }

.cover { display: none }

.cover_pop { background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#AB000000, endColorstr=#AB000000)

}

.pro_bar { width: 100%; height: 16px; line-height: 16px; top: 84px; position: absolute; background: #9abd5b }

.pro_bar i { position: absolute; height: 16px; left: 0; top: 0; background: #add75c; width: 0 }

.pro_bar span { position: absolute; right: 5px; color: #fff }

.wait_up { width: 48px; height: 36px; line-height: 18px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -24px; font-size: 14px; color: #fff }

.close_ico { width: 20px; height: 20px; background: url("../images/sprite_v31.png") -442px 0 no-repeat; position: absolute; right: 0; top: 0; cursor: pointer }

.up_failure { width: 65px; height: 65px; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -33px; text-align: center; color: #fff }

.up_failure i { width: 40px; height: 40px; display: block; margin: 0 auto 10px; background: url("../images/sprite_v31.png") -305px 0 no-repeat }

.add_more_pics { background-image: url("../images/add_more_pics.png") }

.add_more_pics a { display: block; width: 100%; height: 100% }

.add_more_pics i { width: 44px; height: 44px; position: absolute; left: 28px; top: 28px; background-image: url("../images/add_more_pics.png"); background-position: -101px 0 }

.add_more_pics:hover { background: #ffc65a; -webkit-transition: background .2s linear 0s; -moz-transition: background .2s linear 0s; transition: background .2s linear 0s }

.add_more_pics:hover i { background-position: -101px -46px }