@charset "utf-8";
/**************start reset*****************/
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;}
button {margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;}
button:disabled {cursor:not-allowed;color:#999696}
blockquote {background:url("../../images/common/blockquote.gif") no-repeat scroll left top #f6f6f6;color:#000;padding:8px 10px 8px 30px;}
.clear {clear:both;}
.clearfix:after {visibility:hidden;display:block;content:" ";clear:both;height:0;}
.clearfix {*zoom:1;}
.z_in_100 {z-index:100;}
.z_in_1000 {z-index:1000;}
.word_nowrap {white-space:nowrap;}
.cursor_pointer {cursor:pointer;}
.alpha_80 {filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.right_0 {right:0px;}
.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}
/**************end reset*****************//* CSS Document */
body.bg_ece,.bg_ece{ background: #eeecec; }
body.bg_f53{background: #f5f3f3;}
.f_l {float:left;}
.f_r {float:right;}
.a_l {text-align:left;}
.a_c {text-align:center;}
.a_r {text-align:right;}
.a_j {text-align:justify;}
.v_t {vertical-align:top;}
.v_m {vertical-align:middle;}
.v_b {vertical-align:bottom;}
.hide {display:none;}
.show {display:block;}
.inline_bk,.il_bk {display:inline-block;}
.tab_box {display:table;}
.tab_cell {display:table-cell;}
.ov_h,.o_f_h,.over_f_h,.no_scroll{overflow: hidden;}
.tover_f_h {height:18px;text-overflow:ellipsis;white-space:nowrap;}
.over_f_y_auto {overflow-y:auto;}
.pos_rel {position:relative;}
.pos_ab {position:absolute;}
.pos_fix {position:fixed;}
.cur_pt {cursor:pointer;}
.cur_dt {cursor:default;}
.text_under {text-decoration:underline;}
.text_lt {text-decoration:line-through;}
.tr_270 {transform:rotate(270deg);}
.tr_180 {transform:rotate(180deg);}
.tr_90 {transform:rotate(90deg);}
@font-face{font-family:"headfont";src:url('../../css/headicons/iconfont.woff2?t=1714445173811') format('woff2'),url('../../css/headicons/iconfont.woff?t=1714445173811') format('woff'),url('../../css/headicons/iconfont.ttf?t=1714445173811') format('truetype');}
.headfont{font-family:"headfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.hicon_arrow:before{content:"\e619";}.hicon_project:before{content:"\e6cc";}.hicon_company:before{content:"\e6cb";}.hicon_money:before{content:"\e6c2";}.hicon_home_fill:before{content:"\e6ac";}.hicon_explor:before{content:"\e6eb";}.hicon_pen:before{content:"\e6c9";}.hicon_message:before{content:"\e6ca";}.hicon_interactive:before{content:"\e698";}.hicon_chati:before{content:"\e6fc";}.hicon_collectx:before{content:"\e6b7";}.hicon_clock:before{content:"\e688";}.hicon_content:before{content:"\e68c";}.hicon_data_pie:before{content:"\e690";}.hicon_home:before{content:"\e691";}.hicon_edit:before{content:"\e694";}.hicon_collect_fill:before{content:"\e699";}.hicon_people:before{content:"\e6e8";}.hicon_auth_writer:before{content:"\e702";}

/**************end float display align overflow*****************/
.w_100p {width:100%;}
.w_1020 {width:1020px;}
.w_1000 {width:1000px;}
.w_800 {width:800px;}
.w_690 {width:690px;}
.w_640 {width:640px;}
.w_440 {width:440px;}
.w_420 {width:420px;}
.w_400 {width:400px;}
.w_398 {width:398px;}
.w_360 {width:360px;}
.w_340 {width:340px;}
.w_320 {width:320px;}
.w_312 {width:312px;}
.w_302 {width:302px;}
.w_300 {width:300px;}
.w_290 {width:290px;}
.w_288 {width:288px;}
.w_280 {width:280px;}
.w_260 {width:260px;}
.w_256 {width:256px;}
.w_250 {width:250px;}
.w_240 {width:240px;}
.w_220 {width:220px;}
.w_200 {width:200px;}
.w_192 {width:192px;}
.w_180 {width:180px;}
.w_170 {width:170px;}
.w_164 {width:164px;}
.w_160 {width:160px;}
.w_156 {width:156px;}
.w_144 {width:144px;}
.w_140 {width:140px;}
.w_132 {width:132px;}
.w_120 {width:120px;}
.w_108 {width:108px;}
.w_100 {width:100px;}
.w_96 {width:96px;}
.w_94 {width:94px;}
.w_88 {width:88px;}
.w_84 {width:84px;}
.w_82 {width:82px;}
.w_80 {width:80px;}
.w_75 {width:75px;}
.w_72 {width:72px;}
.w_67 {width:67px;}
.w_64 {width:64px;}
.w_62 {width:62px;}
.w_60 {width:60px;}
.w_56 {width:56px;}
.w_55 {width:55px;}
.w_54 {width:54px;}
.w_52 {width:52px;}
.w_50 {width:50px;}
.w_48 {width:48px;}
.w_44 {width:44px;}
.w_40 {width:40px;}
.w_32 {width:32px;}
.w_30 {width:30px;}
.w_24 {width:24px;}
.w_20 {width:20px;}

/**************end width*****************/
.h_32{height: 32px;}
.h_40{height: 40px;}
.h_48{height: 48px;}
.h_240{height: 240px;}
.h_100p{height: 100%;}


.mx_112{ max-width: 112px;}
.mx_140{ max-width: 160px;}
.mx_160{ max-width: 160px;}
.mx_180{ max-width: 180px;}
.mxh_100{ max-height: 100px;}
/**************end height*****************/
.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_96{width: 96px; height: 96px;}
.wh_96_60{ width: 96px; height: 60px; min-width: 96px;}
.wh_120_75{ width: 120px; height: 75px; min-width: 120px;}
.wh_160_100{ width: 160px; height: 100px;  min-width: 160px;}
.wh_228_142{ width: 228px; height: 142px; min-width: 228px;}
/**************end wh*****************/

.h_line_22 {height:22px;line-height:22px;}
.h_line_24 {height:24px;line-height:24px;}
.h_line_32 {height:32px;line-height:32px;}
.h_line_40 {height:40px;line-height:38px;}
.h_line_48 {height:48px;line-height:48px;}
.h_line_60 {height:60px;line-height:60px;}
.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_28 {line-height:28px;}
.lh_32 {line-height:32px;}
.lh_40 {line-height:40px;}
.lh_44 {line-height:44px;}
.lh_48 {line-height:48px;}
.lh_64 {line-height:64px;}
/**************end height*****************/
.mg_r_4 {margin-right:4px;}
.mg_r_5 {margin-right:5px;}
.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_15 {margin-right:15px;}
.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_28 {margin-right:28px;}
.mg_r_32 {margin-right:32px;}
.mg_r_36 {margin-right:36px;}
.mg_r_40 {margin-right:40px;}
.mg_r_44 {margin-right:44px;}
.mg_r_64 {margin-right:64px;}
.mg_b_1 {margin-bottom:1px;}
.mg_b_4 {margin-bottom:4px;}
.mg_b_5 {margin-bottom:5px;}
.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_b_48 {margin-bottom:48px;}
.mg_l_4 {margin-left:4px;}
.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_15 {margin-left:15px;}
.mg_l_16 {margin-left:16px;}
.mg_l_20 {margin-left:20px;}
.mg_l_24 {margin-left:24px;}
/**************end margin*****************/
.pd_0_3{padding: 0px 3px;}
.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_20{padding: 0px 20px;}
.pd_0_24{padding: 0px 24px;}
.pd_0_32{padding: 0px 32px;}
.pd_0_36{padding: 0px 36px;}
.pd_0_40{padding: 0px 40px;}
.pd_0_48{padding: 0px 48px;}
.pd_0_12_12 {padding: 0 12px 0 12px; }
.pd_0_52_12 {padding: 0 52px 0 12px; }
.pd_8_4 {padding: 8px 4px;}
.pd_4_0 {padding: 4px 0; }
.pd_8_0 {padding: 8px 0; }
.pd_8_12{padding: 8px 12px;}
.pd_12_0 {padding: 12px 0; }
.pd_10 {padding: 10px; }
.pd_12 {padding: 12px; }
.pd_20 {padding: 20px;}
.pd_24 {padding: 24px; }
.pd_32 {padding: 32px; }
.pd_48_0{padding: 48px 0px;}
.pd_8_16{ padding: 8px 16px; }
.pd_12_20 {padding: 12px 20px; }
.pd_12_40{padding: 12px 40px;}
.pd_16_8 {padding: 16px 8px; }
.pd_16_20{ padding: 16px 20px; }
.pd_20_0{padding: 20px 0;}
.pd_20_12{padding: 20px 12px;}
.pd_20_24{padding: 20px 24px;}
.pd_20_40{padding: 20px 40px;}
.pd_24_16{ padding: 24px 24px 16px;}
.pd_20_32{ padding: 20px 32px;}
.pd_24_40{padding: 24px 40px;}
.pd_24_48{ padding: 24px 48px;}
.pd_40_48{ padding: 40px 48px;}
.pd_24_64{ padding: 24px 64px;}
.pd_24_32{ padding: 24px 32px;}
.pd_64_0{padding: 64px 0;}
.pd_0_12_40{padding: 0 12px 40px;}
.pd_0_20_40{padding: 0 40px 20px;}
.pd_0_12_20{ padding: 0 12px 20px; }
.pd_0_20_20{ padding: 0 20px 20px; }
.pd_8_12_20{padding: 8px 12px 20px;}
.pd_16_20_20{padding: 16px 20px 20px;}
.pd_0_40_40_12{padding: 0 40px 40px 12px;}
.pd_t_2{padding-top: 2px;}
.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_24 {padding-top:24px;}
.pd_t_30 {padding-top:30px;}
.pd_t_32 {padding-top:32px;}
.pd_t_35 {padding-top:35px;}
.pd_t_40 {padding-top:40px;}
.pd_l_4{ padding-left: 4px;}
.pd_l_8{ padding-left: 8px;}
.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_36{ padding-left: 36px;}
.pd_l_40{ padding-left: 40px;}
.pd_l_44{ padding-left: 44px;}
.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_16{ padding-bottom: 16px;}
.pd_b_20{ padding-bottom: 20px;}
.pd_b_24{ padding-bottom: 24px;}
.pd_b_28{ padding-bottom: 28px;}
.pd_b_30{ padding-bottom: 30px;}
.pd_b_32{ padding-bottom: 32px;}
.pd_b_36{ padding-bottom: 36px;}
.pd_b_40{ padding-bottom: 40px;}
.pd_b_44{ padding-bottom: 44px;}
.pd_b_48{ padding-bottom: 48px;}
.pd_b_60{ padding-bottom: 60px;}
.pd_b_64{ padding-bottom: 64px;}
.pd_r_4 { padding-right: 4px;}
.pd_r_10{ padding-right: 10px;}
.pd_r_16{ padding-right: 16px;}
.pd_r_20{ padding-right: 20px;}
.pd_r_24{ padding-right: 24px;}
.pd_r_32{ padding-right: 32px;}
.pd_r_40{ padding-right: 40px;}
.pd_r_60{ padding-right: 60px;}
.pd_r_72{ padding-right: 72px;}
/*************end padding*****************/
.color_black {color:#000;}
.color_333   {color:#333;}
.color_313   {color:#333131;}
.color_424   {color:#444242;}
.color_link  {color:#569;}
.color_636   {color:#666363;}
.color_777   {color:#777;}
.color_888   {color:#888;}
.color_999   {color:#999;}
.color_969   {color:#999696;}
.color_bbb   {color:#bbb;}
.color_b5    {color:#b5b5b5;}
.color_cac   {color:#cccaca;}
.color_ccc6c6{color:#ccc6c6;}
.color_dad   {color:#dadada;}
.color_dcc   {color:#d1caca;}
.color_e0d   {color:#e0dede;}
.color_fff   {color:#fff;}
.color_15c   {color:#15c;}
.color_37e   {color:#3578e5;}
.color_blue  {color:#0076cb;}
.color_569   {color:#556699;}
.color_green {color:#2ca01c;}
.color_f1f   {color:#f111f7;}
.color_purple{color:#7a3dd8;}
.color_red   {color:#ff3366;}
.color_e04   {color:#e0014c;}
.color_e22   {color:#ee2222;}
.color_f33   {color:#f33;}
.color_f68   {color:#f68;}
.color_f79   {color:#ff7f99;}
.color_pink  {color:#ffb2c5;}
.color_f60   {color:#ff6a00;}
.color_f80   {color:#ff8000;}
.color_yellow{color:#ffad00;}
.color_brown {color:#dbbc3d;}
.color_fc0   {color:#ffcc00;}
.color_fb0   {color:#ffbb00;}
.color_ca6   {color:#ccaa66;}
.color_585   {color:#b58655;}
.color_ba6   {color:#b4a76c;}
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_pink:hover{color:#ffb2c5;}
a.color_blue:hover{color:#ff3366;}
/* a.color_link:hover {color:#ff3366;} */
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_30 {font-size:30px;}
.font_32 {font-size:32px;}
.font_40 {font-size:40px;}
.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_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 solid #e0dede;}
.bd_ece {border:1px solid #eeecec;}
.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_e0d {border-top:1px #e0dede solid;}
.br_3{border-radius: 3px;}
.br_5{border-radius: 5px;}
.br_12{border-radius: 12px;}

.pd_20.bd_e0d{padding: 19px;}
/**************end border*****************/
.bg_000      {background-color:#000;}
.bg_333      {background-color:#333;}
.bg_332f30   {background-color:#332f30;}
.bg_666      {background-color:#666;}
.bg_636      {background-color:#666363;}
.bg_999      {background-color:#999;}
.bg_ccc      {background-color:#ccc;}
.bg_ccc6c6   {background-color:#ccc6c6;}
.bg_ddd      {background-color:#ddd;}
.bg_eee      {background-color:#eee;}
.bg_e0       {background-color:#e0e0e0;}
.bg_e0d      {background-color:#e0dede;}
.bg_f6       {background-color:#f6f6f6;}
.bg_f53      {background-color:#f5f3f3;}
.bg_fa9      {background-color:#faf9f9;}
.bg_f1       {background-color:#f1f1f1;}
.bg_fa       {background-color:#fafafa;}
.bg_ef       {background-color:#efefef;}
.bg_df9      {background-color:#dcf9fd;}
.bg_fdc      {background-color:#fffcd9;}
.bg_fff      {background-color:#fff;}
.bg_dark_blue{background-color:#15116f;}
.bg_09e      {background-color:#0097e6;}
.bg_07c      {background-color:#0076cb;}
.bg_48f      {background-color:#4b8fff;}
.bg_qq       {background-color:#518bda;}
.bg_blue     {background-color:#e7f6ff;}
.bg_red      {background-color:#ff3366;}
.bg_wb       {background-color:#f55540;}
.bg_f79      {background-color:#ff7f99;}
.bg_fef      {background-color:#ffedeb;}
.bg_pink     {background-color:#ffeff1;}
.bg_wx       {background-color:#39b44a;}
.bg_green    {background-color:#e0ffe0;}
.bg_yellow   {background-color:#ffffe8;}
/**************end bgcolor*****************/
.icon {display:inline-block;background:url(../../images/common/icons.png) no-repeat;vertical-align:middle;overflow:hidden;}
.home_icon {width:12px;height:11px;background-position:-486px -482px;}
.home_white_icon {width:14px;height:13px;background-position:-150px -786px;}
.grey_pen {width:11px;height:11px;background-position:-64px 0px;}
.red_pen {width:11px;height:11px;background-position:-486px -470px;}
.ab_r_icon {width:7px;height:12px;background-position:-471px -223px;}
.a_d_icon {width:6px;height:3px;background-position:-471px -218px;}
.top_blk_pen {width:11px;height:11px;background-position:-12px -696px;}
.top_blk_fav {width:11px;height:9px;background-position:-25px -696px;}

.success_icon {width:25px;height:26px;background-position:-229px -70px;}
.warn_icon {width:25px;height:26px;background-position:-256px -70px;}
.uncurrent_b_icon {width:25px;height:26px;background-position:-283px -70px;}
.warn_r_icon {width:25px;height:26px;background-position:-406px -190px;}

.qrcba_tan {width:13px;height:7px;background-position:-480px -231px;}
.qrcba_tanb {width:12px;height:7px;background-position:-480px -262px;}
.msg_g_icon {width:12px;height:8px;background-position:-484px -192px;}
.sns_bk_sina {width:16px;height:16px;background-position:-206px -218px;}
.sns_bk_qq {width:16px;height:16px;background-position:-223px -218px;}
.bsns_blk_weixin {width:28px;height:23px;background-position:-307px -239px;}
.bsns_blk_sina {width:27px;height:24px;background-position:-337px -239px;}
.bsns_blk_rss {width:22px;height:22px;background-position:-366px -239px;}
.bsns_blk_anzhuo {width:20px;height:23px;background-position:-149px -647px;}
.bsns_blk_apple {width:19px;height:24px;background-position:0px -647px;}
.bsns_blk_youku {width:25px;height:24px;background-position:-21px -648px;}
.bsns_blk_tudou {width:24px;height:24px;background-position:-48px -648px;}
.bsns_blk_phone {width:13px;height:23px;background-position:0px -672px;}
.bsns_blk_appstore {width:80px;height:23px;background-position:-15px -672px;}
.bsns_blk_android {width:80px;height:23px;background-position:-96px -672px;}
.bsns_red_weixin {width:28px;height:23px;background-position:-390px -239px;}
.bsns_red_sina {width:27px;height:24px;background-position:-420px -239px;}
.bsns_red_rss {width:22px;height:22px;background-position:-449px -239px;}
.bsns_red_apple {width:19px;height:24px;background-position:-74px -647px;}
.bsns_red_youku {width:25px;height:24px;background-position:-97px -648px;}
.bsns_red_tudou {width:24px;height:24px;background-position:-124px -648px;}
.search_icon {width:18px;height:18px;background-position:-85px -51px;}
.arrow_hs_icon {width:7px;height:4px;background-position:-317px -9px;}

.nav_more_icon {width:10px;height:6px;background-position:-177px -1px;}
.nav_mb_icon {width:8px;height:4px;background-position:-199px -10px;}
.nav_rd_icon {width:8px;height:4px;background-position:-168px -11px;}
.nav_ru_icon {width:8px;height:4px;background-position:-160px -11px;}
.more_icon {width:10px;height:10px;background-position:-52px 0;}
.nall_icon {width:13px;height:11px;background-position:-0px -239px;}
.ntran_icon {width:3px;height:3px;background-position:-148px -243px;}
.discount_red {width:34px;height:14px;line-height:14px;background-position:0px -854px;font-size: 12px;}

/* footer icon */
.icon_icp {width:16px;height:18px;background-position:-304px -819px;}
.icon_beian {width:16px;height:18px;background-position:-323px -819px;}
.icon_knet {width:18px;height:18px;background-position:-261px -819px;}
.icon_anquan {width:20px;height:18px;background-position:-282px -819px;}
/*dawards jury icon*/
.jury_icon {width:34px;height:14px;background-position:-312px -578px;}
.sjury_icon {width:34px;height:14px;background-position:-312px -597px;}
/*user name icon*/
.tlicon_editor {width:16px;height:16px;background-position:-156px -337px; background-size: 250px;}
.tlicon_auth {width:16px;height:16px;background-position:-226px -401px; background-size: 250px;}
.tlicon_inviter {width:16px;height:16px;background-position:-190px -401px; background-size: 250px;}
.tlicon_writer {width:16px;height:16px;background-position:-208px -401px; background-size: 250px;}
.tlicon_famer {width:16px;height:16px;background-position:-172px -401px; background-size: 250px;}
.tlicon_proman {width:16px;height:16px;background-position:-61px -365px; background-size: 250px;}
.tlicon_moment{width:12px;height:12px;background-position:-75px -421px; background-size: 250px;}
.navs .tlicon_moment{position: relative; margin-right: 6px; margin-top: -4px;}

.daoy_blk {width: 18px;height: 18px;background-position: -199px -266px;background-size: 250px;}
.dawards_grey {width:16px;height:16px;background-position:-193px -289px;background-size: 250px;}
.daoy_flag {width:48px;height:20px;background-position:-104px -337px;background-size: 250px;}
.daoy_tag{width: 39px;height: 17px;background-position: -82px -267px;background-size: 198px;}

.svgicon {display: inline-block; width: 1em;height:1em;vertical-align: -0.12em;fill: currentColor;overflow: hidden;}
/**************end icon*****************/
.search_333_btn {display:inline-block; color: #fff; font-size: 14px; padding: 0 12px; height:32px;line-height:32px;background:#333; border-radius: 3px;}
.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;}
.lh28_btn {display:inline-block; color: #569; font-size: 14px; text-align: center; height:28px;line-height:28px;padding: 0 15px;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; border: 1px solid #e0dede; text-align: center; height:40px;line-height:38px;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;}
.cl20_btn{ display: inline-flex; border: 0 none; border-radius: 50%; height: 20px; width: 20px; -webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center; font-size: 12px; color: #569; background: #f5f3f3; cursor: pointer;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.bg_red{ background: #f36; color: #fff;}
.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;}
.cl32_btn.color_636{color: #666363;}
.lh32_bd_btn.bg_fff{ background: #fff;}
.lh32_bd_btn.w_80,.lh32_btn.w_80{padding: 0 4px;}
.lh32_bd_btn.w_48{padding: 0 4px; font-size: 12px; color: #0076cb;}
.lh40_btn.font_16{font-size: 16px;}
.lh40_btn.font_nl{font-weight: normal;}
.lh32_btn.font_12{font-size: 12px;}
a.lh32_btn:hover,a.search_333_btn:hover{color: #fff;}
.lh32_btn.bg_red:hover:not(:disabled),.lh40_bold_btn.bg_red:hover:not(:disabled),.lh40_btn.bg_red:hover:not(:disabled){ background: #e00043; }
.lh32_btn.bg_f53:hover:not(:disabled),.lh40_btn.bg_f53:hover:not(:disabled),.lh48_btn.bg_f53:hover:not(:disabled),.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:not(:disabled),.lh40_bold_btn.bd_cac:hover:not(:disabled){ background: #f5f3f3; color: #569; }
.cl20_btn:hover,.sq32_btn:hover,.cl32_btn:hover{ background: #eeecec; }
a.color_link:hover{ color:#f36;}
a.cl32_btn:hover{ color:#569;}
.lh24_btn.bg_f53:hover,.cl32_btn.bg_pink:hover{ background: #ffedeb; }
.lh28_btn.bg_fff:hover{ background: #faf9f9; }
.lh32_btn.bg_fff:hover{ background: #eeecec;}
.lh40_btn.bg_636:hover{ background: #444242;}
.cl40_btn:hover{background: #e0dede;}
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;}
button.bg_red:disabled{background: #ffc1d1;color: #fff;}
.font_12>.lh32_btn{font-size: 12px;}
.cl32_num{ display: inline-flex; justify-content: center; align-items: center; width: 32px; height: 32px; font-size: 14px; color: #333131; box-sizing: border-box; border-radius: 50%; }
.cl24_num{ display: inline-flex; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 12px; background: #fff; border: 1px solid #cccaca; color: #333131; box-sizing: border-box; border-radius: 50%; }

.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: 11px; font-size: 14px; 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 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;}
.bg_fa9 .bd_select{ background: #faf9f9;}
.bd_select:focus{ border-color: #0076cb; background: #fff;}

.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 ul{ max-height: 320px; overflow-y: scroll; }
.vm_select_box .vm_select_list ul::-webkit-scrollbar{width:6px;height:6px;background:#f5f3f3}
.vm_select_box .vm_select_list ul::-webkit-scrollbar-thumb{background:#cccaca;border-radius:4px}
.vm_select_box .vm_select_list li{padding: 0;}
.vm_select_box .vm_select_list li a{ display: block; width: 100%; padding:0 8px 0 15px; height: 32px; line-height: 32px;white-space: nowrap;cursor: pointer; box-sizing: border-box; }
.vm_select_box .vm_select_list li.selected a{ background: #eeecec; }
.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;padding:0 3px 0 11px;}
.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.disabled .vm_select{ background: #eeecec; cursor: not-allowed; }
.vm_select_box:not(.disabled):hover .vm_select{ border-color: #0076cb; background: #fff; color: #0076cb;}
.vm_select_box.error .vm_select{ border-color: #f36; }



.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;}

/**************end button*****************/
.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; border-radius: 3px;}
.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: 6px;}
.wh64_box{ width: 64px; height: 64px; min-width: 64px; box-sizing: border-box; border-radius: 6px; border: 1px solid #eeecec;}
.wh96_box{ width: 96px; height: 96px; min-width: 96px; box-sizing: border-box; border-radius: 6px; border: 1px solid #eeecec;}
.wh128_box{ width: 128px; height: 128px; min-width: 128px; box-sizing: border-box; border-radius: 6px; border: 1px solid #eeecec;}

.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;}

/**************end flex*****************/
/*d_site*/
.wrapper{ min-width: 1200px; padding-bottom: 64px;}
.pd_left{ padding-left: calc(100vw - 100%);}
.d_site {position:relative;width:100%;min-width:1200px;z-index:1000;*zoom:1;}
.fixd_nav {position:fixed;top:0;*left:0;}
.fixd_bar {position:fixed;top:32px;*left:0;width:100%;z-index:100;*zoom:1;}
.site_auto {width:1000px;margin:0 auto;}
.site_nav {position:relative;z-index:200;height:32px;background:#f6f6f6; padding-left: calc(100vw - 100%);}
.site_app {position:relative;height:90px;background:#ff3366;}
.top_banner {position:relative;height:80px;}
.bom_banner {position:relative;}
.home_app {position:fixed;bottom:0;*left:0;background:#ff3366;z-index:100;width:100%;}
.site_nav_con {height:32px;}
.site_nav_con ul li {display:inline;float:left;position:relative;}
.site_nav_con .sncl_item a {color:#666363;}
.site_nav_con .sncl_drop a {color:#333131;}
.site_nav_con a .headfont{color: #999696;}
.site_nav_con a.color_black{color: #000;}
.site_nav_con a:hover,.site_nav_con a:hover .headfont,.site_nav_con a.color_red,.site_nav_con a.color_red .headfont{color:#ff3366;}
.site_nav_con ul li a.color_blue,.site_nav_con ul li a.color_blue:hover {color:#2c66ee;}
.site_nav_li {position:relative;height:32px;line-height:32px;z-index:200;}
.site_nav_li a.cur_txt {cursor:text;}
.site_nav_con ul li a.cur_txt:hover {color:#666;}
.site_nav_li .a_d_icon {margin-left:10px;margin-top:14px;}
.site_nav_list {display:none;padding:10px;position:absolute;top:31px;left:0;background:#fff;border:1px solid #e0dede;box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); box-sizing: content-box; border-radius: 3px;z-index:198;}
.site_nav_list p {height:16px;line-height:16px;}
.site_nav_list a {display:inline-block;}
.site_nav_list p a {width:100%;}
.auth_span {display:inline-block;padding:0 6px;border-radius:3px;background:#f5f3f3;color:#666363;}
a>.auth_span:hover{background: #eeecec;}
.ua_info .site_nav_list {padding:10px 0 0 0;}
/* .site_nav_con ul li.on .site_nav_li {background:#fff;border-color:#e0e0e0;}
.site_nav_con ul li.on img.mg_t_1 {visibility:hidden;} */
.site_nav_con ul li.on .site_nav_list {display:block;}
.rss_box a.bsns_blk_weixin:hover {background-position:-390px -239px;}
.rss_box a.bsns_blk_sina:hover {background-position:-420px -239px;}
.rss_box a.bsns_blk_rss:hover {background-position:-449px -239px;}
.rss_box a.bsns_blk_apple:hover {background-position:-74px -647px;}
.rss_box a.bsns_blk_anzhuo:hover {background-position:-170px -647px;}
.rss_box a.bsns_blk_youku:hover {background-position:-97px -648px;}
.rss_box a.bsns_blk_tudou:hover {background-position:-124px -648px;}
.rss_box a.ab_r_icon:hover {background-position:-493px -218px;}
.rss_box .show_wxqrc {display:inline-block;}
.site_menu {display:none;height:40px;background:#333333;}
.site_menu ul li {display:inline;float:left;height:40px;line-height:40px;font-size:0.875em;}
.site_menu ul li a {display:inline-block;height:40px;line-height:40px;color:#fff;}
.site_menu ul li a:hover {color:#ff3366}
.site_menu ul.home_sm li {padding:0 65px;}
.site_menu ul.art_sm li {padding-left:36px;}
.site_menu ul.fea_sm li {padding-left:65px;}
.site_menu ul.pro_sm li {padding-left:36px;}
.site_menu ul li.f_sm_li {color:#ff3366;padding:0;}
.msg_box a em {display:inline-block;float:left;cursor:pointer;}
.msg_box a i {display:inline-block;float:right;background:#ff3f6e;color:#fff;font-weight:bold;font-size:12px;height:16px;line-height:16px;padding:0 5px;vertical-align:middle;}
.logout {background:#f6f6f6;border-top:1px solid #e0e0e0;height:30px;line-height:30px;padding:0 10px;color:#666;}
.logout a.color_blue:hover {text-decoration:underline;}
/*new header*/
.snc_left{ width: 320px; line-height: 32px; font-size: 12px;}
.snc_right .pd_0_9{ padding: 0 8px; }
.sncl_drop {border:1px solid #e0dede;padding:6px 4px;position:absolute;top:31px;left:0;background:#fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); box-sizing: border-box; border-radius: 3px; z-index:198; overflow: hidden; transition: all .2s linear; opacity: 0; visibility: hidden;}
.snc_li:hover .sncl_drop{opacity: 1; visibility: visible;}
.sncl_drop p {height:32px;line-height:32px;}
.sncl_drop p a {display:inline-flex; align-items: center; padding-left: 8px; font-size: 12px; width: 100%; box-sizing: border-box;}
.tag_flag p a{ padding-left: 4px;}
.tag_flag p a .headfont{display:inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; font-size: 14px; text-align: center; line-height: 16px; margin-right: 8px; }
.sncl_tlp{position: absolute; left:7px; top: 2px; background: #ff3366; box-sizing: border-box; border-radius:6px;min-width: 12px; height: 12px; line-height: 12px; text-align: center; text-align: center; color: #fff;}
.sncl_tlp>em{ display: block; font-size: 12px; transform: scale(0.8);}
.snclp_tlp{ display: inline-flex; justify-content: center; align-items: center; margin-left: 8px; background: #ff3366; box-sizing: border-box; border-radius:8px;min-width: 16px; padding: 0 4px; height: 16px; line-height: 16px; text-align: center; color: #fff;font-size: 12px;}
.snclp_tlp.hide,.sncl_tlp.hide{display: none;}
.log_info_drop{ width: 224px; padding: 0; box-sizing: border-box;}
.lid_top{padding: 8px 16px;}
.lid_top a b.substr_one{ max-width: 120px; margin-right: 8px;}
.lid_top a.corporate_item{max-width: 140px;}
.lid_bottom{ height: 40px; line-height: 40px; background: #faf9f9; box-sizing: border-box; padding: 0 16px;}
.lid_bottom a{color: #569;}
.lid_bottom a:hover{color: #f36;}
.lid_top .title_lmp{display: none;}
.lid_top .tag_flag p a{ padding-left: 0;}

.digital_wx {position:absolute;bottom:15px;left:-8px;padding-bottom:20px;z-index:100;}
.digital_wx_box {position:relative;padding:20px 20px 18px 20px;background:#fff;border:1px solid #333;}
.digital_wx_box i.qrcba_tan {background-position:-480px -238px;position:absolute;left:90px;bottom:-7px;}
.digital_rapp {position:absolute;bottom:15px;left:-48px;padding-bottom:20px;z-index:100;}
.digital_rapp_box {position:relative;padding:20px 20px 18px 20px;background:#fff;border:1px solid #333;}
.digital_rapp_box i.qrcba_tan {background-position:-480px -238px;position:absolute;left:90px;bottom:-7px;}
.digital_android {position:absolute;bottom:15px;left:-86px;padding-bottom:20px;z-index:100;}
.digital_android_box {position:relative;padding:20px 20px 18px 20px;background:#fff;border:1px solid #333;}
.digital_android_box i.qrcba_tan {background-position:-480px -238px;position:absolute;left:90px;bottom:-7px;}
.site_nav_list .digital_wx {top:22px;bottom:auto;left:-11px;padding-top:20px;padding-bottom:0;}
.site_nav_list .digital_wx_box {border:1px solid #e0e0e0;}
.site_nav_list .digital_wx_box i.qrcba_tan {background-position:-480px -246px;left:25px;top:-7px;bottom:auto;}

/**begin content**/
#warp {width:1000px;margin:0 auto;padding:30px 0 60px;}
#header { min-width: 1200px;}
#header_con {position:relative;z-index:100;}
.head_top { height: 56px; font-size:12px; padding-top: 0; position:relative;z-index:101;}
.head_seacrh {position:relative;height:32px;border-right:0 none;}
.head_seacrh input {border:0 none;width:240px;padding:0 8px;vertical-align:middle;height:31px;line-height:31px;font-family:Arial;color:#666;font-size:14px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; box-sizing: border-box;}
.head_seacrh .hs_select {width:70px;height:31px;vertical-align:middle;position:relative;border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.head_seacrh select {border:0 none;font-family:Arial;width:60px;color:#666;vertical-align:middle;}
.head_seacrh .show_hslist {display:inline-block;width: 50px;position:relative;background:#f6f6f6;border-left:1px solid #e0e0e0;height:14px;line-height:14px;padding: 8px 0 9px 12px;color:#666;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.head_seacrh .hs_list {position:absolute;top: 26px;left:0;width: 61px;border:1px solid #e0e0e0;border-top:0 none;background:#fff;}
.head_seacrh .hs_list li a {display:inline-block;width: 49px;height:31px;line-height:31px;padding-left: 12px;background:#f6f6f6;color:#666;}
.head_seacrh .hs_select:hover i.arrow_hs_icon {background-position:-404px -9px;}
.head_seacrh .hs_list li a:hover {background:#fff;color:#666;}
.search_top {font-size:14px;position:relative;z-index:101;padding:5px 0px;}
.search_logo {width:216px;height:21px;padding-top:7px;}
.search_bar {height:36px;border:2px solid #ff3366;border-right:0 none;}
.search_bar_new {height:44px;border:2px solid #ff3366;border-right:0 none;}
.search_bar_new input {border:0 none;width:820px;padding:0 10px;vertical-align:middle;height:44px;line-height:44px;font-weight:normal;color:#bbb;font-size:14px;}
.search_bar input {border:0 none;width:590px;padding:0 5px;vertical-align:middle;height:36px;line-height:36px;font-family:Arial;color:#666;font-size:14px;}
.search_bar .hs_select {width:70px;height:36px;vertical-align:middle;position:relative;}
.search_bar select {border:0 none;font-family:Arial;width:60px;color:#666;vertical-align:middle;}
.search_bar .show_hslist {display:inline-block;width:55px;position:relative;background:#f6f6f6;border-left:1px solid #e0e0e0;height:14px;line-height:14px;padding:11px 0 11px 14px;color:#666;}
.search_bar .hs_list {position:absolute;top:31px;left:0;width:68px;border:1px solid #e0e0e0;border-top:0 none;background:#fff;}
.search_bar .hs_list li a {display:inline-block;width:54px;height:36px;line-height:36px;padding-left:14px;background:#f6f6f6;color:#666;}
.search_bar .hs_select:hover i.arrow_hs_icon {background-position:-404px -9px;}
.search_bar .hs_list li a:hover {background:#fff;color:#666;}
/**new datalist search**/
.ui-autocomplete {cursor:default;display:block;position:absolute;width:351px;background:#f6f6f6;border:1px solid #e0e0e0;border-top:0;font-size:14px;}
.ui-autocomplete .ui-menu-item a {display:block;line-height:30px;height:30px;padding-left:5px;}
.ui-autocomplete .ui-menu-item a:hover {background:#fff;color:#666;}
#header_con .ui-helper-hidden-accessible {display:none;}
.head_right{ padding-top: 12px; }
.head_left{ height: 100%;  }
.head_left .head_logo {margin-right: 24px; width: auto; height: auto;}
.head_left .head_logo .pd_r_8{padding-right: 8px;}
.head_middle ul li{ position: relative; }
.head_middle ul li a{ display: block; height: 56px; line-height: 56px; padding: 0 18px; font-size: 14px; color: #fff;user-select: none;}
.head_middle ul li.act{font-weight: bold;}
.head_middle ul li.act a::after{display: block; content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -8px; width: 0;height: 0;border: 8px solid transparent;border-bottom-color: #eeecec;}
.head_left .hca_tag{ display: block; padding: 0 3px 0 5px; height: 20px; line-height: 20px; color: #ff3366; background: #fff; border-radius: 2px; font-weight: bold; font-size: 14px; letter-spacing: 2px; transform: scale(.8); user-select: none;}
/*global header css*/
.header_auto {padding-left: calc(100vw - 100%);}
.global_top .head_top {margin-bottom:15px;padding-top:15px;font-size:12px; height: auto; position:relative;z-index:101;}
.global_top .head_logo {width:216px;height:21px; padding-top: 7px;}
.global_top .head_seacrh {position:relative;height:31px;border:2px solid #ff3366;border-right:0 none;}
.global_top .head_seacrh input {border:0 none;width:350px;padding:0 5px;vertical-align:middle;height:31px;line-height:31px;font-family:Arial;color:#666;font-size:14px;}
.global_top .head_seacrh .hs_select {width:70px;height:31px;vertical-align:middle;position:relative;}
.global_top .head_seacrh select {border:0 none;font-family:Arial;width:60px;color:#666;vertical-align:middle;}
.global_top .head_seacrh .show_hslist {display:inline-block;width:55px;position:relative;background:#f6f6f6;border-left:1px solid #e0e0e0;height:14px;line-height:14px;padding:8px 0 9px 14px;color:#666;}
.global_top .head_seacrh .hs_list {position:absolute;top:31px;left:0;width:68px;border:1px solid #e0e0e0;border-top:0 none;background:#fff;}
.global_top .head_seacrh .hs_list li a {display:inline-block;width:54px;height:31px;line-height:31px;padding-left:14px;background:#f6f6f6;color:#666;}
.global_top .head_seacrh .hs_select:hover i.arrow_hs_icon {background-position:-404px -9px;}
.global_top .head_seacrh .hs_list li a:hover {background:#fff;color:#666;}
.global_top .search_top {font-size:0.875em;position:relative;z-index:101;padding:5px 0px;}
.global_top .search_logo {width:216px;height:21px;padding-top:7px;}
.global_top .search_bar {height:36px;border:2px solid #ff3366;border-right:0 none;}
.global_top .search_bar_new {height:44px;border:2px solid #ff3366;border-right:0 none;}
.global_top .search_bar_new input {border:0 none;width:820px;padding:0 10px;vertical-align:middle;height:44px;line-height:44px;font-weight:normal;color:#bbb;font-size:14px;}
.global_top .search_bar input {border:0 none;width:590px;padding:0 5px;vertical-align:middle;height:36px;line-height:36px;font-family:Arial;color:#666;font-size:14px;}
.global_top .search_bar .hs_select {width:70px;height:36px;vertical-align:middle;position:relative;}
.global_top .search_bar select {border:0 none;font-family:Arial;width:60px;color:#666;vertical-align:middle;}
.global_top .search_bar .show_hslist {display:inline-block;width:55px;position:relative;background:#f6f6f6;border-left:1px solid #e0e0e0;height:14px;line-height:14px;padding:11px 0 11px 14px;color:#666;}
.global_top .search_bar .hs_list {position:absolute;top:31px;left:0;width:68px;border:1px solid #e0e0e0;border-top:0 none;background:#fff;}
.global_top .search_bar .hs_list li a {display:inline-block;width:54px;height:36px;line-height:36px;padding-left:14px;background:#f6f6f6;color:#666;}
.global_top .search_bar .hs_select:hover i.arrow_hs_icon {background-position:-404px -9px;}
.global_top .search_bar .hs_list li a:hover {background:#fff;color:#666;}
.global_top .search_red_btn {display:inline-block;padding:8px 30px 9px 30px;_padding:9px 30px 9px 30px;height:18px;line-height:18px;background-color:#ff3366;}

/*navs*/
.navs {padding-left: calc(100vw - 100%);height:50px;line-height:50px;position:relative;background:#333;}
.navs a {color:#fff;}
.navs a:hover {color:#ff3366;}
.navs ul li {float:left;height:50px;line-height:50px;position:relative;z-index:100;}
.navs ul li .n_span {display:block;width:130px;height:50px;line-height:50px;}
.navs ul li .n_span a {display:block;width:100%;height:50px;line-height:50px;text-align:center;font-size:1em;font-weight:bold;}
.navs ul li .n_span a .nav_mb_icon {margin-top:-2px;*margin-top:3px;}
.navs ul li .n_home {display:block;width:82px;}
.navs ul li .n_home a {display:block;text-align:left;}
.navs ul li .n_feu {width:153px;}
.navs ul li .n_per {width:118px;}
.navs ul li .w_150 {width:150px;}
.navs ul li .nav_hover {display: none; opacity: 0; visibility: hidden; width:125px;padding-bottom:5px;background:#333;position:absolute;top:49px;left:28px;z-index:98;overflow:hidden; transition: opacity .2s linear;}
.navs ul li .nav_hover dl {padding:0 5px 5px 5px;font-size:0.875em;}
.navs ul li .nav_hover dl dd {line-height:18px;}
.navs ul li .nav_hover dl dd a {display:inline-block;width:110px;height:18px;line-height:18px;padding:5px 0 7px 5px;_padding:8px 0 4px 5px;}
.navs ul li .nav_hover dl dd a:hover {font-weight:bold;}
.navs ul li .nav_hover dl dd em {display:inline-block;width:14px;text-align:center;margin-right:10px;}
.navs ul li .nav_hover dl.per_dd_ib dd em {width:20px;}
.navs ul li .nav_hover dl dd span {vertical-align:middle;}
.navs ul li .nav_hover dl dd a.nblue_btn {background:#4b8fff;font-weight:bold;color:#fff;}
.navs ul li .nav_hover dl dd a.nyellow_btn {background:#ffcc00;font-weight:bold;color:#000;}
.navs ul li .artcile_nav {width:230px;}
.navs ul li .artcile_nav div {width:114px;}
.navs ul li .artcile_nav dl dd a {width:107px;}
.navs ul li .feature_nav {width:152px;}
.navs ul li .feature_nav dl dd a {width:137px;}
.navs ul li .project_nav {width:145px;}
.navs ul li .project_nav div.f_l {width:140px;}
.navs ul li .project_nav div.f_l dl dd a {width:126px;}
.navs ul li .people_nav {width:264px;left:8px;}
.navs ul li .people_nav div.f_l {width:114px;}
.navs ul li .people_nav div.f_r {width:140px;}
.navs ul li .people_nav div.f_l dl dd a {width:107px;}
.navs ul li .people_nav div.f_r dl dd a {width:126px;}
.navs ul li.nav_last {float:right;width:88px;}
.navs ul li.nav_last a {display:inline-block;text-align:right;width:100%;}
.navs ul li .nav_more {width:100px;font-size:1em;font-weight:bold;}
.navs ul li .nav_more a {text-align:right;height:22px;line-height:22px;padding:13px 0 15px 0;}
.navs ul li.act .n_span {background:url(../images/common/snav_act.png) no-repeat center bottom;}
.navs ul li.act .n_span a {color:#ff3366;}
.navs ul li.act .n_home {background:url(../images/common/snav_act.png) no-repeat 8px bottom;}
.navs ul li.act .feet {background:url(../images/common/snav_act_f1.png) no-repeat center bottom;}
.navs ul li.over .n_span {position:relative;z-index:99;background:none;}
.navs ul li.over .n_span a {color:#ff3366;}
.navs ul li.over .n_span a .nav_mb_icon,.navs ul li.act .n_span a .nav_mb_icon {background-position:-168px -11px;}
.navs ul li.over .nav_hover {display:block;}
.navs ul li:hover .nav_hover{ display: block; opacity: 1; visibility:visible; }


/*footer*/
.footer_con {width:100%;background:#333;color:#fff;font-size:12px;padding:30px 0 25px 0;}
.footer_bottom {background:#000;color:#666;height:60px;font-size:12px;}
.footer_con a {color:#fff;}
.footer_con h4 {margin-bottom:15px;}
.footer_con ul li {line-height:2em;}
.footer_con ul li a {display:inline-block;width:100%;color:#ccc;}
.footer_con ul li a:hover {color:#ff3366;}
.footer_qrc {position:absolute;bottom:30px;left:209px;padding-bottom:20px;z-index:100;}
.footer_qrc_box {position:relative;padding:20px 20px 18px 20px;background:#fff;border:1px solid #333;}
.footer_qrc_box i.qrcba_tan {position:absolute;left:90px;bottom:-7px;}
.footer_appstore {position:absolute;bottom:30px;left:270px;margin-bottom:20px;z-index:100;}
.footer_appstore_box {position:relative;padding:20px 20px 18px 20px;background:#fff;border:1px solid #333;}
.footer_appstore_box i.qrcba_tan {position:absolute;left:90px;bottom:-7px;}
.footer_android {position:absolute;bottom:30px;left:365px;margin-bottom:20px;z-index:100;}
.footer_android_box {position:relative;padding:20px 20px 18px 20px;background:#fff;border:1px solid #333;}
.footer_android_box i.qrcba_tan {position:absolute;left:90px;bottom:-7px;}
.contact_wechat {cursor:pointer;}
.contact_wx {position:absolute;width:110px;bottom:10px;left:38px;padding-bottom:20px;z-index:100;}
.contact_wx_box {position:relative;padding:10px 10px 5px 10px;background:#fff;border:1px solid #333;}
.contact_wx_box p {display:inline-block;width:90px;}
.contact_wx_box p img {vertical-align:bottom;}
.contact_wx_box i.qrcba_tanb {background-position:-480px -262px;position:absolute;left:55px;bottom:-7px;}
.digital_wx {position:absolute;bottom:15px;left:-8px;padding-bottom:20px;z-index:100;}
.digital_wx_box {position:relative;padding:20px 20px 18px 20px;background:#fff;border:1px solid #333;}
.digital_wx_box i.qrcba_tan {background-position:-480px -238px;position:absolute;left:90px;bottom:-7px;}
.digital_rapp {position:absolute;bottom:15px;left:-48px;padding-bottom:20px;z-index:100;}
.digital_rapp_box {position:relative;padding:20px 20px 18px 20px;background:#fff;border:1px solid #333;}
.digital_rapp_box i.qrcba_tan {background-position:-480px -238px;position:absolute;left:90px;bottom:-7px;}
.digital_android {position:absolute;bottom:15px;left:-86px;padding-bottom:20px;z-index:100;}
.digital_android_box {position:relative;padding:20px 20px 18px 20px;background:#fff;border:1px solid #333;}
.digital_android_box i.qrcba_tan {background-position:-480px -238px;position:absolute;left:90px;bottom:-7px;}
.site_nav_list .digital_wx {top:22px;bottom:auto;left:-11px;padding-top:20px;padding-bottom:0;}
.site_nav_list .digital_wx_box {border:1px solid #e0e0e0;}
.site_nav_list .digital_wx_box i.qrcba_tan {background-position:-480px -246px;left:25px;top:-7px;bottom:auto;}

/*popup*/
.popup,.popup_overlay {width:100%;height:100%;top:0;left:0;z-index:1001; 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:1001;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:1002;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{ min-height: 40px; padding: 0 8px 0 16px; box-sizing: border-box; border-bottom: 1px solid #eeecec; font-size: 14px; color: #333131; }
.pop_text_header{ line-height: 32px; padding: 16px 32px 20px 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,.popup_con .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_con {border:10px solid #ccc;background-color:#fff;}

.gallery_content {max-width:800px;min-width:320px;position:relative;z-index:9999;background: #fff;box-sizing: border-box;pointer-events:auto; overflow: hidden; border-radius: 5px;}
.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}
.gallery_content img{width: 100%; height: auto; text-align: center; object-fit: cover;}
/****end common****/
.side_con{ width: 180px; margin-right: 12px;}
.side_nav{width: 180px; min-height: 80vh; transition:all .2s linear;background: #fff;box-sizing: border-box;transition: all .2s linear; 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:hover::-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 12px;}
.snl_item a{display: block; height: 32px; line-height: 32px; padding-left: 22px; box-sizing: border-box; user-select: none; }
.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 4px; font-size: 12px; color: #fff; background: #f36; border-radius: 8px;}
.snl_item:not(.active):hover a,.snl_item.active a,.snl_item.active a i{ background: #f5f3f3;color:#f36; }
.snl_item.active a.snl_item.active i,.snl_item:not(.active):hover a i{ color:#f36; }
.snl_line_box{ padding: 8px 20px; box-sizing: border-box;}
.snl_line_box .snl_line{ height: 1px; width: 100%; background: #eeecec; }
.sweep_msg_btn{ position: absolute; top: 6px; right: 16px;display: inline-flex; border: 0 none; border-radius: 50%; height: 20px; width: 20px; -webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center; font-size: 14px; color: #999696; background: #faf9f9; cursor: pointer;box-sizing: border-box;}
.sweep_msg_btn.hide{display: none;}
.sweep_msg_btn:hover,.sweep_msg_btn:hover i{background: #eeecec; color: #999696;}
.sweep_msg_btn:disabled{color: #cccaca;}

.main_con{ flex:1;}

/*start right main content*/
.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;}

.open_guide_pdf{ color: #f36;}
.open_guide_pdf:hover{ color: #e0014c;}

.dwscd_box{ display: block; position: relative; width: 100%; height: 80px; border-radius: 5px; overflow: hidden; background-size: cover;}
.company_dws_1{background: url(../../www/images/dawards/2024/company_dawards_1.jpg) no-repeat top center;}
.company_dws_2{background: url(../../www/images/dawards/2024/company_dawards_2.jpg) no-repeat top center;}
.people_dws_1{background: url(../../www/images/dawards/2024/people_dawards_1.jpg) no-repeat top center;}
.people_dws_2{background: url(../../www/images/dawards/2024/people_dawards_2.jpg) no-repeat top center;}
.dwscd_box .dcd_day{ position: absolute; top: 0; right: 245px; text-align: center; width: 72px; height: 78px; line-height: 78px; font-size: 36px; color: #fff;}


.mc_sd_item{ min-width: 141px; width: 141px; }
.mc_sd_item.w_188{ min-width: 188px; width: 188px; }
.mc_sd_item.w_100p{ width: 100%; }
.mc_sd_item a{ transition: all .2s linear; }
.mc_sd_item .groupfont{ color: #999696; margin-left:10px;font-size: 15px; }
.mc_sd_item a:hover .groupfont{ color: #f36;}
.mc_sd_item .wh20_box{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; margin-right: 8px;}
.mc_sd_item .wh20_box .groupfont{ margin: 0; font-size: 12px; color: #cccaca;  }

.dindex_box{ height: 32px; line-height: 32px;}
.dindex_bar{position: relative; height: 12px; width: 110px; background: #e0dede;}
.dindex_bar span{ display: block; position: absolute; left: 0; top: 0; height: 12px; background: #f36;}
.dindex_rate{color: #000;}
.dindex_text{color: #666363;}
.top_50 .dindex_text{color: #ff6a00;}

.mct_head{ height: 48px; line-height: 48px; color: #333131; background: #f5f3f3;}
.mc_talbe .w_130{width: 130px;padding-left: 16px; box-sizing: border-box;}
.mc_talbe .w_176{width: 176px;padding-left: 16px; box-sizing: border-box; color: #333131;}
.mc_talbe .flex_1{padding-left: 16px; box-sizing: border-box;}
.mc_talbe .bd_b_ece{ min-height: 64px; border-bottom: 1px solid #eeecec; box-sizing: border-box;}
.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;top: -64px; padding: 8px 12px; line-height: 20px; font-size: 12px;}
.mct_tip_con .mct_tip_box.tb_mct{min-width: 280px; right: auto; left: 24px; top: 0;}
.mct_tip_con .mct_tip_box.hpr_mct{right: auto;left: -4px;top: auto;bottom: 24px;}
.mct_tip_con .mct_tip_tag:hover+.mct_tip_box{ opacity:1; visibility: visible;}
.mct_logged_con{ position: relative; }
.mct_logged_con .mct_tip_box{ position: absolute; left:0;top: 34px; padding: 4px 16px; white-space:nowrap ; line-height: 32px; font-size: 12px; z-index: 2;}
.mct_logged_con:hover .mct_tip_box{ opacity:1; visibility: visible;}

.expand_box{position: relative;}
.expand_box .limit_box{max-height: auto; transition: height .2s linear;}
.expand_box .limit_box.bkh{max-height: 40px; overflow: hidden; text-overflow: ellipsis;}
.expand_box .expand_link{cursor: pointer; user-select: none; }

.dlg_apply_reason .edit_html_input{ min-height: 160px; padding: 11px 15px; line-height: 24px; font-size: 14px;}
.dlg_apply_reason .edit_html_input:before{ top: 11px; left: 15px;}
.dlg_apply_reason .edit_html_box .word_num{right: 12px;}

.mc_talbe .wh_48{width: 48px; height: 48px; position: relative;}
.mc_talbe .img_mask,.cons_list .thumb .img_mask{ position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .3);}
.mc_talbe .img_mask i,.cons_list .thumb .img_mask i{color: #fff; font-size: 19px;}
.mc_talbe .w_220{ width: 220px; }
.draft_con_list li{ padding: 20px 0 20px 20px; border-bottom: 1px solid #eeecec;}
/* .draft_con_list li:last-child{border-bottom: 0 none;} */
.draft_con_list li h4{font-size: 16px;}
.draft_con_list li .pd_r_88{padding-right: 88px;}
.draft_con_list li .wh_192_120{ width: 192px; height: 120px; }
.draft_con_list li .pdl_info{ padding: 0 88px 0 0;}
.draft_con_list li .pdl_info h4{ margin-bottom: 8px; font-weight: normal;}


.pro_draft_list{position: relative; padding: 0 6px; margin-left: -16px; }
.pro_draft_list li{float: left; margin-left: 16px; margin-bottom: 16px; width: 228px; background: #f5f3f3; border-radius: 3px; overflow: hidden; }
/* .pro_draft_list li:hover{ background: #eeecec;} */
.pdl_info{ padding: 12px 16px;}
.pdl_info h4{ line-height: 24px; min-height: 48px;height: 48px; margin-bottom: 12px; font-size: 16px; font-weight: normal;ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.pdl_info .h_40{min-height: 40px; color: #999696; line-height: 20px;}
.pdl_info .h_40 p {width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.pdl_info .h_40 a{ display: inline; margin-left: 4px; color: #569;}
.pdl_info .h_40 a:hover{color: #f36;}
.pdl_info .cl32_btn{ background: #fff;}
.pdl_info .cl32_btn:hover{ background: #e0dede;}
.draft_con_list li .delete_btn_box,.pro_draft_list li .delete_btn_box{ opacity: 0; visibility: hidden; -webkit-transition:opacity .3s;transition:opacity .3s;}
.draft_con_list li:hover .delete_btn_box,.pro_draft_list li:hover .delete_btn_box{ opacity: 1; visibility: visible; }

.published_content .tab_list li a{ display: inline-block; width: 80px; height: 32px; text-align: center; line-height: 32px; background: #fff; color: #666363; border-radius: 3px; border: 1px solid #cccaca; }
.published_content .tab_list li.act a{ color: #fff; background: #f36; border:0 none; }
.cir_rate_box{ cursor: pointer;}
.cir_rate_box.disabled{ cursor: default;}
.cir_rate_box.disabled a{ cursor: default; pointer-events: none;}
.cir_rate_box.disabled a.color_link:hover{ color: #999696;}

.list_sns_box{ font-size: 12px; color: #999696; line-height: 24px;}
.list_sns_box span{margin-right: 16px;}
.list_sns_box a{ color: #569; margin-right: 16px;}
.list_sns_box a.zero{ color: #cccaca;}
.list_sns_box a.color_969{ color: #999696;}
.list_sns_box a i{ color: #cccaca; font-size: 13px; margin-right: 6px;}
.list_sns_box>span i{ color: #cccaca; font-size: 13px; margin-right: 6px;}
.list_sns_box .color_link i{ color: #569; font-size: 16px;}
.list_sns_box .color_636 i{ color: #666363; font-size: 16px;}
.list_sns_box a:hover,.list_sns_box a:hover i,.art_sns_box a:hover,.list_sns_box a.color_969:hover{ color: #f36;}
.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;user-select: none;}
.list_tag_box a:hover{ color: #f36; }
.list_tag_box a.color_red{ color: #f36; background: #ffedeb;}

.lh32_kw .list_tag_box span{ height: 32px; line-height: 32px; padding: 0 12px; font-size: 14px; margin-right: 8px; }

.list_more_box{ position: relative; margin-left: 12px; min-height: 32px;}
ul li .list_more_box:first-child{ margin-left: 0;}
.list_more_box:hover .list_more_pop{opacity: 1; visibility: visible;}
.list_more_pop{position: absolute; top:100%; left:0;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-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 i.color_green{color: #2ca01c;}
.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; min-height:100px; 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; }
.lmp_info .selected a{ background: #f5f3f3;color: #f36;}
.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:28px;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:120;-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; }



.cons_list>li{ padding:16px 12px 16px 16px;border-bottom: 1px solid #eeecec;}
.cons_list>li:hover,.art_draft_list li:hover,.jobs_list li:hover{background: #faf9f9;}
.cons_list.moments_list>li:hover{ background: inherit;}
.cons_list>li .wh_96_60{ width: 96px; height: 60px;}
.cons_list>li h5{ line-height: 24px; font-weight: normal; font-size: 16px; padding-right: 60px; margin-bottom: 4px;}
.rate_item{display: inline-block; min-width: 48px; padding: 0 8px; box-sizing: border-box; color: #fff; font-size: 12px; height: 24px; line-height: 24px; text-align: center; border-radius: 3px; }
.rate_item i{ display: inline-block; font-size: 12px; color: #fff;margin-right: 5px; }
.rlevel_1{background: #ffad00; }
.rlevel_2{background: #ff6a00; }
.rlevel_3{background: #f36; }
a.rate_item:hover{ color: #fff;}
a.rate_item.rlevel_3:hover{ background: #e0014c;}
.rate_star{ position: relative; background: url(../images/star/star_null.png) no-repeat left top; background-size: 76px; overflow: hidden;}
.rate_star .star_precent{ position: absolute; left: 0; top: 0; height: 12px; z-index: 2;}
.rslevel_1 .star_precent{ background: url(../images/star/star_yellow.png) no-repeat left top;background-size: 76px;}
.rslevel_2 .star_precent{ background: url(../images/star/star_orange.png) no-repeat left top;background-size: 76px;}
.rslevel_3 .star_precent{ background: url(../images/star/star_red.png) no-repeat left top;background-size: 76px;}

.cdi_member_list .rate_star,.score_member_list .rate_star,.mys_item .rate_star,.mycn_item .rate_star{width: 76px; height: 12px;margin-top: -2px;}
.cdi_member_list .rate_star .star_precent,.score_member_list .rate_star .star_precent,.mys_item .rate_star .star_precent,.mycn_item .rate_star .star_precent{ height: 12px;}
#dlg_rate_record_list .rate_num{width: 18px; text-align: center;}

.cons_modify_box{width:88px; margin-left: 16px;}
.cons_modify_box.job_modify_box{width:120px; }
ul li .fade_in_box{opacity:0;visibility:hidden;-webkit-transition:opacity .3s;transition:opacity .3s; }
ul li:hover .fade_in_box{opacity: 1; visibility: visible;}

.cons_list .unlocked_apply_btn.disabled{ pointer-events: none; user-select: none; cursor: not-allowed;}
.cons_list .mark_hot_btn.actived .gicon_star_hollow:before{content: "\e685";}



.jobs_list li{ padding:16px 12px 16px 16px;border-bottom: 1px solid #eeecec;}
.jobs_list li.expired{background: #fffcd9;}
.jobs_list li h5{ line-height: 24px; font-weight: normal; font-size: 16px; padding-right: 12px;}
.jobs_list li h5 .expired_span{ display: inline-block; height: 24px; line-height: 24px; padding: 0 8px; font-size: 12px; color: #fff; background: #cccaca; border-radius: 3px; }
.jobs_list li .job_gifts_tag{line-height: 24px; font-size: 12px; color: #666363; max-width: 244px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-left: 16px; box-sizing: border-box;} 

.moments_list.cons_list li .mx_506{ max-width: 506px;}
.moments_list.cons_list li h5{ padding-right: 0;}
.moments_list.cons_list li .mli_con_limit{margin-bottom: 8px;}
.moments_list.cons_list li .mli_con_limit .original_text{display: none; opacity: 0; visibility: hidden;}
.moments_list.cons_list li .mli_con_limit .imitative_text,.moments_list li .mli_con_limit .imitative_text:hover{ color: inherit;}
.moments_list.cons_list li .mli_pic{width: 80px; height: 80px;cursor: zoom-in; }
.moments_list.cons_list li .zib_48 .mli_pic{width: 48px; height: 48px; }
.moments_list.cons_list .zs_thumb_list .mli_pic{width: 48px; height: 48px; cursor: pointer;}

.staff_join_link .wh32_box{ display: inline-flex; justify-content: center; align-items: center; background: #ffedeb; border-radius: 50%; overflow: hidden;color: #f36; transition: all .1s linear;}
.staff_join_link:hover .wh32_box{ background: #f36; color: #fff;}

.partners_list li{ padding: 8px 0;}
.partners_list .substr_one{ width: 235px;}
.partners_list .substr_one em{ color: #e0dede;}

.partners_list li .cl32_btn{background: none; color: #999696;}
.partners_list li:hover .cl32_btn{background: #eeecec; color: #569;}
.partners_list li .cl32_btn i.gicon_arrow { font-size: 12px; position: relative; right: -1px;}


.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 24px 24px 24px; }
.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;}
.cdi_rate_zone{ width: 160px; line-height:normal;}
.cdi_rate_zone .gicon_star{ font-size: 12px; margin-left: 4px; color:#e3e1e1; }

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

.square_tab_list li{ margin-right: 8px; position: relative;}
.square_tab_list li:last-child{ margin-right: 0;}
.square_tab_list li a{display: inline-block; padding: 0 8px; font-size: 14px; height: 28px; line-height: 28px; border-radius: 3px; box-sizing: border-box; background: #f5f3f3;color: #999696;}
.square_tab_list li.act a{background: #ffedeb; color: #f36;}
.square_tab_list li:not(.act) a:hover{background: #eeecec;}
.square_tab_list li .tooltips{ display: block; position: absolute; right: -8px; top:-10px; padding: 1px 4px; box-sizing: border-box; border-radius: 3px; background: #ff3366; color: #fff; font-size: 12px; transform: scale(.8); }
.square_tab_list li.act .tooltips{background: #f36; }

.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{ border: 0 none; background: #faf9f9; color: #999696; user-select: none; cursor: default;}
.bg_bottom_end{ margin-top: 12px; width: 100%; height: 48px; line-height: 48px; background: #faf9f9; color: #999696; font-size: 14px; text-align: center; }

/*pagination*/
.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;}
.pagination .page_go label {display:block;float:left;height:32px;line-height:32px;font-size:12px;text-align:center;color:#999696;}
.pagination .page_go 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;}
.pagination .page_go a.confirm_btn {display: block;float: left;text-align: center; margin-top:4px;padding: 0 12px;width:50px;height:24px;line-height:24px;background:#f5f3f3;color:#569;font-size:12px;border-radius:3px; box-sizing: border-box;}

.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;}

/*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;}


.annual_situation_info.pop_scroll_con{width: 250px; border-radius: 3px;max-height: 197px; overflow-y: auto; overflow-x: auto;}
.annual_situation_info li{ height: 28px; font-size: 14px; padding: 0 8px;}
.annual_situation_info li.first_tilte{height: 32px; margin-bottom: 4px;}
.annual_situation_info li .svgicon{ font-size: 20px; margin-right: 16px; }
.annual_situation_info li .gicon_question{font-size: 16px; color: #999696;}
.annual_situation_info .asi_list em{ width: 20px; line-height: 20px; text-align: center; margin-right: 16px; }
.annual_situation_info .mct_tip_con .mct_tip_box{display: none;}
.annual_situation_info .mct_tip_con .mct_tip_tag:hover+.mct_tip_box{display: block;}
.dc_con_right .annual_situation_info{ width: 100%; background: transparent;}

.mep_edit_box.pd_0_12_12 ul li{cursor: move;}
.business_contact_list li{ margin-left: 12px; font-size: 14px;padding: 4px 8px 4px 4px; height: 40px; background: #fff; border-radius: 6px; box-sizing: border-box; overflow: hidden;}
.business_contact_list li .thumb img,.business_contact_list li .thumb{border-radius: 0;}
.business_contact_list li .mxw_140{ max-width: 96px; min-width: 96px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.business_contact_list li:hover{ color: #f36;} 
.business_contact_list li .cl32_btn{background: none; color: #569;}
.business_contact_list li:hover .cl32_btn{background: #eeecec;}
.business_contact_list .cl32_btn:hover .gicon_chat:before,.partners_list .cl32_btn:hover .gicon_chat:before{content: '\e6fc'; color: #f36;}
.business_contact_list li .cl32_btn:hover,.partners_list li .cl32_btn:hover{ background: #ffedeb;}

.cons_banner_list .w_258{width: 258px;}
.cons_banner_list .banner_modify_box{ width: auto; }
.cons_banner_list li h5{ padding-right: 32px; font-size: 14px; line-height: 20px; margin-bottom: 8px;}

.zoom_in_box{position: relative;}
.zoom_in_box .zoom_in_mask{ opacity: 0; visibility: hidden; transition: opacity .2s linear; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); transition: all .2s linear; cursor: pointer; user-select: none; }
.zoom_in_box .zoom_in_mask .flex{ width: 100%; height: 100%; }
.zoom_in_box .zoom_in_mask .flex a{ display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; background: #000; border-radius: 50%; }
.zoom_in_box .zoom_in_mask .flex i{ font-size: 16px; color: #fff; }
.zoom_in_box:hover .zoom_in_mask {opacity: 1; visibility: visible; background: rgba(0, 0, 0, .5);}

.mcl_scroll::-webkit-scrollbar {width:4px;height:4px;background-color:#f5f3f3;}
.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:5px;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;}

.manage_con_header{ height: 44px; padding-left: 20px; border-bottom:1px solid #eeecec; }
.manage_con_header li a{position: relative;display: block;height: 44px;line-height: 44px;padding: 0;font-size: 14px;}
.manage_con_header li.current a{color: #f36; }
.manage_con_header li.current a::after{position: absolute;bottom: -1px;left: 0;display: block;content: "";width: 100%;height: 2px;background: #f36;}
.manage_con_left{ width: 220px; padding-bottom: 20px;}
.manage_con_left.w_240{ width: 240px;}
.mcl_scroll{position: relative; overflow-y: auto; max-height: calc(100vh - 270px); }

.cons_list_header{ height: 64px; border-bottom:1px solid #eeecec; }
.cons_list_header li{margin-right: 24px;}
.cons_list_header li:last-child{margin-right: 0;}
.cons_list_header li a{position: relative;display: block;height: 64px;line-height: 64px;padding: 0;font-size: 16px; color: #333131;}
.cons_list_header li.current a{color: #f36; font-weight: 700; }
.cons_list_header li.current a::after{position: absolute;bottom: -1px;left: 0;display: block;content: "";width: 100%;height: 2px;background: #f36;}

.manage_con_right{ flex:1;min-height: 100vh; border-left: 1px solid #eeecec; padding-bottom: 40px; }
.mcl_tab,.mcr_tab{width: 100%; height: 53px; padding-top: 12px; padding-bottom: 12px; border-bottom:1px solid #eeecec;  box-sizing: border-box;}
.mcl_tab{ padding-left: 16px;}
.mcl_tab .tooltip{ height: 16px; line-height: 16px; padding: 0 4px; font-size: 12px; font-weight: bold; color: #fff; background: #f36; border-radius: 8px;}
.mcr_tab{ padding-left: 24px;}
.mcl_list li{position: relative; padding: 12px 16px; border-bottom:1px solid #eeecec; cursor: pointer; user-select: none; box-sizing: border-box;}
.mcl_list li:hover:not(.act){ background: #faf9f9; }
.mcl_list li.act{ background: #faf9f9; }
.mcl_list li.act::after{position: absolute; top: 0; right: 0; display: block; content: ""; width: 4px; height: 100%; background: #f36;}

.mcl_list li .substr_2{ line-height: 20px; font-size: 14px; margin-bottom: 12px;}
.mcl_list li .substr_2 .gicon_picture{ margin: 0 4px; color: #999696;}
.mcl_list li p.substr_2 .emoji{vertical-align:text-bottom;/* margin:0 2px; */ margin-bottom: -1px; cursor: default;transform: scale(.7); user-select: none; pointer-events: none;}
.mcl_list li div{ min-height: 20px; line-height: 20px;font-size: 12px;color: #666363;}
.mcl_list li div.lh_16{ line-height: 16px; min-height: 16px; }
.mcl_list li div .tooltip{display: inline-block; height: 8px; width: 8px; font-size: 12px; background: #f36; border-radius: 4px;}


.block_editor_box .edit_html_input{position: relative; padding: 12px 16px; font-size: 14px; line-height: 24px;}
.block_editor_box .edit_html_input span{ color: #f36; font-weight: bold;}
.block_editor_box a.gicon_website{ display: inline-block; margin: 0 8px; user-select: none; pointer-events: none;}
.block_editor_box .emoji {vertical-align:text-bottom;/* margin:0 2px; */cursor: default;transform: scale(.9); user-select: none; pointer-events: none;}

.modify_txt_pop{ position: absolute; visibility: hidden; opacity: 0; transition: opacity 0.2s linear;}
.modify_txt_pop.fade_in,.modify_txt_pop .lmp_tooltip{opacity: 1; visibility: visible; cursor: pointer;}

.blocked_history_box{ position: absolute; top: 47px; right: -220px; width:200px; background: #fff; border-radius: 5px; box-sizing: border-box; overflow: hidden;}
.blocked_history_box .pop_scroll_con{ padding: 0 16px 8px 16px; max-height: 350px; box-sizing: border-box; overflow-y: overlay;}
.blocked_list li{ background: #f5f3f3; padding: 12px; margin-bottom: 12px;}
.blocked_list li .lh_24{ min-width: 110px; width: 110px;}
.blocked_list li .lh_20{ font-size: 12px; color: #999696;}
.blocked_list li .delete_blocked_item{ background: #fff;}
.blocked_list li .delete_blocked_item:hover{ background: #faf9f9;}

.loading_comments{padding: 40px 0; text-align: center; line-height: 0;}
.loading_box{ text-align: center; line-height: 0;}

.myc_center_con{ padding: 20px 40px;}
.my_center_con{ padding: 20px 112px; min-height: 100vh; }
.per_month_box ul{ padding: 0 20px;}
.myc_item{ padding: 24px; box-sizing: border-box; border: 1px solid #e0dede; border-radius: 5px; margin-bottom: 20px;}
/* .crt_comment .myc_item:last-child{ margin-bottom: 0;} */
.myc_item .cdi_main_box{ padding: 8px 20px 8px 8px; background: #f5f3f3; }
.myc_item .cdi_main_box .wh_40{margin-right: 8px; position: relative;}
.myc_item .cdi_main_box .wh_40 i.tooltips{display: block; width: 16px; height: 16px; text-align: center; line-height: 16px; background: rgba(0, 0, 0, .5);position:absolute;bottom: 0; right: 0; box-sizing: border-box; border-radius: 50%;color: #fff;font-size: 12px;}
.myc_item .cdi_main_box .lh_20{padding-left: 4px;}
.myc_item .comment_item{ padding: 0 0 16px 0; border-bottom: 0 none;}
.myc_item .comment_item .comment_right{ padding-bottom: 8px; border-bottom:1px solid #eeecec; } 

/*mycn_item*/
.myc_list_all .hp_header .myc_1{ padding-left: 44px;}
.myc_list_all .myc_1{ flex: 1; padding-right: 32px; box-sizing: border-box;}
.myc_list_all .myc_2{ width: 80px;}
.myc_list_all .myc_3{ width: 56px; color: #666363;}
.myc_list_all .myc_4{ width: 44px;}
.myc_list_all .myc_2 .emoji{ vertical-align:text-bottom;max-width:22px;max-height:22px;outline:none; margin:0 1px; transform: scale(.8); }
.hp_table.myc_list_all .hp_body li{padding: 16px;}
.mycn_item .comment_item{ padding: 0; max-width: 484px; border-bottom: 0 none; }
.mycn_item .comment_item .comment_cdi{margin-bottom: 0;}
.mycn_item .comment_item .comment_avatar img{width: 32px; height: 32px;}
.mycn_item .wh64_box{position: relative; border: 0 none;}
.mycn_item .img_mask{ display: flex;position: absolute; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, .3);visibility: hidden; opacity: 0; transition: opacity .15s linear;}
.mycn_item .img_mask i{color: #fff; font-size: 16px;}
.mycn_item .wh64_box:hover .img_mask{ visibility: visible; opacity: 1;}
.mycn_item .substr_4{color: #666363; line-height: 16px; font-size: 12px; ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.score_member_list li{width: 100%; height: 48px; padding: 0 0 0 12px; box-sizing: border-box; color: #569; font-size: 14px;}
.score_member_list li .wh_32{width: 32px; height: 32px; border-radius: 3px;border: 1px solid #e0dede; margin-right: 12px; box-sizing: border-box;}
.score_member_list li .substr_one{max-width: 130px;}
.score_member_list li .flex_1 .groupfont{font-size: 14px;}
.score_member_list li .w_160{width: 160px; font-size: 12px; color: #999696;text-align: right;}
.score_member_list li .w_160 span{ display: inline-block; margin-left: 10px;}
.score_member_list li .score_date_info{ font-size: 12px; color: #999696;line-height: 48px; }
.score_member_list li .score_date_info span:first-child{ display: inline-block; margin-right: 10px;}
.score_member_list li .com_modify_box{ margin-left: 12px;}
.score_member_list .lmp_tooltip{ padding:0 12px; line-height: 36px;  }

.cdi_body .score_member_list li{ padding: 0 8px;}

.mys_item{ margin-bottom: 20px; background: #f5f3f3; box-sizing: border-box; border-radius: 5px; overflow: hidden;}
.mys_item .wh_198_124{ width: 198px; height: 124px; }
.mys_item .wh_160_100{ width: 160px; height: 100px; }
.mys_item .h_48{ height: 48px; padding: 0 12px; }
.mys_item h5{min-height: 48px; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 4px;}
.mys_item p{ font-size: 12px; min-height: 20px; line-height: 20px; color: #999696;}
.mys_item p a{ color: #666363; margin-right: 16px;}
.mys_item p .groupfont{display: inline-block; color: #cccaca; font-size: 13px; margin-right: 6px; }
.mys_item p a:hover,.mys_item p a:hover .groupfont{ color: #f36;}
.mys_item .pro_item_bg{ padding: 0 20px 16px 20px;}
.mys_item .pro_item_bg .bg_fff{ padding: 8px 20px 8px 8px;}
.mys_item .block_cd{display: inline-block; padding: 0 12px; height: 32px; line-height: 32px; color: #999696; background: #fff; border-radius: 5px; font-size: 14px; user-select: none; }

.myz_item{ margin-bottom: 20px; background: #f5f3f3; box-sizing: border-box; border-radius: 5px; overflow: hidden;}
.myz_item .wh_120_75{ width: 120px; height: 75px; }
.myz_item .h_48{ height: 48px; padding: 0 12px; }
.myz_item h5{ font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 8px;}
.myz_item .lh_32{ font-size: 12px; line-height: 32px; color: #999696;}
/* .myz_item .lh_32 a{ color: #666363; margin-right: 16px;} */
.myz_item .lh_32 a.color_link{margin-right: 16px; max-width: 150px; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
.myz_item .lh_32 .groupfont{display: inline-block; color: #cccaca; font-size: 13px; margin-right: 6px; }
.myz_item .lh_32 a:hover,.myz_item .lh_32 a:hover .groupfont{ color: #f36;}
.myz_item .flex_s{ padding: 0 20px 20px 20px;}
.myz_item .wh_24{ border-radius: 2px; box-sizing: border-box; border: 1px solid #e0dede; }

.moments_link_box{ padding: 0 20px 16px 20px; }
.moments_link_box .wh64_box{position: relative; width: 64px; height: 64px; margin-right: 20px; border-radius: 0; }
.moments_link_box .wh64_box i.tooltips{display: block; width: 16px; height: 16px; text-align: center; line-height: 16px; background: rgba(0, 0, 0, .5);position:absolute;bottom: 0; right: 0; box-sizing: border-box; border-radius: 50%;color: #fff;font-size: 12px;}

.art_zan_detail .cdi_member_list li{ height: 48px; line-height: 48px;}
.round_red_zan{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; box-sizing: border-box; border-radius: 50%; background: #f36; font-size: 12px; color: #fff;}
.round_red_zan .groupfont{position: relative; margin-right:-1px; color: #fff; font-size: 12px;}


.mc_inner_tabs .manage_con_header{padding-left: 40px;}
.mc_inner_tabs .manage_con_header li a{color: #666363;}
.mc_inner_tabs .manage_con_header li.current a,.mc_inner_tabs .manage_con_header li:hover a{color: #f36;}

.myf_center_con{ padding: 30px 48px 48px;}
/* .myfn_list_all {position: relative; margin-left: -24px;} */
.myfn_item{ margin-bottom: 12px; background: #faf9f9; padding: 12px 20px 12px 12px; box-sizing: border-box; border-radius: 3px;}
.myfn_item .myfn_title{ position: relative; padding-right: 52px;}
.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: 88px; height: 88px;}
/* .myfn_item .wh_80 .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;} */
/* .myfn_item .wh_80 .locked_tag i{font-size: 13px;} */
.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_item .add_fn_item{ display: flex; width: 100%; height: 100%; min-height: 80px; align-items: center; justify-content: center; }
.myfn_item .add_fn_item:hover .color_636{ color: #0076cb;}
.myfn_item .add_fn_item:hover .cl40_btn{background: #eeecec;} */
.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; min-width: 64px; height: 64px; background: #faf9f9; }

.myf_item{ margin-bottom: 20px; padding: 24px 24px 20px; background: #fff; 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 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{min-height: 48px; font-weight: normal; font-size: 16px; line-height: 24px; margin-bottom: 8px;}
.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;}

.team_vip_list ul{ position: relative; margin-left: -20px;user-select: none;}
.team_vip_list li{position: relative; float: left; width: 342px; padding: 20px; margin: 0 0 20px 20px; border: 1px solid #e0dede; box-sizing: border-box; border-radius: 3px;}
.team_vip_list li:hover{ background: #f5f3f3;}
.team_vip_list li p{max-width: 220px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.team_vip_list .handle_more_con{position: absolute; right: 11px; top: 11px; }
.team_vip_list li .item_mask{display: none; opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); z-index: 2; top: 0; left: 0; transition: opacity .2s linear; }

/* .team_vip_list .more_tag{position: absolute; right: 8px; top: 8px;opacity: 1;}
.team_vip_list .handle_mask_con{ visibility: hidden; opacity: 0; position: absolute; right: 0; top: 0; min-width: 56px; min-height:114px; height: 100%;  border-bottom-right-radius: 3px;border-top-right-radius: 3px; background: rgba(0, 0, 0, .5); transition: opacity 0.3s linear;}
.team_vip_list .handle_mask_con .cons_modify_box{padding: 12px; width: auto; margin: 0;}
.team_vip_list .handle_more_con{position: absolute; right: -1px; top: -1px; min-width: 88px; min-height:114px; height: 100%; }
.team_vip_list .handle_more_con:hover .handle_mask_con{visibility: visible; opacity: 1;}
.team_vip_list .handle_more_con:hover .more_tag{ opacity: 0; } */

.talent_con button.bd_e0d:disabled{ border-color:#eeecec;}
.talent_sub_con{ border: 1px solid #eeecec;}
.subcon_left{ width: 168px; }
.subcon_right{ flex: 1; width: 558px; min-height: 70vh; border-left: 1px solid #eeecec;}
.talent_type_nav li{ height: 32px; line-height: 32px; width: 100%; padding-left: 20px; box-sizing: border-box; color: #333131; cursor: pointer;}
.talent_type_nav li span{ color: #999696;}
.talent_type_nav li:hover,.talent_type_nav li.act{ background: #f5f3f3; }

.talent_list li{ padding: 12px 0; border-bottom: 1px solid #eeecec;}
.talent_list li.selected,.talent_list li:hover{ background: #faf9f9;}
.talent_list .tl_1{min-width: 52px; padding-left: 20px; box-sizing: border-box;}
.talent_list .tl_2{ flex:1;}
.talent_list .tl_3{ min-width: 76px;}
.talent_list .tl_4{ min-width: 52px;}

.talent_list .tl_2 .mark_star_tag{position: relative; display: inline-block; margin-top: -2px; margin-left: 12px; width: 20px; height: 20px; text-align: center; color: #ffad00; font-size: 16px;}
.talent_pagination{ padding: 20px 28px;}

.tbl_table .b_1{ width: 40px;}
.tbl_table .b_2{ width: 244px;}
.tbl_table .b_22{ width: 330px;}
.tbl_table .b_3{ width: 292px; position: relative;}
.tbl_table .b_32{ width: 380px; position: relative;}
.tbl_table .b_4{ flex:1;}
.tbl_table .tbl_header { height: 48px; line-height: 48px; background: #f5f3f3; font-size: 14px; color: #666363;}
.tbl_table .tbl_header li{ padding: 0 20px;}
.tbl_table .tbl_body{ max-width: 728px;}
.tbl_table .tbl_body li{ padding: 16px 20px; border-bottom: 1px solid #eeecec;}
.tbl_table .tbl_body li:hover,.tbl_table .tbl_body li.selected{ background: #faf9f9;}
.tbl_table .tbl_body .cons_modify_box{width: auto; margin: 0; }
.tbl_table .chk_input b{ display: inline-block; white-space: nowrap; color: #569; padding: 0 8px;}
.gpf_user_list .tbl_table .tbl_body li{ padding: 16px 0;}
.gpf_user_list .tbl_table .tbl_body li:hover{ background: none;}

.team_all_list .handle_more_con,.team_new_list .handle_more_con{position: absolute; right: 0; top: 4px;}
.team_all_list .b_3 p,.team_new_list .b_3 p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tbl_table.team_all_list .b_1{ visibility: hidden; opacity: 0;width: 0; transition: width .15s linear;}

.tbl_table .b_3 .color_969 span{ color: #666363;}
/* .tbl_table .b_3 .color_969 em{ color: #e0dede;} */
.tbl_table.batch .b_1{width: 40px; visibility: visible; opacity: 1;}
.tbl_table.batch .batch_open_zone{display: none;}
.tbl_table.batch .batch_btns_zone {display: block;}
.tbl_table.batch .b_4 {display: none;}
.tbl_table.batch .batch_btns_zone .cancel_batch_btn:hover{color: #0076cb;}
.team_new_list .bg_f53_box{ background: #f5f3f3; padding: 8px 12px; border-radius: 3px; box-sizing: border-box; line-height: 20px; color: #666363; font-size: 12px; }
.team_new_list .bg_f53_box ol{ width: 64px; height: 64px; margin-right: 4px; position: relative;}
.team_new_list .bg_f53_box ol img{border-radius: 0;}
.team_new_list .bg_f53_box .img_mask{display: flex; position: absolute; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); cursor: pointer; visibility: hidden; opacity: 0; transition: opacity .15s linear;}
.team_new_list .bg_f53_box .img_mask i{display: flex; width: 32px; height: 32px; background: #000; border-radius: 50%; align-items: center; justify-content: center; color: #fff; font-size: 16px;}
.team_new_list .bg_f53_box ol:hover .img_mask{visibility: visible; opacity: 1;}
.tbl_table .gallery_con .slide li{ padding: 0; border-bottom:0 none;}
.tbl_table .gallery_con .slide li:hover{ background: none;}

.item_per_limit{height: auto;}
.item_per_limit.mhb{height: 80px; overflow: hidden;}

.myr_center_con{ padding: 12px 92px 20px; min-height: 110vh; }
/* .remind_all_list{} */
.myr_item{ margin-bottom: 20px; background: #f5f3f3; box-sizing: border-box; border-radius: 5px;}
.myr_item .h_48{height: 48px; padding: 0 12px;}
.myr_item .myr_infos{ padding: 8px 24px 20px 24px; line-height: 24px;}
.myr_item .myr_infos .color_313 p{display: flex; align-items: flex-start;}
.myr_item .myr_infos .color_313 label{min-width: 70px;}
.myr_item .myr_infos .color_313 .color_313 em{color: #e0dede;}
.myr_item .myr_infos .wh_300_48{position: relative; width: 300px; height: 48px;}
.myr_item .myr_infos .wh_300_48 img{ border-radius: 0;}
.myr_item .myr_infos .mxh_96{position: relative; width: auto; max-height: 96px;}
.myr_item .myr_infos .mxh_96 img{ max-height: 96px; width: auto;}
.myr_item .picture_zoom_in{position: relative;}
.myr_item .img_mask{display: flex; position: absolute; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); cursor: pointer; visibility: hidden; opacity: 0; transition: opacity .15s linear;}
.myr_item .img_mask i{display: flex; width: 32px; height: 32px; background: #000; border-radius: 50%; align-items: center; justify-content: center; color: #fff; font-size: 16px;}
.myr_item .picture_zoom_in:hover .img_mask{visibility: visible; opacity: 1;}
.st_success .myr_infos .font_16{ color: #108000;}
.st_failed .myr_infos .font_16{ color: #f36;}
/*creator datas*/
.dchart_box{width: 100%; height: 300px;}
.dchart_box.h_248{height: 248px;}
.dchart_box.h_448{height: 448px;}
.dchart_pie_box{width: 400px; height: 264px;}
.datas_table_box{border: 1px solid #e0dede; padding: 8px; box-sizing: border-box; background: #faf9f9;}
.datas_table{ width: 100%; font-size: 14px; color: #333131;}
.datas_table thead th{color: #666363; font-weight: normal;}
.datas_table td,.datas_table th{ width: 80px; height: 32px; line-height: 32px; padding:0 8px 0 20px; box-sizing: border-box;}
.datas_table.wc_100 td,.datas_table.wc_100 th{width: 100px; padding-left: 40px;}
.datas_table tr th:first-child,.datas_table tr td:first-child{ width: 120px; padding-left: 20px; text-align: left;}
.datas_table.wc_100 tr th:first-child,.datas_table.wc_100 tr td:first-child{ width: 140px;}
.datas_table tr td svg{ margin-right: 8px; font-size: 16px;}
.datas_pie_table{ font-size: 12px;box-sizing: border-box;}
.datas_pie_table thead th{color: #666363; font-weight: normal;}
.datas_pie_table td,.datas_pie_table th{ width: 64px; height: 40px; line-height: 40px; padding:0 8px 0 0; box-sizing: border-box;}
.datas_pie_table tr th:first-child,.datas_pie_table tr td:first-child{ width: 140px; text-align: left;}
.clicrl_tag{display: inline-block; width: 8px; height: 8px; border-radius: 50%;}
.bg_5b7{background: #53b700;}
.bg_e43{background: #e43834;}
.bg_fad{background: #ffad00;}

.chart_loading{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #999696; }

/*creator other*/
.per_year_bc{ padding: 0 20px; font-size: 14px;}
.per_year_bc .bc_year{ height: 36px; line-height: 36px; font-size: 12px;}
.bc_container .per_year_bc:first-child .bc_year{display: none;}
.per_year_bc .bc_month{ padding-top: 16px; line-height: 32px; width: 88px; min-width: 88px; margin-right: 20px; font-size: 12px;}
.per_year_bc .bc_list{ flex: 1; max-width: 580px;}
.per_year_bc .bc_list .bc_item{ padding: 12px 0;}
.per_year_bc .bc_list .bc_item .bc_item_avatar{ margin-right: 20px;}
.per_year_bc .bc_list .bc_item .substr_one{max-width: 432px;}
.per_year_bc .bc_list .bc_item .w_64{width: 64px; min-width: 64px; margin-left: 20px; font-size: 12px; color: #999696; line-height: 32px;}

/*creator apply company*/
.cpdib_1{border: 8px solid #eeecec; box-sizing: border-box;}
.cpdib_2{border: 4px solid #fff; box-sizing: border-box;}
.cpdib_3{border: 4px solid #eeecec; box-sizing: border-box; background: #faf9f9;}
.cpd_info_box{ padding: 48px 40px 64px 40px; font-size: 14px;}
.wh_200_142{ width: 200px; height: 142px;}
.cpd_info_box .w_144{width: 144px; min-width: 144px; color: #333131; font-size: 14px; line-height: 40px;}
.cpd_info_box .w_144.font_b{font-weight: bold;}
.cpd_info_box .wh_96{ width: 96px; height: 96px; min-width: 96px; box-sizing: border-box; border: 1px solid #e0dede;}
.cpd_info_box .licenses_info_box{background: #faf9f9 url(../images/manage/bl_bg.jpg) no-repeat top center;color: #333131;line-height: 24px;padding: 16px 24px;}
.cnpd_key li{ float: left; margin: 0 8px 8px 0; display: inline-flex; justify-content: space-between; align-items: center; height: 32px; line-height: 32px; font-size: 12px; color: #333131; padding: 0 8px; border-radius: 3px; background: #f5f3f3;user-select: none; }
.apal_pic{position: relative; line-height: 0;}
.apal_pic img{ width: 200px; height: auto; cursor: zoom-in;}
.apal_pic .pic_mask{opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); z-index: 2; top: 0; left: 0; transition: opacity .2s linear; }
.apal_pic:hover .pic_mask{opacity: 1; visibility: visible;}

.dlg_license_box {display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-justify-content:center;justify-content:center; align-items: center;}
.dlg_license_box img { height: auto; max-height: 800px;max-width: 100%;object-fit: cover;}
.default_licenses_box img{ cursor: zoom-in;}
.default_licenses_box.error img{ cursor: default;}

.cpd_left .order_process_box>div{position: relative;width: 240px;text-align: center;}
.cpd_left .order_process_box>div::after{display: block;content: "";position: absolute;left: 136px;top: 16px;height: 1px;width: 208px;background: #cccaca;}
.cpd_left .order_process_box>div.last::after{display: none; content: ""; }

.apl_table .aplt_header{background: #f5f3f3; padding: 16px 12px; line-height: 24px; font-size: 14px; color: #666363;  }
.apl_table .aplt_1{flex: 1;}
.apl_table .aplt_2{width: 180px; min-width: 180px; padding-left: 20px; box-sizing: border-box;}
.apl_table .aplt_3{width: 92px; min-width: 92px; padding-left: 20px; box-sizing: border-box;}
.apl_table .wh64_box{border-radius: 6px; border: 1px solid #e0dede;}
.apl_table .aplt_body li{ padding: 16px 12px 20px 12px; box-sizing: border-box; border-bottom: 1px solid #eeecec;}
.item_apli_box{ background: #f5f3f3; padding: 8px 16px; font-size: 12px; color: #666363; line-height: 20px; border-radius: 3px;}



/*start homepage*/
.dc_box{ background: #fff;}
.dc_card_box {position: relative;}
.dc_card_box .dc_card{position: relative;border-top-left-radius: 5px;border-top-right-radius: 5px;z-index: 0; overflow: hidden;}
.dc_card_box .dc_card .dc_banner{ width: 100%; max-height: 160px; height: 160px; line-height: 0; overflow: hidden; background-size: cover;}
.dc_card_box .dc_card .dc_banner.h_120{max-height: 120px; height: 120px;}
.dc_card_box .dc_card .dc_banner img{ width: 100%; height: 100%; object-fit: cover;}
.dc_card_box .dc_card .upload_banner_btn{display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; height: 40px; font-size: 14px; font-weight: bold; border-radius: 3px;background: rgba(0, 0, 0, .8); box-sizing: border-box; }
.dc_card_box .dc_card .upload_banner_btn{ position: absolute; right: 12px; top: 12px; }
.dc_card_box .dc_card .upload_banner_btn:hover{ background: rgba(0, 0, 0, 1); border-color: #999696; }

.dc_card_box .dc_card .upload_audit{display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; height: 40px; font-size: 14px; font-weight: bold; border-radius: 3px; border: 1px solid #999696; box-sizing: border-box; }
.dc_card_box .dc_card .upload_audit{ position: absolute; right: 12px; top: 12px; color: #ff3366;}
.dc_card_box .dc_card .upload_audit:hover{ background:none;border-color: #999696; color: #ff3366; }


.upload_banner_file,.dlg_qrcode_file,.dlg_input_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);}
.dc_card_modify{position: absolute; width: 100%; height: auto; left: 0; top: 0; z-index: 1;background: #fff;box-sizing: border-box;box-shadow: 0 2px 4px 0 rgba(0,0,0,.25);border-radius: 5px; overflow: hidden; }
.dc_card_modify .h_160{ width: 100%; max-height: 160px; height: 160px; line-height: 0; overflow: hidden;}
.dc_card_modify .h_160 canvas{ width: 100%; height: 100%;touch-action: manipulation; user-select: none;  cursor: move;}
.dc_card_modify .modify_action_box{ background: #fff; padding: 12px 24px 12px 20px; box-sizing: border-box;}
/*chrome input[type=range]*/
input[type=range].range_input {-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#eeecec;height:4px;margin:0;padding:0;width:240px;}
input[type=range].range_input:focus {outline:none;}
input[type=range].range_input::-webkit-slider-runnable-track {border-radius:0;background:#eeecec;cursor:pointer;height:4px;}
input[type=range].range_input::-webkit-slider-thumb {-webkit-appearance:none;appearance:none;border-radius:50%;background:#666363;cursor:pointer;height:16px;margin-top:-6px;width:16px;}
input[type=range].range_input:hover::-webkit-slider-thumb{background: #0076cb;}
/*firefox input[type=range]*/
input[type=range].range_input::-moz-range-track {border-radius:0;background:#eeecec;cursor:pointer;height:4px;}
input[type=range].range_input::-moz-range-thumb {-webkit-appearance:none;appearance:none;border-radius:50%;background:#666363;cursor:pointer;height:16px;margin-top:-6px;width:16px;}
input[type=range].range_input:hover::-moz-range-thumb{background: #0076cb;}
/*ie input[type=range]*/
input[type=range].range_input::-ms-track {border-color:transparent;color:transparent;width:100%;border-radius:0;background:#eeecec;cursor:pointer;height:4px;}
input[type=range].range_input::-ms-fill-lower,input[type=range].range_input::-ms-fill-upper {background:#eeecec;}
input[type=range].range_input::-ms-fill-lower,input[type=range].range_input::-ms-fill-upper {border-radius:0;}
input[type=range].range_input::-ms-thumb {-webkit-appearance:none;appearance:none;border-radius:50%;background:#666363;cursor:pointer;height:16px;margin-top:-6px;width:16px;}
input[type=range].range_input::-ms-tooltip {display:none}
input[type=range].range_input:hover::-ms-thumb{background: #0076cb;}

.dc_info_box .bg_fa9{ border-top-left-radius: 5px; border-top-right-radius: 5px;}
.copy_link_box{position: relative;}
.copy_link_box .lmp_tooltip{ opacity: 1; visibility: visible; }
.modify_logo_btn{ position: absolute; bottom: 8px; right: 8px; display: block; height: 32px; width: 32px; text-align: center; line-height: 32px; background: rgba(0, 0, 0, .8); box-sizing: border-box; border-radius: 50%; overflow: hidden; }
.modify_logo_btn i.gicon_camer{display: inline-block; margin-top: -1px;}
.modify_logo_btn:hover{ background: rgba(0, 0, 0, 1);}
.dc_info_logo .thumb.pos_rel{ overflow: unset;}
.dc_info_logo .under_audit_box{ position: absolute;bottom: 0; left: 0; width: 100%; height: 24px; text-align: center; line-height: 24px; background: rgba(0, 0, 0, .6); box-sizing: border-box;}
.dc_info_logo .alevel_tag{ position: absolute;bottom: -4px; right: -4px; width: 16px; height: 16px;}

.company_nickname_list li{ height:32; display: flex; align-items: center; justify-content: left; margin-bottom: 8px;}
.company_nickname_list li:last-child{ margin-bottom: 0;}
.company_nickname_list li .cnl_num{ display: inline-block; width: 20px; text-align: center; margin-right: 12px; font-size:12px; color: #666363; }
.company_nickname_list li .cnl_item{ display: inline-flex; justify-content: space-between; align-items: center; padding: 0 12px; height: 32px; border-radius: 3px; background: #fff;color: #333131; }
.company_nickname_list li .cnl_item a{display: inline-block; margin-left: 10px; font-size: 10px; color: #666363; }
.company_nickname_list li .cnl_item a i{font-size: 10px;}
/* .company_nickname_list li .cnl_item:hover{ background: #faf9f9;} */
.company_nickname_list li .cnl_item a:hover{ color: #f36;}

.kws_count_box{position: absolute;right: 16px;bottom: 12px;}

.dc_info_detail h1{ line-height: 32px;}
.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; }


.dc_info_detail .h_24{ height: 24px;}
.dc_info_detail .cons_modify_box{ width: auto; margin-left: 0; }
.dc_info_detail .cons_modify_box .list_more_box{margin-left: 0; }
.dc_info_detail .list_tag_box span{ background: #ffedeb; }
.dc_info_detail .list_tag_box.color_636 span{ background: #f5f3f3; }
.dc_info_detail .lh_32 .list_tag_box span{ height: 32px; line-height: 32px; margin-right: 8px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  box-sizing: border-box;}
.dc_info_detail .lh_32 .list_tag_box span i{display: inline-block; width: 20px; text-align: center; font-size: 14px; color: #999696; margin-right: 4px;}

.dc_top_intro{ line-height: 24px; max-height:auto;}
.dc_top_intro.bhk,.dc_intro_show{ display: flex; align-items: center; max-height:24px; overflow: hidden;}
.dc_top_intro.bhk>span{ext-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; max-width: 588px;max-height:24px;overflow:hidden;vertical-align: bottom;}
.dc_intro_show>span{ext-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; max-width: 568px;max-height:24px;overflow:hidden;vertical-align: bottom;}
.dc_intro_show.hide,.show_all_intro.hide{display: none;}
.show_all_intro{display: inline-block;vertical-align: bottom; padding-left: 4px; }
.dc_intro_all{position: relative; padding-bottom: 20px;}
.dc_intro_all .close_intro_btn{position: absolute; right: 0; bottom: 32px;}
.dc_address_all{ width: 480px;}
.dc_address_all .cl20_btn.bg_fef{ background: #ffedeb;}
.dc_address_all .cl20_btn.bg_fef i{font-size: 10px;}
.dc_address_all li{padding-bottom:12px;}
.dc_address_all .icon_lmp_box .title_lmp{top:-34px; left: -38px;}


.dci_tab{ border-top: 1px solid #f5f3f3; padding: 0 24px; }
.dci_tab li{ padding: 0 24px; }
.dci_tab li a{position: relative;display: block;height: 48px;line-height: 48px;padding: 0;font-size: 16px;}
.dci_tab li.current a::after{position: absolute;bottom: 0;left: 50%; margin-left: -6px; display: block;content: "";width: 12px;height: 2px;background: #f36;}
.dci_tab li a span{ color: #999696;}
.dci_tab li.current a,.dci_tab li.current a span,.dci_tab li a:hover span{ color: #f36;}

.dc_con_right{ width: 290px; min-width: 290px; margin-left: 12px;}
.dc_con_left{ width: 698px; max-width: 698px; }
.dc_con_left .pd_0_16_20{ padding: 0 20px 24px;}
.lh48_box{ height: 48px; line-height: 48px; border-bottom: 1px solid #eeecec; }

.dc_jobs_list li{ padding: 16px 0; border-bottom: 1px solid #eeecec; }
.dc_jobs_list li h5{ font-size: 16px; line-height: 24px; margin-bottom: 8px;}
.dc_jobs_list .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;} 
.dc_jobs_list .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;}

.dc_cons_list .wh_192_120{ width: 192px; height: 120px; }
.dc_cons_list li{ padding: 20px 0; border-bottom: 1px solid #eeecec;}
.dc_cons_list li h5{ font-size: 16px; line-height: 24px;}
.dc_cons_list li .desc{ line-height: 24px; max-height: 48px; font-size: 14px;}
.dc_cons_list li .desc a{ color: #666363;}

.dc_list_tag_box span,.dc_list_tag_box a{ display: inline-block; font-size: 16px; margin-right: 4px;}


.dc_pro_list{position: relative; margin-left: -12px; }
.dc_pro_list li{float: left; margin-left: 12px; margin-bottom: 20px; width: 210px; background: #faf9f9;border-radius: 3px; overflow: hidden; }
.dc_pro_list .wh_210_130{ width: 210px; height: 130px; }
.dc_pro_list li .wh32_box{border-radius: 0;}
.dc_pro_list .pdl_info{ padding: 12px 12px 8px;}
.dc_pro_list .pdl_info .h_40{min-height: 40px; color: #999696; line-height: 20px;display: flex; flex-flow: column;justify-content: center;}
.dc_pro_list .pdl_info .h_40 p {width:100%; max-width: 175px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.dc_pro_list .pdl_info .h_40 a{ display: inline; margin-left: 4px; color: #569;}
.dc_pro_list .pdl_info .h_40 a:hover{color: #f36;}
.dc_con_left .dc_pro_list .pdl_info .h_40 p {max-width: 100%;}
.dc_con_left .dc_pro_list .pdl_info h4{ line-height: 20px; margin-bottom: 8px; font-size: 14px; font-weight: normal;min-height: 40px;height: 40px;}

.dc_pro_list .pdl_info .cl32_btn{ background: #fff;}
.dc_pro_list .pdl_info .cl32_btn:hover{ background: #e0dede;}
.dc_pro_list .dc_sns_panel{ color: #999696; font-size: 12px; height: 24px; }
.dc_pro_list .dc_sns_panel a{display: inline-block; margin-right: 20px; color: #666363; }
.dc_pro_list .dc_sns_panel a.color_red{color: #f36; }
.dc_pro_list .dc_sns_panel a:hover{color: #f36; }
.dc_pro_list .dc_sns_panel a:last-child{margin-right: 0; }
.dc_pro_list .dc_sns_panel .groupfont{display: inline-block; color: #cccaca; font-size: 13px; margin-right: 6px; }
.dc_pro_list .dc_sns_panel .color_red .groupfont{ color: #f36; }

.hp_main .dc_pro_list{position: relative; margin-left: -16px; }
.hp_main .dc_pro_list li{float: left; margin-left: 16px; margin-bottom: 20px; width: 228px; background: #faf9f9; }
.hp_main .dc_pro_list .wh_210_130{ width: 228px; height: 143px; }
.hp_main .dc_pro_list .dc_sns_panel .cur_bg{ height: 24px; line-height: 24px; padding:0 8px; border-radius: 3px; background: #f36;color: #fff; box-sizing: border-box; }
.hp_main .dc_pro_list .dc_sns_panel .cur_bg .groupfont{color: #fff;}
.hp_main .dc_pro_list .dc_sns_panel .cur_bg.rlevel_1{background: #ffad00; }
.hp_main .dc_pro_list .dc_sns_panel .cur_bg.rlevel_2{background: #ff6a00; }
.hp_main .dc_pro_list .dc_sns_panel .cur_bg.rlevel_3{background: #f36; }
.cl_arrow_list li{ float: left; height: 32px; width: 32px; box-sizing: border-box; border-radius: 50%;font-size:14px; background: #faf9f9; color: #569; cursor: pointer;}
.cl_arrow_list li .groupfont{font-size: 14px;}
.cl_arrow_list li:hover{ background: #f5f3f3; color: #569;}
.cl_arrow_list li.disabled,.cl_arrow_list li.swiper-button-disabled{ background: #faf9f9; color: #cccaca; cursor: not-allowed;}

.hot_pro_container{ width: 646px; height: 344px; box-sizing: content-box; overflow: hidden;}
.hot_pro_container .dc_pro_list li{width: 288px;}
.hot_pro_container .dc_pro_list .pdl_info{ padding: 12px 20px;}
.hot_pro_container .dc_pro_list .pdl_info h4{ line-height: 24px; margin-bottom: 8px; font-size: 16px; font-weight: normal;min-height: 48px;height: 48px;}
.hot_pro_container .dc_pro_list .wh32_box{ border-radius: 0; border: 0 none; }
.hot_pro_container .dc_pro_list .pdl_info .h_40{flex:1;  max-width:208px; }

.dc_pro_list .wh_288_180{ width: 288px; height: 180px; }

.hot_pro_container .dc_pro_list .dcp_item{ width: 288px; background: #faf9f9; border-radius: 3px; overflow: hidden; }
.dcp_item .hot_pro_tag{position: absolute; top: 8px; left: 8px;}
.hot_pro_tag i{ display: block; width: 24px; height: 24px; padding: 5px 6px; text-align: center; border-radius: 3px; box-sizing: border-box; background: #fe3636;color: #fff; font-size: 12px;}

.hot_pro_container .swiper-container{ width: 588px;overflow: unset; margin: 0;}
.hot_pro_container .swiper-container .dc_pro_list{ margin-left: 0;}
.hot_pro_container .swiper-slide{ max-width: 288px;overflow: hidden;}
.chart_box {background: #ff9331;min-height:197px;border-radius:3px; overflow: hidden;}
.chart_box h5 {font-size: 14px; font-weight: normal; color: #fff; height: 36px; line-height: 36px; border-bottom:1px solid #ffb46f;}
.pink_chart_box {background: #ff7f99;min-height:197px;}
.pink_chart_box h5 {border-bottom:1px solid #ffa6b8;}
.blue_chart_box {background: #0076cb; min-height:197px;}
.blue_chart_box h5 {border-bottom:1px solid #4d9fdb;}
.dc_con_right .chart_box{ border-radius: 0;}

.dcr_swiper .swiper-container{ width: 258px; height: 160px; max-height: 160px; overflow: hidden; margin: 0;}
.dcr_swiper .swiper-slide{ max-width: 258px; height: 160px; cursor: pointer; overflow: hidden;}
.dlg_office_swiper .swiper-container{ width: 960px; height: 600px;max-height: 600px; overflow: hidden; margin: 0;}
.dlg_office_swiper .swiper-slide{ max-width: 960px;overflow: hidden;}
.dlg_office_swiper .controls{ z-index: 10;}
.office_item .pic_desc{position: absolute;font-size:14px;height: 48px;line-height: 48px;color: #fff;width: 100%;z-index: 1;bottom: 0;box-sizing: border-box;}
.pic_desc .mask_txt {position:absolute;bottom:0;left:0;width:100%;height: 48px;background-image: linear-gradient(to top,rgb(0,0,0,0.3),rgb(0,0,0,0));z-index:1;}
.pic_desc>p {position:relative;z-index:2;color:#fff;padding-left: 16px;}
.office_item .pic_desc.h_40{height: 40px;line-height: 40px;}
.pic_desc.h_40 .mask_txt {height: 40px;}
.pic_desc.h_40>p {padding-left: 12px;}

.link_gdmap_btn{display: inline-flex; max-width: 126px; box-sizing: border-box; align-items: center; padding: 0 8px; height: 32px; background: #f5f3f3; border-radius: 3px; color: #569; font-size: 14px; user-select: none; }
.link_gdmap_btn:hover{ background: #eeecec; }

.map_location{ position: relative; width: 100%; height: 160px; background: #f5f3f3; overflow: hidden; }
.map_location .link_gdmap{display: flex; align-items: center; position: absolute; bottom: 12px; right: 12px; padding: 0 8px; height: 32px; background: #fff; border-radius: 3px; color: #569; font-size: 14px; }
.map_location .link_gdmap:hover{ background: #f5f3f3; }
#gdmap_location,.dialog_gdmap_location{ width: 100%; height: 100%; position: relative; z-index: 0; }
.dialog_gdmap_con{ width: 798px; height: 478px; }
.amap-marker-label{ border: 1px solid #e0dede; box-sizing: border-box; line-height: 24px; padding: 0 8px; border-radius: 3px; font-size: 12px; color: #333131; }

.relative_list li{ padding: 8px 0; }
.hp_filter_list li,.hp_filter_option li{ margin-right: 8px;}
.hp_filter_list li a{display: inline-block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 14px; color: #666363; background: #f5f3f3; border-radius: 3px; box-sizing: border-box;}
.hp_filter_list li.act a{color: #f36; font-weight: bold; background: #ffedeb;}
.hp_filter_list li:not(.act) a:hover{ background: #eeecec; }

.hp_tabs_list li{ margin-right: 24px;}
.hp_tabs_list li a{position: relative; display: inline-block; height: 48px; line-height: 48px; font-size: 16px; color: #666363;box-sizing: border-box;}
.hp_tabs_list li span{ color: #999696;}
.hp_tabs_list li.act a,.hp_tabs_list li.act span{color: #f36;}
.hp_tabs_list li.act a::after{position: absolute;bottom: 0;left: 0; display: block;content: "";width: 100%;height: 2px;background: #f36;}
.hp_tabs_list li a:hover,.hp_tabs_list li a:hover span{ color: #f36; }

.hp_filter_option li a{display: inline-block; height: 28px; line-height: 28px; padding: 0 16px; font-size: 14px; background: #f5f3f3;color: #666363; border: 1px solid transparent; border-radius: 14px; box-sizing: border-box;}
.hp_filter_option li.act a{color: #f36; background: #ffedeb; border-color:#f36; }
.hp_filter_option li:not(.act) a:hover{background: #f5f3f3; }

.hp_table .p_1{ width: 80px; padding-right: 16px;box-sizing: border-box;}
.hp_table .p_2{ flex:1; max-width: 484px; box-sizing: border-box; padding-right: 16px;}
.hp_table .p_3{ width: 124px; box-sizing: border-box; padding-right: 16px;}
.hp_table .p_4{ width: 124px; box-sizing: border-box; padding-right: 16px;}
.hp_table .p_5{ width: 124px; box-sizing: border-box; padding-right: 16px;}
.hp_table .p_6{ width: 48px; box-sizing: border-box; }

.hp_table .hp_header { height: 48px; line-height: 48px; background: #f5f3f3; font-size: 14px; color: #666363; box-sizing: border-box;}
.hp_table .hp_header li{ padding: 0 16px;}
.hp_table .hp_body li{ padding: 8px 16px; border-bottom: 1px solid #eeecec;}

.hp_table .cl20_btn:hover{ background: #e0dede;}
.hp_table .cl20_btn i{ position: relative; top:1px; transform: scale(0.7) rotate(90deg);color: #999696; font-size: 12px; }
.hp_table .cl20_btn:hover i{ color: #999696; }
.hp_table .p_6 .cl32_btn{ background: none;color: #999696;}
.hp_table .p_6 .cl32_btn:hover{ background: #f5f3f3;color: #0076cb;}

.hp_table .hpb_pro_relative{ display: none; padding: 0 12px 20px; }
.hp_table li.selected{ background: #f5f3f3; }
.hp_table li.selected .hpb_pro_relative{ display: block; }
.hp_table li.selected .p_5{ color: #f36; }
.hp_table li.selected .p_5 .cl20_btn{ background: #f36; color: #fff; }
.hp_table li.selected .p_5 .cl20_btn i{top:-1px; color: #fff; transform: scale(0.7) rotate(270deg); }

.wh_208_130{width: 208px; height: 130px;}
.hpb_relative_pro_list,.awards_item_list{position: relative; margin-left: -16px; }
.hp_table .hp_body .hpb_relative_pro_list li{ float: left; width: 208px; padding: 0; margin-bottom: 20px; border: 0 none; background: #fff; border-radius: 3px; overflow: hidden; margin-left: 16px; }
.hp_table .hp_body .hpb_relative_pro_list li .wh_208_130{ width: 208px; height: 130px;}
.hp_table.awards_all_list .hp_body li{ padding: 12px 0 12px 16px; }
.hp_table .a_1{ width: 276px;padding-right: 16px;}
.hp_table .hp_body .a_2{ flex:1; padding: 4px 0; box-sizing: border-box; }

.cl48_box{width: 48px; height: 48px; border-radius: 50%; box-sizing: border-box; }
.cl32_box{width: 32px; height: 32px; border-radius: 50%; box-sizing: border-box; }

.awards_item_list ol{ float: left; width: 139px; margin-left: 16px; padding: 4px 0; }
.awards_item_list ol .w_90{  width: 90px;}
.awards_item_list ol.w_60{  width: 60px;}
.awards_item_list ol.w_550{  width: 550px;}

.awards_all_list a{ color: #333131;}
.awards_all_list .a_1 a{ color: #000;}

.ranklist_table{width: 100%; font-size: 12px; color: #666363;}
.ranklist_table *{box-sizing: border-box;}
.ranklist_table .w_52 {width: 52px;}
.ranklist_table .w_274{width: 274px;}
.ranklist_table thead{background: #f5f3f3;}
.ranklist_table thead th,.ranklist_table tbody td{ height: 40px; line-height: 40px; padding-left: 20px;}
.ranklist_table thead th.a_r,.ranklist_table tbody td.a_r{padding-right: 20px;}
.ranklist_table thead th{font-weight: normal;}
.ranklist_table tbody td.a_r,.ranklist_table tbody td.w_52{font-weight: bold;}
.ranklist_table tbody td.w_52{text-align: center;}
.ranklist_table tbody td.a_r{color: #333131;}
.ranklist_table tbody .act{background: #ffedeb;}
.ranklist_table tbody .act .rank_span{ display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #f36; border-radius: 50%; color: #fff;}
.ranklist_table tbody .act .rate_span{ color: #f36;}

.dlg_join_info_box{ background: #f5f3f3; padding: 12px 20px 20px; border-radius: 5px;}
.dlg_join_reason .edit_html_box{ background: #fff;}
.dlg_join_reason .edit_html_input{ font-size: 14px; padding:11px 15px; line-height: 24px; min-height: 120px;}
.dlg_join_reason .edit_html_input:before{ top: 11px; left: 15px;}
.dlg_join_reason .edit_html_box .word_num{right: 12px;}

.join_file_con{position: relative; padding: 0 15px 11px;}
.join_file_con .jfc_item,.join_file_con .upload_jfc_item{position: relative; width: 64px; height: 64px; background: #faf9f9; cursor: pointer; }
.join_file_con .jfc_item img{ width: 100%; height:100%; object-fit: cover; }
.join_file_con .upload_jfc_item .cl32_btn{ background: #faf9f9; color: #999696;}
.join_file_con .upload_jfc_item:hover .cl32_btn{ background: #f5f3f3; color: #569;}
.jfc_preview{line-height: 0;width: 64px; height: 64px; overflow: hidden;}
.join_file_con .jfc_item .pic_handle {position:absolute;top:-5px;right:-5px;overflow:hidden;z-index:1; width: 16px; height: 16px; cursor: pointer; }
.join_file_con .jfc_item .pic_handle .delete_item{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, .6);border-radius: 50%;}
.join_file_con .jfc_item .pic_handle .delete_item i{display: block; transform: scale(.5); color: #fff; }
.join_file_con .jfc_item .pic_handle .delete_item:hover{ background: rgba(0, 0, 0, .7); }
#dialog_staff_join .bg_fa9 .bd_select{background: #faf9f9; padding-left: 11px; font-size: 14px;}
.work_date_label{ padding: 0 12px; text-align: center; line-height: 40px; }
.current_staff_chk{ position: absolute; right: 46px;}

.right_cons_list{padding: 16px 0 20px;}
.right_cons_list li{ margin-bottom:16px; font-size: 14px;}
.right_wh48_list{ padding: 8px 0 16px; font-size: 14px;}
.right_wh48_list li{ padding: 8px 0; }
.right_wh48_list li .mxw_140{ max-width: 140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.right_wh48_list li.act .gicon_love:before{content: "\e676"; color: #f36;}
.right_wh48_list li .cl32_btn{background: none; color: #999696;}
.right_wh48_list li:hover .cl32_btn,.right_wh48_list li.cl32_btn:hover{background: #eeecec; color: #569;}
.right_wh48_list li .cl32_btn i.gicon_arrow { font-size: 12px; position: relative; right: -1px;}

.right_hobbies_list{ padding: 12px 0 20px; font-size: 14px;}
.right_hobbies_list>li{ position: relative; height: 32px; line-height: 32px; margin-bottom: 8px; background: #faf9f9; border-radius: 3px; box-sizing: border-box; overflow: hidden;}
.right_hobbies_list li .item_val_bg{ position: absolute; left: 0; height: 32px;  }
.right_hobbies_list li .mxw_100{ max-width: 100px; padding: 0 8px; border-radius: 3px; box-sizing: border-box; background: #eeecec; color: #333131;}
.right_hobbies_list li .cl32_btn{ background: transparent; }
.right_hobbies_list li .cl32_btn i{font-size: 12px; }
.right_hobbies_list li .cl32_btn:hover{ background: #e0dede; }
.right_hobbies_list li.act .cl32_btn{ background: transparent; color: #999696; pointer-events: none; cursor: not-allowed;}
.right_hobbies_list li.act .cl32_btn:hover{ background: transparent; }
.right_hobbies_list li .cur_pt:hover{ color: #f36; }
.right_hobbies_list li .cur_pt:hover .mxw_100{background: #e0dede;}


.right_cons_list li:last-child,.right_hobbies_list>li:last-child{ margin-bottom:0;}
.cdi_approval_list .w_228{ width: 228px; min-width: 228px; }
.cdi_approval_list li{ padding: 4px 20px 4px 12px; }
.cdi_approval_list li:hover{background: #faf9f9; color: #f36; }
.cdi_approval_list li:hover .substr_one{color: #f36; }
.cdi_approval_list .mx_156{ max-width: 156px;}


.hpqa_list_con.pop_scroll_con{ padding: 8px 20px 24px;overflow-y: overlay; max-height: 500px;}
.hpqa_list_con .hpqa_list{ font-size: 14px; color: #000; line-height: 24px;}
.hpqa_list_con .hpqa_list li{border-bottom: 1px solid #e0dede; }
.hpqa_list_con .hpqa_list li:last-child{border-bottom: 0 none; }
.hpqa_list_con .hpqa_list h5{ font-size: 14px; padding: 12px 8px; font-weight: normal; cursor: pointer;}
.hpqa_list_con .hpqa_list h5:hover{ background: #faf9f9;}
.hpqa_list_con .hpqa_list .item_answer{ display: none; padding: 0 8px;}
.hpqa_list_con .hpqa_list li.act{ padding-bottom: 12px;}
.hpqa_list_con .hpqa_list li.act h5{font-size: 16px; font-weight: bold;}
.hpqa_list_con .hpqa_list li.act .item_answer{display: block;}
.history_bar_chart{ width: 592px; height:400px;}
.phbc_container .history_bar_chart{ width: 632px; height:280px;}




/*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 .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; font-weight: bold;}
.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%;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 .social_box .rate_item .groupfont{width: auto; font-size: 12px;}
.moments_list .action_box a.action_rate{display: inline-block;width: auto;line-height: 24px;cursor: pointer;color: #fff;}
.moments_list .action_box a.action_rate:hover{color: #fff;}
.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;width: 480px;box-sizing: border-box;}
.moments_list .mli_link_item .bg_f53{padding: 20px; background: #f5f3f3; border-radius: 5px;}
.moments_list .mli_link_item .pro_link_r{ line-height: 20px; font-size: 12px; color: #999696;}
.moments_list .mli_link_item .pro_link_r a{ color: #569;}
.moments_list .mli_link_item .pro_link_r .lh_24 a{ color: #000;}
.moments_list .mli_link_item .pro_link_r .lh_24 a:hover{ color: #f36;}
.moments_list .mli_link_item .art_link_r{padding: 20px;background: #f5f3f3;border-radius: 5px;}
.moments_list .mli_link_item .art_link_r a{ color: #000;}
.moments_list .mli_link_item .art_link_r .color_link a{color: #666363;}
.moments_list .mli_link_item .art_link_r a:hover{ color: #f36;}
.moments_list .comment_text_r{width: 516px;box-sizing: border-box;}

.sctr_limit_box{word-break: break-all;}
.sctr_limit_box .sctrl_text{ color: #000; height: auto;}
.sctr_limit_box .sctrl_text.bhk{ height: 48px; max-height: 48px; overflow: hidden;}
.sctr_limit_box .open_all_ctxt{cursor: pointer;color: #569;font-size: 14px;white-space: nowrap;}
.sctr_limit_box .sctrl_text .emoji{ vertical-align:text-bottom;max-width:22px;max-height:22px;outline:none; margin:0 1px; transform: scale(.9); }

.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: 162px;}
.moments_list .mli_pic_list li{ margin: 0 4px 4px 0; }
.moments_list .mli_pic_list li.only_one_pic{ margin: 0 0 4px 0; }
.moments_list .mli_pic_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;border-radius: 3px;}
.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;}

.prev_pic_btn{ position: absolute; width: 25%; height: 100%; left:0; top:0; cursor: url('../images/pic_prev.cur'), auto;}
.next_pic_btn{ position: absolute; width: 25%; height: 100%; right:0; top:0; cursor: url('../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;}
.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;}

.moments_list .preview_link{display: block; max-width: 450px; padding: 12px; border-radius: 3px; box-sizing: border-box; background: #f5f3f3; margin-bottom: 8px;word-break: break-all; }
.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;}
.hp_moments_con{ padding:0 12px;}
.hp_moments_con .moments_list li.ml_item{ padding: 20px 0 8px 0; border-bottom: 1px solid #eeecec; margin-bottom: 0;}
/* .hp_moments_con .moments_list li.ml_item:last-child{border-bottom: 0 none;} */
.hp_moments_con .ml_item .crt_comment_con .comment_item:last-child{border-bottom: 0 none;}
.hp_moments_con .lh40_btn{ font-weight:normal;}
.hp_moments_con .moments_list .font_nl .mli_nickname{ font-weight: normal;}
/**end homepage meoments*/

.lh32_btn.bg_fa9_btn:hover{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;}

/*start advertisement*/
/* .shop_con{} */
.shop_con *,.order_preview_table *{box-sizing: border-box; }
.shop_head{ height: 40px; line-height: 40px; padding:0 20px;font-weight: bold; margin-bottom: 8px;}
.shop_body ul li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:box;display:flex; -webkit-align-items:flex-start;align-items: flex-start; -webkit-justify-content:space-between;justify-content: space-between; padding:15px 19px; background: #f5f3f3;border: 1px solid #f5f3f3; border-radius: 5px; margin-bottom: 8px; user-select: none;}
.shop_body ul li:last-child{margin-bottom: 0;}
.shop_body ul li p,.order_preview_body ul li p{ line-height: 20px; font-size: 12px;}
.shop_body ul li p.font_b,.order_preview_body ul li p.font_b{ font-size: 14px;}
.shop_body ul li .opt_1 .pd_r_20 p,.order_preview_body ul li .opt_1 .pd_r_20 p{color: #666363;}
.shop_body ul li .opt_1 .pd_r_20 p.font_b,.order_preview_body ul li .opt_1 .pd_r_20 p.font_b{color: #000;}
.shop_body ul li.selected{background: #ffedeb; border-color:#f36;}
.shop_body ul li:not(.selected):hover{background: #eeecec; border-color:#eeecec;}
.shop_box .st_1{ min-width: 200px;font-weight: bold;}
.shop_box .st_2{ min-width: 178px;}
.shop_box .st_3{ flex: 1; width: 208px; text-align: right;}
.shop_box .st_4{ min-width: 100px; text-align: right;}
.shop_box .st_5{ min-width: 380px; padding-left: 20px;}
.shop_box .st_6{ min-width: 308px;}
.shop_box .st_3 span.font_18{font-size: 14px;}
.shop_body .st_1{ padding-left: 20px;}
.shop_body .st_4{ padding-top: 2px;}
.other_price{font-size: 12px; color: #999696;}
.cur_price{ color: #f36; font-weight: bold;}
.cur_price i{ display: inline-block; margin-right: 8px; vertical-align: bottom;}
.cur_price i.gicon_hot_sale{position: relative; top: -2px;}
.other_gift{font-size: 12px; color: #666363;}
.shop_body .other_gift,.order_preview_body .other_gift{color: #f68;}
.shop_body .pdl_info{ padding: 0;}

.shop_cart_con{ position: sticky; position: -webkit-sticky; bottom: 0; background: #fff; border-top: 1px solid #e0dede; padding:16px 40px;}
.shop_con .list_more_pop .list_more_pop_inner,.shop_cart_con .list_more_pop .list_more_pop_inner,.order_state_con .list_more_pop .list_more_pop_inner{ min-width: 120px;}
.shop_cart_con .list_more_box,.order_state_con .list_more_box{ margin-left: 0; min-height: 0;}
.shop_cart_con .list_more_pop{ top: auto; bottom: 20px;}
.lmp_consult p.lh_20{ font-weight: normal; font-size: 12px; color: #000; padding-top: 8px; padding-bottom: 10px;}
.lmp_consult p.wxqrc{ line-height: 0; padding-bottom: 16px;}
.lmp_consult p.wxqrc img{ width: 80px; object-fit: cover;}
.cooperation_process .list_more_pop .list_more_pop_inner{ min-width: 220px; padding: 8px 20px 12px;}
.cooperation_process .list_more_pop_inner p{height: 40px; line-height: 40px; color:#333131;}
.cooperation_process .list_more_pop_inner p i{ display: inline-block; height: 24px; line-height: 24px; width: 24px; text-align: center; font-size: 12px; color: #333131; background: #fff; border: 1px solid #cccaca; border-radius: 50%; overflow: hidden; box-sizing: border-box; margin-right: 12px; user-select: none; }
.cooperation_process .list_more_pop_inner p i.bg_red{ background: #f36; border-color: #f36; color: #fff;}

.order_process_box{padding: 20px 4px; box-sizing: border-box;}
.order_process_box>div{position: relative;width: 144px;text-align: center;}
.order_process_box>div::after{display: block;content: "";position: absolute;left: 100px;top: 16px;height: 1px;width: 88px;background: #cccaca;}
.order_process_box>div.last::after{display: none; content: ""; }
.order_process_box>div p{ text-align: center; color: #333131; font-size: 14px; height: 32px; line-height: 32px;}
.order_process_box i{ display: inline-flex; align-items: center; justify-content: center; height: 32px;  width: 32px;  font-size: 12px; color: #333131; background: #fff; border: 1px solid #cccaca; border-radius: 50%; overflow: hidden; box-sizing: border-box; user-select: none; }
.order_process_box>div.cur{ font-weight: bold;}
.order_process_box>div.cur i{ color: #fff; background: #f36; border:4px solid #e0dede; font-weight: bold;}
.order_process_box p.lh_20,.order_process_box .lh_20{ height: 20px; line-height: 20px; font-size: 12px; font-weight: normal;}
.order_process_box.failed .disabled i{ border-color: #eeecec; background: #eeecec; color: #999696;}
.order_process_box.failed>div p{ color: #999696;}


.order_preview_table{ margin-bottom: 28px;}
.order_preview_table .opt_1{flex: 1;}
.order_preview_table .opt_2{min-width: 162px;}
.order_preview_table .opt_3{min-width: 156px;}
.order_preview_head { height: 36px; line-height: 32px; padding: 0 20px; border-bottom:4px solid #ff7f99; margin-bottom: 20px; color: #666363; font-size: 12px;}
.order_preview_body ul li{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:box;display:flex; -webkit-align-items:flex-start;align-items: flex-start; -webkit-justify-content:space-between;justify-content: space-between; padding: 20px; background: #ffedeb; margin-bottom: 8px;}
.order_preview_body ul li:last-child{margin-bottom: 0;}
.order_preview_body ul li .wh_32,.order_info_table .wh_32 { display: flex; align-items: center; justify-content: center; }

.order_company_info_box{ background: #faf9f9; padding: 0 20px 16px;}
.order_company_info_box .w_140{width: 140px; font-size: 12px; }
.order_company_info_box .bg40_input{ height: 32px; line-height: 32px; font-size: 12px; background: #f5f3f3; }
.order_company_info_box .input_field{ height: 32px; }
.order_company_info_box .input_field .clear_input_btn{ top: 4px; }
.order_company_info_box .grey_panel{ padding: 0 12px; background: #f5f3f3; height: 32px; line-height: 32px; font-size: 12px;box-sizing: border-box; border-radius: 3px; user-select: none}
.order_company_info_box .grey_box{ padding:0 4px; background: #f5f3f3; height: 32px; line-height: 32px; font-size: 12px;box-sizing:border-box; border-radius: 3px; color: #333131; user-select: none;}

.invoice_info_box{ padding: 8px 12px; min-width: 372px; background: #f5f3f3; border: 1px solid #cccaca; box-sizing: border-box; border-radius: 3px; margin-top: 8px; font-size: 12px; color: #666363; white-space: nowrap;}
.invoice_info_box label{ display: inline-block;}
.invoice_info_box .default_tag{ display: none;}
.inv_info_box{ position: relative; padding: 8px 12px; min-width: 372px; background: #f5f3f3; border: 1px solid #cccaca; box-sizing: border-box; border-radius: 3px; font-size: 12px; color: #666363; cursor: pointer; user-select: none;}
.inv_info_box label{ display: inline-block;}
.inv_info_box b{color: #000;}
.inv_info_box .default_tag{ position: absolute; right: -1px; top: -1px; }
.dlg_invselect_list li.selected .inv_info_box{ border-color:#f36; background: #ffedeb;}

.shop_cart_submit_con .w_420{ padding: 6px 18px 14px; border: 2px solid #ff7f99; box-sizing: border-box;} 

.dlgc_select_box{position: absolute; top: 32px; left: 0; min-width: 320px; width: 100%; box-sizing: border-box; padding: 12px; background: #fff;border: 1px solid rgba(177,180,185,.45); box-shadow: 0 2px 4px 0 rgb(0 0 0 / 30%); border-radius: 3px;z-index: 10;}
.dlg_contacts_list li{ user-select: none; padding: 4px; margin-bottom: 4px; width: 100%; cursor: pointer; box-sizing: border-box; border-radius: 3px; }
.dlg_contacts_list li:hover{ background: #eeecec; }


.dlgc_add_box{ width: 560px; box-sizing: border-box;}
.dlgc_add_box .pd_20_20_16{padding: 20px 20px 16px;}
.order_status_box{ border: 1px solid #cccaca; border-radius: 3px; box-sizing: border-box; overflow: hidden;}
.order_status_text{ padding: 20px; background: #f2fce1;}
.order_status_info{ padding: 24px 67px 32px; }
.order_status_info>.flex{ padding: 4px 0; height: 24px; line-height: 24px;font-size: 12px;}
.order_status_info .w_84{width: 84px;}

.order_detail_status{border: 1px solid #e0dede;}
.ods_left{ width: 388px; border-right: 1px solid #e0dede; font-size: 12px; line-height: 20px; background: #faf9f9;}
.ods_number{ height: 40px; line-height: 40px; box-sizing: border-box; padding-left: 20px;}
.bg_lyw{background: #fffcd9;}
.bg_lgn{background: #f2fce1;}
.ods_postal{ padding:12px 20px; color: #666363; }
.ods_postal dt{ line-height: 24px; font-weight:bold; color: #000;}
.ods_postal dd{ display: flex; align-items: flex-start; }
.ods_postal dd .w_60{ min-width: 60px; }
.ods_postal dd .w_120{ min-width: 120px; }
.ods_right{ padding:0 36px;}

.order_info_table table{ width: 100%; border: 1px solid #e0dede; box-sizing: border-box; font-size: 12px;}
.order_info_table table *{ box-sizing: border-box;}
.order_info_table table thead{ border-bottom:1px solid #e0dede;}
.order_info_table table th{height: 40px; line-height: 40px; color: #666363; font-size: 12px;}
.order_info_table table .ot_1{ padding-left:20px;}
.order_info_table table .ot_2{width: 139px;}
.order_info_table table .ot_3,.order_info_table table .ot_4{width: 139px; text-align: center; font-size: 12px;}

.order_info_table table tbody p{ line-height: 20px; font-size: 12px;}
.order_info_table table tbody .lh_24 p{ line-height: 24px; }
.order_info_table table tbody p.font_b{font-size: 14px; color: #000;}
.order_info_table table tbody .ot_1,.order_info_table table tbody .ot_2{ padding-top:16px; padding-bottom: 16px; vertical-align: top; border-bottom: 1px solid #e0dede;}
.order_info_table table tbody .ot_3,.order_info_table table tbody .ot_4{ border-left: 1px solid #e0dede;}
.order_info_table .other_price{ display: none; color: #666363;}
.order_info_table .cur_price{ color: #666363; font-weight: normal;}
.order_info_table .ot_1 .pd_r_8 p {line-height: 20px; color: #666363;}
.order_info_table .ot_1 .pd_r_8 p.font_b {color: #000;}
.order_info_table .ot_1 .pd_r_8 p.line_em {line-height: 20px; color: #666363;}
.order_info_table .ot_1 .pd_r_8 p.line_em .font_text{ display: none;}
.order_info_table .ot_1 .pd_r_8 p.line_em .font_18{ font-size: 12px;font-weight: normal;color: #666363;}
.order_info_table .ot_1 .pd_r_8 p.line_em br{display: none;} 
.order_info_table .ot_1 .pd_r_8 p.line_em span.font_12{display: block;color: #666363;} 
.order_info_table .ot_1 .pd_r_8 b{display: block;font-weight: normal;color: #666363;}
.order_info_table .ot_1 .pd_r_8 .color_999{display: none; color: #666363;}
.order_info_table .ot_1 .pd_r_8 .color_red{color: #666363;font-weight: normal;}
.order_info_table .ot_1 .pd_r_8 i.icon {display: none; background: none; width: auto; color: #f36; font-size: 12px; margin: 0;}

.order_info_table table.top_thead{ border: 0 none;}
.order_info_table table.top_thead thead{ height: 32px; border-bottom: 4px solid #ff7f99;}
.order_info_table table.top_thead thead th{ height: 32px; line-height: 32px;}
.order_info_table table thead.expired{background: #fffcd9;}
.order_info_table table thead.completed{background: #f2fce1;}
.order_info_table table thead.bg_fa9{background: #faf9f9;}



.crd_service{position: relative; display: inline-flex; align-items: center; justify-content: center; height: 20px; width: 20px; border-radius: 50%; box-sizing: border-box; background: #2ca01c; font-size: 12px; color: #fff; }
.crd_service i{ position: relative; display: block; transform: scale(.85); margin-bottom: -2px; font-size: 12px; color: #fff; line-height: 0; }
.crd_service span{position: absolute;display: inline-block;width: 52px;height: 20px;line-height: 20px;color: #666363;font-size: 12px;font-weight: normal;right: 24px;top: 0; opacity: 0; visibility: hidden; transition: opacity .2s linear;}
.crd_service:hover{ background: #36bb24;}
.crd_service:hover span{opacity: 1; visibility: visible;}
/* .ques_con h5{ font-size: 16px;} */



/**start manage */
.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;}
.under_audit_tag{color: #ff8000; font-size: 14px; line-height: 32px;}

.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.bg40_input:disabled{pointer-events: none; cursor: not-allowed;background: #e0dede; border-color: #e0dede;}
.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;}

.ym_picker{ position: relative;}
.datepicker_box{ position: relative;}
.datepicker_box.error .bg40_input{ border-color: #f36;}
.ym_picker:hover .bg40_input{ border-color: #0076cb; background: #fff;}
.datepicker_box i.groupfont{position: absolute;right: 10px;top: 12px;color: #999696;font-size: 16px;}
.ym_picker .ym_picker_box{position: absolute;width: 192px;left: 0;top: 41px;z-index: 10;font-size: 12px;color: #333131;user-select: none;}
.ympb_header{ display: flex; justify-content: space-between; align-items: center; height: 40px; line-height: 40px; border-bottom: 1px solid #e0dede; box-sizing: border-box; padding: 0 6px;  }
.ympb_header button{ width: 24px; height: 24px; line-height: 24px; border-radius: 3px; color: #999696; }
.ympb_header button i{font-size: 12px;}
.ympb_header button:hover{ background: #eeecec;}
.ympb_body .ympb_list_con{position: relative; min-height: 142px;}
.ympb_body ul{ position: absolute; width: 100%; height: auto;padding: 8px 8px 2px; box-sizing: border-box; left: 0; top: 0; display: flex; flex-wrap: wrap; flex-direction: row; font-size: 12px;}
.ympb_body ul.hide{ display: none;}
.ympb_body ul ol{ width: 40px; height: 40px; line-height: 40px; margin: 2px; text-align: center; cursor: pointer; border-radius: 3px; box-sizing: border-box;}
.ympb_body ul ol.disabled{background: #f5f3f3; color: #999696; cursor: not-allowed; pointer-events: none;}
.ympb_body ul ol:hover{ background: #f5f3f3; color: #0076cb;}
.ympb_body ul ol.act{ border: 1px solid #0076cb; color: #0076cb;}

.ympb_bottom{display: flex; justify-content: space-between; align-items: center; padding: 0 8px 8px; }
.ympb_bottom button{ font-size: 12px; height: 32px; line-height: 32px; padding: 0 12px; border-radius: 3px; background: #eeecec; color: #569; }
.ympb_bottom button:hover{background: #eeecec; color: #0076cb; }
.ympb_bottom button.get_today_btn{ background: #f36; color: #fff;}

.mep_title{ font-size: 18px; line-height: 32px;}
.mep_title sub{ margin-left: 12px; font-size: 12px; line-height: 20px;}

/* .popup_content .upload_box{ padding: 24px 40px; } */
.logo_editor_container{margin: 0 auto; width: 280px; height: 280px;}
.upload_box .pd_24{user-select: none; pointer-events: none;}
.logo_editor_silder input[type=range].range_input{width: 200px;}

.intro_show_box{ background: #faf9f9; padding: 20px 24px; font-size: 14px; line-height: 24px; }
.edit_html_box {position:relative;border:1px solid #cccaca;box-sizing:border-box;border-radius:3px;background:#faf9f9;}
.edit_html_box.focus {border-color:#4b8fff;background: #fff;}
.edit_html_box.error {border-color:#f36; background: #ffedeb;}
.edit_html_input {position:relative;width:100%;padding: 19px 23px;font-size: 14px;min-height:240px;line-height:24px;background:transparent;color:#000;box-sizing:border-box;border:0 none;outline:none;overflow-y: scroll;overflow-y: overlay;max-height: 280px;word-break: break-all;}
.edit_html_input:focus {border-color:#4b8fff;}
.edit_html_input:before {display:none;content:attr(placeholder);position:absolute;top: 18px;line-height:24px;pointer-events:none;user-select:none;color:#999696;}
.edit_html_input.empty:before {display:inline-block !important;}
.edit_html_input:not(.empty):before {display:none}
.edit_html_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;}
.edit_html_box .word_num{position: absolute;right: 12px;bottom: 0;line-height: 32px;font-size: 14px;}



/* .relate_company_list{ padding-right: 76px;} */
.relate_company_list li{ height: 48px; margin-bottom: 16px;}
.relate_company_list li .rcl_info{ height: 48px; padding: 8px; box-sizing: border-box; border-radius: 3px; background: #faf9f9; }
.relate_company_list li .rcl_relationship_box{ width: 192px; height: 48px; line-height: 32px; padding: 8px; box-sizing: border-box; background: #faf9f9; border-radius:3px; margin-right: 12px; }
.relate_company_list li .w_260{width: 344px; min-width: 344px;}
.relate_company_list li .w_64{ min-width: 64px;}
.relate_company_list li .bg40_input{width: 192px;}
.relate_company_list li .edit_btn_box,.relate_company_list li .edit_backend{display: none;}
.relate_company_list li .edit_front{display: block;}

.relate_company_list li.edit .rcl_info{border: 1px solid #cacaca;}
.relate_company_list li.edit .edit_btn_box,.relate_company_list li.edit .edit_backend{display: block;}
.relate_company_list li.edit .edit_front{display: none;}


.flex_1.w_320{ max-width: 320px;}
.mep_websit_con .wcqrc_box{ width: 96px; height: 96px; padding: 7px; box-sizing: border-box; border: 1px solid #eeecec; overflow: hidden; line-height: 0; }
.mep_websit_con .wcqrc_box img{ width: 80px; height: 80px; object-fit: cover; }

.mep_location_list li.current .first_show{ background: #ffedeb; color: #f36; }
.mep_location_list li.current .first_show i.color_cac{ color: #f36; }
.mep_location_list .link_gdmap{display: inline-flex; align-items: center; padding: 0 8px; height: 32px; background: #f5f3f3; border-radius: 3px; color: #569; font-size: 14px; }
.mep_location_list .link_gdmap:hover{ background: #eeecec; }


.company_basic_info_box{background: #faf9f9 url(../images/manage/bl_bg.jpg) no-repeat top center;color: #333131;line-height: 24px;padding: 24px 32px;}
.company_basic_info_box label{ min-width:120px; margin-right: 12px; color: #666363;}
.company_basic_info_box .cbi_company_name{ max-width: 372px;}
.company_nature_box{background: #faf9f9;padding: 24px 32px 40px 32px; font-size: 14px; }
.company_nature_box label{ color: #666363; }
.company_select_box{line-height: 40px;}
.company_select_box label{width: 64px;margin-right: 8px;color: #333131;}
.company_select_box .bd_select{ width: 180px; padding-left:15px; font-size: 14px; background: #faf9f9;}
.company_select_box .bd_select option{line-height: 40px !important; padding: 8px 0 !important; box-sizing: border-box;}
.company_select_box .bd_select_box .gicon_arrow_down{margin-top: -20px; }
.dlg_company_type{ padding: 12px 72px; }
.dlg_company_type .chk_input .chk_span+.chk_txt{ margin-left: 12px;}

.invoice_title_list li.itp_2 .unnessary_box{display: none;}
.invoice_title_list .cl32_btn{ color: #333131;}
.dlg_unnessary_box.itp_2 b.color_red{ display: none; }
.lh24_tag{ display: inline-block; box-sizing: border-box; padding: 0 8px; height: 24px; line-height: 24px; border-radius: 3px; font-size: 12px; user-select: none; }
.lh20_tag{ display: inline-block; box-sizing: border-box; padding: 0 4px; height: 20px; line-height: 20px; border-radius: 3px; font-size: 12px; user-select: none; }

.w_640_box{ width: 640px; box-sizing: border-box;}
.w_640_box .pd_24{padding: 24px 24px 16px;}
.w_480_box{ width: 480px; box-sizing: border-box; }
.w_480_box .pd_24{padding: 24px 24px 16px;}
.w_640_box.w_408{ width: 408px;}

.default_qrcode_pic{width: 120px; max-width: 120px; height: 120px; padding: 7px; box-sizing: border-box; border: 1px solid #eeecec; overflow: hidden; }
.default_qrcode_pic img{ width: 100%; height: 100%; object-fit: cover; }
.update_licenses_box .bg40_input{ font-weight: bold;}
.default_apply_pic{ width: 88px; height: 110px; }
.default_licenses_pic{ min-width: 160px; width: 160px; height: 114px;}
.update_licenses_box .thumb img,.default_licenses_box .thumb img{border-radius: 0;}
.change_apply_box.error{ border: 1px solid #f36; box-sizing: border-box;}
.pop_scroll_con{ max-height: 480px; overflow-y: auto;}
/*collection_pop_list*/
.create_action_box button:disabled{ background: #f5f3f3; color: #999696; }
.create_action_box .w_64{ width: 64px;}
/*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 .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;}

.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}


.office_pic_list{position: relative;}
.office_pic_list li,.office_pic_list .last_item{position: relative; width: 336px; height: 210px; margin-bottom: 16px; cursor:move; border-radius: 3px; overflow: hidden; }
.office_pic_list li .pic_desc{position: absolute;height: 40px;line-height: 40px;color: #fff;width: 100%;z-index: 1;bottom: 0;box-sizing: border-box;}
.office_pic_list li .pic_mask{opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); z-index: 2; top: 0; left: 0; transition: opacity .2s linear; }
.office_pic_list li:hover .pic_mask{opacity: 1; visibility: visible;}
.office_pic_list li .pic_desc .mask_txt {position:absolute;bottom:0;left:0;width:100%;height: 40px;background-image: linear-gradient(to top,rgb(0,0,0,0.3),rgb(0,0,0,0));z-index:1;}
.office_pic_list li .pic_desc>p {position:relative;z-index:2;color:#fff;padding-left: 12px;}
.wh_300_188{ width: 300px; height: 188px; }
.wh_336_210{ width: 336px; height: 210px; }
.upload_item{position: relative; width: 100%; height: 100%; background: #fff; text-align: center; line-height: 20px; color: #999696; font-size: 12px; padding-top: 60px; box-sizing: border-box; border-radius: 3px; border: 1px dashed #cccaca;}
.upload_item:hover,.dragover .upload_item{ cursor: auto; background: #faf9f9;}
.upload_item:hover .cl40_btn{background: #e0dede;}
.upload_item .office_file{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor: pointer;}
/* .sortable-ghost { opacity: 0.4; background-color: #ff3366; } */
.office_pic_num{ line-height: 32px; color: #999696; }
.gallery_box {position: relative; }
.gallery_box .slide {display:flex;align-items:center;justify-content:center}
.gallery_box .slide li {display:none; line-height: 0;width: 640px; height: 400px;}
.gallery_box .slide li img {position:relative;width:100%;height:100%; object-fit: cover;}
.gallery_box .slide li.act {display:block;}

#dialog_pic_gallery .prev_pic_btn,#dialog_pic_gallery .next_pic_btn {position:absolute;width:40%;height:100%;z-index:1003}
.office_editor_container{ width: 400px; margin: 0 auto; }



.welfare_list{ position: relative; margin-left: -20px;}
.welfare_list li{ position: relative; border-radius: 3px; box-sizing: border-box; float: left; margin-left: 20px; margin-bottom: 20px; width:334px; height: 100px; overflow: hidden;}
.welfare_list li .wl_item_box{width: 100%; height: 100%;background: #ffedeb;  padding: 16px 20px 0; box-sizing: border-box; }
.welfare_list li .wl_item_box .item_desc{padding-top: 4px;}
.welfare_list li .wh_48_box{ width: 48px; height: 48px; background: #fff; border-radius: 3px; display: flex; justify-content: center; align-items: center; }
.welfare_list li .wh_48_box i.groupfont{ font-size: 24px; color: #999696;}
.welfare_list li .wl_item_mask{opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .05); z-index: 2; top: 0; left: 0; transition: opacity .2s linear; }
.welfare_list li:hover .wl_item_mask{opacity: 1; visibility: visible;}
.welfare_list li .wl_item_mask .pd_16_20{ padding: 16px 20px; }
.welfare_list li .wl_modify_item{ width: 100%; height: 100%; background: #fff; text-align: center; box-sizing: border-box; border-radius: 3px; border: 1px dashed #cccaca; cursor: pointer;}
.welfare_list li .wl_modify_item:hover{background: #faf9f9;}
.welfare_list li .wl_modify_item:hover .cl40_btn{background: #e0dede;}

.wlf_list{ position: relative; margin-left: -12px; max-height: 470px;overflow: auto;}
.wlf_list li{ position: relative; box-sizing: border-box; float: left; margin-left: 12px; margin-bottom: 12px; width:273px; height: 64px; user-select: none;}
.wlf_list li .wlf_item_box{width: 100%; height: 100%;background: #faf9f9;  padding: 12px 16px 12px 12px; box-sizing: border-box;border-radius: 3px; cursor: pointer; }
.wlf_list li .wh_40_box{ width: 40px; height: 40px; background: #fff; border-radius: 3px; display: flex; justify-content: center; align-items: center; }
.wlf_list li .wh_40_box i.groupfont{ font-size: 18px; color: #999696;}
.wlf_list li.act .wlf_item_box{background: #ffedeb;}
.wlf_list li.act .chk_input .chk_circle{position: relative; background: #f36; border-color: #f36; }
.wlf_list li.act .chk_input .chk_circle::after,.wlf_list li.current .chk_input .chk_circle::after{content:'';position:absolute;width:4px;height:4px; background: #fff; border-radius: 50%; left:5px;top:5px;}
.wlf_list li.current .wlf_item_box{background: #f5f3f3;}
/* .wlf_list li.current .chk_input{pointer-events: none;} */
.wlf_list li.current .chk_input .chk_circle{position: relative; background: #e0dede;}
.wlf_list li.current .chk_input .chk_circle::after{display: none;}
.wlf_list li.current .chk_input:hover .lmp_tooltip{opacity: 1; visibility: visible; }
.wlf_items_num{ position: absolute; bottom: -60px; left: 32px;}
.dlgcm_list .pop_scroll_con{ max-height: 800px; overflow-y: overlay;}
.dlg_wlf_all_list .wlf_list li{ height: 40px; user-select: none;}
.dlg_wlf_all_list .wlf_list li:not(.act):hover .wlf_item_box{background: #eeecec;}
.dlg_wlf_all_list .wlf_list li .wh_40_box{ width: 24px; height: 24px; background: #fff; border-radius: 3px; display: flex; justify-content: center; align-items: center; }
.dlg_wlf_all_list .wlf_list li .wh_40_box i.groupfont{ font-size: 16px; color: #999696;}
.dlg_wlf_all_list .wlf_list li .item_txt{font-size: 14px;}


.w_800_box{ width: 800px; box-sizing: border-box;}
.dropbox_select_box{position: relative; line-height: 40px; color: #333131; z-index: 10; }
.dropbox_select_box .bd_select{ padding-left:8px; font-size: 14px; background: #faf9f9;}
.dropbox_select_box .bd_select_box .gicon_arrow_down{ top: 0; margin-top: 0; }
.dropbox_select_box:hover .bd_select{background: #fff; border-color: #0076cb;}
.bd_select_dropbox{ position: absolute; top: 40px; left: 0; width: 100%; background: #fff; border:1px solid #cccaca;box-shadow: #bbb 0px 0px 5px; font-size: 14px; border-radius: 3px; overflow: hidden; box-sizing: border-box;}
.bd_select_dropbox .f_l{ width: 50%; min-width: 80px; height: 100%; box-sizing: border-box; }
.bd_select_dropbox .pop_scroll_con{ width: auto; height: 200px; max-height: 200px; padding:0 4px; overflow-y: auto; box-sizing: border-box;}
.bd_select_dropbox ul li{ width: 100%; height: 32px; line-height: 32px; padding:0 4px; margin: 4px 0; text-align: left; cursor: pointer; box-sizing: border-box; }
.bd_select_dropbox ul li:hover{ background: #f5f3f3; }
.bd_select_dropbox ul li.selected{ color: #f36; background: #f5f3f3; }
.dlg_address_map{ position: relative; width: 100%; height: 240px; background: #f5f3f3;overflow: hidden;}

#dlg_address_gdmap{width: 100%; height: 100%; position: relative; z-index: 0;}
.dlg_autotips_box{ display: none; z-index: 10000 !important; background: #fff !important; border: 1px solid #cccaca !important; box-shadow: #bbb 0px 0px 5px;}
.dlg_autotips_box .auto-item{ height: 32px; line-height: 32px; padding: 0 8px; font-size: 14px; color: #333131; }
.dlg_autotips_box .auto-item:hover{ background: #f5f3f3;}


/*start user profile*/
.honer_list_con li{ padding: 12px;}
.honer_list_con li:hover{ background: #faf9f9;}
.honer_list_con li .awards_icon{width: 48px; height: 48px; margin-right: 20px;}
.honer_list_con li .awards_level{ max-width: 288px;}
.honer_list_con li .w_160{ max-width: 160px; min-width: 160px;}
.epro_list li{ padding-top: 20px;}
.epro_list li .wh64_box{border: 0 none;}
.epro_info_box{ background: #faf9f9; padding: 20px 36px 24px 24px; border-radius: 3px; line-height: 24px; font-size: 14px;}
.epro_info_box h6{ font-size: 16px;}
.epro_info_box .miw_100{ min-width: 100px; padding-right: 40px; box-sizing: border-box;}
.epro_info_box .miw_192{ min-width: 192px;}
.epro_info_box .max_210{ display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 210px;}
.epro_info_box .groupfont{ display: inline-block; width: 20px; text-align: center; margin-right: 8px;}
.epro_info_box .icon_lmp_box .title_lmp{top:-32px;}
.modify_epro_box .w_280{ width: 276px;}
.modify_epro_box .w_120{ width: 118px;}
.modify_epro_box .h_216{ height: 216px;}
.ehob_list li{ padding: 16px 24px; background: #faf9f9; border-radius: 5px; box-sizing: border-box; margin-bottom: 12px;}
.ehob_list li .eh_left{ width: 264px; min-width: 264px;}
.ehob_list li .eh_left .eh_tag{ display: block; height: 32px; line-height: 32px; font-size: 14px; max-width: 200px; padding: 0 12px;border-radius: 3px; box-sizing: border-box; background: #eeecec; color: #333131;}
/*.ehob_list li .eh_center {} */
.eh_approval_list{margin-right: 12px;}
.eh_approval_list .thumb{ margin-right: 8px;}
.eh_approval_list .thumb:last-child{ margin-right: 0;}


.serviced_clients_taglist a,.serviced_clients_taglist span{ display: inline-block; height: 32px; line-height: 32px; padding: 0 12px; border-radius: 3px; background-color: #f5f3f3; color: #569;font-size: 12px;margin-bottom: 4px;}
.serviced_clients_taglist span{color: #666363;}
.serviced_clients_taglist a:hover{ background-color: #eeecec; color: #f36;}
.serviced_clients_list .item{ display: inline-block; height: 32px; line-height: 32px; padding: 0 8px 0 12px; margin-right: 8px; margin-bottom: 4px; border-radius: 3px; background-color: #f5f3f3; color: #569; font-size: 12px;}
.serviced_clients_list .item span{ display: inline-block; width: 16px; height: 16px; text-align: center; line-height: 16px; margin-left: 8px; font-size: 12px; color: #999696; cursor: pointer;  }
.serviced_clients_list .item span .groupfont{ display: inline-block; transform: scale(.8); font-size: 12px;}
.serviced_clients_list .item span:hover{ color: #f36;}
.serviced_clients_list .item:hover{ background: #eeecec;}
.serviced_clients_list span.item{color: #666363;}
.serviced_clients_list a:hover{color: #f36;}

.default_grey_box{display: inline-block; padding: 0 12px; background: #faf9f9; color: #000; height: 40px; line-height: 40px; box-sizing: border-box; border: 1px solid #cacaca; font-size: 14px; border-radius: 3px; outline: none;}
.default_grey_box.disabled{ background: #eeecec; cursor: default; user-select: none;}
.ol_select_list ol .default_grey_box{ width:120px; text-align: center; cursor: pointer;}
.ol_select_list ol:hover .default_grey_box{background: #eeecec; }
.ol_select_list ol.checked .default_grey_box{background: #fff; border-color:#f36; color:#f36; }

.unbind_state .mct_tip_box{position: absolute;left: 0;bottom: 40px;padding: 8px 12px;line-height: 20px;font-size: 12px;}
.unbind_state:hover .mct_tip_box{ visibility: visible; opacity: 1;}
.awards_name_list{ font-weight: bold; font-size: 14px; }
.awards_name_list li{display: flex; justify-content: flex-start; align-items: center; padding-left: 20px; width: 290px; height: 40px; border-radius: 3px; box-sizing: border-box; cursor: pointer;}
.awards_name_list li:hover{ color: #f36; background: #faf9f9;}
.awards_name_list li.on{ color: #f36; background: #ffedeb;}

.awards_select_level{ padding: 20px 20px 0; }
.awards_select_level .level_awards_name{display: flex; justify-content: flex-start; align-items: center; font-size: 14px; font-weight: bold; }
.awards_select_level .bd_select{font-size: 14px; padding-left: 11px;}

.dlg_company_con{ padding-left: 12px; height: 240px; max-height: 240px;box-sizing: border-box; }
.dlg_company_list{ position: relative; margin-left: -8px;}
.dlg_company_list li{ width: 176px; padding: 4px; float: left; margin: 0 0 4px 8px; cursor: pointer;}
.dlg_company_list li:hover{ background: #eeecec; border-radius: 3px;}
.dlg_company_list li .w_136{ width: 130px;}
.dlg_company_list li.selected{ background: #ffedeb; color: #ff3366;}

.dlg_school_con{ padding-left: 12px; height: 300px; box-sizing: border-box; }
.dlg_school_list{ position: relative; margin-left: -16px;}
.dlg_school_list li{ width: 180px; line-height: 24px; height: 24px; float: left; margin: 0 0 4px 16px; cursor: pointer;}
.dlg_school_list li:hover{  color: #ff3366;}
.dlg_school_list li.selected{ color: #ff3366;}

.permission_text{color: #999696; line-height: 32px; font-size: 12px;}

.vc_box{ background: #faf9f9;padding: 64px 20px; text-align: center;} 
.vc_box .vc_box_bar{ display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; background: #e0dede; font-size: 18px; font-weight: bold; border-radius: 3px;}
.view_code_null .vc_box_bar{font-size: 14px; color: #666363;}


/*start setting*/
.pw_field{position: relative; height: 40px; box-sizing: border-box;}
.pw_field .shpw_btn{position: absolute;right: 8px;top: 8px;height: 24px;width: 24px;text-align: center;line-height: 24px;}
.pw_field .shpw_btn i{color: #999696;font-size: 16px;pointer-events: none;}
.pw_field .shpw_btn:hover i{ color: #666363;}
.pw_field.error input{ border-color: #f36;}
.pw_field.error .input_limit .input_length{ color: #f36;}
.pw_field.disabled input{ cursor: not-allowed;}
.pw_field .input_tip{ position: absolute; top: 40px; left: 0; line-height: 24px; font-size: 12px; color: #f36; padding: 0 12px;}
.pw_field .input_tip.hide{display: none;}
.pw_field.hidden input{font-size: 24px;}
/* .pw_field.filled input{ background: #fff;} */
.pw_strength{display: none; margin-left: 8px; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 50%; box-sizing: border-box; background: #2ca01c; color: #fff; font-size: 12px; cursor: default; user-select: none;}
.pw_level_1{background: #2ca01c;}
.pw_level_2{background: #ff8000;}

.switch {width:48px;height:24px;position:relative;border:1px solid #cccaca;background-color:#cccaca;box-shadow:#cccaca 0 0 0 0 inset;border-radius:20px;background-clip:content-box; box-sizing: border-box; display:inline-block;-webkit-appearance:none;user-select:none;outline:none;cursor:pointer; }
.switch:before {content:'';width:16px;height:16px;position:absolute;top:3px;left:3px;border-radius:16px;background-color:#fff;}
.switch:checked {border-color:#f36;box-shadow:#f36 0 0 0 16px inset;background-color:#f36;}
.switch:checked:before {left:28px;}
.switch + label::after{ display: inline-block; content: "否"; font: inherit; }
.switch:checked + label::after{ content: "是"; }
.switch.switch_anim {transition:border cubic-bezier(0,0,0,1) 0.4s,box-shadow cubic-bezier(0,0,0,1) 0.4s;}
.switch.switch_anim:before {transition:left 0.3s;}
.switch.switch_anim:checked {box-shadow:#f36 0 0 0 16px inset;background-color:#f36;transition:border ease 0.4s,box-shadow ease 0.4s,background-color ease 1.2s;}
.switch.switch_anim:checked:before {transition:left 0.3s;}

.prefer_con_list{ padding: 16px 20px;}
.pcl_item{width: 100%; height: 64px; padding: 0 20px; box-sizing: border-box;}
.pcl_item:hover{ background: #fff;}

.destroy_user_info .bg40_input{ background: #fff;}
.mh_500{ min-height: 500px;}
.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; }
.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;}
.destroy_account_reason .textarea{ height: 140px;border-color: #faf9f9;}

.uset_list ol{ background: #faf9f9; padding: 16px 24px; margin-bottom: 12px;}
.uset_list ol:last-child{ margin-bottom: 0;}
.uset_list ol .usl_left{ min-width:180px;width:180px;}
.uset_list ol .usl_right{ min-width:80px;width:80px;}
.uset_list ol .cl32_num{ color: #fff;}
/* .uset_list ol .cl32_btn{ background: #eeecec;}
.uset_list ol .cl32_btn:hover{ background: #cccaca;} */
.usl_edit_box{padding: 40px 16px 24px 16px;}
.usl_edit_box .w_174{width:174px;}

.verify_field {position:relative;background:#f5f3f3;height:40px;line-height:40px;box-sizing:border-box;border:1px solid #f5f3f3;font-size:14px;border-radius:3px;outline:none;}
.verify_field input {padding:0 12px;background:transparent;height:38px;line-height:38px;box-sizing:border-box;border:0 none;font-size:14px;}
.get_vcode_btn {display:inline-block;height:38px;line-height:38px;padding:0 12px;color:#0076cb;}
.verify_field.focus{ background: #fff; border-color: #0076cb;}

.start_auth_box{ padding: 24px 40px; box-sizing: border-box; border-radius: 5px; background: #ffedeb; }
.start_auth_box .w_216{ min-width: 216px; width: 216px; }
.start_auth_box .w_216 .h_184{ display: flex; align-items: center; justify-content: center; min-height: 184px; height: 184px; }
.scan_qrc_img{ padding: 8px; background: #fff; box-sizing: border-box; border-radius: 5px; line-height: 0; }

.auth_photos_box .f_l{ width: 256px;}
.auth_photos_box .f_l .thumb{position: relative; width: 256px; height: 160px; box-sizing: border-box; border:1px dashed #cccaca; background: #fff; }
.auth_photos_box .f_l .thumb img{ border-radius: 0;}
.auth_photos_box .f_l .thumb i.auth_only_tag{ position:absolute; left: 60px; top: 32px; display: block; width:132px; height: 64px; background: url(../images/manage/auth_only.png) no-repeat; background-size: 132px;}
.auth_photos_box .f_l .error i.auth_only_tag{display: none;}
.auth_photos_box .f_l button{ position:absolute; left: 116px; bottom: 12px; display: flex; justify-content: center; align-items: center; height: 32px; width: 32px; background: #f36; border-radius: 50%; box-sizing: border-box; }
.auth_photos_box .f_l button:hover{background: #e00043;}
.auth_photos_box .f_l p{height: 40px; line-height: 40px; color: #333131; font-size: 14px; text-align: center;}

.lh48_p {line-height: 48px; height: 48px; padding: 0 24px;}
.more_service_box{ background: #faf9f9; padding: 28px 0 16px 24px; text-align: center;}
.more_service_box .groupfont{ font-size: 32px; color: #f36;}
.more_service_box .w_136{min-width: 136px; width: 136px;}
.gicon_tag{ display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; }

.as_text_box{ background:#fff url(../images/vet_bg.png) repeat-x; }
.as_info_box{ background: #ffedeb; padding: 24px; box-sizing: border-box; border-radius: 5px;}
.as_info_box .w_256{ min-width: 268px; width: 268px;}
.as_info_box .w_256 .wh80_box{ position: relative; width: 80px; height: 80px; box-sizing: border-box; border: 1px solid #e0dede;  border-radius: 3px; margin-left: 94px;}
.as_info_box .w_256 .wh80_box img{width: 100%; height: auto; object-fit: cover; }
.as_info_box .w_256 .wh80_box .alevel_tag{ position: absolute;bottom: -6px; right: -6px; width: 20px; height: 20px;}

.w_440_auto{ width: 440px; min-width:440px; margin: 0 auto; padding:100px 0 100px 0;}
.w_440_auto .br_12{ background:#fff; font-size: 14px; border-radius:12px; padding: 10px 20px 20px 20px;}
.h8_red_bar{ height: 8px; background: #f36;}
.h8_grey_bar{ height: 8px; background: #eeecec;}
.w_440_auto .br_12 .wh64_box{border: 0 none;}
.upr_vc_tips{display: none;}
.upr_vc_tips.error{display: block; color:#f36;}
/*keyframes*/
@-webkit-keyframes fade_in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade_in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}