.icon18_common { margin:10px auto 0; width:20px; height:20px; display:block; overflow:hidden; text-indent:-9999em; background-position:center; background-repeat:no-repeat } .ui_wrapper { width:100%; padding:0 } .placeholder { *color:#a2a9b6!important } .appmsg { overflow:hidden; box-shadow:0 1px 3px rgba(0,0,1,0.1); background-color:#fff; border:1px solid #d0d0d5; border:0 rgba(0,0,0,0); border-radius:4px; width:320px; position:relative } .appmsg_date { color:#a2a9b6; font-size:12px; font-style:normal } .appmsg_info { height:35px; line-height:35px; margin-top:-15px } .appmsg .appmsg_title>a:hover { color:#00a5e0 } .appmsg_thumb,.thumb_item img { display:block; width:100%; height:100% } .appmsg_thumb,.thumb_item img { display:block; width:100%; height:100% } .thumb_item:hover>.thumb_wrp>img { transition-duration:500ms; transition-timing-function:cubic-bezier(0.19,1,.22,1); transform:scale(1.05,1.05) } .cover_appmsg_item { position:relative; width:290px; margin:15px auto; text-align:left; *margin-top:0 } .multi .cover_appmsg_item { *margin-top:15px } .multi .cover_appmsg_item .appmsg_title { position:absolute; width:100%; min-height:22px; margin:0; font-weight:400; background-color:rgba(0,0,0,.8); bottom:0; left:0; overflow:hidden; z-index:1; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B3000000,endcolorstr=#B3000000) } :root .multi .cover_appmsg_item .appmsg_title { background-image:none; filter:none } .multi .cover_appmsg_item .appmsg_title>a { color:#fff; padding:5px 10px; display:inherit; min-height:22px; -webkit-transition:opacity .2s; transition:opacity .2s; zoom:1 } .multi .cover_appmsg_item .appmsg_title:hover>a { color:#fff; opacity:.8; filter:alpha(opacity=80) } .multi .cover_appmsg_item .appmsg_thumb { width:100%; height:100%; margin:0 auto } .appmsg_item { background-color:#FFF; padding:0 110px 0 15px; height:110px; overflow:hidden; border-top:1px solid #ededed; position:relative; zoom:1; display:block } .appmsg_item .appmsg_thumb_div { float:right; margin:15px -95px 15px 0; line-height:80px; text-align:center; *font-size:70px; width:80px; height:80px; overflow:hidden; position:relative } .appmsg_item .appmsg_thumb { vertical-align:middle; display:inline } .appmsg_title { margin-top:10px; margin-bottom:10px } p.appmsg_desc { margin:13px auto -2px } .appmsg_title a,.appmsg_desc { font-weight:400; font-size:14px; color:#4c5161; word-wrap:break-word; word-break:break-all; white-space:normal } .cover_appmsg_item .appmsg_title a { font-size:16px } .multi .appmsg_desc { display:none } .appmsg_opr>ul { overflow:hidden } .appmsg_opr_item { margin:5px 0; padding:0; list-style:none; border-left:1px solid #ededed; margin-left:-1px; display:inline; float:left; width:50%; height:100%; overflow:hidden } .appmsg_opr_item:first-child { border-left:0; margin-left:0 } .appmsg_thumb_wrp { width:290px; height:160px; margin:0 auto; background-color:#e0e2e7 } .appmsg_item .appmsg_title { height:100%; display:table; margin:0; *display:table-cell; *font-size:80px } .appmsg_item .appmsg_title>a { display:table-cell; vertical-align:middle; *display:inline-block; *font-size:14px } .appmsgtext .appmsg_content { padding:20px; height:210px } .appmsg_content_text { word-wrap:break-word; word-break:break-all; white-space:normal } .ui_dialog .thumb_area .thumb_page { position:absolute; bottom:0; left:0; right:0 } .ui_dialog .thumb_area { position:relative } .ui_dialog .thumb_list { background-color:#e6e9eb; overflow:auto; position:absolute; top:0; right:0; left:0; bottom:50px } .ui_dialog .appmsg:hover,.ui_dialog .selected .appmsg { border-color:#00a5e0; cursor:pointer } .ui_dialog .appmsg { border:2px solid transparent; position:relative } .ui_dialog .plus_icon { display:inline-block; width:16px; height:16px; background-image:url(../common/images/plus_icon.png); vertical-align:sub; *vertical-align:middle } .ui_dialog a:hover .plus_icon { background-image:url(../common/images/plus_icon_blue.png) } .selectArticle ul.listview { top:-30px; margin-left:12px } .selectArticle .func_tab { height:20px; padding-bottom:15px } .selectArticle .func_tab a.create_article { float:right } .selectArticle a.create_article span { font-size:16px; margin-left:5px; color:#4c5161; line-height:16px; font-weight:400 } .selectArticle a.create_article:hover span { color:#00a5e0 } .selectArticle .appmsg_title:hover a { color:#4c5161 } .selectArticle .listview>.listItem { opacity:0 } .selectArticle .listview>.listItem.fadeIn { opacity:1 } .selectText .thumb_area { height:450px } .selectText .thumb_area { display:none } .selectText .func_bar { height:40px; width:100%; margin:20px 0; zoom:1 } .selectText .listItem { float:left; margin:0 60px 30px 0 } .selectText ul.listview { padding-left:60px; padding-top:30px } .image_groupbar li { position:relative; font-size:14px; color:#4c5161; height:38px; line-height:38px; padding-left:10px; padding-right:10px; margin-top:2px; cursor:pointer } .image_groupbar li:hover { background-color:#e6eaf4 } .image_groupbar li.selected,.rbar_group li.selected:hover { background-color:#dfe4ef } .image_groupbar .icon_edit { margin-right:3px; background-image:url(../common/images/edit_grey.png) } .image_groupbar .icon_edit:hover { background-image:url(../common/images/icon_edit.png) } .image_groupbar .icon_del:hover { background-image:url(../common/images/icon_del.png) } .image_groupbar .icon_del { background-image:url(../common/images/delete_grey.png) } .image_groupbar .group_images_sum { color:#a2a9b6; margin-left:4px } .image_groupbar .group_func { display:none } .selectImage .thumb_list { background-color:#edf1f2; padding-left:15px } .selectImage .thumb_area { background-color:#edf1f2; position:relative; width:100% } .selectImage .lbar_group { position:absolute; left:0; top:0; width:179px; overflow:auto; border-right:1px solid #dbdee5; height:100% } .selectImage .lbar_group::-webkit-scrollbar { width:8px; height:8px } .selectImage .lbar_group::-webkit-scrollbar-thumb { background-color:#bbb; border-radius:8px } .selectImage .lbar_group::-webkit-scrollbar-thumb:hover { background-color:#aaa } .selectImage .lbar_group::-webkit-scrollbar-track-piece { background-color:#ddd } .selectImage .lbar_group li:first-child { margin-top:5px } .selectImage .lbar_group li { margin:2px 10px; padding-left:10px } .selectImage .lbar_group li i { float:left; height:30px; margin-left:5px } .selectImage .appmsg { width:130px; height:130px; margin:1px; border-radius:0; background-color:inherit; box-shadow:none } .selectImage .appmsg>img { visibility:hidden } .selectImage .func_tab { background-color:#edf1f2; height:50px; padding:8px; padding-right:25px } .selectImage .func_tab>span { color:#a2a9b6; float:right; line-height:50px } .selectImage .func_tab a.ui_button { float:right; margin-top:5px; margin-left:10px } .selectImage .ui_dialog_body { padding:0 0 0 180px; position:relative; border-top:1px solid #dbdee5; margin:20px 0; border-bottom:1px solid #dbdee5; overflow:hidden } .selectImage .blank_div { width:500px; margin-left:-250px; left:50% } .selectImage .ui_button .ui_loading { height:38px } .image_uploading { font-size:12px; border:1px solid #edf1f2; border:0 rgba(0,0,0,0); background-color:#e2e4e8; width:130px; height:130px; margin:3px; overflow:hidden; position:relative } .image_uploading .upload_progress { font-size:12px; width:50px; height:50px; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px; text-align:center } .image_uploading .upload_progress .progress_line { background-color:#d1d3d7; height:3px; width:70px; margin-top:20px; display:inline-block } .image_uploading .upload_progress .progress_line i { background-color:#00a5e0; height:100%; float:left; width:0; zoom:1 } .image_uploading .upload_btn_cancel { position:absolute; right:5px; bottom:4px } .image_uploading>span { position:absolute; left:5px; bottom:5px; width:7em; overflow:hidden; text-overflow:ellipsis; height:1.3em; white-space:nowrap } .selectImage .listItem .selstate>i { top:5px; right:5px } .selectImage .thumb_page { padding:10px 20px; border:0 } .lbar_group li.selected { background-color:#e4e9f5 } .func_bar .func_bar_right { float:right; height:40px; line-height:40px } .func_bar .slide { line-height:40px; color:#4c5161 } .select_container { border:2px dashed #caccd0; padding:30px 0; position:relative; font-size:16px; color:#a2a9b6 } .select_body { margin:0 auto; width:741px } .select_container .select_body>h4 { text-align:center; margin:0 0 30px 0 } .select_options { margin:0 auto } .select_options ul { width:741px; margin:0 auto } .select_options li { float:left; margin:0 87px; cursor:pointer; text-align:center } .select_options li:hover { color:#4c5161 } .select_options li>i { margin-bottom:15px; display:block; height:83px; width:73px; background-position:center; background-repeat:no-repeat } i.icon_select_article { background-image:url(../common/images/selectors/pictxt_normal.png) } :hover>i.icon_select_article { background-image:url(../common/images/selectors/pictxt_hover.png) } i.icon_select_image { background-image:url(../common/images/selectors/pic_normal.png) } :hover>i.icon_select_image { background-image:url(../common/images/selectors/pic_hover.png) } i.icon_select_text { background-image:url(../common/images/selectors/txt_normal.png) } :hover>i.icon_select_text { background-image:url(../common/images/selectors/txt_hover.png) } .hasChosen .chosen_body { display:block } .hasChosen .select_body { display:none } .hasChosen .material_icon_tip { display:block } .chosen_body { width:500px; margin:0 auto; display:none; position:relative; color:#4c5161; zoom:1 } .chosen_body .chosen_item { float:right; margin-right:155px } .chosen_body .func_opr { position:absolute; top:50%; right:0; margin-top:-42px; width:100px } .func_opr li { line-height:42px; position:relative } .func_opr a { font-size:16px; color:#4c5161 } .func_opr a:hover { color:#00a5e0 } .func_opr i { position:absolute; display:inline-block; height:20px; width:20px; margin:13px 0 0 -25px; *margin-top:3px } .func_opr i.icon_edit { background:url("../common/images/selectors/icon_edit.png") no-repeat } .func_opr i.icon_del { background:url("../common/images/selectors/icon_del.png") no-repeat } .func_opr.disabled i.icon_edit { background-image:url("../common/images/selectors/icon_edit_grey.png") } .func_opr.disabled i.icon_del { background-image:url("../common/images/selectors/icon_del_grey.png") } .func_opr a:hover i.icon_edit { background-image:url("../common/images/selectors/icon_edit_active.png") } .func_opr a:hover i.icon_del { background-image:url("../common/images/selectors/icon_del_hover.png") } .func_opr .ui_loading { position:absolute; left:48px; top:20px } .material_icon_tip { display:none; position:absolute; right:20px; bottom:20px; color:#a2a9b6; font-size:14px } .angular_icon { background-image:url("../common/images/selectors/icon_angular.png"); display:inline-block; height:12px; position:absolute; right:-12px; top:10px; width:12px } .appmsg_decoration { background-color:#fff; padding:3px 4px; border-radius:12px; border:1px solid #e5e5e5; border:0 rgba(0,0,0,0); box-shadow:0 1px 3px rgba(0,0,1,0.1); width:265px; position:relative } .chosen_item_image { padding:3px 4px; width:265px } .chosen_item_image img { border-radius:8px; width:100% } .chosen_item_text { max-width:290px; width:auto; display:inline-block; word-wrap:break-word; white-space:normal; padding:18px 18px 18px 20px; overflow:visible; margin:7px 0 } .selectHotchat .thumb_area { height:600px; margin-bottom:5px } .selectEssay .thumb_area { height:600px; margin-bottom:5px } .selectHotchat .thumb_list { padding:35px 0 0 80px } .selectHotchat .listItem { margin:0 30px 30px 0 } .selectHotchat .appmsg { height:250px; color:#a2a9b6; box-sizing:border-box } .selectHotchat .room_icon { display:block; width:64px; height:64px; background:url(../common/images/hotchat.png) center no-repeat; position:relative; left:50%; margin-left:-32px; margin-top:50px } .selectHotchat .room_bbar { position:absolute; bottom:12px; left:15px; font-size:14px } .selectHotchat h4.room_name { color:#4c5161; font-size:16px; text-align:center; width:100%; font-size:16px; margin:10px 0 5px } .selectHotchat h6.room_maxmember { text-align:center; font-size:12px } .selectHotchat .noResult .thumb_list { bottom:0 } .selectHotchat .blank_div { margin-top:-50px } .selectHotchat a.create_hotchat span { font-size:16px; margin-left:5px; color:#4c5161; line-height:16px; font-weight:400 } .selectHotchat a.create_hotchat:hover span { color:#00a5e0 } #selectEssay .listview { padding:32px 0 22px 60px } #selectEssay .appmsg_essay { position:relative; width:356px; height:100px; margin:0 10px 10px 0; border-radius:0; padding-left:100px; box-sizing:border-box } .appmsg_essay .essay_cover { width:70px; height:70px; margin:15px; position:absolute; left:0; top:0 } .appmsg_essay .essay_content { width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .appmsg_essay .essay_title { color:#545a6c; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-top:36px } .appmsg_essay .essay_summary { color:#a2a9b6; font-size:12px } .appmsg_essay .main_eassay .essay_title { margin-top:23px; margin-bottom:7px } .webuploader-container { position:relative; padding:0; } .webuploader-element-invisible { position:absolute!important; clip:rect(1px 1px 1px 1px); clip:rect(1px,1px,1px,1px) } .webuploader-pick { padding:0 15px; min-width:50px } .webuploader-pick-disable { opacity:.6; pointer-events:none } body>.ui_dialog { padding:15px 25px 25px; position:fixed; _position:absolute; top:0; left:0; white-space:nowrap; border-radius:2px; background-color:#f7f9fa; width:340px; -webkit-animation:tinydown .25s; animation:tinydown .25s; z-index:99 } .ui_dialog_absolute { position:absolute!important } .ui_dialog_hd { position:relative; height:16px; margin-bottom:35px } .ui_dialog_hd .ui_dialog_title { float:left; font-size:14px; font-weight:700; color:#4c5161; line-height:16px; padding:0 } .ui_dialog_hd .ui_dialog_close { position:relative; right:0; top:0; width:16px; height:16px; background:url(../common/images/icon_close_normal.png) 0 0 transparent; float:right; cursor:pointer } .ui_dialog_hd .ui_dialog_close:hover { background:url(../common/images/icon_close_hover.png) 0 0 transparent } .icon_danger { width:34px; height:34px; background-image:url(../common/images/icon_danger.png); display:inline-block; vertical-align:middle; margin-right:15px } .ui_dialog_bd strong { font-size:16px; line-height:34px; color:#767a89 } .ui_dialog_ft { text-align:right } .ui_dialog_ft .ui_button { margin-right:10px } .ui_mask { width:100%; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC191c22,endcolorstr=#CC191c22); background:url(about:blank); background-color:rgba(25,28,34,.88); top:0; left:0; position:fixed; z-index:1000; overflow:auto; -webkit-animation:fadeIn .2s both; animation:fadeIn .2s both } :root .ui_mask { filter:none; background-image:none } #select_imgtext_dialog { width:900px; height:755px; padding:20px; background-color:#f7f9fa } .ui_dialog_hd { margin:0 0 0 10px } .ui_dialog_hd_preview { margin:0 } #select_imgtext_dialog .ui_dialog_bd { height:665px; margin:0 10px 20px } #select_imgtext_dialog .ui_dialog_bd .func_tab { height:16px; padding:20px 0 15px } #select_imgtext_dialog .ui_dialog_bd .func_tab ul { float:right; width:300px } #select_imgtext_dialog .ui_dialog_bd .func_tab li { float:left; margin-left:15px } #select_imgtext_dialog .ui_dialog_bd .func_tab a .plus_icon { display:inline-block; float:left; width:16px; height:16px; background-image:url(../common/images/plus_icon.png) } #select_imgtext_dialog .ui_dialog_bd .func_tab a:hover .plus_icon { background-image:url(../common/images/plus_icon_blue.png) } #select_imgtext_dialog .ui_dialog_bd .blank_div { margin:20px 0; height:639px; background-color:#e6e6ea; overflow:hidden } #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_tips { font-size:24px; margin:270px 295px 10px } #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_tips strong { font-size:24px; height:24px; line-height:24px; font-weight:400 } #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_func { margin:20px 282px 10px } #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_func a span { color:#4c5161; margin-left:5px } #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_func a:hover span { color:#00a5e0 } #select_imgtext_dialog .ui_dialog_bd .blank_div .blank_func li { float:left; margin-left:15px } #select_imgtext_dialog .ui_dialog_bd .blank_div a .plus_icon { display:inline-block; float:left; width:16px; height:16px; background-image:url(../common/images/plus_icon.png) } #select_imgtext_dialog .ui_dialog_bd .blank_div a:hover .plus_icon { background-image:url(../common/images/plus_icon_blue.png) } #select_imgtext_dialog .ui_dialog_bd .func_tab a span { font-size:16px; margin-left:5px; float:left; color:#4c5161; line-height:16px; font-weight:400 } #select_imgtext_dialog .ui_dialog_bd .func_tab a:hover span { color:#00a5e0 } #select_imgtext_dialog .ui_dialog_bd .thumb_area { height:550px } #select_imgtext_dialog .ui_dialog_bd .thumb_list { height:510px; background-color:#e6e6ea; overflow:scroll; padding:20px 60px; position:relative; display:inline-block } .ui_dialog_bd .thumb_page { background-color:#f5f6fa; height:28px; padding:15px 20px; box-shadow:0 1px 2px #e1e4e9 } .ui_dialog_bd .thumb_page p { float:left; height:28px; line-height:28px; font-size:14px; color:#4c5161 } .ui_dialog_bd .thumb_page em { height:28px; line-height:28px; font-size:14px; font-style:normal } .ui_dialog_bd .thumb_page ul { float:right } #select_imgtext_dialog .material_col,#select_text_dialog .material_col { width:320px; float:left; margin:10px 25px; display:inline; position:relative } #select_imgtext_dialog .msg_div { position:relative; box-shadow:0 0 1px #4c5161 } #select_imgtext_dialog .appmsg { border:2px solid #fff; position:relative } #select_imgtext_dialog .appmsg:hover { border:2px solid #00a5e0; cursor:pointer } .thumb_mask { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#FFF; opacity:.7; filter:alpha(opacity=70); z-index:2 } .icon_gou { width:16px; height:16px; display:block; background-image:url(../common/images/icon_squre_gou.png); overflow:hidden; position:absolute; top:10px; right:10px; z-index:3 } .apply_icon { width:80px; height:40px; background-image:url(../common/images/apply_icon.png) } .list_page em { font-style:normal } #select_image_dialog { width:900px; height:725px; padding:20px; background-color:#f7f9fa } #select_image_dialog .ui_dialog_bd { height:640px; margin:0 10px 20px; overflow:auto } #select_image_dialog .ui_dialog_bd .func_tab { height:100px; padding:20px 0 15px } #select_image_dialog .image_square { background-color:#e3e8f1; border-radius:3px; height:40px; padding:30px 25px; width:830px; float:left } #select_image_dialog .image_square strong { display:inline-block; height:40px; line-height:40px; font-size:14px; color:#9fa8b5; font-weight:400; margin-left:10px } #select_image_dialog .ui_dialog_bd .thumb_list { height:435px; background-color:#e6e6ea; overflow:auto; padding:5px } #select_image_dialog .ui_dialog_bd .thumb_list ul { height:100%; position:relative; *overflow:auto } #select_image_dialog .ui_dialog_bd .thumb_list li { overflow:hidden; position:relative; float:left; margin:5px 4px; border:2px solid #e6e6ea; width:200px; height:110px; text-align:center } #select_image_dialog .ui_dialog_bd .thumb_list li:hover { border:2px solid #00a5e0!important; cursor:pointer } .selected_li { border:2px solid #00a5e0!important } #select_image_dialog .ui_dialog_bd .blank_div { height:490px; background-color:#e6e6ea; overflow:hidden } #select_image_dialog .ui_dialog_bd .blank_div .blank_tips { font-size:24px; margin:225px 345px 10px } #select_image_dialog .ui_dialog_bd .blank_div .blank_tips strong { font-size:24px; height:24px; line-height:24px; font-weight:400 } #select_text_dialog { width:900px; height:725px; padding:20px; background-color:#f7f9fa; position:absolute!important; top:50px!important } .small_dialog { height:300px!important } #select_text_dialog .ui_dialog_bd { height:640px; margin:0 10px 20px } #select_text_dialog .ui_dialog_bd .func_tab { width:875px; height:270px; margin:20px 0 15px } #select_text_dialog .edit_tool { width:850px; height:14px; font-size:12px; background-color:#fff; border:1px solid #00a5e0; border-top:0; padding:8px } #select_text_dialog .text_editor { width:850px; height:185px } #select_text_dialog .edit_area { width:850px; height:125px; border:1px solid #00a5e0; border-bottom:0; border-radius:0 } #select_text_dialog .editor_tip { float:right; color:#b0b0b4; font-style:normal } #select_text_dialog #remain_word { font-style:normal } #select_text_dialog .text_func { height:40px; width:872px; margin:20px 0 } #select_text_dialog .left_func { float:left; height:40px; line-height:40px; cursor:pointer } #select_text_dialog .right_func { float:right; height:40px; line-height:40px } #select_text_dialog .ui_dialog_bd .thumb_area { height:320px } #select_text_dialog .ui_dialog_bd .thumb_list { height:280px; background-color:#e6e6ea; overflow:scroll; padding:20px 60px; position:relative } #select_text_dialog .ui_dialog_bd .text_div { position:relative; background-color:#fff; padding:20px; margin-bottom:20px; border:2px solid #fff; box-shadow:0 0 1px #4c5161; border-radius:3px } #select_text_dialog .ui_dialog_bd .text_div:hover { border:2px solid #00a5e0!important; cursor:pointer } #select_text_dialog .ui_dialog_bd .text_date { display:block; padding-bottom:10px; color:#a2a9b6 } #select_text_dialog .ui_dialog_bd .text_content { display:block; word-wrap:normal; word-break:break-all; white-space:normal; font-size:14px; line-height:1.4; font-style:normal } #select_text_dialog .slide span { color:#5f6577 } #select_text_dialog .right_func { color:#5f6577 } #select_text_dialog .right_func .synch_div { float:left; margin-right:10px; display:inline-block } #select_text_dialog .ui_dialog_bd .blank_div { height:390px; background-color:#e6e6ea; overflow:hidden } #select_text_dialog .ui_dialog_bd .blank_div .blank_tips { font-size:24px; margin:190px 320px 10px } #select_text_dialog .ui_dialog_bd .blank_div .blank_tips strong { font-size:24px; height:24px; line-height:24px; font-weight:400 } #select_text_dialog .apply_icon { position:absolute; width:80px; height:40px; background-color:url('../common/images/apply_icon.png'); display:block; z-index:3 } #select_text_confirm { margin-right:10px } #select_qrcode tbody td { padding:0 } #select_qrcode .ui_dialog_title { margin-bottom:20px } @font-face { font-family:'helveticaneueltstd'; font-weight:normal; font-style:normal } .public_notice_content { margin-top:30px; padding-bottom:50px } .notice_set { margin-bottom:15px; margin-right:-15px; visibility:hidden } .notice_head,.notice_item { width:25%; *width:24.9%; float:left } .notice_head_a,.notice_item_a { display:block; height:100%; *height:185px; -ms-box-sizing:border-box; box-sizing:border-box; padding:25px 25px 20px; cursor:pointer; -webkit-animation:fadeIn .2s; animation:fadeIn .2s } .notice_item_inner { margin-right:15px; -webkit-transition:background-color .2s; transition:background-color .2s } .notice_item .notice_item_inner { background:#fff; box-shadow:0 1px 3px rgba(0,0,1,0.1) } .notice_item_inner:hover .notice_item_a { opacity:.8 } .notice_item_inner { height:230px } .notice_head .notice_item_inner { position:relative; overflow:hidden } .notice_head_a,.notice_head_a:hover { position:relative; color:#fff; -webkit-transform:translateZ(0); transform:translateZ(0) } .notice_item_a,.notice_item_a:hover { color:#4c5161 } .notice_avatar_cover { position:absolute; left:0; right:0; top:0; bottom:0; opacity:.9; filter:alpha(opacity=90) } .avatar_url { float:left; margin-right:15px } .avater_img_x { position:absolute; height:140%; width:400px; top:-20%; left:50%; margin-left:-200px; text-align:center } .avater_img { width:68px; height:68px; border:3px solid rgba(255,255,255,.4); float:left; border-radius:50%; overflow:hidden } .avater_img_blur { height:100%; -webkit-filter:blur(5px); -moz-filter:blur(5px); -ms-filter:blur(5px); filter:blur(5px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=4,MakeShadow=false); -webkit-transition:all .2s; transition:all .2s } .notice_item_inner:hover .avater_img_blur { -webkit-filter:blur(3px); -moz-filter:blur(3px); -ms-filter:blur(3px); filter:blur(3px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=4,MakeShadow=false) } _:-ms-input-placeholder,:root .avater_img_blur { position:absolute; visibility:hidden } .notice_item_inner>svg { height:100% } .name_area { padding-top:10px; overflow:hidden } .name_title { display:inline-block; max-width:80%; max-width:calc(100% - 20px); font-weight:400 } .verify_area { margin-top:20px } .no_verify_icon,.verify_icon { position:absolute; width:16px; height:16px; margin-left:5px; margin-top:1px; background:no-repeat center } .no_verify_icon { background-image:url(images/icon_verify_fail.png) } .verify_icon { background-image:url(images/icon_verify.png) } .notice_number_x { margin-top:40px; text-align:right } .notice_number { line-height:1.2; font-size:50px; font-family:helveticaneueltstd } .notice_number_char { vertical-align:2px; margin-right:-5px; margin-bottom:5px; opacity:0; filter:alpha(opacity=0); opacity:1 \9 } .icon_circle_shape { display:inline-block; width:20px; height:20px; background:no-repeat center; background-image:url(images/icon_balance.png); font:0/0 a; text-align:center; vertical-align:top } .notice_style { padding:7px 0 13px; line-height:54px } .icon_fans_total,.icon_fans_add,.icon_fans_msg { display:inline-block; width:60px; height:60px; background:url(images/icons_pub_fans.png) no-repeat; background-size:60px 180px; vertical-align:middle } .icon_fans_add { background-position:0 -60px } .icon_fans_msg { background-position:0 -120px } .notice_font { font-size:18px; position:absolute; margin-left:12px; margin-top:2px } .icon_arrow_up,.icon_arrow_down { display:inline-block; width:0; height:0; margin-right:2px; border:solid transparent; border-width:11px 8px; overflow:hidden } .icon_arrow_up { border-bottom-color:#5ae0a0; margin-top:-10px } .icon_arrow_down { border-top-color:#fc8585; margin-bottom:-11px } .icon_arrow_same { display:inline-block; width:12px; height:15px; margin-right:4px; border-bottom:2px solid; *border:0; -ms-box-sizing:border-box; box-sizing:border-box; color:#bfbfbf; font:0/27px a; *font:bold 14px/15px 'arial'; position:relative; overflow:hidden } .icon_arrow_same:before,.icon_arrow_same:after { content:''; position:absolute } .icon_arrow_same:before { height:10px; border-left:2px solid; left:5px; bottom:1px } .icon_arrow_same:after { width:12px; border-top:2px solid; bottom:5px; left:0 } .tinyup { -webkit-animation:raiseup .25s .1s both,fadeIn .2s .1s both; animation:raiseup .25s .1s both,fadeIn .2s .1s both } .directup .notice_number_char { opacity:1; filter:alpha(opacity=100) } .verify_area span { font-size:18px; margin-left:7px; margin-right:10px; height:18px; line-height:18px } .verify_btn { display:inline-block; vertical-align:top; height:18px; line-height:18px; font-size:18px } .public_notice_content .table_x { visibility:hidden } .notice_display_head { line-height:80px; padding-left:20px; background-color:#fff; border-bottom:1px solid #ededed; font-size:24px } .notice_tb .notice_data { width:100px; text-align:right; color:#a2a9b6 } .notice_content_a { display:block; width:100%; color:#4c5161 } .notice_content_a:hover { color:#4c5161 } .notice_content_a>p { line-height:25px; text-overflow:ellipsis; overflow:hidden } .icon_tips_new { width:27px; height:27px; background-repeat:no-repeat; background-image:url(images/pub_new_notice.png); position:absolute; margin:-14px 0 0 -20px } .icon_tips_new+.notice_content_a { line-height:26px; font-size:16px } .notice_tb tr { cursor:pointer } .bread { padding-bottom:0 } .notice_crumb { height:16px; margin-bottom:25px } .notice_crumb .notice_sep { margin:1px 14px 0; background-image:url(images/crumb_sep3.png) } .notice_body { box-shadow:0 1px 3px rgba(0,0,1,0.1); width:100%; min-height:100px; background-color:#fff; margin:0 auto } .notice_body_display { padding:40px 0 50px; width:900px; margin:0 auto; color:#4c5161 } .display_head { display:block; font-size:24px; margin-bottom:10px } .display_data { display:block; color:#a2a9b6; margin-bottom:30px } .display_content { line-height:1.5 } .display_footer { overflow:hidden; margin-top:40px } .display_portal { float:right; display:block; line-height:24px } .notice_acc_type span { display:inline-block; border-radius:20px; background-color:rgba(255,255,255,0.3); padding:8px 15px; position:absolute; bottom:20px; right:20px } .icon_cross { width:18px; height:18px; display:inline-block; overflow:hidden; position:relative } .icon_cross>span { height:100%; width:100%; position:absolute } .icon_cross_h { top:50%; left:0; border-top:solid 2px; margin-top:-1px } .icon_cross_v { left:50%; border-left:solid 2px; margin-left:-1px }