@charset 'UTF-8';
/*
* @Title: 聊天
* @Author: 王晓琨
* @Date: 2018-08-17 11:14:42
 * @Last Modified by: 王晓琨
 * @Last Modified time: yyyy-08-dd 11:42:22
*/
.wai {
  display: table;
  width: 100%;
  height: 100%;
}
.nei {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.nei img {
  max-width: 100%;
  max-height: 100%;
}
.nei {
  display: block;
}
.work_loading {
  display: none;
}
.loading {
  background-image: url('../../img/trunk/loading.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
}
.empty {
  display: none;
  width: 100%;
  padding: 15px 0;
  font-size: 12px;
  text-align: center;
  color: #9294f2;
}
.empty.on {
  display: block;
}
/*重置滚动条样式*/
::-webkit-scrollbar {
  width: 4px;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 6px #fff;
}
::-webkit-scrollbar-thumb {
  background: #ece9e1;
  -webkit-box-shadow: inset 0 0 6px #ece9e1;
}
.laypageskin_molv a {
  color: #b5b2f0 !important;
  background-color: #2a286f !important;
}
.work_friend {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 279px;
  background: #222427;
}
.work_friend .work_into_room {
  position: fixed;
  z-index: 100;
  top: 10px;
  right: 10px;
  font-size: 16px;
  cursor: pointer;
  color: red;
}
.work_friend .wf_online_state_msg {
  position: absolute;
  width: 110px;
  height: 22px;
  text-align: left;
  color: red;
  left: 114px;
  top: 3px;
  line-height: 22px;
  -webkit-app-region: drag;
}
.work_friend .wf_right_loading {
  display: none;
  width: 100%;
  height: 100%;
  background-image: url('../../img/trunk/loading.gif');
  background-repeat: no-repeat;
  background-position: center center;
}
.work_friend .wf_right_loading.on {
  display: block;
}
.work_friend .wf_right {
  display: none;
}
.work_friend .wf_right.on {
  display: block;
}
.work_friend .wf_right .wf_r_top {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 120px;
  background-image: url('../../img/trunk/ico_3.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_r_top .wf_logo {
  position: relative;
  z-index: 3;
  display: inline-block;
  height: 15px;
  margin: 8px 0 0 10px;
  cursor: pointer;
  vertical-align: top;
}
.work_friend .wf_right .wf_r_top .wf_logo .logo {
  display: inline-block;
  vertical-align: top;
  width: 17px;
  margin-right: 3px;
  margin-top: -2px;
}
.work_friend .wf_right .wf_r_top .wf_logo .text {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  vertical-align: top;
  color: #a1a2a2;
}
.work_friend .wf_right .wf_r_top .close_box {
  position: absolute;
  z-index: 22;
  z-index: 3;
  top: 8px;
  right: 3px;
}
.work_friend .wf_right .wf_r_top .close_box .btn {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 9px;
  cursor: pointer;
  background-image: url('../../img/trunk/close_btn.png');
  background-repeat: no-repeat;
}
.work_friend .wf_right .wf_r_top .close_box .btn.min_btn {
  background-position: 0 0;
}
.work_friend .wf_right .wf_r_top .close_box .btn.min_btn:hover {
  background-position: -12px 0;
}
.work_friend .wf_right .wf_r_top .close_box .btn.close_btn {
  background-position: -24px 0;
}
.work_friend .wf_right .wf_r_top .close_box .btn.close_btn:hover {
  background-position: -36px 0;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper {
  overflow: hidden;
  width: 100%;
  height: 90px;
  vertical-align: top;
  background: none;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_avatar_wrapper {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 15px 12px 0 15px;
  cursor: pointer;
  vertical-align: top;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_avatar_wrapper .wai,
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_avatar_wrapper .nei {
  overflow: hidden;
  width: 64px;
  height: 64px;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_avatar_wrapper .nei {
  border-radius: 50%;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_right {
  position: relative;
  z-index: 3;
  display: inline-block;
  margin-top: 17px;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_right .wf_info_nickname {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 600;
  vertical-align: top;
  color: #fff;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_right .wf_info_uid {
  margin-bottom: 4px;
  font-size: 12px;
  color: #c1c1c1;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_right .wf_info_uid .liang_ico {
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
  height: 18px;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_right .wf_info_r_l img {
  display: inline-block;
  vertical-align: top;
  height: 18px;
  margin-top: -2px;
  margin-right: 4px;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_right .wf_info_r_l .peerages_level {
  height: 14px;
  margin-top: 0;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_right .wf_info_r_l .peerages {
  margin-right: 5px;
  vertical-align: top;
}
.work_friend .wf_right .wf_r_top .wf_info_wrapper .wf_info_right .wf_info_r_l .grade {
  margin-top: 1px;
  margin-right: 5px;
  vertical-align: top;
}
.work_friend .wf_right .wf_search_box {
  position: relative;
  width: 278px;
  margin-left: 1px;
}
.work_friend .wf_right .wf_search_box .inpt_wrapper {
  position: relative;
  overflow: hidden;
  width: 278px;
  height: 36px;
  line-height: 36px;
  background: #292a2d;
}
.work_friend .wf_right .wf_search_box .inpt_wrapper .inpt {
  display: block;
  width: 212px;
  height: 36px;
  padding-left: 42px;
  font-size: 12px;
  color: #fff;
  background: #292a2d;
}
.work_friend .wf_right .wf_search_box .inpt_wrapper .inpt:focus {
  outline: none;
}
.work_friend .wf_right .wf_search_box .inpt_wrapper .search_btn {
  position: absolute;
  top: 12px;
  left: 19px;
  display: block;
  width: 15px;
  height: 15px;
  background-image: url('../../img/trunk/ico_38.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_search_box .inpt_wrapper .close_btn {
  position: absolute;
  top: 12px;
  right: 8px;
  display: none;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background-image: url('../../img/trunk/search_close_btn.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_search_box .inpt_wrapper .close_btn.on {
  display: block;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper {
  position: absolute;
  z-index: 3;
  top: 36px;
  left: 0;
  display: none;
  overflow-y: auto;
  width: 100%;
  height: 643px;
  background: #fff;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper.on {
  display: block;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_search_tab {
  height: 50px;
  line-height: 50px;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_search_tab .wf_search_tab_i {
  position: relative;
  display: inline-block;
  padding: 0 10px 0 20px;
  cursor: pointer;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_search_tab .wf_search_tab_i .text {
  font-size: 12px;
  text-align: center;
  color: #999;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_search_tab .wf_search_tab_i .line {
  position: absolute;
  bottom: 15px;
  left: 45%;
  display: none;
  width: 16px;
  height: 2px;
  margin: 0 auto;
  background: #ffb709;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_search_tab .wf_search_tab_i.on .text {
  font-weight: 600;
  color: #222;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_search_tab .wf_search_tab_i.on .line {
  display: block;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i {
  display: none;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i.on {
  display: block;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i .search_wrapper .search_item {
  position: relative;
  width: 100%;
  height: 60px;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i .search_wrapper .search_item:hover {
  background: #f2f6f7;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i .search_wrapper .search_item .avatar_wrapper {
  display: inline-block;
  width: 44px;
  height: 44px;
  margin: 8px 0 0 10px;
  vertical-align: top;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i .search_wrapper .search_item .avatar_wrapper .avatar {
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i .search_wrapper .search_item .info_wrapper {
  display: inline-block;
  margin-left: 10px;
  line-height: 60px;
  vertical-align: top;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i .search_wrapper .search_item .info_wrapper .info_nickname {
  overflow: hidden;
  width: 165px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #222;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i .search_no {
  display: none;
  padding-top: 65px;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i .search_no .icon_empty {
  display: block;
  width: 159px;
  height: 93px;
  margin: 0 auto;
  background-image: url('../../img/trunk/search_empty.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i .search_no .text {
  display: block;
  font-size: 12px;
  line-height: 38px;
  text-align: center;
  color: #999;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i .search_no.on {
  display: block;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i.search_room .search_wrapper .search_item .avatar_wrapper .avatar {
  border-radius: 4px;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i.search_room .search_wrapper .search_item .info_wrapper {
  padding: 12px;
  line-height: 1.1;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i.search_room .search_wrapper .search_item .info_wrapper .msg {
  margin-top: 5px;
  font-size: 12px;
  color: #999;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i.search_room .search_wrapper .search_item .info_wrapper .icon_lock {
  position: absolute;
  top: 7px;
  right: 12px;
  display: none;
  width: 12px;
  height: 12px;
  background-image: url('../../img/trunk/lock.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_search_box .wf_search_wrapper .wf_content .wf_c_search_i.search_room .search_wrapper .search_item .info_wrapper .icon_lock.on {
  display: block;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper {
  position: absolute;
  z-index: 3;
  top: 36px;
  left: 0;
  display: none;
  width: 100%;
  height: 644px;
  background: rgba(0, 0, 0, 0.1);
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper.on {
  display: block;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .bottom_bg {
  width: calc(101%);
  height: 300px;
  background: rgba(0, 0, 0, 0.5);
  margin-left: -1px;
  margin-top: -20px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content {
  padding: 14px 0 ;
  background: #fff;
  height: 460px;
  overflow-y: auto;
  border-radius: 0 0 12px 12px;
  margin-left: -1px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content::-webkit-scrollbar {
  display: none;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .column_title {
  font-size: 12px;
  color: #333;
  font-weight: bold;
  position: relative;
  padding: 0 8px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .column_title .clear_search_history {
  width: 16px;
  height: 16px;
  background: url("../../img/trunk/icon_01.png") no-repeat;
  position: absolute;
  right: 8px;
  top: 0;
  display: block;
  cursor: pointer;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .column_title.hot_room {
  margin-bottom: 12px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .column_title.recommend_for_you {
  margin-top: 18px;
  margin-bottom: 6px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .host_list {
  margin-top: 12px;
  margin-bottom: 18px;
  padding: 0 8px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .host_list span {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 119px;
  height: 24px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #373641;
  font-size: 12px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .host_list span:nth-child(2n) {
  border-left: 1px solid #F0EFEF;
  padding-right: 0px;
  padding-left: 10px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .history_list {
  margin-top: 4px;
  margin-bottom: 18px;
  padding: 0 8px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .history_list span {
  display: inline-block;
  vertical-align: top;
  padding: 0 14px;
  height: 28px;
  border-radius: 14px;
  font-size: 12px;
  color: #373641;
  line-height: 28px;
  margin-right: 6px;
  background: #F6F7F9;
  cursor: pointer;
  margin-top: 8px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item {
  position: relative;
  overflow: hidden;
  height: 60px;
  width: 267px;
  margin: 8px auto 0 auto;
  border-radius: 8px;
  border: 1px solid #fafafa;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item:hover {
  box-shadow: 0px 0px 4px 0px #E6E4E7;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_bottom_avatar_wrapper {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 13px 0 0 10px;
  vertical-align: top;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_bottom_avatar_wrapper .wai,
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_bottom_avatar_wrapper .nei {
  overflow: hidden;
  width: 34px;
  height: 34px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_bottom_avatar_wrapper .nei img {
  border-radius: 50%;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_bottom_avatar_wrapper .login_status {
  position: absolute;
  right: 0;
  bottom: -3px;
  display: none;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c2c5c2;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_bottom_avatar_wrapper .icon_phone {
  position: absolute;
  right: 6px;
  bottom: -5px;
  display: none;
  width: 15px;
  height: 15px;
  background-image: url('../../img/trunk/ico_21.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_bottom_avatar_wrapper.on .icon_phone {
  display: inline-block;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_info_wrapper {
  display: inline-block;
  height: 60px;
  margin-left: 10px;
  vertical-align: top;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_info_wrapper .item_info_nickname {
  width: 165px;
  font-size: 14px;
  line-height: 60px;
  color: #c1c1c1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_info_wrapper .item_info_nickname.remark {
  color: #855A5A;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_info_wrapper.on .item_info_nickname {
  margin-top: 16px;
  line-height: 1;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_info_wrapper.on .item_info_nickname.remark {
  color: #855A5A;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_info_wrapper .item_status_wrapper {
  display: block;
  width: 170px;
  height: 16px;
  margin-top: 4px;
  font-size: 12px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_info_wrapper .item_status_wrapper .item_status_item.new_msg {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_new_num_wrapper {
  position: absolute;
  top: 5px;
  right: 0;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_new_num_wrapper .item_new_num {
  display: none;
  height: 16px;
  margin-top: 16px;
  margin-right: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #ecedff;
  border-radius: 16px;
  background: #f00;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item .item_new_num_wrapper .item_new_num.on {
  display: inline-block;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.on .item_bottom_avatar_wrapper {
  width: 44px;
  height: 44px;
  margin: 8px 0 0 10px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.on .item_bottom_avatar_wrapper .wai,
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.on .item_bottom_avatar_wrapper .nei {
  width: 44px;
  height: 44px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.on .item_info_wrapper {
  margin-left: 17px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.online .item_bottom_avatar_wrapper {
  color: #fff;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.online .item_bottom_avatar_wrapper .login_status {
  display: none;
  background: #0f0;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.online .item_info_wrapper .item_info_nickname {
  font-size: 14px;
  color: #222;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.online .item_info_wrapper .item_info_nickname.remark {
  color: #855A5A;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.notice .item_bottom_avatar_wrapper .nei .notice_icon {
  display: inline-block;
  width: 44px;
  height: 44px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.notice .item_new_num_wrapper .time {
  display: none;
  margin: 5px 14px 0 0;
  text-align: center;
  color: #888;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.notice .item_new_num_wrapper .time.on {
  display: block;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.notice .item_new_num_wrapper .item_new_num {
  margin-top: 4px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.notice.prove .item_bottom_avatar_wrapper .nei .notice_icon {
  background-image: url('../../img/trunk/ico_44_v2.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.active1 {
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px #E6E4E7;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.active1:hover {
  border: 1px solid #E3E3E3;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.active2 {
  height: 80px;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px #E6E4E7;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .item_bottom .item_bottom_item.active2:hover {
  border: 1px solid #E3E3E3;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list {
  padding: 0 8px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item {
  padding-top: 10px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item:after {
  content: '';
  visibility: hidden;
  clear: both;
  height: 0;
  display: block;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_avatar {
  width: 50px;
  height: 50px;
  float: left;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_avatar img {
  display: block;
  border-radius: 25px;
  width: 100%;
  height: 100%;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_txt {
  float: right;
  width: 200px;
  padding-bottom: 10px;
  border-bottom: 1px solid #F2F2F2;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_txt:after {
  content: '';
  visibility: hidden;
  clear: both;
  height: 0;
  display: block;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_txt .u_info_txt_left {
  float: left;
  width: 120px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_txt .u_info_txt_left .u_info_nickname {
  font-size: 14px;
  color: #363636;
  height: 14px;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 14px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_txt .u_info_txt_left .u_info_game_and_level span {
  display: inline-block;
  vertical-align: middle;
  color: #2197FF;
  font-size: 12px;
  margin: 8px 0;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_txt .u_info_txt_left .u_info_game_and_level i {
  width: 1px;
  height: 8px;
  background: #DFE0E5;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_txt .u_info_txt_left .u_info_order_num {
  font-size: 12px;
  color: #9E9E9E;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_txt .u_info_txt_right {
  float: right;
  font-size: 12px;
  color: #9E9E9E;
  text-align: right;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_txt .u_info_txt_right .u_city {
  line-height: 14px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item .u_info_txt .u_info_txt_right .u_last_login_time {
  margin-top: 8px;
}
.work_friend .wf_right .wf_search_box .wf_recommend_wrapper .recommend_content .recommend_list .recommend_item:last-child .u_info_txt {
  border-bottom: none;
}
.work_friend .wf_right .wf_search_box .search_bottom {
  height: 38px;
  font-size: 12px;
  line-height: 38px;
  cursor: pointer;
  text-align: center;
  color: #27b5ff;
}
.work_friend .wf_right .wf_search_box .search_bottom .text {
  display: inline-block;
  max-width: 160px;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.work_friend .wf_right .wf_search_box .search_bottom .search_b_btn {
  color: #fff;
  font-size: 14px;
  width: 114px;
  background: #ff930c;
  margin: 0 auto;
  border-radius: 8px;
  height: 36px;
  line-height: 36px;
}
.work_friend .wf_right .wf_content_box {
  position: relative;
  border: 1px solid #e6e6e6;
  background: #fff;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper {
  position: relative;
  height: 38px;
  border-bottom: 1px solid #e6e6e6;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item {
  display: inline-block;
  width: 32.2%;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
  text-align: center;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item .wf_tab_icon {
  display: block;
  width: 34px;
  height: 34px;
  margin: 2px auto;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item .text {
  font-size: 16px;
  color: #666;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item.on .text {
  font-weight: 600;
  color: #ffb400;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item.wf_tab_notice .wf_tab_icon {
  background-image: url('../../img/trunk/ico_24.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item.wf_tab_notice.on .wf_tab_icon {
  background-image: url('../../img/trunk/ico_24_hover.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item.wf_tab_notice .num {
  position: absolute;
  top: 6px;
  display: none;
  border: 2px solid #FE586B;
  border-radius: 100px;
  text-align: center;
  min-width: 10px;
  height: 14px;
  color: #FE586B;
  font-style: normal;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  padding: 0 2px;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item.wf_tab_notice .num.on {
  display: inline-block;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item.wf_tab_friend .wf_tab_icon {
  background-image: url('../../img/trunk/ico_26.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item.wf_tab_friend.on .wf_tab_icon {
  background-image: url('../../img/trunk/ico_26_hover.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item.wf_tab_room .wf_tab_icon {
  background-image: url('../../img/trunk/ico_25.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_item.wf_tab_room.on .wf_tab_icon {
  background-image: url('../../img/trunk/ico_25_hover.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_tab_wrapper .wf_tab_line {
  position: absolute;
  bottom: -1px;
  left: 15px;
  width: 60px;
  height: 2px;
  background-color: #eebe6a;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper {
  position: relative;
  overflow: hidden;
  width: 278px;
  height: 603px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content {
  position: absolute;
  left: 0px;
  width: 1135px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item {
  display: inline-block;
  overflow: hidden;
  width: 275px;
  height: 557px;
  padding-bottom: 10px;
  font-size: 12px;
  vertical-align: top;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item {
  min-height: 36px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item .item_top {
  z-index: 2;
  top: 0;
  left: 0;
  width: 278px;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
  color: #222;
  background: #fff;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item .item_top .item_top_ico {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 13px 10px 0 11px;
  background-image: url('../../img/trunk/ico_33.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item .item_top.on .item_top_ico {
  background-image: url('../../img/trunk/ico_34.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item .item_top .item_top_text {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  vertical-align: top;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item .item_top .item_top_num {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item .item_bottom {
  display: none;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item .item_bottom.on {
  display: block;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item.on .item_top {
  position: absolute;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item .more_data_btn {
  text-align: center;
  line-height: 26px;
  margin: 5px auto;
  color: #ff6b6b;
  cursor: pointer;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 60px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item:hover {
  background: #f2f6f7;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.top .icon_top {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  top: 0;
  right: 0;
  background-image: url('../../img/trunk/top.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_bottom_avatar_wrapper {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 13px 0 0 10px;
  vertical-align: top;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_bottom_avatar_wrapper .wai,
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_bottom_avatar_wrapper .nei {
  overflow: hidden;
  width: 34px;
  height: 34px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_bottom_avatar_wrapper .nei img {
  border-radius: 50%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_bottom_avatar_wrapper .login_status {
  position: absolute;
  right: 0;
  bottom: -3px;
  display: none;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c2c5c2;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_bottom_avatar_wrapper .icon_phone {
  position: absolute;
  right: 6px;
  bottom: -5px;
  display: none;
  width: 15px;
  height: 15px;
  background-image: url('../../img/trunk/ico_21.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_bottom_avatar_wrapper.on .icon_phone {
  display: inline-block;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_info_wrapper {
  display: inline-block;
  height: 60px;
  margin-left: 10px;
  vertical-align: top;
  /*.friend_level{
                                    display: inline-block;
                                    margin-left: 2px;
                                    vertical-align: middle;
                                    margin-top: -10px;
                                    // width: 18px;
                                    // height: 18px;
                                    // border:1px solid red;
                                    img{
                                        display: block;
                                        width: 12px;
                                        height: 12px;
                                    }
                                }*/
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_info_wrapper .item_info_nickname {
  display: inline-block;
  width: 150px;
  font-size: 14px;
  line-height: 60px;
  color: #c1c1c1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_info_wrapper .item_info_nickname.remark {
  color: #855A5A;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_info_wrapper .friend_i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -8px;
  margin-left: 4px;
  position: relative;
  width: 16px;
  height: 16px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_info_wrapper .friend_i img {
  display: block;
  width: 16px;
  height: 16px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_info_wrapper .friend_i img.friend_level {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0px;
  left: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_info_wrapper.on .item_info_nickname {
  margin-top: 16px;
  line-height: 1;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_info_wrapper.on .item_info_nickname.remark {
  color: #855A5A;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_info_wrapper .item_status_wrapper {
  display: block;
  width: 170px;
  height: 16px;
  margin-top: 4px;
  font-size: 12px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_info_wrapper .item_status_wrapper .item_status_item.new_msg {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_new_num_wrapper {
  position: absolute;
  top: 5px;
  right: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_new_num_wrapper .item_new_num {
  display: none;
  height: 16px;
  margin-top: 16px;
  margin-right: 20px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #ecedff;
  border-radius: 16px;
  background: #f00;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item .item_new_num_wrapper .item_new_num.on {
  display: inline-block;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.on .item_bottom_avatar_wrapper {
  width: 44px;
  height: 44px;
  margin: 8px 0 0 10px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.on .item_bottom_avatar_wrapper .wai,
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.on .item_bottom_avatar_wrapper .nei {
  width: 44px;
  height: 44px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.on .item_info_wrapper {
  margin-left: 17px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.online .item_bottom_avatar_wrapper {
  color: #fff;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.online .item_bottom_avatar_wrapper .login_status {
  display: none;
  background: #0f0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.online .item_info_wrapper .item_info_nickname {
  font-size: 14px;
  color: #222;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.online .item_info_wrapper .item_info_nickname.remark {
  color: #855A5A;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.notice .item_bottom_avatar_wrapper .nei .notice_icon {
  display: inline-block;
  width: 44px;
  height: 44px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.notice .item_new_num_wrapper .time {
  display: none;
  margin: 5px 14px 0 0;
  text-align: center;
  color: #888;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.notice .item_new_num_wrapper .time.on {
  display: block;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.notice .item_new_num_wrapper .item_new_num {
  margin-top: 4px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item .item_bottom_item.notice.prove .item_bottom_avatar_wrapper .nei .notice_icon {
  background-image: url('../../img/trunk/ico_44_v2.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_content_room_info {
  width: 275px;
  height: 557px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_tab {
  position: relative;
  left: 0;
  height: 24px;
  margin: 10px;
  font-size: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_tab .info {
  white-space: nowrap;
  position: absolute;
  left: 0px;
  transition: left 0.2s;
  -webkit-transition: left 0.2s;
  margin-top: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_tab .room_tab_i {
  display: inline-block;
  overflow: hidden;
  height: 24px;
  margin-right: 5px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 24px;
  cursor: pointer;
  text-align: center;
  color: #666;
  border-radius: 2px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_tab .room_tab_i.on,
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_tab .room_tab_i:hover {
  color: #ff9000;
  background: #fff5de;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i {
  display: none;
  text-align: center;
  height: 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i.on {
  display: -webkit-box;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item {
  overflow: auto;
  padding-top: 3px;
  padding-left: 1px;
  padding-right: 1px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item {
  text-align: left;
  width: 267px;
  margin: 0 auto 8px;
  border-radius: 8px;
  border: 1px solid #fff;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item:hover {
  box-shadow: 0px 0px 4px 0px #E6E4E7;
  background: #fff;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item.active1 {
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px #E6E4E7;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item.active1:hover {
  border: 1px solid #E3E3E3;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item.active2 {
  height: 80px;
  background: #ffffff;
  box-shadow: 0px 0px 4px 0px #E6E4E7;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item.active2:hover {
  border: 1px solid #E3E3E3;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item .info_box {
  width: 267px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item .activity_desc {
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-image: url("../../img/trunk/ico_54.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item .activity_tag_wrap {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  line-height: 14px;
  text-align: center;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item .activity_tag_wrap .activity_tag_icon {
  display: block;
  width: auto;
  height: 16px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .item .item_bottom .item_bottom_item .activity_tag_wrap .activity_tag_text {
  width: 100%;
  font-size: 12px;
  color: #222;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_tab {
  position: relative;
  height: 24px;
  margin-top: 2px;
  margin-bottom: 10px;
  margin-left: 8px;
  font-size: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_tab .tabinfo {
  white-space: nowrap;
  position: absolute;
  left: 0px;
  transition: left 0.2s;
  -webkit-transition: left 0.2s;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_tab .game_tab_i {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  font-size: 12px;
  color: #6E6C7A;
  background: #F4F4F4;
  border-radius: 14px;
  margin-left: 4px;
  margin-right: 4px;
  cursor: pointer;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_tab .game_tab_i.active {
  background: #FFF4C4;
  color: #FF871F;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_tab_fx {
  position: relative;
  width: 18000px;
  padding-top: 2px;
  padding-bottom: 10px;
  padding-left: 8px;
  font-size: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_tab_fx .game_tab_i {
  float: left;
  height: 24px;
  line-height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  font-size: 12px;
  color: #8586A9;
  border-radius: 14px;
  margin-left: 0px;
  margin-right: 0px;
  cursor: pointer;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_tab_fx .game_tab_i.active {
  color: #10BBFB;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont {
  overflow: auto;
  padding-bottom: 40px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item {
  width: 245px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4px;
  margin-bottom: 4px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item:hover {
  box-shadow: 0px 0px 8px 0px rgba(173, 173, 173, 0.5);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .top {
  height: 22px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .top_l {
  float: left;
  width: 90px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-align: left;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .top_l .ico_img {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin-left: 10px;
  margin-top: 4px;
  border-radius: 50px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .top_l span {
  color: #1A1A1A;
  margin-left: 3px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .top_r {
  text-align: right;
  color: #FF8300;
  font-size: 12px;
  line-height: 22px;
  margin-right: 7px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .top_r .i1 {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  width: 12px;
  height: 12px;
  background: url("../../img/trunk/game_list/ico_03.png") no-repeat;
  margin-right: 4px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .top_r .i2 {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  width: 12px;
  height: 12px;
  background: url("../../img/trunk/game_list/ico_04.png") no-repeat;
  margin-right: 4px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .top_r span {
  margin-right: 6px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .center_box {
  overflow: hidden;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .center_style_1 {
  height: 46px;
  position: relative;
  overflow: hidden;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .center_style_1 .host_ico {
  position: absolute;
  left: 30px;
  top: 8px;
  width: 24px;
  height: 24px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .center_style_1 .img_ico1 {
  position: absolute;
  left: 112px;
  top: 14px;
  width: 24px;
  height: 24px;
  width: 23px;
  height: 16px;
  background: url('../../img/trunk/game_list/ico_01.png') no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .center_style_1 .pic_box {
  position: absolute;
  left: 180px;
  top: 10px;
  width: 24px;
  height: 24px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .center_style_2 {
  height: 46px;
  position: relative;
  overflow: hidden;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .center_style_2 .center_style_2_info {
  margin-top: 8px;
  text-align: left;
  font-size: 0;
  margin-left: 12px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .center_style_2 .center_style_2_info span {
  margin-left: 2px;
  margin-right: 2px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item span.host_box {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item span.host_box img {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item span.host_box i {
  display: block;
  width: 24px;
  height: 12px;
  position: absolute;
  left: 0px;
  top: 18px;
  background: url("../../img/trunk/game_list/ico_02.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item span.empty_box {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: relative;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item span.empty_box img {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item span.empty_box i {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: #ffffff url("../../img/trunk/game_list/ico_07.png") no-repeat;
  background-position: center center;
  border-radius: 50%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .bottom_box {
  height: 22px;
  background: linear-gradient(180deg, rgba(255, 237, 222, 0) 0%, #ffe4cb 100%);
  font-size: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .bottom_box div {
  text-align: center;
  line-height: 22px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .bottom_box div i {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  width: 7px;
  height: 6px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .bottom_box div .i1 {
  background: url("../../img/trunk/game_list/ico_05.png") no-repeat;
  margin-right: 2px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .bottom_box div .i2 {
  background: url("../../img/trunk/game_list/ico_06.png") no-repeat;
  margin-left: 2px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item .bottom_box div span {
  color: #B88E5D;
  font-size: 12px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style3 {
  background: #FFFCF4;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style3 .top {
  background: linear-gradient(90deg, #ffebd8 0%, #fffcf4 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style3 .top_l {
  background: url("../../img/trunk/game_list/bg_01.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style3 .bottom_box {
  background: linear-gradient(180deg, rgba(255, 237, 222, 0) 0%, #ffe4cb 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style4 {
  background: #EFFBFF;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style4 .top {
  background: linear-gradient(90deg, #ffebd8 0%, #fffbfd 100%) linear-gradient(90deg, #e4f2ff 0%, #effbff 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style4 .top_l {
  background: url("../../img/trunk/game_list/bg_02.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style4 .bottom_box {
  background: linear-gradient(180deg, rgba(205, 235, 255, 0) 0%, #d6e6fe 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style5 {
  background: #F8F5FF;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style5 .top {
  background: linear-gradient(90deg, #f6ebff 0%, #f8f0ff 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style5 .top_l {
  background: url("../../img/trunk/game_list/bg_03.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style5 .bottom_box {
  background: linear-gradient(180deg, rgba(232, 209, 255, 0) 0%, #e7d1ff 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style6 {
  background: #FFFCF4;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style6 .top {
  background: linear-gradient(90deg, #ffebd8 0%, #fffcf4 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style6 .top_l {
  background: url("../../img/trunk/game_list/bg_01.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .style6 .bottom_box {
  background: linear-gradient(180deg, rgba(255, 237, 222, 0) 0%, #ffe4cb 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx {
  width: 270px;
  height: 84px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  border-radius: 6px;
  text-align: left;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx:hover {
  box-shadow: 0px 0px 8px 0px rgba(173, 173, 173, 0.5);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .top {
  height: 18px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .top_l {
  float: left;
  width: 90px;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  text-align: left;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .top_l .ico_img {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin-left: 10px;
  margin-top: 2px;
  border-radius: 50%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .top_l span {
  color: #FFFFFF;
  margin-left: 3px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .top_r {
  text-align: right;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 22px;
  margin-right: 7px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .top_r .i1 {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  width: 12px;
  height: 12px;
  background: url("../../../fenxiao/img/trunk/game_wait.png") no-repeat;
  margin-right: 4px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .top_r .i2 {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  width: 12px;
  height: 12px;
  background: url("../../../fenxiao/img/trunk/game_play.png") no-repeat;
  margin-right: 4px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .top_r span {
  margin-right: 6px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_box {
  overflow: hidden;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_1 {
  height: 66px;
  position: relative;
  overflow: hidden;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_1 .host_ico {
  position: absolute;
  left: 8px;
  top: 6px;
  width: 50px;
  height: 50px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_1 .pic_box {
  position: absolute;
  left: 66px;
  top: 10px;
  width: 190px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_1 .pic_box .img_ico1 {
  display: inline-block;
  width: 23px;
  height: 20px;
  background: url('../../img/trunk/game_list/ico_01.png') no-repeat center center;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_1 .pic_box .room_name {
  display: block;
  color: #FFFFFF;
  font-size: 12px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_1 .pic_box .pic_img {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../../fenxiao/img/trunk/game_seat.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_2 {
  height: 66px;
  position: relative;
  overflow: hidden;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_2 .center_style_2_info {
  margin-top: 6px;
  text-align: left;
  font-size: 0;
  margin-left: 12px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_2 .center_style_2_info span {
  float: left;
  margin-left: -5px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_2 .center_style_2_info span.host_box {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx .center_style_2 .center_style_2_info .room_name {
  width: 190px;
  display: inline-block;
  color: #FFFFFF;
  font-size: 12px;
  margin-bottom: 7px;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx span.host_box {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx span.host_box img {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx span.host_box i {
  display: block;
  width: 30px;
  height: 13px;
  position: absolute;
  left: 12px;
  top: 41px;
  background: url("../../img/trunk/game_list/ico_02.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx span.empty_box {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx span.empty_box img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .game_list_item_fx span.empty_box i {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../../../fenxiao/img/trunk/game_seat.png") no-repeat;
  background-position: center center;
  border-radius: 50%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_3 {
  background: url("../../../fenxiao/img/trunk/game_3.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_3:hover {
  box-shadow: none;
  background: url("../../../fenxiao/img/trunk/game_3_h.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_3 .top {
  background: none;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_3 .top_l {
  background: linear-gradient(132deg, rgba(250, 196, 105, 0.8) 0%, rgba(246, 92, 151, 0.8) 100%);
  border-bottom-right-radius: 6px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_3 .bottom_box {
  background: none;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_4 {
  background: url("../../../fenxiao/img/trunk/game_4.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_4:hover {
  box-shadow: none;
  background: url("../../../fenxiao/img/trunk/game_4_h.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_4 .top {
  background: none;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_4 .top_l {
  border-bottom-right-radius: 6px;
  background: linear-gradient(132deg, rgba(76, 228, 227, 0.7) 0%, rgba(83, 150, 253, 0.7) 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_4 .bottom_box {
  background: none;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_5 {
  background: url("../../../fenxiao/img/trunk/game_5.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_5:hover {
  box-shadow: none;
  background: url("../../../fenxiao/img/trunk/game_5_h.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_5 .top {
  background: none;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_5 .top_l {
  border-bottom-right-radius: 6px;
  background: linear-gradient(90deg, #b472ff 0%, #5f6ffb 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_5 .bottom_box {
  background: none;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_6 {
  background: url("../../../fenxiao/img/trunk/game_6.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_6:hover {
  box-shadow: none;
  background: url("../../../fenxiao/img/trunk/game_6_h.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_6 .top {
  background: none;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_6 .top_l {
  border-bottom-right-radius: 6px;
  background: linear-gradient(90deg, #ffcb70 0%, #ff8821 100%);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .game_list_cont .fx_type_6 .bottom_box {
  background: none;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .creat_game_room {
  position: absolute;
  width: 130px;
  height: 40px;
  left: 64px;
  bottom: 0px;
  line-height: 40px;
  background: #FF445A;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .creat_game_room i {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  width: 19px;
  height: 19px;
  margin-top: 12px;
  margin-right: 3px;
  background: url("../../img/trunk/game_list/ico_08.png") no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .room_content .room_content_i .game_list_box1 .creat_game_room span {
  font-size: 14px;
  color: #FFFFFF;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .item_bottom_item.notice .item_bottom_avatar_wrapper .nei .notice_icon {
  display: inline-block;
  width: 34px;
  height: 34px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .item_bottom_item.notice .item_info_wrapper .title {
  font-size: 14px;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .item_bottom_item.notice .item_new_num_wrapper .time {
  display: block;
  margin: 5px 14px 0 0;
  text-align: center;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .item_bottom_item.notice .item_new_num_wrapper .item_new_num {
  margin-top: 4px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .item_bottom_item.notice.prove .item_bottom_avatar_wrapper .nei .notice_icon {
  background-image: url('../../img/trunk/ico_44_v2.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .item_bottom_item .room_icon {
  position: absolute;
  top: 17px;
  right: 12px;
  text-align: right;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .item_bottom_item .room_icon .icon_lock {
  display: none;
  width: 12px;
  height: 12px;
  background-image: url('../../img/trunk/lock.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .item_bottom_item .room_icon .icon_lock.on {
  display: inline-block;
  vertical-align: top;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .item_bottom_item .room_icon .icon_red_packet {
  display: none;
  width: 28px;
  height: 28px;
  margin-top: -12px;
  background-image: url('../../img/trunk/red_packet.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .item_bottom_item .room_icon .icon_red_packet.on {
  display: inline-block;
  vertical-align: top;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_reception_w {
  width: 278px;
  height: 40px;
  cursor: pointer;
  background-image: url('../../img/trunk/ico_2.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_reception_w .bt {
  display: inline-block;
  margin: 10px 0 0 44px;
  font-size: 14px;
  vertical-align: top;
  color: #fff;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_reception_w .icon {
  display: inline-block;
  width: 24px;
  height: 10px;
  margin-top: 16px;
  margin-left: 3px;
  vertical-align: top;
  background-image: url('../../img/trunk/hot.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_reception_w .num {
  float: right;
  height: 40px;
  margin-right: 23px;
  font-size: 14px;
  line-height: 40px;
  color: #f1bb00;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_reception_w .num .text {
  font-size: 12px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b {
  position: relative;
  display: none;
  overflow: hidden;
  width: 278px;
  height: 139px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b.on {
  display: block;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_recommend_w {
  position: relative;
  width: auto;
  height: 139px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_recommend_w .wf_c_recommend_i {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 139px;
  height: 139px;
  cursor: pointer;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_recommend_w .wf_c_recommend_i .wai,
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_recommend_w .wf_c_recommend_i .nei {
  width: 139px;
  height: 139px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_recommend_w .wf_c_recommend_i .wai .avatar,
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_recommend_w .wf_c_recommend_i .nei .avatar {
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_recommend_w .wf_c_recommend_i:hover .wai .nei .avatar {
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transform: scale(1.2, 1.2);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_recommend_w .wf_c_recommend_i .nickname {
  position: absolute;
  bottom: 0;
  display: none;
  width: 100%;
  height: 29px;
  font-size: 12px;
  line-height: 29px;
  text-align: center;
  color: #fff;
  background-image: url('../../img/trunk/black_bg.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_recommend_w .wf_c_recommend_i:hover .nickname {
  display: block;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_remommend_btn {
  position: absolute;
  z-index: 2;
  top: 55px;
  display: none;
  width: 18px;
  height: 35px;
  cursor: pointer;
  background-image: url('../../img/trunk/ico_6.png');
  background-repeat: no-repeat;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_remommend_btn.pre {
  left: 0;
  background-position: 0 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_remommend_btn.pre:hover {
  background-position: -19px 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_remommend_btn.pre.no {
  opacity: .7;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_remommend_btn.next {
  right: 0;
  background-position: -38px 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_remommend_btn.next.hover {
  background-position: -57px 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b .wf_c_remommend_btn.next.no {
  opacity: .7;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_recommend_b:hover .wf_c_remommend_btn {
  display: block;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_room .wf_c_room_retry {
  width: 100px;
  height: 24px;
  line-height: 24px;
  border-radius: 10px;
  border: 1px solid #ff445a;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: red;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  cursor: pointer;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_notice {
  overflow: auto;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_notice .wf_content_notice_info {
  width: 275px;
  height: 557px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_notice .notice_empty {
  text-align: center;
  display: none;
  margin: 207px auto 0;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_notice .notice_empty.on {
  display: block;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_notice .notice_empty .empty_text {
  margin-top: 12px;
  font-size: 12px;
  text-align: center;
  color: #222222;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_notice .wf_content_notice_list {
  overflow: auto;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_item.wf_content_friend {
  overflow: auto;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 35px;
  border-top: solid 1px #edf1f2;
  background: #f7f9fa;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .i_set {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 29px;
  margin-top: 2px;
  margin-left: 3px;
  cursor: pointer;
  vertical-align: top;
  background: url('../../img/login/logo2_v2.png?123456') no-repeat;
  background-size: 20px auto;
  background-position: center center;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .i_set:active {
  top: 1px;
  left: 1px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c {
  position: absolute;
  z-index: 4;
  bottom: 30px;
  left: 0px;
  display: none;
  overflow: hidden;
  width: 105px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 1px 1px 1px rgba(102, 102, 102, 0.35);
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i {
  width: 100%;
  height: 33px;
  line-height: 33px;
  cursor: pointer;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i:hover {
  background: #f2f4f6;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 10px 3px 0 10px;
  vertical-align: top;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i.domain_btn .icon {
  background-image: url('../../img/trunk/ico_r_9.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i.set_btn .icon {
  background-image: url('../../img/trunk/ico_r_1.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i.update_btn .icon {
  background-image: url('../../img/trunk/ico_r_3.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i.p_feedback_btn .icon {
  background-image: url('../../img/trunk/ico_r_6.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i.login_out_btn .icon {
  background-image: url('../../img/trunk/ico_r_2.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i .text {
  font-size: 12px;
  color: #333;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i.online_service .icon {
  background-image: url('../../img/trunk/ico_r_10.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i.platform_audit .icon {
  background-image: url('../../img/trunk/ico_r_11.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i.customer_service .icon {
  background-image: url('../../img/trunk/ico_r_12.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .set_c .set_c_i.customer_service .text {
  color: #FF4141;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .btm_btn_wrap {
  float: right;
  margin-top: 5px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .btm_btn_wrap .btn {
  width: 66px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #ff445a;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: red;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .btm_btn_wrap .btn.app {
  overflow: hidden;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .btm_btn_wrap .btn.app:hover {
  overflow: visible;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .btm_btn_wrap .btn.app .app_icon {
  position: absolute;
  top: -205px;
  left: -10px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .btm_btn_wrap .btn.order .num {
  display: none;
  background: #F71D1D;
  border-radius: 3px;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 4px;
  top: 1px;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content_btm .btm_btn_wrap .btn.order .num.on {
  display: inline-block;
}
.work_friend .wf_right .wf_pop_wrapper {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.work_friend .wf_right .wf_pop_wrapper.on {
  display: block;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content {
  position: absolute;
  top: 156px;
  right: 0;
  left: 0;
  display: none;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 7px;
  background: #fff;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.on {
  display: block;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .close_wrapper {
  position: absolute;
  z-index: 2;
  top: 14px;
  right: 14px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .close_wrapper .close_item {
  display: inline-block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  vertical-align: top;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .close_wrapper .close_item.close_btn {
  background-image: url('../../img/trunk/wf_close.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .top_title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 5px 5px 0px 0px;
  background-image: url('../../img/trunk/ico_p_bj.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .top_title .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 13px 5px 0 16px;
  vertical-align: top;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .top_title .title {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .pop_footer {
  width: 100%;
  height: 34px;
  border-top: 1px solid #dfdfdf;
  border-radius: 0 0 5px 5px;
  background: #fff;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .wf_pop_page {
  display: none;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .wf_pop_page.on {
  display: block;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .wf_pop_page .btn {
  display: inline-block;
  width: 35px;
  height: 26px;
  margin: 0 3px 6px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 26px;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  color: #b5b2f0 !important;
  border: none;
  border-radius: 2px;
  background-color: #2a286f !important;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .wf_pop_page .btn:focus {
  outline: none;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content .wf_pop_page .btn.on {
  opacity: .6;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.set {
  width: 570px;
  height: 390px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.set .top_title .icon {
  background-image: url('../../img/trunk/ico_p_1.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.set .content_wrapper {
  width: 100%;
  height: 315px;
  background: #f6f6f6;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.feedback {
  width: 570px;
  height: 390px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.feedback .top_title .icon {
  background-image: url('../../img/trunk/ico_p_2_v2.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.feedback .content_wrapper {
  width: 100%;
  height: 315px;
  background: #f6f6f6;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.order {
  width: 700px;
  height: 440px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.order .top_title .icon {
  background-image: url('../../img/trunk/ico_p_3.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.order .content_wrapper {
  width: 100%;
  height: 400px;
  background: #f6f6f6;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove {
  overflow: hidden;
  width: 660px;
  height: 540px;
  background-color: #262161;
  box-shadow: 0px 0px 10px 0px #080828;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .top_title .title {
  width: 120px;
  height: 66px;
  font-size: 14px;
  line-height: 92px;
  text-align: center;
  color: #b5b2f0;
  background-image: url('../../img/trunk/ico_48.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper {
  overflow-y: auto;
  height: 474px;
  padding: 10px 35px 20px;
  background: #262161;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .title_time {
  font-size: 12px;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item {
  position: relative;
  height: 90px;
  margin: 10px auto;
  border: solid 1px #322b82;
  background-color: #2c2672;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .del_btn {
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
  width: 8px;
  height: 8px;
  cursor: pointer;
  background-image: url('../../img/trunk/wf_close.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item:hover .del_btn {
  display: block;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .avatar_wrapper {
  display: inline-block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  margin: 17px 20px 0 15px;
  border-radius: 50%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .avatar_wrapper .wai,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .avatar_wrapper .nei {
  width: 60px;
  height: 60px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .avatar_wrapper .nei .avatar {
  border-radius: 50%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .info_wrapper {
  display: inline-block;
  margin-top: 20px;
  vertical-align: top;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .info_wrapper .nickname {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1;
  color: #27b5ff;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .info_wrapper .info {
  margin-bottom: 10px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .info_wrapper .info .text {
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
  line-height: 1;
  vertical-align: top;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .info_wrapper .msg {
  line-height: 1;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .info_wrapper .msg .des {
  font-size: 12px;
  color: #65648a;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .info_wrapper .msg .msg {
  font-size: 12px;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .right {
  float: right;
  width: 165px;
  margin-top: 33px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .right .btn_wrapper .btn {
  display: inline-block;
  width: 66px;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  cursor: pointer;
  text-align: center;
  color: #b5b2f0;
  border: solid 1px #221b53;
  border-radius: 2px;
  background-color: #2a286f;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .right .btn_wrapper .btn:hover {
  border: 1px solid #27b5ff;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .right .btn_wrapper .btn.agree {
  margin-right: 10px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .right .desc {
  display: none;
  height: 57px;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .right.on .btn_wrapper {
  display: none;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.prove .content_wrapper .content_item .list .item .right.on .desc {
  display: block;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend {
  width: 460px;
  height: 340px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .top_title {
  height: 33px;
  padding-left: 10px;
  line-height: 33px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper {
  display: inline-block;
  overflow: hidden;
  width: 144px;
  height: 262px;
  vertical-align: top;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper .avatar_wrapper {
  overflow: hidden;
  width: 90px;
  height: 90px;
  margin: 25px auto 20px;
  vertical-align: top;
  border-radius: 50%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper .avatar_wrapper .wai,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper .avatar_wrapper .nei {
  width: 90px;
  height: 90px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper .avatar_wrapper .nei .avatar {
  border-radius: 50%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper .info_content {
  padding-left: 25px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper .info_content .nickname {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  color: #27b5ff;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper .info_content .user_id {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper .info_content .sex,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper .info_content .age,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .info_wrapper .info_content .address {
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 1;
  color: #65648a;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper {
  display: inline-block;
  width: 316px;
  height: 262px;
  background: #262161;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper .title {
  margin: 20px 0 8px 20px;
  font-size: 12px;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper .write_content {
  width: 263px;
  height: 58px;
  margin-left: 20px;
  padding: 6px;
  border: solid 1px #322b82;
  border-radius: 4px;
  background-color: #2c2672;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper .write_content .send_msg_text {
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #b5b2f0;
  background: #2c2672;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper .write_content .send_msg_text:focus {
  outline: none;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper .send_succ {
  display: none;
  margin: 30px 10px 0 20px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper .send_succ .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: 2px;
  background-image: url('../../img/trunk/ico_49.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper .send_succ .text {
  display: inline-block;
  width: 250px;
  margin: -3px 0 0 12px;
  font-size: 12px;
  vertical-align: top;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper.on .title,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper.on .write_content {
  display: none;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .write_wrapper.on .send_succ {
  display: block;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .btn_wrapper {
  width: 100%;
  padding-top: 10px;
  text-align: right;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .btn_wrapper .btn {
  display: inline-block;
  width: 66px;
  height: 26px;
  font-size: 12px;
  line-height: 26px;
  cursor: pointer;
  text-align: center;
  color: #b5b2f0;
  border: solid 1px #201b53;
  border-radius: 2px;
  background-color: #2c2a78;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .btn_wrapper .btn:hover {
  border: 1px solid #27b5ff;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .btn_wrapper .btn.next_step_btn {
  margin-right: 10px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .btn_wrapper .btn.cancel_btn,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .btn_wrapper .btn.ok_btn {
  margin-right: 20px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .btn_wrapper .btn.ok_btn {
  display: none;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .btn_wrapper.on .btn.next_step_btn,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .btn_wrapper.on .btn.cancel_btn {
  display: none;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.add_friend .content_wrapper .btn_wrapper.on .btn.ok_btn {
  display: inline-block;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search {
  width: 660px;
  height: 540px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .top_title {
  width: 100%;
  height: 66px;
  line-height: 25px;
  text-align: center;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .top_title .title {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 66px;
  font-size: 14px;
  line-height: 92px;
  cursor: pointer;
  text-align: center;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .top_title .title .icon {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 12px;
  height: 6px;
  margin: 0 auto;
  background-image: url('../../img/trunk/ico_50.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .top_title .title.search_person_tab {
  margin-right: 63px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .top_title .title.on {
  color: #fbc968;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .top_title .title.on .icon {
  display: inline-block;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item {
  display: none;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.on {
  display: block;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .top,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .top {
  margin: 36px 0 42px 35px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .top .inpt,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .top .inpt {
  display: inline-block;
  width: 398px;
  height: 40px;
  margin-right: 20px;
  padding-left: 12px;
  font-size: 12px;
  color: #b5b2f0;
  border-radius: 2px;
  background-color: #2c2672;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .top .inpt:focus,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .top .inpt:focus {
  outline: none;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .top .search_btn,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .top .search_btn {
  display: inline-block;
  width: 80px;
  height: 36px;
  margin-right: 20px;
  font-size: 12px;
  line-height: 36px;
  cursor: pointer;
  text-align: center;
  color: #27b5ff;
  border: solid 1px #27b5ff;
  border-radius: 2px;
  background-color: #262161;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .top .nearby_wrapper,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .top .nearby_wrapper {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .top .nearby_wrapper .icon,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .top .nearby_wrapper .icon {
  display: inline-block;
  width: 10px;
  height: 13px;
  margin-top: 12px;
  margin-right: 5px;
  vertical-align: top;
  background-image: url('../../img/trunk/ico_30.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .top .nearby_wrapper .text,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .top .nearby_wrapper .text {
  font-size: 12px;
  color: #9294f2;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper {
  width: 610px;
  margin: 0 auto 0 34px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper .fruit_title,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper .fruit_title {
  margin-bottom: 22px;
  font-size: 12px;
  line-height: 1;
  color: #9294f2;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper .list,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper .list {
  width: 100%;
  min-height: 270px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper .list .item,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper .list .item {
  display: inline-block;
  width: 183px;
  height: 89px;
  margin: 0 20px 20px 0;
  border-radius: 2px;
  background-color: #2c2672;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper .list .item .avatar_wrapper,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper .list .item .avatar_wrapper {
  display: inline-block;
  overflow: hidden;
  width: 54px;
  height: 54px;
  margin: 18px 10px 0;
  border-radius: 50%;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper .list .item .avatar_wrapper .wai,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper .list .item .avatar_wrapper .wai,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper .list .item .avatar_wrapper .nei,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper .list .item .avatar_wrapper .nei {
  width: 54px;
  height: 54px;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper .list .item .info_wrapper,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper .list .item .info_wrapper {
  display: inline-block;
  margin-top: 17px;
  vertical-align: top;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper .list .item .info_wrapper .nickname,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper .list .item .info_wrapper .nickname {
  width: 106px;
  margin-bottom: 4px;
  font-size: 12px;
  color: #27b5ff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper .list .item .info_wrapper .address,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper .list .item .info_wrapper .address {
  margin-bottom: 7px;
  font-size: 12px;
  color: #b5b2f0;
}
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.person .fruit_wrapper .list .item .info_wrapper .btn,
.work_friend .wf_right .wf_pop_wrapper .wf_pop_content.search .content_wrapper .content_item.room .fruit_wrapper .list .item .info_wrapper .btn {
  width: 41px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  text-align: center;
  color: #27b5ff;
  border: solid 1px #27b5ff;
  border-radius: 2px;
  background-color: #262161;
}
.work_friend .wf_right .wf_content_box .wf_content_wrapper .wf_content .wf_content_notice .item_bottom_item .item_info_wrapper .item_info_nickname {
  max-width: 100px;
}
.wf_menu_wrapper {
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  display: none;
  overflow: hidden;
  width: 105px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 1px 1px 1px rgba(102, 102, 102, 0.35);
}
.wf_menu_wrapper .wf_menu_item {
  width: 100%;
  height: 33px;
  line-height: 33px;
  cursor: pointer;
}
.wf_menu_wrapper .wf_menu_item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.wf_menu_wrapper .wf_menu_item:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.wf_menu_wrapper .wf_menu_item:hover {
  background: #f2f4f6;
}
.wf_menu_wrapper .wf_menu_item .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 10px 3px 0 10px;
  vertical-align: top;
}
.wf_menu_wrapper .wf_menu_item.send_btn .icon {
  background-image: url('../../img/trunk/ico_r_8.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.wf_menu_wrapper .wf_menu_item.no_follow_btn .icon {
  background-image: url('../../img/trunk/ico_r_4.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.wf_menu_wrapper .wf_menu_item.follow_btn .icon {
  background-image: url('../../img/trunk/ico_r_4.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.wf_menu_wrapper .wf_menu_item.look_btn .icon {
  background-image: url('../../img/trunk/ico_r_7.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.wf_menu_wrapper .wf_menu_item.black_btn .icon {
  background-image: url('../../img/trunk/ico_r_5.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.wf_menu_wrapper .wf_menu_item.report_btn .icon {
  background-image: url('../../img/trunk/ico_r_13.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.wf_menu_wrapper .wf_menu_item.order_btn .icon {
  background-image: url('../../img/trunk/ico_r_14.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.wf_menu_wrapper .wf_menu_item.remove {
  text-align: center;
}
.wf_menu_wrapper .wf_menu_item.remove .icon {
  display: none;
}
.wf_menu_wrapper .wf_menu_item .text {
  font-size: 12px;
  color: #333;
}
.prove_pop_wrapper {
  position: fixed;
  z-index: 999;
  right: 0;
  bottom: 0;
  width: 280px;
  height: 170px;
  text-align: center;
  background-image: url('../../img/trunk/ico_55.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.prove_pop_wrapper .close_btn {
  position: absolute;
  z-index: 55;
  top: 23px;
  right: 23px;
  display: inline-block;
  overflow: hidden;
  width: 11px;
  height: 11px;
  cursor: pointer;
  background: url('../../img/trunk/ico_52.png') no-repeat;
  background-position: 0 0;
}
.prove_pop_wrapper .close_btn:hover {
  background-position: -13px 0;
}
.prove_pop_wrapper .title {
  display: inline-block;
  width: 64px;
  height: 16px;
  margin: 27px auto 18px;
  background-image: url('../../img/trunk/ico_51.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.prove_pop_wrapper .content {
  width: 100%;
  margin-bottom: 34px;
  text-align: center;
}
.prove_pop_wrapper .content .nickname {
  font-size: 14px;
  color: #ffcf4c;
}
.prove_pop_wrapper .content .text {
  font-size: 14px;
  color: #8191cd;
}
.prove_pop_wrapper .btn_wrapper {
  width: 100%;
  text-align: center;
}
.prove_pop_wrapper .btn_wrapper .btn {
  display: inline-block;
  width: 80px;
  height: 34px;
  cursor: pointer;
}
.prove_pop_wrapper .btn_wrapper .btn.cancel {
  margin-right: 20px;
  background-image: url('../../img/trunk/ico_53.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
.prove_pop_wrapper .btn_wrapper .btn.add {
  background-image: url('../../img/trunk/ico_54.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
}
/*新人优惠券*/
.new_activity_coupon {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.new_activity_coupon div {
  width: 57px;
  height: 87px;
  cursor: pointer;
  background: url(../../img/trunk/cat/rukou.png) no-repeat;
}
.new_activity_coupon p {
  position: absolute;
  display: none;
  z-index: 1;
  top: -22px;
  right: 2px;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-radius: 9px;
  background: #bbbbbb url('../../img/room/close_01.png') no-repeat;
  background-position: center center;
}
/*房间密码输入弹窗*/
.in_password_tc {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
.in_password_tc .info {
  width: 242px;
  height: 142px;
  background: url("../../img/trunk/password_bg1.png") no-repeat;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 40%;
}
.in_password_tc .info .close_btn {
  position: absolute;
  width: 11px;
  height: 11px;
  background: url("../../img/trunk/close.png") no-repeat;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.in_password_tc .info .close_btn:active {
  right: 9px;
  top: 11px;
}
.in_password_tc .info .txt1 {
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  font-size: 14px;
  color: #222;
  text-align: center;
}
.in_password_tc .info input {
  display: block;
  position: absolute;
  left: 54px;
  top: 59px;
  width: 140px;
  height: 36px;
  border-bottom: solid 1px #C8C8C8;
  outline: none;
  text-align: center;
}
.in_password_tc .info input:focus {
  border-bottom: solid 1px #666;
}