.p_t0{ padding-top:0px !important;} .p_t6{ padding-top:6px !important;} .p_b10{ padding-bottom:10px !important;} .m_b5{ margin-bottom:5px;} /*switch*/ .weui_switch { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 46px; height: 26px; border: 1px solid #DFDFDF; outline: 0; border-radius: 16px; box-sizing: border-box; background: #DFDFDF;} .weui_switch:checked:before { -webkit-transform: scale(0); transform: scale(0);} .weui_switch:before { content: " "; position: absolute; top: 0; left: 0; width: 44px; height: 24px; border-radius: 15px; background-color: #FDFDFD; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s;transition: transform .3s; transition: transform .3s, -webkit-transform .3s;} .weui_switch:checked:after { -webkit-transform: translateX(20px); transform: translateX(20px);} .weui_switch:after { content: " "; position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 15px; background-color: #FFFFFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); -webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s; transition: transform .3s;transition: transform .3s, -webkit-transform .3s;} .weui_switch:checked { border-color: #01a9e9; background-color: #01a9e9;} /*switch*/ @font-face { font-family: "weui"; src: url('data:application/octet-stream;base64,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') format('truetype'); } [class^="weui_icon_"]:before, [class*=" weui_icon_"]:before { font-family: "weui"; font-style: normal; font-weight: normal; speak: none; display: inline-block; vertical-align: middle; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em;} .weui_check { position: absolute; left: -9999em;} .weui_check_label { display:inline-block;} .weui_icon_checked:before { content: '\EA01'; color: #C9C9C9; font-size: 22px;} .weui_check:checked +label .weui_icon_checked:before { content: '\EA06'; color: #01a9e9;} .weui_check:disabled +label .weui_icon_checked:before { content: '\EA06'; color: #ccc;} .wq_f10{ font-size: 10px !important;} .wq_f12{ font-size: 12px !important;} .wq_f13{ font-size: 13px !important;} .wq_f14{ font-size: 14px !important;} .wq_f16{ font-size: 16px !important;} .wq_f15{ font-size: 15px !important;} .wq_f18{ font-size:18px !important;} .wq_f20{ font-size:20px !important;} .wq_f22{ font-size:22px !important;} .wq_f24{ font-size:24px !important;} .wq_f26{ font-size:26px !important;} .wq_f28{ font-size:28px !important;} .wq_f30{ font-size:30px !important;} .loading{height: 30px;font-size: 14px; text-align: center; color: #a6a6a6; line-height: 30px;padding-top: 10px;} /*group_search*/ .groupsearch_page{width: 100%;} .groupsearch_box{ padding: 5px 10px 10px 10px; position: relative;} .group_del{position: absolute;right:5px;width: 40px;height: 40px;top:2px;} .group_close{display: block;width: 22px;height: 22px;font-size: 12px; line-height: 22px; text-align: center; color: #fff; background: #ccc; border-radius: 50px;-webkit-border-radius: 50px; -moz-border-radius: 50px;position: absolute; right: 10px;top: 10px;} .groupsearch_box input{ border: 1px solid #f0f0f0; width: 100%; line-height: 24px; text-indent:2em; border-radius: 3px; padding:5px;} .groupsearch_box .magnifier{ position: absolute; top:7px; line-height: 34px; color: #888; left:15px;} .groupsearch_key{ font-size: 14px;} .groupsearch_key ul li{ float: left; padding: 4px 10px; background: #f9f9f9; border: 1px solid #f0f0f0; margin:10px 10px 5px 0px;} .groupsearch_list ul li{position: relative; border-bottom: 1px solid #f0f0f0; font-size: 16px; background: #fff; overflow: hidden; padding: 10px;} .groupsearch_list ul li a{display:block} .groupsearch_list .grouptitle{ font-weight: normal; border-bottom: 1px solid #f0f0f0; padding:0px 10px; background: #f9f9f9; line-height: 30px;} .groupsearch_list .left_pic{ float: left; overflow: hidden; margin-top: 1px; margin-right: 8px; border-radius: 1px; width: 66px; height: 66px;} .groupsearch_list .left_pic img{ width: 100%; border-radius: 5px; height: 66px;} .groupsearch_list .h_over { height: 46px; overflow: hidden;} .groupsearch_list .title { display: -webkit-box; overflow: hidden; position: relative; font-size: 17px; font-weight: normal; line-height: 24px; color: #454545; white-space: nowrap;display: block; -o-text-overflow: ellipsis;text-overflow: ellipsis;} .groupsearch_list .title_con { display: -webkit-box; overflow: hidden; margin-bottom: 2px;font-size: 14px; line-height: 18px;margin-top: 2px;color: gray; white-space: nowrap;display: block; -o-text-overflow: ellipsis;text-overflow: ellipsis;} .groupsearch_list .by { font-size: 12px; color: #A5A5A5; display: block; line-height: 16px; margin-top: 5px;} .more_relevant{ line-height: 40px; padding: 0px 10px; color: #888;} .groupsearch_ht ul li{position: relative; border-bottom: 1px solid #f0f0f0; font-size: 16px; background: #fff; overflow: hidden; padding: 10px 10px 6px 10px;} .groupsearch_ht ul li a{display:block} .groupsearch_ht .grouptitle{ font-weight: normal; border-bottom: 1px solid #f0f0f0; padding:0px 10px; background: #f9f9f9; line-height: 30px;} .groupsearch_ht .right_pic{ float: right; overflow: hidden; margin-top: 1px; margin-left: 8px;width: 80px; height: 80px;} .groupsearch_ht .right_pic img{ width: 100%; height: 80px;} .groupsearch_ht .h_over { height: 62px; overflow: hidden;} .groupsearch_ht .title { display: -webkit-box; overflow: hidden; position: relative; font-size: 17px; font-weight: normal; line-height: 20px; word-break: break-all; color: #454545;-webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-box-flex: 1;} .groupsearch_ht .title_con { display: -webkit-box; overflow: hidden; margin-bottom: 2px;font-size: 14px; line-height: 18px;margin-top: 4px; word-break: break-all; color: gray; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -webkit-box-flex: 1;} .groupsearch_ht li font,.groupsearch_list li font{ color:#f28c48;} .groupsearch_ht .by { font-size: 12px; color: #A5A5A5; display: block; line-height: 16px; margin-top: 5px;} .groupsearch_ht .num { padding-left: 12px; font-size: 13px; color: #888;} .groupsearch_ht .browse_record { margin-right: 5px; font-size: 13px; color: #888;} .groupsearch_ht .m_r2 { margin-right: 2px;} .groupsearch_ht .browse_record i{vertical-align: top;} .group_icon_load{padding:10px 0px; text-align: center; height: 100%;} /* -------- fans --------*/ .groupfans_list { width:100%; height: 40px;background:#FFF; border-bottom: 1px solid #f0f0f0;} .groupfans_list ul { font-size:14px; padding:0; line-height:40px;} .groupfans_list li { width: 50%; float: left; text-align: center;} .groupfans_list li a.on { color:#01a9e9;border-bottom: 1px solid #01a9e9; height: 39px;} .groupfans_list a{ white-space: nowrap; overflow: hidden; font-size: 16px; display: block;} .groupfans_list li span{ border-right: 1px solid #f0f0f0; float: right;height: 40px;} .fans{ background: #fff;} .fans ul li{ border-bottom: 1px solid #e5e5e5; padding: 10px; height: 80px; background: #fff; position: relative;} .fans img { border-radius:45px; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); width:70px; height:70px; position:absolute; -moz-border-radius: 45px;-webkit-border-radius: 45px; margin-top: 4px;} .fans .name { font-size:16px; line-height:24px; padding-left:80px; font-weight: normal; padding-top: 5px;} .m_b4{ margin-bottom: 4px;} .add_attention{ font-size:14px;} .fans_zu{ padding-left:80px; font-size:12px; line-height: 24px;} .fans_in_con{ font-size: 13px; padding-left:80px; line-height: 24px; color: #888;} .h_ov24{height: 24px;overflow: hidden;} .fans_boy{ color: #01a9e9; border: 1px solid #01a9e9; border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 1px 2px;} .fans_in{ color: #f3aa3a; border: 1px solid #f3aa3a; border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 1px 2px;} .fans_girl{ color: #f13e44;border: 1px solid #f13e44; border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 1px 2px;} .flw_status_2{position: absolute; left:56px; top: 60px; color: #fff; background: #8dcc00; width:25px; height: 25px; border-radius: 30px; -moz-border-radius: 30px;-webkit-border-radius: 30px; text-align: center; line-height:26px;} .flw_status_1{ position: absolute; left: 0px; top: 0px;} .flw_btn_unfo{ font-size:14px;} .flw_btn_fo{ font-size:14px;} .location { padding: 0.5px 3px 0px;background-color: #c4d1db; color: #fff; border-radius: 3px;} .wqtop30{ top:30px !important;} /*group_view*/ .wraper.groupviewlump{ background:#fff; padding-bottom: 10px;} .groupviewlump .user_info { position: relative; margin: 0 10px; height: 60px; border-bottom:1px solid #f0f0f0;} .groupviewlump .user_info a.a{ display: block;height: 60px;} .groupviewlump .user_info a{color: #333} .groupviewlump .group_arrow{ position:absolute; right:0px; top:18px;} .groupviewlump .user_info .head_avatar { position: absolute; top: 12px; left: 0; width: 50px; height: 50px;} .groupviewlump .user_info .head_avatar img { position: absolute; border-radius: 22px; width: 44px !important; height: 44px !important; background-color: #efece9;} .groupviewlump .user_info .name_wrap{ display:block; position: relative;margin-left: 50px;padding: 12px 0px;} .wraper.groupviewlump .user_info .head_avatar a{ display:block;} .groupviewlump .user_info .name_wrap .name_section1 { display: -webkit-flex; -webkit-align-items: center; padding-right: 15px;} .groupviewlump .user_info .user_nick { display: inline-block; overflow: hidden; margin-top: 0; max-width: 85px; height: 18px;font-size: 17px; font-weight: 700; line-height: 18px; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -webkit-flex: initial;color: #000!important;} .groupviewlump .user_info .name_wrap .name_section1 .l_level { -webkit-flex: none; min-width: 25px; position: relative; top: -2px;} .groupviewlump .user_info .author_div{ position: absolute; top:14px; left:50px;} .groupviewlump .user_info .author_div_t26{ position: absolute; top:21px; left:50px;} .groupviewlump .user_info .user_sign { overflow: hidden; margin-top: 20px;width: 70%; font-size: 14px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; color: #777;} .groupviewlump .user_info em{ position: absolute; top:34px; right:0px;} .manage_wz{ padding: 0px 10px; position: relative;overflow: hidden;} /*.manage_wz span i{ vertical-align: sub;}*/ .manage_wz .browse_record{ position: absolute; right: 10px;} .manage_wz .admin_gl{float: left;} .wqbuluo_rate{margin-right: 16px;line-height: 20px;} .wqbuluo_rate a{ width: 20px; /*height: 100%;*/display: inline-block;} .honour.g_fans { color: #fff; background-color: #9bbef5; border:none;} .honour { display: inline-block; height: 10px; padding: 2px 1px; font-size: 10px; line-height: 10px;text-align: center;color: #fff;border-radius: 1.5px; background: #f8bf43;} .groupviewlump .group_title { padding: 18px 10px 16px; font-size: 24px; line-height: 28px; text-align: left; word-break: break-all; position: relative;} .groupviewlump .group_title_info { margin-bottom: 12px; padding: 0 10px;font-size: 16px;} .groupviewlump .group_title_info .time { float: left; color: #777;} .groupviewlump .group_title_info .detail_from{ overflow: hidden; margin-left: 7px; border: 1px solid #01a9e9; border-radius: 16px; padding: 0 10px; max-width: 40%; height: 15px; font-size: 15px; line-height: 15px; text-align: center; white-space: nowrap; text-overflow: ellipsis;} .groupviewlump .group_title_info .detail_from a{ color: #01a9e9;} .appreciate{ margin-bottom:16px;} .appreciate_wrap{ width:200px;margin: 0 auto;} .h40{ height: 40px;} .h36{ height: 36px;} .appreciate .btn_appreciation { display: block; width: 110px; height: 40px; margin: 40px auto 0;font-size: 18px; line-height: 40px; text-align: center; vertical-align: middle; color: #fff; border-radius: 5px; background: #ff8000;} .appreciate .head_count.show { display: block;} .appreciate .head_count {display: none; margin: 30px auto 0; font-size: 14px;text-align: center;} .appreciate .head_count i {color: #ff8000;} .appreciate .head_count b {color: gray;} .appreciate_list_wrapper { overflow: hidden; margin: 0 auto;} .appreciate_list.vcenter { text-align: center;} .appreciate_list.vcenter a{ display:block;} .appreciate_list { max-height: 120px; overflow: hidden; margin-right: -6px; line-height: 15px;} .appreciate_list img { position: relative; width: 34px; height: 34px; margin: 0 6px 4px 0; border-radius: 17px;max-width: 100%!important;} .appreciate_head{position: relative; height: 50px; padding: 14px; font-size: 16px; color: #fff; background-color: #ff8000;} .appreciate_head p{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .appreciate_head p.g_color{ color:#fc9;} .appreciate_sum{height: 45px; padding-left: 16px;font-size: 17px;line-height: 45px;vertical-align: middle;background-color: #fff; border-bottom:1px solid #f0f0f0;} .appreciate_page .list li { display: -webkit-box;height: 60px; border-bottom:1px solid #f0f0f0;} .appreciate_page .list li .pos { width: 42px; margin-left: 3px; font-family: HelveticaNeue-UltraLight,"Helvetica Neue",Helvetica,STHeiTi,sans-serif; font-size: 25px; line-height: 60px; text-align: center;} .appreciate_page .list li .head img { position: relative; width: 40px; height: 40px; margin: 10px 11px 0 6px; border-radius: 20px;} .appreciate_page .list li .nick-name { padding-right: 7px; font-size: 17px; line-height: 60px; vertical-align: middle; -webkit-box-flex: 1;} .appreciate_page .list li .nick-name span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .appreciate_page .list li .total { padding-right: 10px; font-size: 17px; line-height: 59px; text-align: right; vertical-align: middle; color: #777;} /*转发到兴趣圈*/ .wq_frame{ position: absolute; border-radius: 6px; padding-top: 18px; width: 290px; text-align: center; background: #f3f3f3; -webkit-transform: translate(-50%,-50%);} .wq_frame .split_title { padding-bottom: 10px; font-weight: normal; font-size: 16px;} .wq_frame .a_edit_wrapper{ padding: 0 15px 10px;} .wq_frame .a_edit_border { display: inline-block; width: 100%; border: 1px solid #e5e5e5;} .wq_frame .edit{ margin-top: 2px; padding: 7px 9px; width: 100%; box-sizing: border-box; height: auto; min-height: 72px; display: -webkit-box; display: -moz-box; display: box; font-size: 16px; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; border: 0; -webkit-appearance: none;} .wq_frame .a_edit_wrapper .edit { padding: .5em 10px; line-height: 1em; height: 2em;size: 17px; margin: 0; min-height: 1em; border-radius: 3px;} .thumbnail { padding: 0 15px;} .thumbnail .th_cover { position: relative; width: 65px; height: 65px; overflow: hidden; float: left;} .thumbnail .th_cover img{width: 100%;height:75px;} .thumbnail .th_text { max-height: 70px; padding: 3px 10px;overflow: hidden; text-align: left;} .thumbnail .th_text h4 { font-size: 17px; height: 20px; line-height: 20px; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .thumbnail .th_text p{ font-size: 13px; line-height: 18px; max-height: 38px; color: #777; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-webkit-box-flex: 1; overflow: hidden} .btn_group { display: -webkit-box; margin-top: 18px; border-top: 1px solid #e5e5e5} .btn { display: block; -webkit-box-flex: 1; border: 0; border-right: 1px solid #dcdcdc; border-radius: 0 0 0 6px; width: 100%; height: 45px; font-size: 16px; line-height: 45px;color: #00a5e0; border: 0; border-radius: 0 0 0 6px; background: #fff; -webkit-appearance: none;} .btn_group .btn { background-color: #f3f3f3;} .btn_import{ border-left: 1px solid #e5e5e5;} /*关注、签到*/ .group_close{ height: 40px;} .group_close a{ padding: 6px 10px;} .follow_eject{position: fixed; top:0px; left:0px; height: 100%; width: 100%;} .follow_fans{ margin: 160px 6%; background: #2d9ae8; color: #fff; font-size: 16px; text-align: center; border-radius: 5px; padding: 40px 10px 20px 10px; position: relative} .follow_fans span{ color: #ffba01; font-size: 22px;} .follow_success{ position: absolute; top: -36px; height: 80px; color: #fff; width: 96%;} .follow_success em{border-radius: 50px; background:#89bd36;border: 2px solid #fff; width: 60px; height: 60px; display: inline-block; line-height:66px;} .wq_f44{ font-size: 44px !important;} .offhand_sign{ margin: 50px; text-align: center; border: 1px solid #828282; border-radius: 20px; line-height: 40px; font-size: 14px;} .offhand_sign a{ display: block;color: #828282;} .m_b15{ margin-bottom: 15px} .m_t5{ margin-top: 5px;} .sign_wrap{ display: none; position: fixed; top: 0; left: 0; z-index: 1000; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0,0,0,.98);} .sign_wrap .sign_wrap_con{ margin: 0 auto; border-radius: 3px; font-size: 14px; line-height: 76px; text-align: center; color: #fff; -webkit-animation-duration: 500ms; } .sign_wrap .close_icon{ position: absolute; bottom: 20px; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); width: 44px; height: 44px;line-height: 44px;} .sign_wrap .sign_wrap_con ul{ position: absolute; top:20px; width: 100%; height: 270px;background-image: url(./images/sign_fans.png);background-size: 100px 100px; background-repeat: no-repeat; background-position: center center;} .sign_wrap .sign_wrap_con ul li{display: inline-block; position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px; width: 24px; height: 24px; border-radius: 50%; font-size: 11px; line-height: 24px; text-align: center; border: 1px solid #fff; color: #fff; background-color: transparent;} .sign_wrap .sign_wrap_con ul .active{ color: #fff;background-color: #8964fe; -webkit-animation-name: none; border: 0;} .sign_wrap .sign_wrap_con .sign_tips{ position: absolute; top: 340px; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); width: 100%; font-size: 13px; line-height: 14px;} .wq_orange{ color: #ffba00;} /*group_LV*/ .grade_page .grade_top{height: 52px;background-color: #fff;} .grade_top .grade_head { line-height: 52px; max-width: 120px; font-size: 14px; padding-left: 10px; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #fff; position: relative; z-index: 1;} .grade_top .grade_head img { width: 20px; height: 20px; border-radius: 50%; display: inline-block; border: 0; margin-right: 9px; vertical-align: middle;} .grade_top .grade_description { margin-left: 10px;font-size: 12px; height: 52px; line-height: 52px; color: #777; z-index: 4; position: absolute; right: 10px; top: 0;} .group_level { font-size: 10px; padding: 2px 5px; height: 10px; min-width: 25px; text-align: center; display: inline-block; line-height: 12px; color: #fff; font-family: Helvetica;} .group_level a{color:#fff} .lv1, .lv2, .lv3 { background-color: #f8c255; color:#fff} .lv4, .lv5, .lv6, .lv7 { background-color: #fcad30; color:#fff} .lv8, .lv9, .lv10, .lv11, .lv12 { background-color: #fd963b; color:#fff} .lv13, .lv14, .lv15, .lv16, .lv17 {background-color: #fd7b3b; color:#fff} .lv18 {background-color: #fe5a34; color:#fff} .group_info_wrap{ padding-left:76px;} .group_info_wrap .group_infobar { display: inline-block; width: 60px; height: 3px; background-color: #ccc; border-radius: 5px; margin-right: 5px; overflow: hidden; position: relative;} .group_info_wrap .group_infobar { display: block; width: 115px; height: 3px;margin-top: 5px; background-color: rgba(0,0,0,.7); margin-left: 1px;} .group_infobar span { display: block; background-color: #84ba3d; border-radius: 5px;background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 15%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-repeat: repeat-x; background-size: 10px 10px; width: 0; height: 3px; transition: width 1s; -webkit-transition: width 1s;} .grade_top .grade_description .grade_name { margin: 0 5px;} .grade_bar { display: inline-block; width: 60px; height: 6px; background-color: #ccc; border-radius: 5px; margin-right: 5px; overflow: hidden; position: relative;} .grade_bar .grade_inner_bar { display: block; background-color: #84ba3d; border-radius: 5px; background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 15%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-repeat: repeat-x; background-size: 10px 10px; width: 0; height: 6px; transition: width 1s; -webkit-transition: width 1s;} .grade_rank{ background:#fff; margin-top:15px;padding: 0 10px 10px 10px;} .grade_rank h3{ line-height:40px; border-bottom:1px solid #f0f0f0; font-weight:normal; font-size:16px; padding:0px 10px;} .grade_rank h2{ line-height:44px;height:40px; border-bottom:1px solid #f0f0f0; font-weight:normal; font-size:16px; padding:0px 10px;border-bottom: 3px solid #fcad30;position: relative;} .grade_rank h2 span{ border-top: 3px solid #84ba3d; position: absolute; width: 50%; right: 0; top: 40px;} .grade_list { position: relative; background-color: #f7f8fa;} .grade_list>li:nth-of-type(odd) { margin-top: 1px; background-color: #fff;} .grade_list>.grade_title { height: 40px; font-size: 14px; line-height: 40px;} .grade_list>li{ position: relative; z-index: 1; height: 30px; line-height: 30px; color: #777; font-size: 12px;} .grade_list>li .grade_box { width: 32%; display: inline-block; text-align: center;} .grade_rules_list { position: relative; z-index: 1;} .grade_rules_list>li { display: -webkit-box; min-height: 77px; border-bottom:1px solid #f0f0f0;} .grade_rank .grade_box2 { width: 48%; font-size: 13px; display: -webkit-box; padding: 15px 0;-webkit-box-align: center;} .grade_rank .grade_rlue span { display: block; width: 100%; padding-left: 10px;} .grade_rank .grade_box3 { width: 52%; font-size: 13px; display: -webkit-box; padding: 15px 0;-webkit-box-align: center;} .grade_rank .grade_desc_list { width: 100%; padding: 15px;box-sizing: border-box;} .grade_rank .grade_desc_list li { line-height: 20px; font-size: 12px; color: #777; position: relative; z-index: 1; padding-right: 65px;} .grade_rank .grade_desc_list li span { position: absolute; right: 0; min-width: 65px;} /* group create */ .group_add{ background: #fff} .group_add table{ width: 100%; font-size: 14px;} .group_add table th{ width: 80px; display: inline-block; text-align: left; padding-left: 10px;color: #888; line-height: 44px;} .group_add table .px{ width: 100%; border:none; text-indent: 0.6em;} .group_add table tr{border-bottom: 1px solid #f0f0f0; position: relative;} .group_add table td { position: relative;line-height: 40px; width: 100%; padding-right: 10px;} .group_add table td .ps{ width: 40%; margin-right: 10px; border: none;} .group_add table td .area{ margin-top: 10px;} .group_add table td .area .pt{ border: none; width: 100%; max-height: 80px; background: #fff;padding-left:6px;} .group_add table td .group_po{ background: #f0f0f0; text-align: center; height: 36px;line-height: 36px; margin-bottom: 5px; font-size: 14px;position: relative; margin-top: 10px;} .group_add table td .group_po a{ display: block;} .group_add table td .group_po .poto { width: 100%; height: 36px;line-height: 36px; font-size: 30px;opacity: 0; position: absolute; top: 0px;left: 0px;} .group_add table td .po_prompt{ line-height: 20px; margin-bottom: 10px; font-size: 14px; color: #888;} .po_ab{ position: absolute; left: -70px; bottom:5px;} .p_b40{ padding-bottom: 40px;} .width_spacing{ padding-top: 10px; height: 36px;} .group_add table td .lb{} .group_add table td .width_cell_hd{float: left; padding-right: 40px;} .group_add table td .width_half .pr{ display: none;} .group_add table td .width50{ width: 50%; float: left;} .group_add .rq{ height: 30px; font-size: 14px; font-weight: normal; display: inline-block;} .group_add .d{ line-height: 20px; margin-bottom: 5px; font-size: 14px; color: #888;padding-top: 5px;} .group_add td img{ max-width:100%;} .found_group{ background: #fff; height: 40px; padding:10px;} .found_group a{background: #f9f9f9; width: 100%; line-height: 40px; text-align: center; border-radius: 3px; border: none;display: block;} .found_group button{ background: #01a9e9; width: 100%; line-height: 40px; border-radius: 3px; border: none; color: #fff; font-weight: normal;float: right;} .sd{ background: #fff; font-size: 14px; padding-bottom: 4px;} .group_found {border-bottom: 1px solid #f0f0f0; text-align: center;color: #000;font-size: 18px;background: #f9f9f9; line-height: 44px; height: 44px;overflow: hidden; position: relative;padding: 0px 64px; white-space: nowrap;display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .group_found .wq_return {position: absolute;left: 10px; line-height: 44px;width: 44px; text-align: left;color: #01a9e9;} .group_found .return_in {position: absolute; right: 10px; top: -5px; line-height: 44px; width: 44px; text-align: right; color: #01a9e9;} /* group type */ .group_type{ background: #fff; font-size: 16px; } .group_type .title{font-weight: normal; line-height: 40px; padding: 0px 10px; border-bottom: 1px solid #f0f0f0;} .group_type .tbmu{ font-size: 14px;padding:0px 10px ;line-height: 40px;margin: 10px 0px; border-bottom: 1px solid #f0f0f0;} .group_type .tbmu .ps{ border: none; width: 86px;} .group_type table{ width: 100%;} .group_type tr{ border-bottom: 1px solid #f0f0f0; padding: 10px 0px;} .group_type .fl_icn{ width: 50px; width: 50px;} .group_type .fl_icn img{ width: 50px; width: 50px; border-radius: 50px; margin-right: 5px;} .group_type .fl_txt{padding: 10px; max-height: 56px; overflow: hidden;} .group_type .fl_txt .xg1{ max-height: 26px; overflow: hidden;} .group_type .fl_i{ width: 80px;} .application_ipgroup{height: 40px;background: #01a9e9; text-align: center; line-height: 40px; border-radius: 3px; position: fixed; bottom:0px; width: 100%;} .application_ipgroup a{ width: 100%; margin-top: 0px; color: #fff; font-size: 16px; display: black;} .group_h14{ height: 14px;} .group_h30{ height: 30px;} /* group right */ .gtoup_title{ background: #fff; overflow: hidden;} .gtoup_title h2{ line-height: 44px; font-size: 16px; font-weight: normal; background: #f9f9f9; border-bottom: 1px solid #f0f0f0; padding: 0px 10px;} .browse_group ul{} .browse_group ul .avt img{ float: left; margin-right: 10px; border-radius: 50px; width: 50px; width: 50px; } .browse_group ul li{display: block;margin-top: 10px; width: 50%; float: left;} .browse_group ul li a{display: block;} .search_card{ height: 50px; padding-top: 10px;} .search_card .p_fre{float: left; width: 78%;height: 38px; text-indent: 0.6em; color: #888;} .search_card .btn{ float: right;background-color: #01a9e9; height: 38px; color:#fff; border-radius: 3px; border: none; margin:1px; width: 18%;} .group_ranking table{ width: 100%; text-align: center;} .group_ranking table td{ padding: 10px 0px;} .group_ranking table p{ font-size: 16px;} .join_member{ padding-top: 10px;font-size: 16px;} .join_member li{ float: left;} .join_member .a{ background: #fff;} .join_member_con{ padding-top: 10px;} .join_member{background: #F2F2F1;height: 40px;} .join_member li{ width: 30%; height: 40px;font-size: 14px;line-height: 40px; float: left;text-align: center; position: relative;} .wqbuluo_search_member{ padding:0px 80px 0px 10px; position: relative; margin-bottom: 5px;} .wqbuluo_search_member input{ width: 100%; text-indent: 0.5em; border: none;height: 38px !important;} .wqbuluo_search_member button{ position: absolute; right: 0px; top:0px; background: #01a9e9;} /* group list */ .my_group_tag {overflow: hidden; height: 44px; line-height:43px; position: relative; background: #fff;margin-bottom: 5px; font-size: 16px;} .my_group_tag .tag_list{overflow: hidden; width: 1200px;height: 44px;} .my_group_tag .tag_list ul{height: 42px; display: inline-block;} .my_group_tag .tag_list li{float:left;text-align: center;} .my_group_tag .tag_list li a{ padding: 0 18px;} .my_group_tag .tag_list li.a{border-bottom: 1px solid #01a9e9;display: inline-block;} .my_group_tag .tag_list li.a a{ color: #01a9e9;} .my_group_ass {overflow: hidden;padding-bottom: 10px; line-height:36px; position: relative; font-size: 16px;} .my_group_ass .tag_list{overflow: hidden; width: 1200px;height:34px;} .my_group_ass .tag_list ul{ display: inline-block; margin-top: 2px;} .my_group_ass .tag_list li{float:left;text-align: center;margin: 0px 5px;border-radius: 12px;} .my_group_ass .tag_list li a{ padding: 0px 18px; border-radius: 12px; display: block; background: #fff;height: 30px; line-height: 30px; } .my_group_ass .tag_list li.a a{ color: #01a9e9; display: block;border: 1px solid #01a9e9;} .m_b0{ margin-bottom: 0px !important} /* group index */ .member_dynamics img{vertical-align: middle;} .member_dynamics li{ padding: 5px 0px; font-size: 14px; line-height: 30px; overflow: hidden ;white-space: nowrap;display: block; -o-text-overflow: ellipsis;text-overflow: ellipsis;} .publish_btn{position: fixed; bottom: 30px;right: 20px; z-index:100; width:50px; height: 50px; background: #01a9e9; border-radius: 50%;text-align: center; line-height: 50px;} .group_post{ font-size:26px !important; color: #fff;} .member_manage{ position: fixed; bottom:0px; background: #01a9e9; height: 44px;line-height: 44px;width:100%; text-align: center; border-radius: 3px; font-size: 16px;} .member_manage a{color: #fff;display: block;} /* group memberlist */ .name_member{} .name_member h3{ line-height: 20px; background: #f5f5f5; padding-left: 10px;} .name_member ul{ width:100%;} .name_member li{ margin-top:6px; font-size: 14px; overflow: hidden;padding: 5px 10px;border-bottom: 1px solid #f0f0f0; position: relative;} .name_member li img{ width: 50px; height: 50px; border-radius: 50px; margin-right: 10px;} .name_member li a{ white-space: nowrap;display: block; -o-text-overflow: ellipsis;text-overflow: ellipsis;/*float: left;*/} .group_sign{ float: left; width: 40px; ;line-height: 50px; position: absolute;left: 5px;} .name_member div{ width:100%;} .group_honor{ position: absolute; right: 0px; top:20px;} .invitation_member li a.group_menber{ padding-left:30px;width:100%;} .group_menber_grey{ position: absolute; top:18px; right:10px; font-size: 12px; color: #888;} .gtoup_title_div{padding-left:30px;} .gtoup_title_div .gtoup_title_ov{ position: absolute; top:5px; left:100px;} .gtoup_title_ov em.chief_admin{ width: 53px;} .gtoup_title_ov em.big_admin {color: #ae8ad6; border: 1px solid #ae8ad6; margin-right:10px} .gtoup_title_ov em { display: inline-block; width: 40px; height: 16px;line-height: 16px; text-align: center; border-radius: 2px;-moz-border-radius:2px; -webkit-border-radius:2px;} .name_member .xzk{ margin-right: 0px;} .gm, .gs, .gol, .god {position: absolute; top:2px;overflow: hidden; width: 60px; height: 18px; background: url(./group_images/gst.gif) no-repeat 0 0; display: block;} .gs{background-position:0 -18px;}.gol{background-position:0 -36px;}.god{margin:-5px 0px 0px 45px;} /* group manage */ .manage_group{ height: 40px;} .manage_group ul li{ width: 20%;font-size: 14px; float: left;text-align: center; line-height: 40px; border-bottom: 1px solid #f0f0f0;} .manage_group a{} .manage_add{ background: #fff} .manage_add table{ width: 100%; font-size: 14px;} .manage_add table th{ width: 120px; display: inline-block; text-align: left; padding-left: 10px;line-height: 30px; padding-top: 6px;color: #888; margin-right: 10px;} .manage_add table .px{ width: 100%; border:none;} .manage_add table tr{border-bottom: 1px solid #f0f0f0;} .manage_add table td {position: relative; width: 100%; padding-right: 10px;padding-top: 9px;} .manage_add table td .ps{ width: 40%; margin-right: 10px; border: none;} .manage_add table td .area{ margin-top: 10px;} .manage_add table td .area .pt{ border: none; width: 100%; max-height: 80px; background: #fff;} .group_manage_img{ font-size: 14px; line-height: 40px; padding: 0px 10px;overflow: hidden;} .group_manage_img .group_po{ background: #f0f0f0; height: 40px; line-height: 40px; text-align: center; margin-bottom: 10px;position: relative; margin-top: 10px;} .group_manage_img .group_po a{ display: block;} .group_manage_img .group_po .poto { width: 100%; height: 40px; font-size: 30px;opacity: 0; position: absolute; top: 0px;left: 0px;} .group_manage_img .pc{ display: none;} .group_manage_img img{ max-width:100%;} .group_manage_img .weui_check_label{ display: block;} .manage_add table td .po_prompt{ line-height: 20px; margin-bottom: 10px; font-size: 14px; color: #888;} .manage_add table td .lb{} .manage_add table td .width_half{ } .theme_ass{ background: #fff;font-size: 16px; } .theme_ass h2{ font-weight: normal; padding: 10px 10px 0px 10px;} .theme_ass .dt{ width: 96%; margin: 0px 2%;} .theme_ass .dt th{line-height: 40px; text-align: center;} .theme_ass .dt td{ padding-bottom: 10px; text-align: center;} .theme_ass .dt .px{ border: 1px solid #f0f0f0; text-indent: 0.6em; width: 88%} .theme_ass .xzk{ margin-left: 8px;} .name_btn ul li{ text-align: center; } .name_btn button{ margin-right: 10px; background: #fff;font-size: 16px; border: none; width: 100%; line-height: 48px;} .emp{ font-size: 16px; text-align: center; color: #888;} .no_content{ display: block; margin-bottom: 10px;} .no_content img{ width: 40%;} .group_h50{ height: 50px;} .group_h44{ height: 44px;} .group_h40{ height: 40px;} .audit_member{ background: #f0f0f0; width: 100%;height: 49px;padding-left: 2%; font-size: 16px;border-top: 1px solid #e0e0e0;position: fixed; bottom:0px;} .audit_member ul li a{ float: left;width: 47%; color: #fff;height: 38px;line-height: 38px;margin-right: 2%;background: #01a9e9; border: 1px solid #01a9e9; border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px;text-align: center; margin-top: 5px;} .audit_member ul li a.a{ background: #fff; color: #01a9e9; border: 1px solid #e0e0e0} .audit_list{ background: #fff; padding:0px 10px; font-size: 14px;} .audit_list .avt{ float: left; width: 60px; height: 60px;} .audit_list .avt img{ width: 50px; height: 50px; border-radius: 50px;} .audit_list dt a{ max-width: 120px; overflow: hidden; display: block; height: 24px; white-space: nowrap; -o-text-overflow: ellipsis;text-overflow: ellipsis;} .audit_list .xw0{ color: #C0C0C0;} .audit_list .pns{ position: absolute; right:0px; top:20px;} .audit_list .pns a{ display:inline-block;float: right;} .audit_list .pns em{ font-size: 14px;} .audit_list .bbda{ border-bottom: 1px solid #f0f0f0; padding-top: 10px; position: relative;display: flex;} .audit_list .pns button{ padding: 2px 12px; margin: 0px 5px; border: 1px solid #01a9e9;background: #01a9e9; } .audit_list .pns .ignore{ background: #fff; border: 1px solid #f0f0f0; color: #01a9e9} .group_attorn{ font-size: 14px;background: #fff;} .group_attorn h2{ line-height: 40px;background: #f9f9f9;padding-left: 10px; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px; font-size: 16px; font-weight: normal;} .group_attorn h3{ line-height: 40px;background: #f9f9f9;padding-left: 10px; margin-top: 10px; border-bottom: 1px solid #f0f0f0; font-size: 16px; font-weight: normal;} .group_attorn p{padding-left:10px; padding-right:10px;} /*.group_attorn ul li{ float: left;}*/ .group_attorn_ul{ overflow: hidden;} .group_attorn_ul li{ text-align: center;} .transfer_group{} .transfer_group ul li{ float: left; padding-top: 10px;text-align: center; padding: 10px;width: 60px;} .transfer_group ul li img{ border-radius: 50px;} .transfer_group p{ padding-left: 0px;padding-right: 0px; height: 24px;line-height: 24px; overflow: hidden; white-space: nowrap;display: block; -o-text-overflow: ellipsis;text-overflow: ellipsis;} .transfer_group .group_sign2{padding-left: 0px;padding-right: 0px; width: 60px;} .name_member p{ padding-left: 0px;} .input_login_password{ padding: 0px 10px 0px 10px; line-height: 40px;} .input_login_password .p_fre{border: 1px solid #f0f0f0; width:99%; line-height: 30px; text-indent: 0.7em; padding:5px 0px;} /* group list */ .group_ass { background: #fff; line-height: 30px; padding: 10px;} .group_ass li{ float: left;padding: 2px 10px; border: 1px solid #f0f0f0; border-radius: 3px; margin-right: 10px;} .group_ass .a{ background: #01a9e9; border: 1px solid #01a9e9;} .group_ass .a a{ color: #fff;} .theme_card{ font-size: 14px;} /* group */ .qz_bg .gz_bule{color: #01a9e9;} .group_menu{height: 49px; background: #fff; border-top: 1px solid #f0f0f0; font-size: 12px; width:100%; position: fixed; bottom:0px; z-index: 99} .group_menu ul li{ float: left; width: 20%; text-align: center;position: relative; padding-top: 5px;} .group_menu ul li a{display: block; color: #888;} .group_menu ul li.on{ border-bottom: 2px solid #01a9e9; height: 49px;} .group_menu ul li.on a{color: #01a9e9;} .group_menu ul li a i{ font-size: 20px; line-height: 24px; vertical-align: middle;} .group_menu_4 ul li{ width: 25%;} /*.group_menu li .group_on{ height:2px; background: #01a9e9; position: absolute; width: 100%; left: 0px; bottom: 0px;}*/ #main-window {position: relative; overflow: hidden; height: 0;} /*#left-pane {float: left;width: 23%; display: block;box-sizing: border-box; overflow: hidden; background-color: #f1f1f1; position: fixed;bottom: 0;top:44px;}*/ #left-pane {float: left;width: 23%; display: block;box-sizing: border-box; overflow: hidden; background-color: #f1f1f1;bottom: 0; height: 100%; top:44px;} #department-list {margin-left: 0; font-size: 14px;} /*ol:last-child, ul:last-child {margin-bottom: 0!important;}*/ #department-list li {position: relative;color: #4D4D4D; text-align: center; border-bottom: 1px solid #e8e8e9;} .ellipsis-text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}#department-list .selected span {color: #000;margin-left: -.189em;} .page_group .group_left { top: 0;-webkit-tap-highlight-color: transparent;} .group_left .group_list {overflow: hidden; font-size: 14px;} .group_left .group_list li.active{ border-right: 0;color: #18b4ed;background-color: #fff; background-image: none!important; border-left: 2px solid #01a9e9;} .group_left .group_list li.active a{ color: #01a9e9;} .group_left .group_list li {overflow: hidden;position: relative; box-sizing: border-box; height: 48px;line-height: 48px; text-align: center;white-space: nowrap; text-overflow: ellipsis;word-break: break-all;} .abs.group_right { padding: 0; min-height: 470px;} /*.page_group{position: absolute;top:43px;bottom: 0; left: 0; width: 100%; background-color: #fff;}*/ .top0{top:0px !important;} .page_user{width: 100%; background-color: #fff;} #right-pane { left: 23%; width: 76.5%; box-sizing: border-box;position: absolute; z-index:1;background-color: #fff; height: 100%;} .group_content { height: 1px;} .bar_list li.group_banner { padding: 7px 10px 10px 10px;min-height: 74px;} .bar_list li.group_banner img { display: block; width: 100%; min-height: 50px;background-color: #efece9;} .group_banner img {height: 60px;} .group_wrapper {position: relative; padding: 0 10px; height: 44px; line-height: 44px;} .bar_list li .group_level{ vertical-align: super;padding: 3px 5px; height: 8px; line-height: 12px;} .bar_list li {position: relative; box-sizing: border-box;height: 58px;} .section_p { position: relative;} .section_p a{ display: block;} .honor_wrapper .btn_focus{ top:16px;} .group_line{ height: 5px; border-bottom: 1px solid #f0f0f0;margin-top: 5px; margin-left: 70px;} .bar_list li .bar_icon_wrap {overflow: hidden; float: left; border-radius: 11px; width: 50px; height: 50px; margin:0px 10px;-moz-border-radius:11px; -webkit-border-radius:11px; } .bar_list li .bar_icon { width: 50px; height: 50px; border-radius: 11px;-moz-border-radius:11px; -webkit-border-radius:11px; } .bar_list li .title { margin-top: 7px;font-size: 14px;} .bar_list li .title .name {display: inline-block; overflow: hidden;max-width: 110px; line-height: initial; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; margin-top:7px;} .bar_list li .desc { overflow: hidden;width: 48%; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; color: #a6a6a6;} /*.btn_focus{ position: absolute; top:10px;right: 10px; -webkit-border-radius: 4px;-moz-border-radius:4px; border-radius: 4px; width: 46px; height: 26px; font-size: 13px; line-height: 28px;text-align: center;color: #01a9e9; border: 1px solid #f0f0f0; background: #fff;}*/ .btn_focus2{ position: absolute; top: 18px;right: 10px; width: 46px; height: 26px; font-size: 13px; text-align: center;color: #a6a6a6;} .btn_focus{ position: absolute; top: 12px;right: 10px; -webkit-border-radius: 4px;-moz-border-radius:4px; border-radius: 4px; width: 46px; height: 28px; font-size: 14px; line-height: 28px;text-align: center;color: #ccc; border: 1px solid #f0f0f0; background: #fff;} .support_idea{ padding: 0 0 0 10px; font-size: 16px; background: #fff;} .support_idea a{color: #01a9e9; display: block} .apply_group{ font-size: 50px !important;} .apply_group_icon{ float: left; margin-right: 5px;} .support_idea a .apply_group_icon{ color: #8adbf8;} .apply_group_txt{ line-height: 80px;} .search_group_jh{ font-size: 30px !important;} .search_group_txt{ line-height: 50px !important;height: 50px; overflow: hidden;white-space: nowrap;display: block; -o-text-overflow: ellipsis;text-overflow: ellipsis;} .search_support_idea{height: 50px; overflow: hidden;white-space: nowrap;display: block; -o-text-overflow: ellipsis;text-overflow: ellipsis;padding:0px 10px;} /* group */ .group_home{ height: 98px; overflow:hidden; background-image:url(./group_images/wqhead_bg.jpg); background-size: 100%; background-repeat: no-repeat;background-position: center;} .group_home_bg{ background-color: rgba(0,0,0,0.3);padding: 15px 10px; position: relative;height: 70px;} .group_head{ float: left; z-index: 1; position: relative; border: 2px solid #fff; border-radius: 5px; height: 60px; margin-right: 10px;-moz-border-radius:5px; -webkit-border-radius:5px; } .group_head a{ display:block;} .group_head img{ width: 60px; height: 60px;border-radius: 3px;-moz-border-radius:3px; -webkit-border-radius:3px; background-color: #fff; } .group_home_bg .group_head .logo_rank{overflow: hidden; position: absolute;top:50px; left: -2px;z-index: 2;border-radius: 0 0 3px 3px; padding: 0 1px; width: 62px;height:15px; font-size: 10px;line-height: 16px;text-align: center; color: #fff; background-color: #fc4527;} .group_home_bg .group_head .logo_rank span{display: block;width: 125%; -webkit-transform: scale(0.8); -webkit-transform-origin: 0 center;} .group_pay .btn_focus{ position: absolute; top: 34px;right: 10px; -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius: 4px; width: 62px; height:28px; font-size: 14px; line-height: 28px;text-align: center;color: #fff; border: none; background: #01a9e9;} .group_info{ color: #fff;} .qz_bg .group_signed{ border: 1px solid #fff; background:0 0;color: #fff !important; min-width:62px;} .group_info h3{ font-size: 16px; line-height: 20px;} .group_info h3 span{ font-size: 12px; font-weight: normal; margin-left: 10px;} .group_sum{ width:150px;overflow: hidden;height: 22px;line-height: 22px;white-space: nowrap;text-overflow: ellipsis;} .group_wrap{ width:100%; height:48px; background:#fff;border-bottom: 1px solid #e5e5e5; margin-bottom: 5px;} .group_wrap li{ float:left;display:block; text-align:center; position:relative;} .group_wrap li a{ display:block;} .group_wrap li.a a{ color: #01a9e9;} .group_wrap_4 li{width:25%;} .group_wrap_3 li{width:33.3%;} .group_wrap p{ height:26px; overflow: hidden;} /*.group_wrap ul{ display: inline-block;}*/ .wrap_line{ width:1px; height:30px; background:#f0f0f0; position:absolute; right:0px; top:8px;} .l_h28{ line-height: 28px;} .group_bar{ height:3px; background-color: rgba(0,0,0,.7);border-radius: 5px;display: block; width: 115px; margin-left: 74px;} /* group_person */ /*.wraper {overflow-x: hidden;overflow-y: scroll; width: 100%; height: auto; -webkit-overflow-scrolling: touch; background:#f9f9f9;}*/ .hof_wrapper {position: relative; width: 100%;padding: 40px 0 20px 10px; box-sizing: border-box;} .hof_container { position: relative;} .hof_container .header_wrapper { display: -webkit-box; -webkit-box-align: end; -webkit-box-lines: single; height: 45px; margin-right: 20px;} .header_wrapper a{ display:block; width:86%;} .hof_container .header_wrapper .icon { z-index: 2;width: 39px; height: 45px; background-size: 100% 100%; background-position: center;background-repeat: no-repeat;} .admin_container .icon { background-image:url(../images/great_chief.png)} .expert_container .icon{ background-image:url(../images/master.png)} .fans_container .icon { background-image:url(../images/iron_powder.png)} .rich_container .icon { background-image:url(../images/vulgar_tycoon.png)} .hof_container .header_wrapper .block_header{ position: relative; height: 27px; line-height: 27px; padding: 0 5px 0 10px; border-radius: 3px;-moz-border-radius:3px; -webkit-border-radius:3px; color: #fff; font-size: 13px; bottom: 4px; -webkit-box-flex: 1; margin-left: -2px;} .admin_container .block_header { background-color: #daadbf;} .expert_container .block_header { background-color: #f59d9d;} .fans_container .block_header { background-color: #acbeda;} .rich_container .block_header { background-color: #dac173;} .hof_container .header_wrapper .block_header .person_num { float: right; font-size: 11px;} .hof_container .header_wrapper .block_header .symbol_1{ position: absolute;bottom: 2px; right: -14px; border-left-width: 6px!important; border-right: 7px solid transparent!important; border: 12px solid #daadbf;} .hof_container .header_wrapper .block_header .symbol_2{position: absolute;bottom: 2px; right: -14px; border-left-width: 6px!important; border-right: 7px solid transparent!important; border: 12px solid #f59d9d;} .hof_container .header_wrapper .block_header .symbol_3{position: absolute;bottom: 2px; right: -14px; border-left-width: 6px!important; border-right: 7px solid transparent!important; border: 12px solid #acbeda;} .hof_container .header_wrapper .block_header .symbol_4{position: absolute;bottom: 2px; right: -14px; border-left-width: 6px!important; border-right: 7px solid transparent!important; border: 12px solid #dac173;} .hof_container .tx_img_container { position: relative;display: -webkit-box; padding: 20px 10px;} .hof_container .tx_img_container .user {-webkit-box-flex: 1; width: 0} .hof_container .tx_img_container .user .tx_img { position: relative; width: 50px; height:50px; margin: 0 auto;} .hof_container .tx_img_container .user .tx_img img {position: relative;width: 100%;height: 100%;border-radius: 50px;-moz-border-radius:50px; -webkit-border-radius:50px; } .hof_container .tx_img_container .user .name { margin: 7px auto 0; overflow: hidden; font-size: 13px; text-align: center; white-space: nowrap;text-overflow: ellipsis; word-break: break-all;line-height: 1.4em; color: #000} .user_wrapper .info { margin: 0 auto; padding-top: 7px;font-size: 10px;text-align: center;color: #777;} .user_wrapper a{ display:block;} .hof_container .no_user {padding: 37px 0;text-align: center;} .hof_container .no_user .title {font-size: 15px;} .hof_container .no_user .desc {padding: 15px 0 7px;font-size: 12px; color: #777;} /* group_hof */ .list_title {position: relative;margin: 12px 0 7px 15px;font-size: 12px; height:20px;} .list_title span.big_admin {color: #ae8ad6; border: 1px solid #ae8ad6; margin-right:10px} .list_title span { display: inline-block; width: 40px; height: 16px;line-height: 16px; text-align: center; border-radius: 2px;-moz-border-radius:2px; -webkit-border-radius:2px; float:left;} .list_title span.chief_admin{ width: 53px;} .group_list_hof{ padding-left:15px;} .group_list_hof li{display: -webkit-box;padding: 6px 0px; position: relative;} .indexpage .group_list{ padding:0px 10px 0px 15px;} .group_list_hof li .group_avatar {width: 40px;margin-right: 10px;} .avatar_line{ height:1px; width:100%;display: block; margin-left:50px; position:absolute;top:8px; border-bottom: 1px solid #c8c7cc} .avatar_line60{ margin-left:63px;} .group_list_hof li .content .nick {font-size: 16px;} .group_list_hof li .group_avatar img {position: relative;width: 40px; height: 40px; border-radius: 20px;-moz-border-radius:20px; -webkit-border-radius:20px; } .group_list_hof a{ display: -webkit-box; width: 100%;} .group_list_hof .name_list_hof{ position: absolute; top:12px; left:50px;} .width150{ max-width: 140px;display: inline-block; overflow: hidden;vertical-align: middle; white-space: nowrap;text-overflow: ellipsis;-webkit-flex: initial;} /*.group_list_hof .name_list_hof .name_hof{max-width:150px; overflow: hidden;white-space: nowrap;display: block; -o-text-overflow: ellipsis;text-overflow: ellipsis; }*/ .group_list_hof .name_list_hof a{ display:inline-block; width:auto;} /* group_assortment */ .label_container{margin-top: 15px; padding-bottom: 12px; border-bottom: 1px solid #c8c7cc; display:inline-block; width:100%} .label_container .labels .label_li {float: left; margin:0px 2% 6px 2%; width:21%} .label_container .label_btn {width: 100%;height: 30px; border: 1px solid #d5d9df; border-radius: 20px;-moz-border-radius:20px; -webkit-border-radius:20px; font-size: 13px; color: #798490; text-align: center;line-height: 31px;overflow: hidden;} .label_container .label_btn.active { color: #fff; background-color: #00a5e0;} /* group_data */ .group_data{box-sizing: border-box; min-height: 35px;background: #fff; font-size:16px;} .data_item{ position: relative;padding: 14px 15px;line-height: 21px; border-bottom:1px solid #f0f0f0; overflow: hidden;} .data_item a{ display: block} .data_item img{ width: 30px; height: 30px; border-radius: 50px;} .data_intro{float: right; max-width: 65%;line-height: 21px; text-align: right;color: gray;} .data_intro.head_name{ line-height: 30px; margin-left: 6px; max-width:150px; overflow: hidden;height: 30px;white-space: nowrap;display: block; -o-text-overflow: ellipsis;text-overflow: ellipsis; } .p_juli{ padding:14px 15px 6px 15px; line-height: 28px;} .data_content{ float:right; color:#808080; position: relative;} .group_qz_info{margin-bottom: 15px;box-sizing: border-box; background: #fff;padding: 15px; padding-bottom: 0px;} .group_qz{ height:40px;} .group_qz a{ display: block;width: 100%; height: 100%;} .group_color{ color: #f28c48;} .ewm{ position: absolute; right: 20px;} .group_qz_info .qz_count { float: right;font-size: 16px;color:#888;} .group_qz_info .rank_qz_list {clear: left;width: 100%;} .group_qz_info .rank_qz_list li {float: left;margin-right: 2.8%; width: 14%;max-width: 40px; height: 40px;max-height: 40px} .group_qz_info .rank_qz_list li img {display: block;border-width: 0;border-radius: 50px;-moz-border-radius:50px; -webkit-border-radius:50px; width: 100%;height: 100%;color: #18b4ed;} .group_qz_info .rank_qz_list a{ display:block; height: 40px;} .group_qz_info h4 {float: left;font-size: 16px; font-weight:normal;} .exit_group{ width:90%; height: 40px;border-radius: 5px;background:#f13e44; margin:15px 5%; text-align: center; line-height: 40px;} .exit_group a{ color:#fff; font-size: 16px;display:block;} .gz_group{ text-align:center; position:fixed; bottom:0px; height:50px; line-height:50px; background:#fff; font-size:18px; width:100%; border-top:1px solid #e5e5e5;} .gz_group a{ color:#01a9e9; display:block;} .apply_admin{height: 40px; padding: 0 0 0 65px; margin: 10px 0; font-size: 16px; line-height: 40px;color: #18b4ed;background:url(../images/apply.png) no-repeat 15px 0; background-size: 40px;} .rank_info .rank_info_white{ background:#fff;padding: 0px 10px 0px 10px;} .rank_info{ box-sizing: border-box; padding: 15px 0 0;background: #fff;} .rank_info h3{ padding:0px 15px 15px 15px; font-size: 16px; font-weight:normal;} .rank_info .fans_avatar img {border-radius: 4px;} .rank_info .rank-info-text { float: right; margin-left: 10px; color: gray;} /* fans_tip */ .fans_tip{position: relative;padding-top: 18px; font-size: 15px;text-align: center; color: #fff; background-color: #535353;} .fans_bg{ background:url(../images/fans_bg.png) repeat-x; width:100%; height:14px; margin-top:4px; height: 13px;background-size: 28px 15px;} .fans_list{padding:10px 10px 0px 10px;position: relative; background:#f9f9f9;} .fans_list li{ position: relative; height:64px;} .fans_list li a{ display: block;} .fans_list li .rank_icon{width: 40px; height: 30px;float: left; margin-top:8px; text-align:center; margin-right:5px;} .fans_avatar { width: 50px;float:left; margin-top:3px;} .fans_avatar img{position: relative;width: 40px;height:40px;border-radius: 40px;-moz-border-radius:40px; -webkit-border-radius:40px; } .fans_list .nick{ margin-top: 2px;font-size: 16px; color: #000;position:relative;} .fans_list .nick_name{max-width: 185px; display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; word-break: break-all;} .nick_name_sex{ position:absolute; top:0px;} .fans_line{ height: 5px; border-bottom: 1px solid #f0f0f0;margin-top: 5px; margin-left: 50px; } .c_ry1{ color:#f8be42;} .c_ry2{color:#b3c2c6;} .c_ry3{color:#e5ae81;} .fans_list .text{ color:#888; height:20px;} .right_content{-webkit-box-flex: 1;flex: 1;display: flex; display: -webkit-box;-webkit-box-align: center;height: 100%; padding-right: 10px; position: relative; height:54px;} .nick_wrap, .expert li .right_content .nick_wrap { -webkit-box-flex: 1; flex: 1; margin-top:10px;} .nick_wrap .nick_name {display: inline-block; font-size: 17px;max-width: 120px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .award_count_wrap{color: #777;text-align: right; font-size:12px;} .award_count_wrap .award_title{color: #bbb;margin-bottom: 3px; line-height:2px; margin-top:8px;} .award_count{ color: #ef7800;} .award_count_num{ font-size:20px;font-family: HelveticaNeue-Thin;} .rich_avatar { width: 50px;margin-right: 15px; float:left;} .rich_avatar img{position: relative;width: 50px;height: 50px;border-radius: 50px; border:3px solid #d0d0d0;-moz-border-radius:50px; -webkit-border-radius:50px;} .fans_list li .rank_icon_2{width: 40px; height: 30px;float: left; margin-top:10px; text-align:center; margin-right:5px;} .rich_line{ height: 5px; border-bottom: 1px solid #f0f0f0;margin-top: 5px; margin-left: 110px; } /* group_erweima */ .qrcode_wrap { position: relative; width: 84%;max-width: 500px;margin:30px auto; background: #fff;} .width_max100{ width:240px; height: 330px;} .qrcode_container {position: relative; box-sizing: border-box;border-radius: 3px;-moz-border-radius:3px; -webkit-border-radius:3px; padding: 40px; border: 1px solid #e5e5e5;} .qrcode_container .qrcode_img { display: block;width: 100%;margin: 0 auto;} .qrcode_container span{ position: absolute; top: 40%;left: 40%; background: #fff; padding: 2px; width: 20%; height: 20%; border-radius: 5px;-moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #f0f0f0;} .qrcode_container span img{ width: 100%; height:100%; border-radius: 5px;-moz-border-radius:5px; -webkit-border-radius:5px;} .qrcode_code{ border: 1px solid #e5e5e5; border-top: none; height:90px;} .qrcode_code span{ padding: 20px 10px 0px 10px; float: left; } .qrcode_code span img{ width: 60px; height: 60px; border-radius: 10px;-moz-border-radius:10px; -webkit-border-radius:10px;} .qrcode_head{ padding: 20px 20px 20px 0px;font-size: 14px;line-height: 30px;} .qrcode_head h3{ font-size: 20px; font-family:"Microsoft YaHei"; font-weight: normal;} .qrcode_head p{ color: #888; } .btn_container {margin-top: 20px; height: 44px;} .btn_container button{ float: left; width: 46%;margin: 0px 2%; } .btn_container .save_img_btn{ background: #fff;color: #1fbaf3;} .btn_container .save_img_btn, .btn_container .share_qrcode_btn {height: 44px;-webkit-box-flex: 1;display: block; border: 0; border-radius: 5px;-moz-border-radius:5px; -webkit-border-radius:5px; font-size: 16px;} .btn_container .share_qrcode_btn{background: #01a9e9;color: #fff;} .btn_container .save_img_btn{ border: 1px solid #e5e5e5;} /* group_per */ .per_header { background:url(../images/wqhead_bg.jpg) no-repeat;width: 100%; position: relative; min-height: 120px;} .per_header .info_bar { z-index: 2;color: #fff; padding: 20px 20px 10px 20px;min-height: 90px; opacity: .9;} .per_header .per_info_lump{ margin-left: 90px;} .per_header .info_bar img{ border-radius: 50px; background-color: #fff; border: 2px solid #fff;-moz-border-radius:50px; -webkit-border-radius:50px; width: 70px; height: 70px;position: absolute; margin-right: 10px;} .per_header .per_name strong{ font-size: 16px; display: inline-block; height: 22px; max-width: 80%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .per_header .per_name{ height: 30px; margin-top: 2px;} .per_header .follow_bar {height: 50px; z-index: 3; background: #000; bottom: 0px; width: 100%;background-color: rgba(0,0,0,0.4);} .per_header .per_info{height: 24px;} .per_header .follow_bar ul { display: inline-block; width: 85px; margin-top: 5px; text-align: center;} .per_header .follow_bar ul li { height: 20px;font-size: 18px;line-height: 20px;color: #fff;} .per_header .follow_bar .f_desc {font-size: 12px;opacity: .5;} .per_header .p_btn{display: inline-block; float: right; width: 98px;padding-right: 0; text-align: center;margin-top: 8px; margin-right: 10px;box-sizing: border-box;font-size: 14px;line-height: 33px; vertical-align: middle; color: #fff;border-radius: 5px;background-color: #1eb9f1;} .per_honor{ padding: 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 16px; background: #fff;} .per_honor .honor_icon{background:url(../images/honor.png) no-repeat; width: 24px; height: 24px; display:inline-block;background-size: 24px 24px;vertical-align: top; margin-right: 5px;} .per_honor .chief{display: inline-block;padding: 0 5px;font-size: 12px; line-height: 14px;-webkit-transform: scale(0.95,.95);border-radius: 3px;color: #ae8ad6;border: 1px solid #ae8ad6; margin-right: 5px;} .per_honor .group_icon{background:url(../images/gz_group.png) no-repeat; width: 24px; height: 24px; display:inline-block;background-size: 24px 24px;vertical-align: top; margin-right: 5px;} .per_honor .topic_icon{background:url(../images/topic_icon.png) no-repeat; width: 24px; height: 24px; display:inline-block;background-size: 24px 24px;vertical-align: top; margin-right: 5px;} .per_honor .forward_icon{background:url(../images/forward.png) no-repeat; width: 24px; height: 24px; display:inline-block;background-size: 24px 24px;vertical-align: top; margin-right: 5px;} .group_chief { height: 40px; line-height: 40px; background: #f9f9f9; padding: 0px 10px; font-weight: normal;} .group_chief .honor_title{display: inline-block; width: 40px; font-size: 12px; line-height: 16px;text-align: center;border-radius: 3px; margin-right: 5px;} .chief{color: #ae8ad6;border: 1px solid #ae8ad6;} .master{color: #cc211a;border: 1px solid #cc211a;} .group_fans{color: #f7a10c; border: 1px solid #f7a10c;} .group_gz li{ padding: 10px 0px} .per_gz_group{ display: block; border-bottom: 1px solid #e5e5e5; background: #fff} .t_pic_left{float: left;overflow: hidden;margin-top: 1px;margin-right: 12px; border-radius: 1px; width: 60px;height: 60px;} .t_pic_left img{ width: 100%;} .g_pic_num{position: absolute;left: 40px; bottom: 10px; font-size: 13px; background: rgba(0,0,0,0.6); color: #fff; padding: 1px 5px;} .forward_con li{padding: 15px 0; position: relative; border-bottom: 1px solid #e5e5e5;} .forward_con span{ float: left; background: #fff;width: 65px;margin-right: 10px;} .forward_con span img{ width: 65px; height: 65px;} .forward_lump{height: 64px;margin: 0 10px;background-color: #f4f4f4; overflow: hidden} .forward_txt{ margin-left: 10px; line-height: 22px;} .forward_txt h3{ font-weight: normal; font-size: 15px; color: #333} .forward_txt p{ color: #888; font-size: 13px;} .f_pic_num{position: absolute;left: 45px; bottom: 15px; font-size: 13px; background: rgba(0,0,0,0.6); color: #fff; padding: 1px 5px;} /* group_card */ .loading_lh{padding-bottom:10px;} .card_scroll{ background: #fff;} .card_lump { width: 100%; z-index: 2; position: relative;background-color: #fff;} .card_head { height: 200px;overflow: hidden;background-size: 100%;width: 100%;position: relative;background-position-y: -40px;} .card_img { height: 70px; position: relative; background-color: #fff;} .card_img_con {width: 95px;height: 95px; -moz-border-radius: 48px; -webkit-border-radius: 48px; border-radius: 48px; border: 4px solid #fff; overflow: hidden;position: absolute;left: 50%; margin-left: -45px; z-index: 100; background-color: #fff; box-sizing: border-box;overflow: hidden; -moz-transform: translateY(-45px); -ms-transform: translateY(-45px); -o-transform: translateY(-45px);-webkit-transform: translateY(-45px);transform: translateY(-45px);} .card_img_con img{ height: 100%; width: 100%;-moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%;} .card_myin, .card_myqz {margin-left: 15px;margin-right: 15px;margin-top: 30px;text-align: center; background-color: #fff; font-size: 14px; line-height: 14px;} .card_myin {display: none;margin-top: 30px;} .card_myin_head, .card_myqz_head { height: 14px; position: relative;} .card_myqz_items .card_myqz_item{width: 18%;} .card_myqz_item{margin-top: 15px; font-size: 0; text-align: center; white-space: nowrap; } .card_myqz_item{font-size: 12px;display: inline-block; text-align: center; color: #666;margin-right: 2px;} .card_myqz_item img{ max-width: 100%;} .card_myqz_pic {overflow: hidden; margin: 0 auto;} .card_myqz_name {white-space: nowrap;-ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-top: 7px;text-align: center;} .card_myqz_items{ padding-bottom:10px;} .card_more {padding-bottom:20px; padding-top:20px;} .card_more a{ color: #01a9e9;} .card_h14 {height: 14px;background-color: #F2F2F2;} .card_info{ text-align: center;background-color: #fff; position: relative;} .card_in_name {font-size: 27px; width: 228px; margin: 0 auto; position: relative;} .card_in_name_qm { display: block; -ms-text-overflow: ellipsis;-o-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;height: 34px;white-space: nowrap;} .card_in_sa_two{font-size: 16px;line-height: 18px; margin-top: 16px;white-space: nowrap;overflow: hidden; text-align: center;} .card_in_sa{margin-top: 16px;font-size: 16px;color: #777;} .card_in_sa_two .card_in_left {padding-right: 10px; width: 48%;display: inline-block; text-align: right; overflow: hidden;} .card_in_sa_two .card_in_right {width: 48%;display: inline-block; text-align: left; overflow: hidden;} .card_in_sa .card_in_right i{ margin-right: 5px;} .card_in_gz {font-size: 0;width: 100%; height: 30px; color: #bbb; margin-top: 15px;position: relative;} .card_in_g {display: inline-block;width: 48%; font-size: 16px; position: relative;} .card_line{position:absolute;height: 13px;left:50%;top: 6px;border-right: 1px solid #bbb;} .card_in_g span { position: absolute; right: 17px;} .card_in_gz span a{ color: #01a9e9;} .card_in_f { font-size: 16px; display: inline-block; width: 48%; position: relative;} .card_in_f span { position: absolute; left: 17px; color: #01a9e9;} .card_in_sm{ font-size: 18px;margin-top: 38px;line-height: 22px; word-wrap: break-word; color: #333; padding:0px 10px;} .card_in .card_info_sm{width: 18px; height: 18px; position: relative; top: 3px;right: 4px} .card_in_sm i{color: #7b7b7b; margin-right: 3px;} .card_footer { position: fixed;font-size: 18px; background: #fff; bottom: 0; height: 50px;z-index: 3; width: 100%; display: -webkit-box; border-top: 1px solid #e5e5e5;} .card_footer_gz_bl { text-align: center;line-height: 50px; width: 50%; color: #01a9e9;} .card_footer_gz_bl i{ margin-right: 3px;} .card_gzline{position:absolute;height: 30px;left:50%;top: 10px;border-right: 1px solid #e5e5e5;} .card_border { position: absolute;top: -7px;left: 0; width: 100%;height: 14px; border-bottom: 1px solid #f0f0f0; z-index: 1;} .card_myin_themes{ margin-top: 16px; padding-bottom: 10px;} .card_myin_wd, .card_myqz_wd { position: absolute;top: 0; z-index: 2; left: 50%;background-color: #fff;color: #777;text-align: center;-webkit-transform: translate(-50%,0); transform: translate(-50%,0); padding: 0 10px;} .card_myin_theme { height: 70px; text-align: left; margin-top: 10px; font-size: 0; white-space: nowrap;} .card_myin_theme a{ display:block;} .card_myin_theme_left { float: left; width: 65px;height: 65px; overflow: hidden;margin-right: 10px; background-color: #f1f1f1; background-image: url(images/nophoto.gif);background-repeat: no-repeat; background-position: center center; background-size: 65px 65px;position: relative;} .card_myin_theme_left img{width:65px; height:65px; margin-left:0px; margin-top:0px;} .card_myin_theme_right {position: relative; top: -6px; font-size: 12px;margin-left: 10px; height: 50px;width: 270px;} .card_myin_theme_right1 { color: #000;height:40px; line-height: 45px;white-space: nowrap; overflow: hidden;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis; font-size: 17px;} .card_myin_theme_right2 {height: 25px; line-height: 25px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis;font-size: 14px;color: #777;} .card_myin_theme_right2 .line_theme{display: inline-block;width: 20px; text-align: center; color: #dedede;} .group_gril{ color: #ff6eaf ;} .group_boy{ color:#7a9ee9;} .card_list li{ height: 78px;} .card_list li .bar_icon_wrap{ width: 70px; height: 70px;} .card_list li .bar_icon{ width: 70px; height: 70px;} .card_list .female_age,.card_list .male_age,.card_list .location {display: inline-block; overflow: hidden;margin-right: 2px;border-radius: 1px; padding: 1.5px 3px .5px;max-width: 50px;height: 10px;font-size: 10px;line-height: 10px;text-align: center;white-space: nowrap; text-overflow: ellipsis; color: #fff;} .card_list .female_age{background-color: #ff7aac;} .card_list .male_age {background-color: #76b0f7;} .card_list .location { background-color: #c4d1db;} .card_list li .btn_focus{ color: #bebebe;border: 1px solid #d4d4d4;} .clo_b{color: #01a9e9;border: 1px solid #01a9e9;} .invitation{ background: #fff; position: fixed; top: 0px; width: 100%; left:0px; height: 100%; z-index: 1001;} .list{} /* group_lately */ .my_in_head {margin-bottom: 1px;padding: 15px 0; height: 50px;} .my_in_head .head_img {margin-right: 15px; margin-left: 15px; width: 50px; height: 50px; position: relative;} .my_in_head .head_img img { border-radius: 50%; width: 100%; height: 100%;} .my_in_head a{ display: inline-block;} .my_in_head .follow_head {display: -webkit-box; margin-top: -45px;margin-left: 80px;text-align: center;} .my_in_head .follow_head .follow_line {display: inline-block;margin-top: 5px; border-left: 1px solid #e8e8e8; width: 0; height: 40px; vertical-align: top;} .follow_head ul{ width: 33%;} .follow_head .number{ position: relative;font-size: 18px; color: #000; position: relative;} .groupbg_red{ background: red; padding: 0px 4px; font-size: 12px; position: absolute; color: #fff; right:10px; height: 16px; border-radius: 3px;} .follow_head .desc{font-size: 13px;color: #bbb;} .my_notice_lump{ margin-top: 18px; border-top: 1px solid #e5e5e5; position: relative;} .my_notice{position: relative; background: #fff; color: #333; line-height: 44px; height: 44px; padding: 0px 12px 0px 38px;font-size: 17px;border-bottom: 1px solid #f0f0f0;} .my_notice span{ float: right; color: #888} .my_notice i{ position: absolute; left: 10px; top: 3px; color: #01a9e9;} .my_notice .leave_message{ color: #00cc8e} .my_notice a{display:block;} .recent_visit{ background-color: #fff; overflow: hidden; padding-bottom: 6px;} .recent_visit h3{ background: #f8f9fa; color: #888; line-height: 44px;height: 40px; font-size: 14px; font-weight: normal; padding: 0px 10px; margin-bottom: 6px; border-bottom: 1px solid #f0f0f0;} .recent_visit h3 span{ float: right; width: 40px; height: 40px; text-align: right;} .recent_visit h3 span a{ color: #b7b7b7;} .recent_visit h3 em{ float: right; width: 50px; height: 40px; text-align: center;} .recent_visit h3 em a{ color: #01a9e9;font-size: 16px;display:block; } .recent_visit ul li{display: inline-block;float: left;overflow: hidden; position: relative; margin: 0; border: 0 none; padding: 0;width: 50%; height: 55px; background-color: transparent!important;} .recent_visit ul li a{margin: 0;max-width: 100%; height: 45px; font-size: 15px; line-height: 45px;} .recent_visit ul li .label{margin: 5px 5px 5px 10px; position: relative;-webkit-border-radius: 6px;border-radius: 6px;padding-left: 10px; height: 45px;background-color: #f5f7fa; color: #333; border: 1px solid #eef0f3; white-space: nowrap;display: block; -o-text-overflow: ellipsis;text-overflow: ellipsis;} .recent_visit ul li .label p{display: block;overflow: hidden;width: 100%; white-space: nowrap;text-overflow: ellipsis;word-break: break-all;} .recent_visit ul li .label .close_width i{display:inline-block; width: 22px;height: 22px; font-size: 12px; line-height: 24px; text-align: center;color: #fff;background: #888;opacity: 0.7; border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;} .recent_visit ul li .label .close_width { width:40px; height: 45px; position: absolute; right: 0px; text-align: center;line-height: 42px;top:0px;} .sign { display: block; overflow: hidden; position: absolute; top: 15px;right: 10px; border-radius: 3px; height: 18px; font-size: 12px; line-height: 20px; text-align: center; vertical-align: bottom; color: #a6a6a6;} .sign .continue-oneday { display: inline-block; width: 18px; height: 18px; color: #67b82b; background-image: url(../mobile/group_images/calendar.png); background-repeat: no-repeat; background-size: 100%;} .sign .continue-oneday2 { display: inline-block; width: 18px; height: 18px; color: #ccc; background-image: url(../mobile/group_images/calendar_grey.png); background-repeat: no-repeat; background-size: 100%;} .recent_visit ul li .label p.calendar_width{width: 95px;} .sign .continue-oneday span,.sign .continue-oneday2 span{ line-height: 20px; font-size: 12px;} /*签到等级*/ .top45{ top:45px;} .m_b0{ margin-bottom:0px!important;} .sign_grade{ background: #f0f0f0; padding:5px 5px 7px 5px; overflow: hidden;} .sign_grade ul li{ float: left; padding: 5px 2%; margin: 1%; width: 42%; text-align: center;font-size: 14px; border-radius: 18px; border: 1px solid #fff; background-color: #fff;} .sign_grade ul li.a{ border: 1px solid #01a9e9; background-color: #fff; color: #01a9e9;} .grade_right { padding-bottom:10px; min-height: 400px; background-color: #fff;} .wq_level_list{width:100%;} .wq_level_list td{text-align: center;font-size: 16px; line-height: 44px;display: inline-block; width:30%} .wq_level_list tr{ height: 44px; overflow: hidden;} .edit_name_list .edit_name{ border:1px solid #f0f0f0; text-align: center;line-height: 36px; border-radius: 5px;width: 200px;} .sign_grade_list td{ line-height: 44px;} .sign_grade_list td.signon{width: 200px;line-height: 36px; border:1px solid #fff; } .sign_grade_btn{ position: fixed; bottom:0px;text-align: center;font-size: 16px; width:100%; } .sign_grade_btn button{height: 44px; border:none;background: #01a9e9; border-radius: 3px;color: #fff; width:100%;} /*interest circle*/ .new_info{ margin: 10px 20%; background: #333; border-radius: 5px; line-height: 40px; padding: 0px 5px; font-size: 14px;} .new_info a{ color: #fff;display: block;} .new_info img{ width: 24px; height: 24px; border-radius: 50px; margin-right: 5px;vertical-align: middle;} .new_info em{ background: red; border-radius: 50px; padding: 3px 7px;} .interest_circle { background: #f0f0f0;} .interest_circle ul li{ padding:10px;background: #fff; margin-bottom: 5px;} .interest_circle ul li a{ display:block;} .interest_head .in_img{ float: left;} .interest_head{ padding:5px 0px;color: #8c8c8c;position: relative;} .interest_head .in_img a{ display:inline-block;} .interest_head img{width: 35px; height: 35px;border-radius:50%;float: left; overflow: hidden; position: relative;} .interest_head_text{margin-top: 0; margin-left: 45px; font-size: 14px; line-height: 20px; height: 21px;display: block;} .interest_head_name{display: inline-block;overflow: hidden; padding: 1px; max-width: 80%; white-space: nowrap; text-overflow: ellipsis; color: #314c83;max-width: 37%; line-height: 18px;} .interest_head_name a{ color: #01a9e9;} .interest_head_icon{display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 1px; max-width:40%;} .interest_head_barname{display: inline-block; vertical-align: top; overflow: hidden; white-space: nowrap; max-width:35%; text-overflow: ellipsis; margin: 0 1px;} .interest_head_barname a{ color: #999;} .interest_head_time{position: relative; top: -2px; margin-left: 10px; font-size: 12px; color: #999;} .interest_head_time0{position: relative; top: -4px; margin-left: 5px; font-size: 12px; color: #999;} .head_arrow a{ display: block;} .head_arrow{position: absolute; top: 0px; right: 0px; line-height: 40px; display: block; width: 57px; height: 40px; color: #ccc; text-align: right;} .wqg_width100{ max-width:100px;display: inline-block; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;-webkit-flex: initial;} .interest_con .interest_content h3{ font-size: 18px;line-height: 25px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2;} .interest_con a{display: inline-block; width:100%;} .interest_content{} .interest_content p{padding-top: 4px;margin-bottom:8px; line-height: 21px;font-size: 14px; color: #888; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all;-webkit-line-clamp: 3;} .forward_wrap{ background-color: #f8f8f8; height: 50px; margin-bottom: 10px; overflow: hidden;} .forward_wrap .forward_img { float: left;} .forward_wrap .forward_title_v2 { padding-right: 14px; font-size: 14px; line-height: 50px; text-indent: 15px; color: #444;} .forward_wrap .feed_one_line{ overflow: hidden; -webkit-box-orient: vertical; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;} .interest_img1 .img-box{overflow: hidden; margin-bottom: 0;width:100%; height: 200px;background-color: #efece9;} .interest_img2 .img-box{float: left;overflow: hidden; margin-bottom: 0;width: 48%; margin: 0 1% 0 1%; height: 150px;background-color:#efece9;} .interest_img3 .img-box{float: left;overflow: hidden;margin-bottom: 0;width: 31.3%; margin: 0 1% 0 1%; height: 100px;background-color: #efece9;} .interest_img2{overflow: hidden; position: relative; height: 150px; margin-top: 5px;} .total_img{ position: absolute; top: 0px; right:1.1%; background-color: rgba(0,0,0,.62); color: #fff;height: 21px; padding: 1px 5px; font-size: 12px;} .total_img i{ vertical-align: bottom; margin-right: 3px;} .interest_img1{max-height: 200px; margin-top: 5px;} .interest_img3{overflow: hidden; position: relative; height: 100px; margin-top: 5px;} .interest_info{ color: #888; height: 20px; margin-top:10px;} .interest_info .interest_info_icon{ float: left; margin-right: 10px;} .interest_info .interest_info_icon i{ margin-right:3px;} .b_l_border{ margin-top: 2px; color: #ccc;} .share_tip{position: absolute; right: -3px; border-radius: 5px;background: #fff; width: 170px; z-index: 9} .share_dia{ right:7px; bottom: -7px;position: absolute; top: -6px;display: block; width: 10.5px; height: 7px; background: url(images/share_arrow.png) no-repeat; background-size: 100% 100%;} .share_tip ul li{ position: relative;overflow: hidden; width: 100%;background: #fff; padding: 0px; font-size: 14px; margin-top: 5px; color: #333; line-height: 40px;} .share_tip ul li.share_hide,.share_tip ul li.share_unfollow{ border-bottom: 1px solid #f0f0f0;padding-bottom: 6px;} .share_tip ul li a{ display: block;} .share_tip ul li i{ margin: 0px 8px;vertical-align: middle; color: #888;} /*最新部落列表样式*/ .interest_circle2 ul li{ padding: 10px 10px 0px 10px;} .wqgroup_browse{position: absolute; top: 5px; right: 0px; color: #8c8c8c; font-size: 14px;} .wqgroup_browse span{ margin-right: 3px;} .wqgroup_browse i{ margin-right: 3px;} .wqdynamic_info{display: -webkit-box;} .wqdynamic_info_div{ -webkit-box-flex: 1;color: #8b8b8b; height: 38px; line-height: 38px; font-size: 14px; width: 0; text-align: center; position: relative;} .wqdynamic_info_div a{color: #8b8b8b;} .wqdynamic_info_div .wqdianzan2{ color: #314c83;} .wqdynamic_info_div i{ margin-right: 3px;} .wqdynamic_info_div .wqline_h{vertical-align: text-top; line-height: 16px;} .wqgroup_line{ border-left: 1px solid #ddd;height: 12px; position: absolute; display: -webkit-box; top: 12px;} .action-sheet{position: fixed;left: 0px;bottom: 0px; z-index: 99999; width: 100%; font-size: 16px;} .action-sheet .sheet-item{ margin: 0 8px; border-bottom: 1px solid #d2d2d6; font-size: 18px; line-height: 40px; text-align: center; color: #007aff; background: #ececec; -webkit-user-select: none;-webkit-highlight: none; -webkit-tap-highlight-color: transparent;} .action-sheet .sheet-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px;} .action-sheet .sheet-item:last-child { margin: 8px; border-radius: 5px;} .action-sheet .sheet-item:nth-last-child(2) {border-bottom: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .action-sheet .sheet-item-text{color: #007aff; } .report_input{ margin-left:50px;width:200px; text-align: left; line-height: 26px; font-size: 14px; margin-bottom:10px;} .cancel_follow{ position: fixed; bottom: 0; left: 0; z-index: 100; width: 100%;} .cancel_follow p:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px;} .cancel_follow p{ margin: 0 8px; border-bottom: 1px solid #e5e5e5; font-size: 18px; line-height: 40px; text-align: center; color: #007aff; background: #f0f0f0; } .cancel_follow p:nth-last-child(2) { border-bottom: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .cancel_follow p:last-child { margin: 8px; border-radius: 5px;} .cancel_follow .cancel_follow_title { font-size: 12px; color: #6b6b6b;} .feeds_guide{ position: relative; z-index: 2; padding: 0 10px 15px; background-color: #fff;} .feeds_guide_banner{text-align: center; pointer-events: none; font-size: 14px; height: 200px;} .feeds_guide_banner_icon{ display: inline-block; width: 105px; height: 86px; margin-top: 47px; margin-bottom: 25px; background-image: url(images/interest_circle.png); -webkit-background-size: 100%; background-size: 100%;} .feeds_guide_bd_hd {font-size: 14px; color: #888; position: relative; height:20px; line-height: 40px; text-align: center; border-bottom:1px solid #f0f0f0; margin-bottom: 20px;} .feeds_guide_bd_hd_txt{ background: #fff; height: 30px; padding:0px 20px;} .feeds_guide_mod{ float: left; position: relative; padding-bottom: 15px; width: 33.3333%; text-align: center;} .feeds_guide_mod_avatar { position: relative; margin: 0 auto; width: 67.0422%; background-color: #efece9; border-radius: 10px;} .feeds_guide_mod_name{ width: 65%; overflow: hidden; margin: 6px auto 0; height: 16px; font-size: 13px; line-height: 16px; white-space: nowrap; text-overflow: ellipsis;word-break: break-all;} .feeds_guide_mod_avatar_wrap{ width: 100%; padding-bottom: 100%;} .feeds_guide_mod_avatar_img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px;} .feeds_guide_mod_avatar_flag{ z-index: 999; position: absolute; top: 4px; right: 4px; width: 24px; height: 24px;} .feeds_guide_mod_avatar_flag i{ background-color: rgba(0,0,0,0.4); color: #fff; border-radius: 50px;padding: 4px; border: 1px solid #fff;} .feeds_guide_mod_avatar_flag_on i{ background-color:#01a9e9; color: #fff; border-radius: 50px;padding: 4px; border: 1px solid #fff;} .feeds_guide_bd_bd{ overflow: hidden;} .feeds_guide_ft{ border-radius: 5px; height: 44px; text-align: center; font-size: 18px; line-height: 44px; color: #bbb; background: #e9ebec;} .feeds_guide_ft.enabled { color: #fff; background: -webkit-linear-gradient(top,#1fbaf3,#19b5ee);}