@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("") no-repeat } .col-main { width: 700px; float: left; margin-bottom: 80px } .crumb { height: 24px; padding: 25px 0 18px; overflow: hidden } .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: 22px; 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 } .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: 0; top: 0; background-position: 0 -668px } .user-bar .i-guide { border-color: #4fb3a8; background-color: #70c2b9; background-position: 4px -464px; 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_v4.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_v4.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;*/top: 0; 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_v6.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("../pcimg/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 }