@charset "UTF-8";
.detail_common .textarea_panel.show { height: 115px; }

.detail_common .page_author{color: #238ED6 !important;}

.detail_common .textarea_panel { height: 0; overflow: hidden; transition: all 0.4s; clear: both; margin-top: 10px; }

.detail_common .textarea_panel textarea { width: 100%; border-radius: 4px; height: 60px; background: #f5f5f5; border: 0; padding: 8px; }

.detail_common .textarea_panel .btns { float: right; margin-top: 20px; cursor: pointer; }

.detail_common .textarea_panel .default_btn { display: inline-block; background: #fff; border: 1px solid #DCDCDC; border-radius: 2px; padding: 4px 14px; font-size: 14px; color: #666; margin-right: 20px; }

.detail_common .textarea_panel .sumbit_btn { display: inline-block; background: #B93034; border-radius: 2px; padding: 5px 14px; font-size: 14px; color: #fff; }

.detail_common .politics_header { width: 860px; height: 200px; background: url(../img/detail_politics_bg.png) no-repeat; background-size: 100%; color: #fff; padding: 56px 40px 36px 36px; }

.detail_common .politics_header.user_header { background-image: linear-gradient(-223deg, #4F576D 0%, #8187A1 100%); }

.detail_common .politics_header.user_header .author { margin-top: 20px; }

.detail_common .politics_header.user_header .name { margin-bottom: 10px; }

.detail_common .politics_header .thumbg {background: url(../img/common_userbg.png); width: 108px; height: 108px; float: left; border-radius: 50%;margin-right:20px;}

.detail_common .politics_header .thum {width: 100px;  height: 100px;  border-radius: 50%; margin: 4px; }

.detail_common .politics_header .author { float: left; font-size: 14px; position: relative; height: 104px; width: 654px; }

.detail_common .politics_header .name { font-size: 20px; margin-bottom: 4px; font-weight: 700; }

.detail_common .politics_header .infor { opacity: 0.9; height: 38px; overflow: hidden; }

.detail_common .politics_header .handle { position: absolute; bottom: 0; width: 100%; }

.detail_common .politics_header .count span { width: 1px; margin: 0 9.5px; opacity: 0.4; background: #fff; height: 10px; display: inline-block; }

.detail_common .politics_header .ask { cursor: pointer; font-size: 16px; margin-right: 108px; }

.detail_common .politics_header .ask span { display: inline-block; vertical-align: middle; margin-right: 4px; }

.detail_common .politics_header .follow { cursor: pointer; border: 1px solid #FFF; border-radius: 4px; padding: 6px 0px; position: absolute; text-align: center; width: 88px; top: -6px; right: 0; }

.detail_common .politics_header .follow.ok {background: rgba(255, 255, 255, 0.4); border: 0;color: #fff; }

.detail_common .politics_nav { width: 100%; background: #fff; height: 54px; border-bottom: 1px solid #DCDCDC; }

.detail_common .politics_nav .nav_item { margin-left: 39px; padding-top: 23px; font-size: 14px; color: #999; }

.detail_common .politics_nav .nav_item > div { float: left; cursor: pointer; margin-right: 36px; padding: 0 4px; }

.detail_common .politics_nav .nav_item > div.on { color: #222; border-bottom: 3px solid #B93034; padding-bottom: 9px; }

.detail_common .new_mess { background: #F5F5F5; padding: 10px 40px; color: #222; }

.detail_common .new_mess a { font-size: 12px; color: #238ED6; margin-bottom: 4px; display: block; cursor: pointer; }

.detail_common .list_panel { background: #FFF; padding: 20px 40px; padding-bottom: 150px; min-height: 500px; }

.detail_common .list_panel .item:first-child { margin-top: -20px; }

.detail_common .list_panel .base_item { padding: 20px 0; border-bottom: 1px solid #DCDCDC; }

.detail_common .list_panel .extra_info { bottom: 0; width: 582px; }

.detail_common .list_panel .extra_info .name { color: #222; max-width: 254px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.detail_common .list_panel .item_con { font-size: 16px; }

.detail_common .list_panel .base_imgitem .item_left { width: 160px; height: 120px; }

.detail_common .list_panel .base_imgitem .item_right { width: 620px; width: calc(100% - 160px); height: 120px; padding: 0 20px; }

.detail_common .ask_panel { background: #fff; padding: 0 25px; padding-bottom: 150px; padding-top: 1px; min-height: 500px; }

.detail_common .ask_panel li { margin-bottom: 20px; }

.detail_common .ask_panel .item { padding: 20px 15px; margin-bottom: 20px; border-bottom: 1px solid #E8E8E8; }

.detail_common .ask_panel .itemlist_pageone .card_show_begin { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.detail_common .ask_panel .item_ask .author { margin-bottom: 20px; }

.detail_common .ask_panel .item_ask .con { font-weight: 700; }

.detail_common .ask_panel .item_questioin { background: #F5F5F5; border-radius: 6px; padding: 12px 15px; border-bottom: 0; }

.detail_common .ask_panel .item_questioin .author { margin-bottom: 12px; }

.detail_common .ask_panel .items_extra { padding: 0 15px 20px; border: 1px solid #dcdcdc; border-radius: 4px; }

.detail_common .ask_panel .items_extra .item { padding: 20px 0; margin: 0; }

.detail_common .ask_panel .items_extra .item .author { margin-bottom: 12px; }

.detail_common .ask_panel .items_extra .footer { margin-top: 20px; }

.detail_common .ask_panel .items_extra .show_more { cursor: pointer; font-size: 14px; color: #999; }

.detail_common .ask_panel .items_extra .show_more span { width: 14px; height: 8px; background: url(../img/more.png) no-repeat; display: inline-block; margin-left: 10px; }

.detail_common .ask_panel .items_extra .reply { cursor: pointer; font-size: 14px; color: #B93034; margin-right: 30px; margin-bottom: 10px; }

.detail_common .ask_panel .items_extra .reply span { display: inline-block; vertical-align: middle; margin-right: 4px; margin-bottom: 4px; }

.detail_common .ask_panel .con { font-size: 14px; color: #222; }

.detail_common .ask_panel .author { font-size: 14px; color: #999; }

.detail_common .ask_panel .author .thum { width: 32px; height: 32px; border-radius: 50%; }

.detail_common .ask_panel .author .name { color: #3F3F3F; margin: 0 10px; }

.detail_common .ask_panel .author .icon_zan16, .detail_common .ask_panel .author .icon_talk { width: 14px; height: 14px; margin-right: 4px; }

.detail_common .ask_panel .author .icon_talk { height: 12px; }

.detail_common .ask_panel .author .zan_btn { cursor: pointer; display: inline; }

.detail_common .ask_panel .author .line { width: 1px; display: inline-block; height: 12px; background: #d8d8d8; margin: 0 5px; }

.detail_ask_header { width: 860px; height: auto; background: #FFF; padding: 40px; font-size: 14px; color: #999; margin-bottom: 7px; }

.detail_ask_header .author { margin-bottom: 20px; }

.detail_ask_header .name { color: #222; margin-right: 10px; }

.detail_ask_header .title { font-size: 22px; color: #222; line-height: 33px; font-weight: 700; }

.detail_ask_nav { width: 860px; height: 94px; background: #FFF; border-bottom: 1px solid #E8E8E8; position: relative; }

.detail_ask_nav > div { position: absolute; color: #999; border: 1px solid #999; padding: 4px 27px; font-size: 16px; cursor: pointer; }

.detail_ask_nav .hot { border-radius: 0px 4px 4px 0px; top: 40px; left: 127px; }

.detail_ask_nav .last { border-radius: 4px 0px 0px 4px; top: 40px; left: 40px; }

.detail_ask_nav .hot.on, .detail_ask_nav .last.on { border: 1px solid #B93034; color: #B93034; z-index: 10; }

.comment_panel { background: #fff; padding-top: 20px; min-height: 500px;}

.comment_panel .item_comment { padding: 20px 40px; border-bottom: 1px solid #DCDCDC; }

.comment_panel .item_comment:last-child { border-bottom: 0; }

.comment_panel .item_comment .title { font-size: 14px; color: #666; margin-bottom: 20px; position: relative; font-weight: 700; }

.comment_panel .item_comment .title:after { content: ""; width: 4px; height: 4px; position: absolute; background: #D8D8D8; top: 8px; left: -11px; border-radius: 50%; }

.comment_panel .item_comment .author { margin-bottom: 14px; }

.comment_panel .item_comment .author .thum { float: left; width: 32px; height: 32px; border-radius: 50%; margin-right: 10px; margin-top: 2px; }

.comment_panel .item_comment .author .name { font-size: 14px; color: #222; }

.comment_panel .item_comment .author .date { font-size: 12px; color: #999; }

.comment_panel .item_comment .author .reply {cursor:pointer; float: right; font-size: 14px; color: #999; }

.comment_panel .item_comment .con { font-size: 14px; color: #222; line-height: 21px; font-weight: 700; }