@charset "utf-8"; body{background: #fff} .mb10{margin-bottom:10px;} .sublist{background: #fff; border:1px solid #ddd; padding: 5px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1); position: absolute; border-radius: 3px; display: none} .qabox{width: 1080px; margin: 20px auto;} .qafoot{text-align: center; border-top: 1px solid #eee; padding: 10px 0;} .qa_path_bar{height: 28px; line-height: 28px; margin:10px auto; color: #999;} .qa_path_bar a,.qa_path_bar span{padding: 0 6px;} .qa_left{width: 760px;} .qa_right{width: 290px;} .qa_title{position: relative; height: 40px; line-height: 40px;} .qa_title h2{color: #222; font-size: 18px; font-weight: bold; float: left;} .qa_title a{float: right;} .qa_title a:hover{color: #222;} .qa_title a i{display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-left:4px; background: url(../qaimg/qa_moreicon.png) no-repeat;} .qa_title a:hover i{background-position: 0 -14px;} /*首页问题列表*/ .qa_indexlist .qa_item{position: relative; border-bottom: 1px solid #f2f5f8; min-height: 56px; padding-bottom: 20px; margin-top: 20px;} .qa_head{width: 40px; float: left;} .qa_head img{width: 40px; height: 40px; border-radius: 50%;} .qa_indexlist .qa_item .qa_text{margin-left: 60px;} .qa_indexlist .qa_item .qa_text .fn-text{margin-right: 100px; height: 32px;} .sort_tag{border: 1px solid #cfd7dc; height: 20px; line-height: 20px; padding:0 10px; color:#9eadb6; border-radius: 3px; font-size: 12px; margin-right: 8px; float: left; cursor: pointer;} .sort_tag:hover{border-color:#b3bfc6; color: #76848d} .qa_indexlist .qa_item .qa_timeask{position: absolute; top: 0; right: 0; width: 80px; text-align: right;} .qa_indexlist .qa_item .qa_timeask p{line-height: 24px; color: #9eadb6} .qa_indexlist .qa_item .qa_timeask .time{padding-top: 4px; color: #c8d0d5} /*我要提问按钮*/ .qa_iask{padding:0 30px; margin-bottom: 20px; height:60px} .qa_iask a{display: block; border:2px solid #469ade; height: 56px; line-height:56px; text-align: center; color:#469ade; font-size: 18px; border-radius: 3px;} .qa_iask a i{display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-right: 6px; background: url(../qaimg/qa_iaskicon.png) no-repeat} .qa_iask a:hover{background:#469ade; color: #fff;} .qa_iask a:hover i{background-position: 0 -18px;} /*我的提问回答*/ .qa_right .bd,.qa_myinfo{border:1px solid #eaeef1; background:#f9fbfd} .qa_myinfo{position: relative; height: 72px;} .qa_myinfo .lineh{position: absolute; top: 0; left: 50%; margin-left:-.5px; width: 1px; background:#eaeef1; height:100%;} .qa_myinfo li{float: left; width:50%;} .qa_myinfo li a{display: block; text-align: center; padding-top: 12px; height: 60px; color: #9eadb6; position: relative;} .qa_myinfo li a i{display: block; width: 18px; height: 18px; background: url(../qaimg/qa_user_listicon.png) no-repeat; margin: 0 auto 8px;} .qa_myinfo .user_listicon1 a i{background-position: 0 0;} .qa_myinfo .user_listicon2 a i{background-position: 0 -18px;} .qa_myinfo .user_listicon3 a i{background-position: 0 -36px;} .qa_myinfo .user_listicon1 a:hover i{background-position: -18px 0} .qa_myinfo .user_listicon2 a:hover i{background-position: -18px -18px} .qa_myinfo .user_listicon3 a:hover i{background-position: -18px -36px;} .qa_myinfo li a:hover{background:#f1f4f7} .qa_myinfo li a div{font-size: 16px; font-weight: bold; padding-top: 2px; color: #ff6c00} .qa_myinfo.qa_three{height: 98px;} .qa_myinfo.qa_three li{width: 33.3333%;} .qa_myinfo.qa_three li a{height: 86px;} /*正在求助*/ .qa_waiting .bd,.qa_niceanswer .bd{padding:5px 0;} .qa_waiting .bd li{position: relative; padding:6px 10px} .qa_waiting .bd li .waiting_user{color: #9EACB6; margin-bottom: 5px;} .qa_waiting .bd li .waiting_question{line-height: 22px; word-break:break-word;} .qa_waiting .bd li .waiting_question a:hover{color: #479ade} .qa_niceanswer .bd li{ padding:8px 14px} .qa_niceanswer .bd li i{display:inline-block; width: 16px; height:16px; background: url(../qaimg/qa_qaicon.png) no-repeat; margin-right: 8px; vertical-align: middle;} .qa_niceanswer .bd li .item-tit i{background-position: 0 -16px;} .qa_niceanswer .bd li .item-cont{margin-top: 6px; line-height: 22px;} .qa_niceanswer .bd li .item-cont i{background-position: 0 0; float:left; margin-top: 4px;} .qa_niceanswer .bd li .item-cont a{color: #479ade; padding-right: 4px;} /*热议话题*/ .qa_hottalk .bd{padding:5px;} .qa_hottalk .bd li a{display: block; padding:8px 10px 8px 16px; background: url(../qaimg/qa_dian.png) 6px center no-repeat;} .qa_hottalk .bd li a span{color: #4598dc; float: left; width: 70px; margin-right: 10px;} .qa_hottalk .bd li a:hover{background: url(../qaimg/qa_dian.png) 6px center no-repeat #f1f4f7} /*达人*/ .qa_hotuser .bd li a{display: block; height: 36px; position: relative; padding: 16px 16px; border-bottom: 1px solid #eaeef1} .qa_hotuser .bd li a:hover{background-color: #f1f4f7} .qa_hotuser .bd li:last-child a{border-bottom: none} .qa_hotuser .bd .qa_text{margin-right: 36px; margin-left: 50px;} .qa_hotuser .bd .qa_text h3{font-size: 14px; color: #222;} .qa_hotuser .bd .qa_text p{color: #9eadb6; font-size: 12px; padding-top: 2px;} .qa_hotuser .bd li .rank{position: absolute; right: 15px; top: 50%; margin-top: -14px; width: 20px; height: 28px; background: url(../qaimg/qa_rank.png) no-repeat;} .qa_hotuser .bd li .rank span{color: #fff; display: block; text-align: center; padding-top: 8px; font-size: 12px;} .qa_hotuser .bd .rank_one .rank{background-position: 0 0} .qa_hotuser .bd .rank_two .rank{background-position: 0 -28px} .qa_hotuser .bd .rank_thr .rank{background-position: 0 -56px} .qa_hotuser .bd .rank_other .rank{background-position: 0 -84px} /*提问列表*/ .qa_cate,.qa_asklist{border:1px solid #eaeef1;} .qa_cate{padding:10px 20px;} .qa_cate li{float: left; width: 25%;} .qa_cate li a{display: block; padding:8px 10px 8px 16px; background: url(../qaimg/qa_dian.png) 6px center no-repeat;} .qa_cate li a:hover{color: #4599dd;} .qa_cate .current a{background: url(../qaimg/qa_dian.png) 6px center no-repeat #f1f4f7; color: #4599dd; font-weight: bold;} .qa_asklist .hd{ height:40px; line-height:40px; background:#f9fbfd; padding:0 20px; border-bottom:1px solid #eaeef1; position:relative; } .qa_asklist .hd ul{float:left; position:absolute; left:-1px; top:-1px; height:42px;} .qa_asklist .hd ul li{float:left; padding:0 24px; font-size: 16px; color: #9eadb6; cursor:pointer;} .qa_asklist .hd ul li.on{height:40px; background:#fff; border:1px solid #eaeef1; border-bottom:2px solid #fff; color: #469ade} .qa_asklist .bd .slidecon{padding:20px; zoom:1;} .qa_asklist .bd li{position: relative; border-bottom: 1px solid #f2f5f8} .qa_asklist .bd li a{display: block; height: 50px; line-height: 49px; padding: 0 8px;} .qa_asklist .bd li a:hover{background: #f9fbfb} .qa_asklist .bd li .fn-text{float: left; max-width: 590px; margin-right: 15px;} .qa_left .qa_asklist .bd li .fn-text{max-width: 270px;} .qa_asklist .bd li .sort_tag{margin-top: 14px;} .qa_asklist .bd li .sort_rgt{position: absolute; right: 4px; top: 0;} .qa_asklist .bd li .sort_rgt span{display: inline-block; margin-left: 10px; text-align: right; color: #9eadb6} .qa_asklist .bd li .sort_reward{float: left;} .sort_reward{margin-right: 8px; color: #fa9600;} .sort_reward i{display: inline-block; width: 13px; height: 12px; vertical-align: -1px; margin-right: 4px;background: url(../qaimg/qa_jb.png) no-repeat;} /*提问表单*/ .askbox{width: 800px; margin: 20px auto} .askbox .tit{height: 44px; line-height: 44px; position: relative;} .askbox .tit h2{font-size: 20px; color: #5a7989;} .askbox .tit .num{position: absolute; top: 0; right: 8px; color: #8296a0} .askbox .tit .num span{color: #ff9d1a} .askbox .askform{position: relative; border-radius: 3px; border: 1px solid; margin-bottom: 10px;} .askbox .formtit{height: 46px; border-color: #469ade; padding: 0 10px;} .askbox .formtit input{border: none; width: 100%; line-height: 46px; color: #469ade; font-size: 16px;height: 46px;} .askbox .asktips{text-align: right; color: red; display: none;} .askbox .formcon{border-color:#c6d1d9; padding: 10px 15px 15px 15px; margin-top: 20px;} .askbox .formcon textarea{border:none; width: 100%; height: 110px; margin-bottom: 10px;} .askbox .formcon .filetext{border-top: 1px solid #eaeef1; position: relative; cursor: pointer; padding-top: 10px;} .askbox .formcon .filetext i{background:url(../qaimg/sprite_icon.png) -138px -83px no-repeat; display: inline-block; width:16px; height: 16px; vertical-align: -4px; margin-right: 6px;} .askbox .formcon .filetext input{width: 500px; height: 32px; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer !important;} .askbox .formcon .fileadd{display: none; margin-top: 10px;} .askbox .formcon .fileadd .item-add{display: inline-block; width: 64px; height: 64px; position: relative; background: url(../qaimg/qa_addImg.png) no-repeat} .askbox .formcon .fileadd .item-add input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer !important;} .askbox .formcon .fileadd .item{display: inline-block; margin-right: 10px; position: relative; width: 64px; height: 64px; border-radius: 3px; overflow: hidden;} .askbox .formcon .fileadd img{width: 100%; height: 100%} .askbox .formcon .fileadd .delete{position: absolute; width: 64px; height: 16px; left: 0; bottom: 0; line-height: 16px; color: #fff; font-size: 12px; text-align: center; cursor: pointer; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background: url("../qaimg/qa_bg30.png") repeat center;} .askbox .askreward{position: relative; padding: 10px 0; border-bottom: 1px solid #eaeef1} .askbox .askreward .points-chose .sublist{z-index: 100} .askbox .askreward .points-chose .sublist li{cursor: pointer; font-size: 14px; color: #333; padding: 4px 27px 4px 11px;} .askbox .askreward .points-chose .sublist li:hover{background-color: #f1f4f6; color: #319df1;} .askbox .askreward .points-chose .sublist li.nocur{color: #ccc; cursor: default; background-color: #fff} .askbox .askreward .points-coin{position: absolute; right: 0; top: 0; line-height: 44px; color: #bbc4d5} .askbox .askbtnbar{position: relative; height: 60px; line-height: 60px;} .askbox .askbtnbar .shadebtn{position: absolute; right: 0; top: 8px;} .askbox .askbtnbar .shadebtn a{display: block; height: 44px; line-height: 44px; padding: 0 34px; background:#479ade; border-radius: 3px; color: #fff; font-size: 16px;} .askbox .askbtnbar .shadebtn a:hover{background: #2689d9} .askbox .asksear{height: 32px; border-color:#c6d1d9; margin-top: 20px; position: relative;} .askbox .asksear i.icon-sear{ display: inline-block; width: 16px; height: 16px; background: url(../qaimg/qa_searchicon.png) center no-repeat; vertical-align: middle; margin: 0 10px; } .asksear input{ cursor: pointer; display: inline-block; height: 32px; line-height: 32px; font-size: 14px; border: none; vertical-align: middle; color: #333; width: 200px; } .asksear .chosed-tips{ display: inline-block; vertical-align: middle; } .asksear .chosed-tips .item{ position: relative; display: inline-block; padding: 6px 25px 6px 10px; background-color: #faeec8; border-radius: 3px; font-size: 14px; color: #fa9600; vertical-align: middle; margin: 0 4px; line-height: 100%; } .asksear .chosed-tips .item i{ position: absolute; width: 8px; height: 8px; right: 8px; top: 9px; cursor: pointer; background: url(../qaimg/qa_closetag.png) no-repeat 0 0; } .asksear .chosed-tips .item i:hover{ background-position: 0 -8px; } .asksear .sublist{bottom: 34px; left: -1px; z-index: 99; width: 788px;} .asksear .sublist ul{max-height: 255px; overflow: auto; padding-bottom: 5px;} .asksear .sublist li{cursor: pointer; width:20%; float: left;} .asksear .sublist li .tips-txt{padding: 8px 10px 8px 28px; background: url(../qaimg/qa_check_defult.png) 6px center no-repeat} .asksear .sublist li.current .tips-txt{background: url(../qaimg/qa_check_current.png) 6px center no-repeat; color: #479ade} .asksear .subbar{clear: both; padding: 10px 0; text-align: center; border-top: 1px solid #eee; font-size: 0; position: relative;} .asksear .subbar a{display: inline-block; height: 30px; line-height: 30px; border: 1px solid; padding: 0 16px; font-size: 14px; margin: 0 5px; border-radius: 3px;} .asksear .subbar a.subb_s{border-color: #479ade; color: #479ade;} .asksear .subbar a.subb_s:hover{background-color: #479ade; color: #fff;} .asksear .subbar a.subb_c{border-color: #ccc; color: #666;} .asksear .subbar a.subb_c:hover{background-color: #f5f5f5; color: #333;} .asksear .subbar .subtips{position: absolute; right: 10px; top: 10px; text-align: right; font-size: 12px; height: 34px; line-height: 34px; color: red;} .qa_askcity{border: 1px solid #c6d1d9; margin-top: 20px; border-radius: 3px;} .qa_askcity .qa_choose .name{margin: 10px 0 6px 0} .qa_askcity .qa_choose .items{width: 700px; margin-top: 6px;} /*checkbox*/ .askreward .check-wrap input{width: 120px;border: 1px solid #ddd;border-radius: 3px;margin-left: 6px;vertical-align: middle;padding-left: 6px;height: 24px;line-height: 24px;} .check-wrap{display: inline-block;} .check-wrap .check-box{ display: inline-block; width: 16px; height: 16px; background: url("../qaimg/qa_check.png") 0 -16px no-repeat; vertical-align: middle; position: relative; } .check-wrap .check-box.checked{ background-position: 0 0; } .check-wrap .check-box input{ position: absolute; top: 0; left: 0; width: 16px; height: 16px; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); cursor: pointer; } .check-wrap label{ display: inline-block; font-size: 14px; color: #333; vertical-align: middle; line-height: 100%; cursor: pointer; } .askreward .points-chose{ display: inline-block; position: relative; margin-left: 20px; cursor: pointer; font-size: 0; vertical-align: middle; } .askreward i.icon-coin,.itemtwo i.icon-coin{ display: inline-block; width: 13px; height: 12px; background: url("../qaimg/qa_jb.png") no-repeat center; vertical-align: middle; margin-right: 6px; } .askreward .points-chose i.icon-arrow{ display: inline-block; width: 10px; height: 5px; background: url("../qaimg/qa_arrowicon.png") no-repeat 0 0; vertical-align: middle; margin-left: 6px; } .askreward .points-chose i.icon-arrow.open{ background-position: 0 -5px; } .askreward span,.itemtwo span{ display: inline-block; color: #fcba1b; font-size: 14px; vertical-align: middle; } /*详情*/ .article_title .arrowud{display: inline-block; width: 10px; height: 6px; background: url("../qaimg/qa_arrowicon2.png") no-repeat 0 0; vertical-align: middle; margin-left: 6px;} .article_title .itemone{height: 22px; position: relative;} .article_title .itemone .edit{position: absolute; line-height: 22px; top: 0; right: 0; color: #4598dc; cursor: pointer;} .article_title .itemone .edit .arrowud{background-position: 0 -6px;} .article_title .itemone .edit .arrowud.open{background-position: 0 0;} .article_title .itemone .sublist{right: 0; top: 24px; z-index: 10} .article_title .itemone .sublist li{cursor: pointer; width: 90px; padding:5px 8px; border-bottom: 1px solid #ddd;} .article_title .itemone .sublist li:last-child{border-bottom: none} .article_title .itemtwo{margin: 10px 0; font-size: 24px; color: #333; line-height: 32px; font-weight: bold;} .article_title .itemtwo i.icon-coin{margin-left: 10px;} .article_title .itemtwo span{font-size: 16px; font-weight: normal;} .article_title .itemtxt{padding-bottom: 10px; color: #666} .itemthr{height: 32px; position: relative;} .itemthr .txinfo{float: left; line-height: 32px; color:#4598dc} .itemthr .txinfo img{width: 24px; height: 24px; border-radius: 12px; vertical-align: -7px; margin-right: 6px;} .itemthr .txtinfo{line-height: 32px; color: #ccc; font-size: 12px;} .itemthr .txtinfo span{color: #999; padding: 0 10px;} .itemthr .txtinfo .span_icon{cursor: pointer;color: #666;border: 1px solid #ddd;height: 20px;line-height: 20px;padding: 3px 6px;margin: 0 5px;border-radius: 3px;} .itemthr .txtinfo .span_icon:hover{color: #333; border-color: #ccc} .itemthr .txtinfo span i{display: inline-block;width: 14px;height: 14px;vertical-align: -2px;margin-right: 4px;background: url("../qaimg/qa_span_icon.png") no-repeat;} .itemthr .txtinfo .span_icon .qa_jbicon{background-position: 0 0;} .itemthr .txtinfo .span_icon .qa_scicon{background-position: 0 -14px;} .itemthr .txtinfo .span_icon .qa_gzicon{background-position: 0 -28px;} .itemthr .txtinfo .span_icon.span_icon_cur{background: #f9f9f9} .itemthr .txtinfo .span_icon.span_icon_cur i{background-position-x: -14px;} .article_title .itemthr .open-invite{position: absolute; right: 0; top: 0} .article_title .open-invite{margin-top: 10px; width: 120px; position: relative;} .open-invite{display:block; padding:0 12px; height: 30px; line-height: 30px; border: 1px solid #319df1; border-radius: 3px; text-align: center; cursor: pointer; color: #319df1} .open-invite .arrowud{background-position: 0 0} .open-invite .arrowud.open{background-position: 0 -6px;} .article_title .itemthr .sharebox{position: absolute; top: 2px; right: 0; height: 28px;} .article_title .itemthr .sharebox a{display: inline-block; width: 28px; height: 28px; text-indent: -999em; margin-right: 5px; background: url("../qaimg/sharebg.png") no-repeat} .article_title .itemthr .sharebox .xlwb{background-position: 0 0} .article_title .itemthr .sharebox .xlwb:hover{background-position: 0 -28px} .article_title .itemthr .sharebox .txwb{background-position: 0 -56px} .article_title .itemthr .sharebox .txwb:hover{background-position: 0 -84px} .article_title .itemthr .sharebox .wx{background-position: 0 -112px} .article_title .itemthr .sharebox .wx:hover{background-position: 0 -140px} .article_title .itemfou{margin-top: 10px;} .article_title .itemfou .tit{height: 34px; position: relative;} .article_title .itemfou .tit h2{line-height: 34px; padding-left: 8px;} .article_title .itemfou .tit h2 .sum{color: #999} .article_title .itemfou .tit a{position: absolute; height: 34px; line-height: 34px; right: 0; top: 0} .article_title .itemfou .tit a i{display: inline-block; width: 14px; height: 14px; margin-right: 4px; vertical-align: -2px; background: url("../qaimg/hyh.png") no-repeat;} .article_title .itemfou .con li{position: relative; border-top: 1px solid #eaeef1; padding: 15px 0; height: 40px;} .article_title .itemfou .txinfo{float: left; height: 40px; line-height: 40px; display: block;} .article_title .itemfou .txinfo img{width: 40px; height: 40px; border-radius: 20px; vertical-align: middle; margin-right: 10px;} .article_title .itemfou .txtinfo{line-height: 40px; color: #999; padding-left: 10px; float: left} .article_title .itemfou .txtinfo a{color: #666; padding-left:4px;} .article_title .itemfou .invite-btn{position: absolute; right: 0; top:20px;} .invite-btn{height: 30px; line-height: 30px; display: block; background: #319df1; padding: 0 12px; color: #fff; border-radius: 3px;} .invite-btn:hover{background:#2fa4ff; color: #fff;} .invite-btn.invited,.invite-btn.invited:hover{background: #d4dde3; color: #edf1f4; cursor: default;} .comment-list .itemthr{border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px;} .comment-list p{margin-top: 10px; line-height: 20px;} .comment-list p a{color: #479ade; padding-left: 4px;} .comment-list.comment-listinner{margin-left:35px;margin-top: 10px; background: #fff; padding: 10px; border:1px solid #ddd; position: relative;} .comment-list.comment-listinner .itemthr{border-top: none; padding-top: 0; margin-top: 0} .article_content .tit{font-size: 20px;} .article_content .best-answer,.article_content .last-answer{border-bottom: 1px solid #eaeef1; padding: 20px 0} .article_content .best-answer .tit{color: #4dd2a2} .article_content .best-answer .tit i{display: inline-block; width: 20px; height: 24px; vertical-align: -4px; background: url("../qaimg/best_answer.png") no-repeat;} .article_content .answer-txt{padding: 10px 0 0 0;} .article_content .answer-txt p{font-size: 14px; color: #333; margin: 6px 0; line-height: 22px;} .article_content .rightinfo{position: absolute; right: 0; top: 0; height: 32px;} .article_content .rightinfo a{display: inline-block; line-height: 32px; padding-right: 8px;} .article_content .rightinfo a i{display: inline-block; width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; background: url("../qaimg/qa_comment.png") no-repeat;} .article_content .rightinfo .discuss i{background-position: 0 0;} .article_content .rightinfo .like-box{display: inline-block; position: relative; border-radius: 3px; border: 1px solid #e2e7ea; margin-left: 10px;} .article_content .rightinfo .like-box .item{display: inline-block; width: 81px; height: 30px; border-radius: 2px; cursor: pointer; text-align: center;line-height: 30px;} .article_content .rightinfo .like-box .item i{display: inline-block; width: 14px; height: 14px; vertical-align: middle; background: url("../qaimg/sprite_icon.png"); margin-right: 4px;} .article_content .rightinfo .like-box .item.like span{color: #ff5429; vertical-align: middle;} .article_content .rightinfo .like-box .item.like i{background-position: -159px -124px;} .article_content .rightinfo .like-box .item.like i.clicked{background-position: -159px -110px;} .article_content .rightinfo .like-box .item.like:hover i{background-position: -159px -110px;} .article_content .rightinfo .like-box .item.unlike span{color: #999;vertical-align: middle;} .article_content .rightinfo .like-box .item.unlike i{background-position: -159px -82px;} .article_content .rightinfo .like-box .item.unlike i.clicked{background-position: -134px -134px;} .article_content .rightinfo .like-box .item.unlike:hover i{background-position: -134px -134px;} .article_content .rightinfo .like-box .line{position: absolute; width: 1px; height: 14px; background-color: #ddd; left: 50%; top: 50%; margin-top: -7px;} .article_content .rightinfo .jbicon i{background-position: 0 -32px;} .article_content .last-answer .answer-item{border-top: 1px solid #eee; margin-top: 15px;} .article_content .last-answer .tit span{font-size: 14px; color: #9eadb6; margin-left: 4px;} .comment-box{display: none; background-color: #f9fbfb; margin-top:10px; padding: 15px;} .comment-box .textarea-box{border:1px solid #d2dbe1; padding: 8px; border-radius: 3px; background: #fff;} .comment-box .textarea-box textarea{display: block; width: 100%; height: 60px; border: none;} .comment-box .submitbar{display: inline-block; text-align: right; margin-top: 10px; width: 100%} .comment-box .submitbar a{display: inline-block; padding:0 12px; height: 30px; border-radius: 3px; background-color: #309ef1; color: #fff; line-height: 30px;} .comment-box .submit-btn:hover{background-color: #2c94e2;} .comment-box .submitbar .check-wrap{margin-right: 10px;} .comment-box1{display: none; background-color: #f9fbfb; margin-top:10px; padding: 15px;} .comment-box1 .textarea-box1{border:1px solid #d2dbe1; padding: 8px; border-radius: 3px; background: #fff;} .comment-box1 .textarea-box1 textarea{display: block; width: 100%; height: 60px; border: none;} .comment-box1 .submitbar1{display: inline-block; text-align: right; margin-top: 10px; width: 100%} .comment-box1 .submitbar1 a{display: inline-block; padding:0 12px; height: 30px; border-radius: 3px; background-color: #309ef1; color: #fff; line-height: 30px;} .comment-box1 .submit-btn:hover{background-color: #2c94e2;} .comment-box1 .submitbar1 .check-wrap1{margin-right: 10px;} .editor-box{padding: 0; background-color:#fff;} .article_content .open-invite{display: inline-block;} .article_content .open-invite:hover{background:#319df1; color: #fff;} .sendask{ position: relative; height: 110px; margin-top: 20px; text-align: center; background-color: #0b625a; background-image: -moz-linear-gradient( 0deg, #0b625a 0%, #0c516b 100%); background-image: -webkit-linear-gradient( 0deg, #0b625a 0%, #0c516b 100%); background-image: -ms-linear-gradient( 0deg, #0b625a 0%, #0c516b 100%); } .sendask h1{ font-size: 22px; color: #fff; padding-top: 20px; } .sendask .send-pro .line{ width: 259px; height: 1px; background: url("../qaimg/qa_noanswer_line.png") no-repeat center; margin: 12px auto 8px; } .sendask .cont{ font-size: 16px; color: #96b5be; } .sendask .cont span{ color: #f5ae29; font-size: 24px; vertical-align: -3px; margin-right: 8px; font-weight: bold; } .sendask .lights{ position: absolute; left: 153px; top: 10px; width:69px; height:85px; background: url("../qaimg/qa_noanswer_light.png") no-repeat; } .sendask .water{ position: absolute; width: 80px; height: 80px; right: 120px; top: 50%; margin-top: -40px; } @-webkit-keyframes opac{ from {opacity: 1;width:0;height:0;top:50%;left:50%;} to {opacity: 0;width:100%;height:100%;top:0;left:0;} } .water .w1{ width: 20px; height: 20px; background-color: rgba(255, 255, 255, 0.4); -webkit-animation:opac 1.5s infinite; -webkit-animation-delay:.1s; } .water .w2{ width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.2); -webkit-animation:opac 1.5s linear infinite; -webkit-animation-delay:.2s; } .water .w3{ width: 60px; height: 60px; background-color: rgba(255, 255, 255, 0.1); -webkit-animation:opac 1.5s linear infinite; -webkit-animation-delay:.3s; } .water .w4{ width: 80px; height: 80px; background-color: rgba(255, 255, 255, 0.1); -webkit-animation:opac 1.5s linear infinite; -webkit-animation-delay:.4s; } .water *{ position:absolute; border-radius:50%; opacity: 0; } .askpush{margin-top: 20px;} .askpush .askpush_tit{position: relative; height: 30px; margin-bottom:8px;} .askpush .askpush_tit h3{font-size: 20px; color: #7a8f9a; line-height: 30px;} .askpush .askpush_con .askpush_con_item{padding: 5px 0 5px; line-height: 24px;} .askpush .askpush_con .askpush_con_item dl dt{width: 30px; float: left;} .askpush .askpush_con .askpush_con_item dl dd{margin-left: 30px;} .askpush .askpush_con .askpush_con_item .text_ask dt{color: #999; } .askpush .askpush_con .askpush_con_item .text_answer dt{color: #4598dc;} .askpush .askpush_con li{height: 30px; line-height: 30px;} .askpush .askpush_con li a{max-width: 500px;} .askpush .askpush_con li .time{color: #9eadb6} .askpush .askpush_con li .praise-num{color: #ff5429} .askpush .askpush_con li .praise-num i{display: inline-block; width: 14px; height: 12px; margin-left: 8px; margin-right: 6px; background: url("../qaimg/sprite_icon.png") no-repeat -159px -125px;} /*border-bottom: none;*/ .qa_userinfo{ background: #fff; height: auto; padding: 20px 15px;} .qa_userinfo .tx{width: 90px; height: 90px; margin: 0 auto} .qa_userinfo .tx a{display: block;} .qa_userinfo .tx img{width: 90px; height: 90px; border-radius: 45px; display: block;} .qa_userinfo .name{font-size: 16px; padding-top: 4px; text-align: center;} .qa_userinfo .signin{margin-top: 10px; font-size: 12px; color: #9eadb6; text-align: center;} .qa_userinfo .signin a{display: inline-block; line-height: 100%; padding: 4px 10px; background-color: #e8f7ff; font-size: 14px; color: #36a5ec; border: 1px solid #afddf6; border-radius: 2px; margin-left: 10px;} .qa_userinfo .signin a:hover{background-color: #f2f9fd;} .qa_userinfo .signin a.cur{background:#319df1; border-color:#319df1; color: #fff; cursor: default;} /*分页*/ .qa_page{margin-top: 20px; text-align: center;} .qa_page a,.qa_page span{display: inline-block; height: 28px; line-height: 28px; vertical-align: top; color:#7a8f9a; padding: 0 10px; margin: 0 3px 0 4px; border:1px solid #cfd7dc; border-radius: 2px;} .qa_page span.current{background: #2ba2ff; border-color: #2ba2ff; color: #fff;} .qa_page span.none{border-color: #e9edf0; color: #c8d0d5; cursor: default;} .qa_page a:hover{border-color:#b3bfc6; color: #76848d} /*返回顶部*/ .back-to-top{position: fixed; width: 50px; left: 50%; margin-left: 550px; z-index: 10; bottom: 20px;} .back-to-top a{display: block; width: 50px; height: 50px; border-radius: 3px; margin-bottom: 6px;} .back-to-top .totop{background: url(../qaimg/qa_arrowtop.gif) center center no-repeat #e1e5e9;} .back-to-top .totop:hover{background: url(../qaimg/qa_arrowtop.gif) center center no-repeat #c6cdd3;} .back-to-top .toask{background: #479ade; color: #fff; text-align: center; line-height: 18px; padding: 6px 10px; width: 30px; height: 38px;} .back-to-top .toask:hover{background:#2689d9} /* 弹窗 */ .mask{opacity: 0.3; filter: alpha(opacity=30); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; -webkit-user-select: none; z-index: 99; background: #000; display:none; -webkit-animation:.3s opacity linear;} @-webkit-keyframes opacity{ 0% {opacity:0} 100% {opacity:.3} } .dialog-all .dialog{position:fixed; z-index:1001; box-shadow:0px 5px 30px 0px rgba(0,0,0,.1); display:none; left:50%; top:50%; width:500px; background:#FFF;} .dialog-all .title{background:#f6f9fb; position:relative; height:48px; line-height:48px; border-top:2px solid #4095d9;} .dialog-all .title h4{color:#333; font-size:16px; padding-left:18px;} .dialog-all .close{display:block; width:11px; height:11px; background:url(../qaimg/pc_arrowbg.png) -54px 0 no-repeat; position:absolute; right:18px; top:18px;} .dialog-all .close:hover{background-position:-65px 0;} .dialog-all .con{padding:10px 20px; position:relative;} .dialog-all .qa_dialog{width: 360px; height: 320px; margin-left: -180px; margin-top: -160px; text-align: center; border-radius: 3px;} .dialog-all .qa_dialog .dialog_icon{width: 80px; height: 80px; margin: 44px auto 20px auto; background-image: url("../qaimg/qa_dialogicon.png");} .dialog-all .qa_dialog h1{font-size: 18px; color: #333; line-height: 30px;} .dialog-all .qa_dialog p{font-size: 14px; color: #666; line-height: 30px;} .dialog-all .qa_dialog p span{color: #ff9227;} .dialog-all .qa_dialog .shadebtn{display: inline-block; height: 36px; line-height: 36px; width: 120px; border-radius: 3px; margin: 20px 10px 0 10px;} .dialog-all .qa_dialog .shadebtn.surebtn{background:#319df1; color: #fff;} .dialog-all .qa_dialog .shadebtn.surebtn:hover{background:#47aefe} .dialog-all .qa_dialog .shadebtn.canclebtn{background:#edf1f5; color: #9eadb6;} .dialog-all .qa_dialog .shadebtn.canclebtn:hover{background:#eef1f3; color: #9eadb6;} .dialog-all .qa_dialog_suc .dialog_icon{background-position: 0 0} .dialog-all .qa_dialog_suc .shadebtn{width: 180px; height: 38px; line-height: 38px;} .dialog-all .qa_dialog_suc .dialog_icon{background-position: 0 0} .dialog-all .qa_dialog_del .dialog_icon{background-position: 0 -80px;} .dialog-all .qa_dialog_suctips{width: 500px; height: 170px; margin-left: -250px; margin-top: -85px;} .dialog-all .qa_dialog_suctips h1{padding-top: 50px; padding-bottom: 10px; font-size: 24px;} .dialog-all .qa_dialog_suctips p{font-size: 16px;} /*纠错*/ .dialog-all .qa_dialog_wrong{width: 460px; height: 240px; margin-left: -230px; margin-top: -120px; text-align: center; border-radius: 3px;} .dialog-all .qa_dialog_wrong .dialog_bd{padding: 20px 20px 0 20px;} .dialog-all .qa_dialog_wrong textarea{width: 100%; height: 90px; padding: 10px; box-sizing: border-box;} /*个人中心*/ .user_main{width: 1080px; margin: 0 auto; position: relative;} .qa_userbg{background: url(../qaimg/qa_userbg.png) center no-repeat; height: 260px; min-width: 1080px; position: relative;} .qa_userbg .user_head{background: url(../qaimg/qa_user_head.png) repeat;} .user_head{width: 100%; height: 48px;} .user_head .logo{display: block; float: left; color: #fff; height: 32px; line-height: 32px; margin-top:8px; font-size: 16px; font-weight: bold; background: url(../qaimg/qa_user_logo.png) no-repeat; margin-right: 12px;} .user_head .logo i{display: inline-block; width: 36px; height: 32px; vertical-align: middle; margin-right: 8px;} .user_head span{display: block; border-left: 1px solid #80bcf3; color: #fff; float: left; padding-left: 10px; margin-top: 14px; height: 20px; line-height: 20px; color: rgba(255,255,255,.8);} .user_head .user_head_nav{float: right;} .user_head .user_head_nav a{display: inline-block; line-height: 48px; color: #fff; padding: 0 16px; position: relative;} .user_head .user_head_nav a:hover{background: url(../qaimg/qa_user_head_hover.png) repeat;} .user_body .user_main{height: 212px;} .qa_person{height: 104px; width: 500px; margin-top: 54px;} .qa_person .qa_person_head{float: left; width: 104px; margin-right: 20px;} .qa_person .qa_person_head img{width: 104px; height: 104px; border-radius: 50%;} .qa_person .qa_person_info h1{color:#fff; font-size: 20px; padding-top: 5px;} .qa_person .qa_person_info p{height: 24px; line-height: 24px; margin-top: 5px;} .qa_person .qa_person_info p .lvtext{color:#bfdffc; color: rgba(255, 255, 255, 0.6);} .qa_person .qa_person_info p .lvbox{padding: 0 16px; border-radius: 12px; color: #fff; margin-left: 10px; display: inline-block;} .qa_person .qa_person_info .lv1 .lvbox{background: #ffc000} .qa_person .qa_person_info .lv2 .lvbox{background: #22cbef} .qa_person .qa_person_info .lv3 .lvbox{background: #80dc48} .qa_person .qa_person_info .lv4 .lvbox{background: #ff7200} .qa_person .qa_person_info .lv5 .lvbox{background: #ff3c00} .qa_userdata{padding-top: 20px;} .qa_userdata table td{text-align: center; padding: 15px 20px;} .qa_userdata table .tit{color:#bfdffc; color: rgba(255, 255, 255, 0.6);} .qa_userdata table .num{color: #fff; font-size: 20px; margin-top: 4px;} .qa_userbg .qa_bg1{width: 130px; height: 74px; top: 48px; left: 50px; background: url(../qaimg/qa_userbg_r1.png) no-repeat; position: absolute;} .qa_userbg .qa_bg2{width: 140px; height: 140px; bottom: 18px; right: 50px; background: url(../qaimg/qa_userbg_r2.png) no-repeat; position: absolute;} .qa_userbg .qa_bg3{width: 44px; height: 44px; top: 70px; left: 210px; background: url(../qaimg/qa_userbg_r3.png) no-repeat; position: absolute;} .left-menu-wrap .menu-item i,.content-ask-list .qa_item .qa_text i,.content_slide .qa_item .qa_itemright .qa_tips i, .alluser_main .content_slide .bd a.qa_item .qa_extra .qa_zan i,.aside-no-content i, .alluser_wrap .alluser_follow i{background: url(../qaimg/qa_user_bg.png) no-repeat;} .user_content{padding: 30px 0; background: #f5f5f5} .user_content .user_main{min-height: 250px; background: #fff} .user_content .content_aside{position: absolute; top: 0; left: 0; width: 164px; height: 100%; background: #f9fbfb} .user_content .content_main{width: 915px; border-left:1px solid #eaeef1; min-height: 250px; margin-left: 164px;} .left-menu-wrap{padding: 0 15px;} .left-menu-wrap .menu-item{display: block; height: 34px; line-height: 34px; border-radius: 3px; font-size: 16px; margin: 12px auto; padding:0 12px} .left-menu-wrap .menu-item.cur{background-color: #2ba2ff; color: #fff;} .left-menu-wrap .menu-item div{float: left;} .left-menu-wrap .menu-item i{float: right; width: 6px; height: 10px; margin-top: 12px; background-position: 0 0;} .left-menu-wrap .menu-item.cur i{background-position: 0 -10px;} .left-menu-wrap a:hover{background: #eaeef1; color: #2ba2ff} .content_slide .hd{height: 50px; line-height: 50px; border-bottom: 1px solid #e4e8eb; padding: 0 20px;} .content_slide .hd li{float: left; font-size: 16px; padding: 0 16px; cursor: pointer; height: 50px; position: relative;} .point{position: absolute; width: 8px; height: 8px; right: 10px; top: 15px; border-radius: 50%; background-color: #ff5a27;} .content_slide .hd li.on{color: #2ba2ff;} .content_slide .hd li.on:after{position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background:#2ba2ff; content: ""} .content_slide .slidecon{padding: 10px 20px 20px 20px;} .content_slide .qa_indexlist .qa_item .qa_timeask .time{padding: 0} .content-ask-list .qa_item{position: relative; border-bottom: 1px solid #eaeef1; min-height: 50px; padding: 15px 0} .content-ask-list .qa_item .qa_text{margin-right: 100px; margin-left: 54px;} .content-ask-list .qa_item .qa_text a{font-size: 16px; line-height: 22px; display: block; padding-bottom: 4px;} .content-ask-list .qa_item .qa_text a:hover{color: #2ba2ff} .content-ask-list .qa_item .qa_text span{margin-right: 20px; font-size: 12px; color: #a3b0b9} .content-ask-list .qa_item .qa_text .tag-name{margin-right:6px;} .content-ask-list .qa_item .qa_text i{width: 8px; height: 12px; margin-right: 6px; display:inline-block; vertical-align: -2px; background-position: 0 -41px} .content-ask-list.content-answer-list .qa_text{margin-left: 0;} .content-ask-list.content-answer-list .qa_text .item-intro{color: #7a8f9a; line-height: 20px; margin-bottom: 6px;} .my-ask-answer{border:1px solid #DAE0E4; position: absolute; top: 15px; left: 0; width: 38px; height: 42px; text-align: center; line-height: 18px; color: #a3b0b9; padding-top: 6px; border-radius: 3px; font-size: 12px;} .my-ask-answer p{font-size: 14px; color: #333;} .content_slide .qa_item .qa_itemright{position: absolute; top: 15px; right: 0; width: 90px; text-align: right;} .content_slide .qa_item .qa_itemright .item-btn{display: inline-block; height: 22px; line-height: 22px; border: 1px solid #c5d1d8; padding: 0 6px; font-size: 12px; border-radius: 3px; color: #a3b0b9; text-align: center;} .content_slide .qa_item .qa_itemright .item-btn:hover{border-color: #2ba2ff; color: #2ba2ff} .content_slide .qa_item .qa_itemright .qa_tips{text-align: center; color: #9eadb6} .content_slide .qa_item .qa_itemright .qa_tips i{display: block; width: 22px; height: 22px; margin: 0 auto 8px; } .content_slide .qa_item .qa_itemright .qa_tips.answered,.content_slide .qa_item .qa_itemright .qa_tips.adopted{color: #4dd2a2} .content_slide .qa_item .qa_itemright .qa_tips.answered i{background-position: -48px 0;} .content_slide .qa_item .qa_itemright .qa_tips.answerwait i{background-position: -48px -22px;} .content_slide .qa_item .qa_itemright .qa_tips.unadopt i{background-position: -70px 0} .content_slide .qa_item .qa_itemright .qa_tips.adoptwait i{background-position: -70px -22px} .content_slide .qa_item .qa_itemright .qa_tips.adopted i{background-position: -70px -44px} .qa_noresult{width: 300px; height: 300px; background: url(../qaimg/qa_noresult.png) no-repeat; text-align: center; position: relative; margin: 50px auto;} .qa_noresult .txt{position: absolute; bottom: 20px; left: 0; width: 100%;} .qa_noresult .txt h2{font-size: 18px; color: #c8d2d9;} /*公众主页*/ .alluser{background: #2da7ff} .alluser_wrap{background: url(../qaimg/qa_alluserbg.jpg) center 0 no-repeat #189af8; height: 190px; width: 100%; position: relative;} .alluser_wrap .alluser_roundbg,.alluser_wrap .alluser_img,.alluser_wrap .alluser_follow{position: absolute; left: 50%;} .alluser_wrap .alluser_roundbg{top: 0; margin-left: -180px; height: 190px; width: 360px; background: url(../qaimg/qa_around.png) no-repeat} .alluser_wrap .alluser_follow{width: 88px; height: 28px; line-height: 28px; top: 44px; margin-left: -45px; border: 1px solid #58beff; text-align: center; cursor: pointer; color: #fff; border-radius: 3px; transition:border-color ease-in-out .3s} .alluser_wrap .alluser_follow:hover{border-color: #fff;} .alluser_wrap .alluser_follow i{display:inline-block; width: 14px; height: 14px; margin-right: 4px; vertical-align: -2px; background-position: -92px -28px} .alluser_wrap .alluser_follow.followed i{background-position: -92px -42px} .alluser_wrap .alluser_data{margin: 0 auto; width: 800px; position: relative;} .alluser_wrap .alluser_data span{width: 220px; position: absolute; text-align: center; top: 40px; color: #fff; font-size: 22px;} .alluser_wrap .alluser_data span em{display: block; color: #a6daff; font-style: normal; font-size: 16px;} .alluser_wrap .alluser_data .left{left: 0} .alluser_wrap .alluser_data .right{right: 0} .alluser_wrap .alluser_data .center{left: 50%; margin-left: -110px;} .alluser_wrap .alluser_img{margin-left: -60px; bottom:-60px; width: 120px; height: 120px;} .alluser_wrap .alluser_img img{display: block; width: 120px; height: 120px; border-radius: 50%} .alluser_wrap .alluser_img span{display: block; position: absolute; bottom: 20px; right: 0; padding: 0 8px; font-size: 12px; color: #fff; line-height: 18px; height: 18px; border-radius: 9px; background: #2da7ff} .alluser_info{padding-top: 70px; text-align: center; color: #999;} .alluser_info h1{color: #333; font-size: 22px; padding-bottom: 2px;} /*风采展示->专家风采详情->提问列表*/ .alluser_main .content_slide .bd a.qa_item .qa_extra .qa_zan .qa_answericon{background-position: -118px -52px} /*内容*/ .alluser_main{padding-top: 30px;} .alluser_main .content_slide .hd{padding: 0} .alluser_main .content_slide .bd a.qa_item{display: block; color: #333; padding: 20px 0; border-bottom: 1px solid #e8ecee;} .alluser_main .content_slide .bd a.qa_item .qa_text{font-size: 15px; margin-bottom: 13px; padding: 0 12px; font-weight: 500} .alluser_main .content_slide .bd a.qa_item .qa_info{padding: 15px 12px; margin-bottom: 10px; background: #f7f9fa; color: #888; position: relative;} .alluser_main .content_slide .bd a.qa_item .qa_info span{display: block; overflow: hidden;} .alluser_main .content_slide .bd a.qa_item .qa_info .qa_info_ask{float:left; color:#999;} .alluser_main .content_slide .bd a.qa_item .qa_info .tri{position: absolute; left: 40px; top: -20px; width: 0; height: 0; display: block; border:10px solid transparent; border-bottom-color: #f7f9fa} .alluser_main .content_slide .bd a.qa_item .qa_extra{height: 24px; line-height:24px; font-size: 12px;} .alluser_main .content_slide .bd a.qa_item .qa_extra .qa_zan{float: left;} .alluser_main .content_slide .bd a.qa_item .qa_extra .qa_zan i{display: inline-block; width:14px; height: 14px; margin-right: 6px; vertical-align: -2px;} .alluser_main .content_slide .bd a.qa_item .qa_extra .qa_zan .qa_zanicon{background-position: -92px 0} .alluser_main .content_slide .bd a.qa_item .qa_extra .qa_time{float: right; color: #999;} .alluser_main .content_slide .bd a:hover{background: #fafdff} .alluser_main .content_slide .bd a:hover .qa_info{background: #f0faff} .alluser_main .content_slide .bd a:hover .qa_info .tri{border-bottom-color: #f0faff} .alluser_right .qa_funs{margin-bottom: 10px;} .alluser_right .qa_funs .qa_title{height: 50px; line-height: 50px;} .alluser_right .qa_funs .qa_title h2{font-weight: normal; font-size: 16px; color: #666} .alluser_right .qa_funs .bd{min-height: 100px;} .aside-no-content{color: #c8d0d5; text-align: center; padding-top: 15px; font-size: 16px;} .aside-no-content i{display: block; width: 24px; height: 24px; margin: 10px auto; background-position: -106px 0} .funs_list a{display: block; margin-bottom: 10px; float: left;} .funs_list.percent5 a{width: 20%;} .alluser_right .qa_funs .funs_list{padding: 10px 5px 0px 5px;} .alluser_right .qa_funs .funs_list a img{width: 40px; height: 40px; border-radius: 50%; display: block; margin:0 auto;} /*消息中心*/ .user_notice .msglist-content{border-left: 1px dashed #DAE0E4; position: relative;} .msglist-content .msglist-dl{margin-top: -27px; padding-left: 22px; position: relative; top: -2px} .msglist-content .msglist-dl dt{position: relative; letter-spacing:0; line-height: 12px; font-size: 16px; margin: 54px 0 18px} .msglist-content .msglist-dl dt i{position: absolute; left: -27px; top: 2px; width: 9px; height: 9px; border-radius: 9px; background: #1898f9} .msglist-content .msglist-dl dd{color: #7A8F9A; line-height: 22px; letter-spacing:0; font-size: 14px; margin:16px 0 16px; text-align: justify} .msglist-content .msglist-dl dd .msg-item-intro{font-size: 12px; line-height: 18px; color: #7A8F9A; margin-top: 5px;} .msglist-content .msglist-dl dd p span{font-size:12px;} .msglist-content .msglist-dl dd p span em{font-style: normal; color: #2ba2ff} /*搜索*/ .searchbox{height: 38px; width: 600px; margin: 0 auto} .searchbox input{border:none; border:1px solid; height:36px; padding:0 8px; margin: 0 6px;} .searchbox .inputbg{background:#fff; border-color:#ddd; vertical-align:top;} .searchbox .searchbg{background:#4799ec; border-color:#4799ec; color:#fff; text-align:center; width:84px; text-align: center; cursor:pointer; font-size:16px;} .searchbox .searchbg:hover{background:#4799ec; border-color:#4799ec; color:#FFF;} .keyword{height: 24px; line-height: 24px; width: 600px; margin: 10px auto 0} .keyword span,.keyword a{padding-left: 10px;} /*从这里开始2018.09.07*/ /*搜索下拉*/ .sort_tag.city_tag{border-color: #76b1f4; color: #76b1f4} .searchbox{position: relative;} .searchbox .qasearch_law{display:none; position: absolute; top: 35px; left: 6px; width: 478px; max-height: 204px; padding: 5px 0; overflow: auto; border: 1px solid #ddd; background: #fff; background: rgba(255,255,255,.96); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); z-index: 999} .searchbox .qasearch_law li a{display: block; height: 32px; line-height: 32px; padding: 0 10px;} .searchbox .qasearch_law li a em{font-weight: bold; color: #000} /*省份选择*/ .qacc{border: 1px solid #eaeef1; width: 1078px;} .qacc .qa_choose:last-child{border-bottom: none} .qacc .qa_choose{border-bottom: 1px dashed #ddd; padding: 10px 0; position: relative;} .qa_choose .pack-btn{ position: absolute; padding: 1px 5px; z-index: 100; right: 10px; bottom: 14px; cursor: pointer; border-radius: 12px; } .qa_choose .pack-btn i{ display: inline-block; vertical-align: 0; width: 10px; height: 9px; margin-left: 2px; background: url("../qaimg/zksq.png") no-repeat 0 0; } .qa_choose .pack-btn.on i { background-position-y: -9px; } .qa_choose .pack-btn:hover { background-color: #eee; } .qa_choose .pack-btn:hover span { color: #0c6bcd; } .qa_choose .pack-btn span { font-size: 14px; color: #999; } .qa_choose .name{ display: inline-block; vertical-align: top; color: #808080; margin: 4px 10px; width: 70px; text-align: right; } .qa_choose .items { display: inline-block; width: 900px; height: 30px; overflow: hidden; -webkit-transition: all 1s ease; transition: all 1s ease; } .qa_choose .items a{ display: inline-block; height: 24px; line-height: 24px; color: #333; padding: 0 12px; border-radius: 12px; margin: 4px 0; } .qa_choose .items a:hover { color: #fff; background-color: #ccc; } .qa_choose .items a.selected { color: #fff; background-color: #469ade; } /*好友私信按钮*/ .alluser_wrap .alluser_data{ height: 190px; } .alluser_data .alluser_bnt{ position: absolute; right: -100px; bottom: 30px; width: 120px; } .alluser_data .alluser_bnt a{ display: block; border: 1px solid #58beff; color: #fff; height: 32px; line-height: 32px; padding: 0 10px; margin-bottom: 10px; text-align: center; color: #bbe5ff; transition: .5s all ease-in; } .alluser_data .alluser_bnt a:hover{ border-color: #fff; color: #fff; } .alluser_data .alluser_bnt a i{ background: url(../qaimg/qa_user_icon.png) no-repeat; display: inline-block; width: 16px; height: 16px; vertical-align: -3px; margin-right: 6px; } .alluser_data .alluser_bnt .ab_add i{ background-position: 0 -16px; } .alluser_data .alluser_bnt .ab_send i{ background-position: 0 0; } /*邀请好友*/ .friend_invite{border-top: 1px solid #e6eaed; text-align: center; padding: 20px 0 0 0; position: relative; min-height: 100px;} .friend_invite .friend_btn{height: 44px; line-height: 44px; border: 1px solid #319df1; color: #319df1; font-size: 18px; border-radius: 5px; display: inline-block; cursor: pointer; padding: 0 20px; margin-top: 10px;} .friend_invite .friend_btn i{display: inline-block; width: 20px; height: 20px; vertical-align: -3px; margin-right: 6px; background: url(../qaimg/qa_fl_icon.png) no-repeat;} .friend_invite .friend_btn:hover{background-color: #319df1; color: #fff;} .friend_invite .friend_btn:hover i{background-position: 0 -20px} .friend_invite .friend_list{display: none; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -130px; width: 260px; height: 400px; text-align: left; border: 1px solid #ddd; background: #fff; background: rgba(255,255,255,.96); box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1); z-index: 10} .friend_list .fl_hd,.friend_list .fl_bd,.friend_list .fl_fd{position: absolute; left: 0; right: 0; padding: 10px;} .friend_list .fl_hd{top: 0; height: 30px; right: 30px; background-color: #fff;} .friend_list .fl_hd .fl_hd_input{background: #f5f5f5; border: none; width: 100%; text-indent: 10px; height: 30px; line-height: 30px; border-radius: 3px;} .friend_list .fl_hd .fl_hd_search{position: absolute; top: 50%; right: -20px; width: 16px; height: 16px; border:none; margin-top: -8px; cursor: pointer; background: url(../qaimg/qa_searchicon.png) no-repeat;} .friend_list .fl_bd{overflow: auto; top: 50px; bottom:50px;} .friend_list .fl_bd li{height: 30px; line-height: 30px; margin-bottom: 16px; position: relative; cursor: pointer;} .friend_list .fl_bd li .fl_pic img{width: 30px; height: 30px; border-radius: 15px; margin-right: 6px; vertical-align: middle; display: inline-block;} .friend_list .fl_bd li .flc{position: absolute; right: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(../qaimg/qa_fl_choose.png) no-repeat;} .friend_list .fl_bd .current .flc{background-position: 0 -20px;} .friend_list .fl_fd{bottom: 0; height: 30px; border-top: 1px solid #eee; text-align: center; font-size: 0} .friend_list .fl_fd a{display: inline-block; line-height: 30px; background: #eee; padding: 0 16px; margin: 0 5px; border-radius: 2px; font-size: 14px;} .friend_list .fl_fd .fl_s{background: #319df1; color: #fff;} .friend_list .fl_fd .fl_s:hover{background: #2fa4ff} .friend_list .fl_fd .fl_s.fl_s_none{opacity: .3; cursor: default;} .friend_list .fl_fd .fl_c{background: #eee; color: #666;} .friend_list .fl_fd .fl_c:hover{background: #ddd} .friend_list .fl_bd .fl_msg{text-align: center; font-size: 18px; color: #9ca2a9;} .friend_list .fl_bd .fl_msg i{display: block; margin: 50px auto 10px; width: 74px; height: 58px; background: url(../qaimg/qa_fs_icon.png) no-repeat;} .friend_list .fl_bd .fl_msg a{display: block; height: 30px; line-height: 30px; border: 1px solid #319df1; color: #319df1; margin: 10px auto; width: 80px; text-align: center; border-radius: 3px; font-size: 16px;} .friend_list .fl_bd .fl_msg a:hover{background: #319df1; color: #fff;} .friend_list .fl_bd .fl_msg p{font-size: 14px; color: #b8bec5} .friend_list .fl_bd .fl_msg.fl_msg_nofriend i{background-position: 0 0} .friend_list .fl_bd .fl_msg.fl_msg_nosearch i{background-position: 0 -58px;} .s .footer{border-top: 1px solid #eee;} .zw-box { margin-top: 10px; margin-bottom: 20px; } .zw-box .zw-tag { padding: 0 10px; border-radius: 13px; border: 1px solid #ddd; color: #999; } .zw-box .zw-txt { padding-left: 60px; padding-right: 140px; } .zw-box .zw-time { color: #999; } /*新增样式*/ .qasearch .tw-btn{display: inline-block;height: 36px;line-height: 36px;margin: 0 6px;} .qasearch .tw-btn:hover{background: #2689d9;} .qasearch .search-ipt{display: inline-block;position: relative} .qasearch .search-ipt .search-ico{cursor: pointer; border: none;position: absolute;right: 15px;top:50%;margin-top: -10px; width: 20px;height: 20px;background: url(../qaimg/expert-searchicon.png) no-repeat;} .s .qa-mid-box {width: 1080px;} .expert-box .qa_left .qa_expertlist li{padding: 10px 0 20px;} .expert-box .qa_left .qa_expertlist .tit{height: 40px;line-height: 40px;max-width: 700px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block;padding: 0;font-size: 16px;} .expert-box .qa_left .qa_expertlist .tit:hover{color: #319df1;} .expert-box .qa_left .art-content{ max-width: 718px;max-height: 42px;position: relative;overflow: hidden;margin-bottom: 10px;} .qa_expertlist .v-info .upload-time{margin-right: 10px;} .expert-box .qa-icon{width: 16px;height: 16px;display: inline-block;background:url(../qaimg/qa_span_icon2.png) no-repeat;vertical-align: -2px;margin-right:4px;} .expert-box .qa_dzicon{background-position: 0 -16px;} .expert-box .info-inline:hover{cursor: pointer;} .expert-box .info-inline:hover .qa_dzicon,.expert-box .snap-num i.clicked{background-position: -16px -16px;} .expert-box .qa_tcicon{background-position: 0 0;} .expert-box .info-inline:hover .qa_tcicon,.expert-box .debunk-num i.clicked{background-position:-16px 0 ;} .expert-box .qa_scicon{background-position: 0 -32px;} .expert-box .info-inline:hover .qa_scicon,.expert-box .qa_sc i.clicked{background-position: -16px -32px;} .expert-box .article_content .rightinfo a i{background:url(../qaimg/qa_span_icon2.png) no-repeat;} .expert-box .article_content .rightinfo a i.qa_fxicon,.expert-box .qa_fxicon{background-position: 0 -48px;} .expert-box .article_content .rightinfo .info-inline:hover i.qa_fxicon,.expert-box .qa-share:hover .qa_fxicon{background-position: -16px -48px;} .expert-box .qa_jbicon{background-position: 0 -64px;} .expert-box .info-inline:hover .qa_jbicon{background-position: -16px -64px;} .expert-box .article_content .rightinfo .link-pl .qa_plicon{background:url(../qaimg/qa_span_icon2.png) no-repeat;background-position: 0 -80px;} .expert-box .info-inline:hover span{color: #777;} .expert-box .upload-time:hover span,.expert-box .view-num:hover span{color: #999;} .expert-box .qa_expertlist .v-info{position: relative} .sharedrop-box{display: none;} .qa-share:hover .sharedrop-box{display: block;} .expert-box .qa_expertlist .sharedrop-box{position: absolute;top: 21px;left: 200px;z-index: 999; background: #fff;} .qa_asklist .bd li .sharebox a {display: inline-block;width: 28px;height: 28px;text-indent: -999em;margin-right: 5px;background: url(../qaimg/sharebg.png) no-repeat;padding: 0;} .sharedrop-box a,.qa_asklist .bd li .sharedrop-box a {display: inline-block;width: 28px;height: 28px;text-indent: -999em;margin-right: 5px;background: url(../qaimg/sharebg.png) no-repeat;padding: 0;} .sharebox .xlwb,.expert-box .qa_expertlist .sharebox .xlwb{background-position: 0 0;} .sharebox .xlwb:hover,.qa_asklist .bd li .sharebox .xlwb:hover{background-position: 0 -28px;} .sharebox .txwb,.expert-box .qa_expertlist .sharebox .txwb {background-position: 0 -56px;} .sharebox .txwb:hover,.qa_asklist .bd li .sharebox .txwb:hover {background-position: 0 -84px;} .sharebox .wx,.expert-box .qa_expertlist .sharebox .wx{background-position: 0 -112px;} .sharebox .wx:hover,.qa_asklist .bd li .sharebox .wx:hover{background-position: 0 -140px;} /*专家推荐*/ .qa_right .qa_title h2{font-weight: 400;font-size: 18px;margin-left: 10px;color: #9eadb6;} .qa_right .qa_title a{margin-right: 10px;} .qa_right .qa_title a:hover{color: #319df1;} .qa_right .qa_title .changed i{background: url(../qaimg/sprite_icon.png) no-repeat;background-position: -54px -154px;width: 14px;height: 14px;margin-right:6px;} .qa_right .qa_title .changed:hover i{background-position: -26px -154px;} .qa_hottalk .bd{background: #fff;padding: 0;border:none;} .qa_hottalk .bd .qa_title{background: #f9fbfd;border: 1px solid #eaeef1;padding: 5px;} .qa_hottalk li{padding: 10px 0;} .qa_hottalk .expert-ifmt{border:1px solid #efefef;border-radius:3px;padding: 10px;} .qa_hottalk .qa-zjtj a.portrait,.article_content .img-box a.portrait{width: 50px;display: block;background:#fff;padding: 0;} .qa-zjtj .portrait img{width: 100%;height: 50px;display: block;border-radius:50%;} .qa-zjtj .scly span{font-size: 12px; border-radius:3px;border:1px solid #d4dae0;padding: 1px 8px;color: #acb7c2;margin:4px 6px 4px 0;} .qa-zjtj .expert-txt-inf{padding-left: 60px;} .qa-zjtj .expert-txt-inf span{ display: inline-block;height: 28px;line-height: 28px;vertical-align: middle;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;} .qa-zjtj .expert-txt-inf .expert-name{display: inline-block; color: #4598dc;font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;} .qa-zjtj .expert-txt-inf .post i{width: 1px ;height: 12px;display: inline-block;background: #c1c9d0;margin:0 6px;vertical-align: middle;} .qa-zjtj .expert-source{margin:10px 0 5px;} .qa-zjtj .expert-txt-inf .value-num i{display: inline-block;width: 16px;height: 16px;background-position: -16px -80px;margin: 0 4px 0 10px;vertical-align: -3px;} /*详情*/ /*.itemthr .txtinfo,.rightinfo{position: relative}*/ .article_title .itemthr .sharedrop-box{position: absolute; top: 32px;right: 0;} .rightinfo .sharedrop-box{position: absolute; top: 24px;right: 40px;padding: 5px 0;} .itemthr .v-info .info-inline{margin:0 10px;} .itemthr .v-info .info-inline:hover{cursor: pointer;} .itemthr .v-info .view-num:hover{cursor: auto;} .itemthr .v-info .info-inline i{display:inline-block;width: 16px;height: 16px;vertical-align: -3px} .itemthr .v-info .info-inline span{padding: 0;} .itemthr .txtinfo .v-info .qa-jub i{background-position: 0 -64px;} .itemthr .txtinfo .v-info .qa-jub i.clicked,.itemthr .txtinfo .v-info .qa-jub:hover i{background-position: -16px -64px;} .qa_path_bar .qa-jub a{padding: 0;} .expert-box .qa_right .expert-ifmt{padding: 10px;} .expert-box .qa_left .expert-ifmt{padding: 20px 0 0;} .expert-box .qa-zjtj .ans-time{color: #999;margin-left: 10px;font-size: 12px;} .expert-box .qa-zjtj .ans-cont{color: #333;margin-left: 60px;position: relative;margin-top: 10px;height: 84px;overflow: hidden;-webkit-transition: all 1s ease; transition: all 1s ease;} .expert-box .qa-zjtj .open-box{text-align:center;} .expert-box .qa-zjtj .more{margin-top: 10px;color: #319df1;} .expert-box .qa-zjtj .more:hover{background:#fff;} .expert-box .qa-zjtj .arrowud{ display: inline-block;width: 10px;height: 6px;background: url(../qaimg/qa_arrowicon2.png) no-repeat 0 -6px;vertical-align: middle;margin-left: 6px;} .expert-box .qa-zjtj .on .arrowud{background-position: 0 0;} .expert-box .expertname-box{position: relative;} .expert-box .rightinfo{height: auto;} .expert-box .rightinfo .span_icon{display: inline-block;padding: 0 8px;border:1px solid #ddd;border-radius:3px;height: 22px;line-height: 22px;font-size: 12px;color: #999;} .expert-box .rightinfo .info-inline{margin:0 6px;cursor: pointer;} .expert-box .rightinfo .info-inline:hover .span_icon{border:1px solid #ccc;} .expert-box .article_content .rightinfo a{line-height: 1.5em; padding-right:0;} .expert-box .article_content .expert-ifmt{border-top:1px solid #eee;margin-top: 10px;} .expert-box .qa_hottalk .bd li a{padding: 0; background: none;} .expert-box .qa_hottalk .bd li a:hover,.askpush .askpush_con li a:hover{color: #2ba2ff;background: none;} .expert-box .qa_hottalk .qes-list{border:1px solid #eaeef1;padding: 10px;} .expert-box .qa_hottalk .qes-list{border-top: none;} .expert-box .qa_hottalk .qes-list .textp{border-bottom: 1px dotted #eee;} .expert-box .qa_hottalk .qes-list .textp:last-child{border-bottom: none;} .expert-box .qa_hottalk .qes-list p{font-size: 12px;color: #999;margin-top: 10px;} .card .zj-zx{ width: 268px; height: 92px; padding: 10px; border: 1px solid #efefef; margin: 10px 0; } .card .zj-zx .card-company{ font-size: 12px; color: #999; max-width: 200px; } .zj-zx .card-name a.name-zj{ max-width: 120px; } .expert-box .no-clicked .info-inline{ cursor: default; } .expert-box .no-clicked .info-inline.qa-share:hover{ cursor: pointer; } .expert-box .no-clicked .info-inline:hover .qa_dzicon { background-position: 0 -16px; } .expert-box .no-clicked .info-inline:hover .qa_scicon { background-position: 0 -32px; } .expert-box .no-clicked .info-inline:hover .qa_tcicon { background-position: 0 0; } .expert-box .no-clicked .info-inline:hover span { color: #999; } .card .search-zj.zj-card{ position: relative; display: block; width: auto; border-width: 0 0 1px 0; border-bottom: 1px solid #efefef; margin: 0 0 16px 0; } .card .zx-btn{ position: absolute; top: 50%; margin-top: -30px; right: 0; width: 84px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; color: #4799ec; border: 1px solid #4799ec; cursor: pointer; } .card .zx-btn:hover{ color: #fff; background-color: #4799ec; } .expert-box .no-clicked .info-inline:hover .qa_tcicon.clicked { background-position: -16px 0; } .expert-box .no-clicked .info-inline:hover .qa_dzicon.clicked { background-position: -16px -16px; } .sort_tag.noclick {cursor: default} .sort_tag.noclick:hover{border-color:#cfd7dc;color: #9eadb6} .expert-box .comment-list .itemthr .txtinfo .span_icon{color: #999;} .expert-box .comment-list .itemthr .txtinfo .span_icon i{background: url(../qaimg/qa_span_icon2.png) no-repeat;width: 16px;height: 16px;} .expert-box .comment-list .itemthr .txtinfo .span_icon .qa_jbicon{background-position: 0 -64px;} .expert-box .comment-list .itemthr .span_icon:hover .qa_jbicon{background-position: -16px -64px;} .expert-box .comment-list .itemthr .span_icon:hover{color: #666;} .expert-box .qa_twicon {background-position: 0 -96px;} .expert-box .info-inline:hover .qa_twicon,.expert-box .qa-tw i.clicked{background-position: -16px -96px;} .que-text{position: relative;color: #999;font-size: 12px;margin-bottom: 10px;} .que-text p{max-height: 36px;overflow-y: hidden;} .que-text .twsj{display: block;margin: 5px 0;}