button {margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;font-family:sans-serif;}
button:hover {opacity:.9;}
button:disabled {cursor:not-allowed;pointer-events:unset;}
.ft_12 .share_qq {background:url(../images/common/new_icon.png) no-repeat;background-size:150px;width:25px;height:25px;background-position:-27px 0;}
.ft_12 .share_wx {background:url(../images/common/new_icon.png) no-repeat;background-size:150px;width:25px;height:25px;background-position:0 0;}
.ft_12 .share_wb {background:url(../images/common/new_icon.png) no-repeat;background-size:150px;width:25px;height:25px;background-position:-55px 0;}
.nicon.share_qq {background-size:200px;width:32px;height:32px;background-position:-37px 0;}
.nicon.share_wx {background-size:200px;width:32px;height:32px;background-position:0 0;}
.nicon.share_wb {background-size:200px;width:32px;height:32px;background-position:-74px 0;}
.mg_t_12 {margin-top:12px;}
.mg_r_16 {margin-right:16px;}
.mg_l_4 {margin-left:4px;}
.mg_l_8 {margin-left:8px;}
.mg_l_24 {margin-left:24px;}
.mg_b_16 {margin-bottom:16px;}
.mg_b_12 {margin-bottom:12px;}
.pd_t_12 {padding-top:12px;}
.pd_t_16 {padding-top:16px;}
.br_cl {width:48px;height:48px;border-radius:4px;border:1px solid #f1f1f1;box-sizing:border-box;}
.bbc_avatar .br_cl {width:32px;height:32px;border-radius:3px;}
.pd_r_2 {padding-right:2px;}
.pd_15 {padding:15px;}
.pd_0_32_12 {padding:0 32px 12px 32px;}
.pd_0_32_32_12 {padding:0 32px 32px 32px;}
.pd_12_16 {padding:12px 16px 34px 16px;}
.pd_20_12_20 {padding:20px 20px 12px 20px;}
.pd_b_8 {padding-bottom:8px;}
.lh_24 {line-height:24px;}
.lh_28 {line-height:28px;}
.h_line_48{ height: 48px; line-height: 48px;}
.color_black {color:#000;}
.color_989 {color:#989ea9;}
.color_969 {color:#999696;}
.color_cac {color:#cccaca;}
.color_a34 {color:#aaa3a4;}
.color_568 {color:#5b6880;}
.color_07c {color:#0076cb;}
.color_5a3 {color:#51aa37;}
.color_010 {color:#010101;}
.bd_b_e0d {border-bottom:1px solid #e0dede;}
.bd_b_ece{border-bottom: 1px solid #eeecec;}
.bg_fa9 {background:#faf9f9;}
.ft_12 {font-size:12px;}
.ft_14 {font-size:14px;}
.ft_16 {font-size:16px;}
.ft_18 {font-size:18px;}
.mw_18 {min-width:20px;}
.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:box;display:flex;}
.lr_center {-webkit-justify-content:space-between;-webkit-align-items:center;justify-content:space-between;align-items:center;}
.l_center {-webkit-justify-content:flex-start;-webkit-align-items:center;justify-content:flex-start;align-items:center;}
.jc_c {-webkit-justify-content:center;justify-content:center;}
.jc_sb {-webkit-justify-content:space-between;justify-content:space-between;}
.flex_c {-webkit-align-items:center;align-items:center;}
.flex_wrap {-webkit-flex-flow:wrap;flex-flow:wrap;}
.flex_1 {-webkit-flex:1;flex:1;}
.tan,.tan:after {position:absolute;top:-13px;left:27px;width:0;height:0;border:6px solid transparent;border-bottom-color:#ebebeb;}
.tan:after {content:"";top:-4px;left:-6px;border-bottom-color:#fff;}
.dtan {transform:rotate(180deg);top:auto;bottom:-13px;left:80px;}
.uptan {bottom:auto;left:80px;}
.lefttan {transform:rotate(270deg);top:73px;bottom:auto;left:-12px;}
.dbtan {display:inline-block;width:0px;height:0px;border:8px solid #fff;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;}
/*reset old css*/
.p_999 a.color_red {color:#ff3366;}
.p_999 a.color_568 {color:#5b6880;}
.p_999 a.color_a34 {color:#aaa3a4;}
.p_999 a:hover {color:#ff3366;}
.p_999 a:hover .nicon_comment {background-position: -67px -121px;}
.p_999 a:hover .nicon_collect {background-position: -87px -120.5px;}
.new_avatar {width:40px;height:40px;border-radius:4px;border:1px solid #f1f1f1;box-sizing:border-box;}
.sns_box .weixin_qrs_box {right:26px;bottom:33px;}
.my_rate_tip {position:absolute;bottom:-26px;left:24px;min-width:60px;height:24px;line-height:24px; padding: 0 5px; background:#ff3366;color:#fff;font-size:12px;text-align:center;user-select:none;}
.emoji_con {position:relative}
.emoji_con .emoji_box {cursor:pointer;}
.emoji_con .emoji_selector {padding:10px;position:absolute;top:25px;left:-26px;z-index:11;width:280px;height:150px;border:1px solid #e0dede;border-radius:3px;background-color:#fff;box-shadow:0 5px 18px 0 rgba(0,0,0,.16);}
.emoji_con .emoji_selector ul.next_page {position:absolute;display:flex;justify-content:center;align-items:center;bottom:2px;left:50%;transform:translate(-50%,-50%)}
.emoji_con .emoji_selector ul.next_page li {margin:0 5px;width:10px;height:10px;border-radius:50%;background-color:#d8d8d8;cursor:pointer;}
.emoji_con .emoji_selector ul.next_page li.active {cursor:default;background-color:#999696;}
.emoji_picker .emojis .category {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}
.emoji_picker .emojis .category .e_item {font-size:14px;padding:3px;cursor:pointer}
.emoji_picker .emojis .category .e_item img {width:22px;height:22px;display:block}
.emoji_picker .emojis .category .e_item img:hover {transform:scale(1.2)}
.bg_fa9 .emoji {vertical-align:middle;}
.word_num {position:absolute;bottom:8px;right:12px;}
.pub_btn {height:32px;line-height:32px;width:80px;background:#f36;color:#fff;border-radius:3px;font-size:14px;font-weight:bold;text-align:center;}
.logged .pub_btn {height:48px;line-height:48px;width:120px;color:#fff;font-size:16px;}
.edit_btn {background:#f36;color:#fff;border-radius:3px;padding:5px 15px;}
.pub_btn:disabled {background:rgba(255,51,102,.5);}
.nc_pub_tool {font-size:14px;}
.nc_pub_tool .icon {font-size:15px;}
.nc_pub_tool .icon.ft_20 {font-size:20px;}
.nc_container{ border: 1px solid #eeecec; box-sizing: border-box; padding: 0 32px 20px; margin-top: 24px; }
.new_comment_con {box-sizing:border-box;}
.h_line_64{ height: 64px; line-height: 64px;}
.comment_input_box {position:relative;border:1px solid #cccaca;box-sizing:border-box;border-radius:2px;background:#fff;}
.comment_input_box.focus {border-color:#4b8fff;}
.comment_input {position:relative;width:100%;padding:6px 12px;font-size:14px;min-height:38px;line-height:24px;background:#fff;color:#000;box-sizing:border-box;border:0 none;outline:none;}
.comment_input:focus {border-color:#4b8fff;}
.comment_input:before {display:none;content:attr(placeholder);position:absolute;top:1px;line-height:36px;pointer-events:none;user-select:none;color:#5b6880;}
.comment_input.empty:before {display:inline-block !important;}
.comment_input:not(.empty):before {display:none}
.comment_input input {outline:none;border:none;margin:0 1px;padding:0;cursor:default;max-width:22px;vertical-align:middle;}
.comment_input.undo{-webkit-user-modify:read-only;-moz-user-modify:read-only;-ms-user-modify:read-only;-o-user-modify:read-only; user-modify:read-only;}
.mh_140 .comment_input {min-height:138px;}
.comment_pic_preview {padding:10px;width:80px;height:80px;position:relative;}
.comment_pic_preview .pic_item {width:80px;height:80px;border:1px solid #eeecec;box-sizing:border-box;}
.comment_pic_preview .pic_handle {position:absolute;line-height:0;top:5px;right:5px;overflow:hidden;z-index:1;border-top-left-radius:3px;border-top-right-radius:3px;}
.comment_pic_preview .pic_handle span {display:inline-block;width:17px;height:17px;cursor:pointer;}
.comment_pic_preview .pic_handle span.delete_item {width:17px;height:17px;text-align:center;border-radius:50%;}
.comment_pic_preview .pic_handle span.delete_item .icon {font-size:12px;}
.comment_item {padding:20px 0;border-bottom:1px solid #eeecec;}
/* .comment_item:first-child {padding-top: 0;} */
.comment_item:last-child {border-bottom:none;}
.comment_item .emoji {vertical-align:text-bottom;margin:0 1px;cursor: default;}
.comment_item a.icon-link:hover {text-decoration:underline;}
.comment_item .comment_item {border-color:#eeecec;}
.comment_item .comment_item:first-child {border-top:1px solid #eeecec; padding-top: 20px;}
.comment_item .comment_item:last-child {padding-bottom:0;}
.comment_item .nick {font-size:14px;font-weight:bold;}
.comcon_link{display: inline-block; margin: 0 8px;}
.comcon_link .mg_r_8{margin-right: 4px;}
.limit_hbox {position:relative;}
.bkh {max-height:145px;overflow:hidden;}
.show_all_box {padding-top:4px;}
.show_all_btn {display:inline-block;font-size:14px;color:#0076cb;}
.show_all_btn:hover {color:#f36;}
.input_limit_num {display:inline-block;margin-right:12px;font-size:14px;}
.pub_tool li.flex {position:relative;}
.upload_comment_file {position:absolute;filter:alpha(opacity=0);opacity:0;width:0;height:0;clip:rect(1px 1px 1px 1px);/* IE6,IE7 */clip:rect(1px,1px,1px,1px);}
.ci_pic_box {padding-top:5px;}
.ci_pic_box .ci_pic_con {position:relative;width:96px;height:auto;height:96px;max-width:240px;max-height:240px;vertical-align:top;overflow:hidden;line-height:0;text-align:left;cursor:zoom-in;}
.ci_pic_box .ci_pic_con img {width:inherit;max-width:100%;height:inherit;-o-object-fit:cover;object-fit:cover;border-radius:3px;}
.ci_pic_box .pl_auto_pic {width:auto !important;height:auto !important;}
.ci_pic_box .pl_auto_pic img {width:auto !important;height:auto !important;}
.ci_pic_box .pl_w_auto_pic {width:auto !important;height:96px !important;}
.ci_pic_box .pl_h_auto_pic {width:96px !important;height:auto !important;}
.ci_pic_box .pl_w_pic {width:240px !important;height:96px !important;}
.ci_pic_box .pl_h_pic {width:96px !important;height:240px !important;}
.ci_pic_box .ci_pic_con::after {display:none;content:"";position:absolute;bottom:0;right:0;height:20px;line-height:20px;padding:0 4px;color:#fff;border-bottom-right-radius:3px;font-size:12px;background:#0076cb;}
.ci_pic_box .pl_h_pic::after {display:block;content:"长图";}
.ci_pic_box .pl_w_pic::after {display:block;content:"宽图";}
.new_comment .new_avatar {width:48px;height:48px;}
.new_pic_list {flex-wrap:wrap;}
.new_pic_list li {margin:0 10px 10px 0;}
.new_pic_list li.only_one_pic {margin:0;}
.new_pic {width:100px;height:100px;cursor:zoom-in;}
.new_s_pic {width:58px;height:58px;}
/* .nc_container .get_more_box{padding-bottom: 20px;} */
.nmore_link {display:inline-block;width:100%;height:48px;line-height:48px;background:#faf9f9;color:#5b6880;font-size:14px; }
.nmore_link:hover {background:#f5f3f3;color:#f36;}
.gallery_warp {position:fixed;top:0;left:0;display:none;width:100vw;height:100vh;width:100%;height:100%;z-index:1001}
.gallery_overlay {position:absolute;top:0;width:100vw;height:100vh;width:100%;height:100%;background-color:rgba(0,0,0,.7);}
.gallery_inner {user-select:none}
.gallery_inner .controls {position:absolute;}
.gallery_inner .controls.prev_pic_btn,.gallery_inner .controls.next_pic_btn {width:30vw;height:100vh;z-index:1003}
.gallery_inner .controls.gallery_close_btn {top:20px;right:30px;width:60px;height:60px;border-radius:50%;background-color:hsla(0,0%,50%,.2);transition:.2s;display:flex;justify-content:center;align-items:center;z-index:1004;cursor:pointer;}
.gallery_inner .controls.gallery_close_btn:hover {transform:rotate(-90deg);background-color:hsla(0,0%,58.8%,.5)}
.gallery_inner.control_hidden .controls {display:none}
.gallery_con {position:absolute;top:0;width:100%;height:100%;}
.gallery_con .slide {position:absolute;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}
.gallery_con .slide li {display:none;}
.gallery_con .slide li img {position:relative;max-width:100vw;max-height:100vh;}
.gallery_con .slide li.act {display:block;}
.cspan_tag{display: inline-block; height: 20px; line-height: 20px; font-size: 12px; padding: 0 4px; border-radius: 2px; white-space: nowrap;}
.author_tag{ color: #666363; background: #eeecec; margin-right: 5px; }
.author_zan_tag{ color: #fff; background: #ff6688; top: -2px;position: relative;}
.open_pl_btn,.zan_pl_btn{ -webkit-user-select: none;user-select: none;}