@charset "utf-8";
.guest_wrap {
	padding-bottom: 20px;
}
.actions {
    position: absolute;
    z-index: 3;
    top: 12px;
    right: 0px;
    left: 12px;
}

.actions .wechat_info p {
    font-size: 12px;
}

.actions .wechat_info {
    text-align: center;
    color: #bbbbbb;
    width: 120px;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    padding: 10px;
    position: absolute;
    z-index: 11;
    right: 12px;
    top: 46px;
    background: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
	transition-duration: .5s;
	transform: translateX(20px);
	opacity: 0;
	pointer-events: none;
}

.actions .wechat_info img {
    width: 120px;
}

.actions .wechat_info p {
    padding: 4px 0 0 0;
}

.actions .wechat_info::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -5px;
    right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 6px;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    -webkit-transform: rotate(-46deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    transform: rotate(-46deg);
    -webkit-box-shadow: -3px 2px 2px rgba(255, 255, 255, .05);
    box-shadow: -3px 2px 2px rgba(255, 255, 255, .05);
}

.actions .wechat {
    position: absolute;
    right: 12px;
}
.actions .wechat:hover + .wechat_info {
	opacity: 1;
	transform: translateX(0);
	pointer-events: auto;
}
.actions .wechat .icon-chatb {
    font-size: 36px;
    color: #3fcf77;
    margin-left: -5px;
}

.actions .wechat,
.actions .like {
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
	opacity: 0;
	pointer-events: none;
	transition-duration: .5s;
	transform: translateY(5px);
}

.guest_column:hover .actions .wechat,
.guest_column:hover .actions .like{
	opacity: 1;
	pointer-events: auto;
	transition-duration: .5s;
	transform: translateY(0);
}

.actions .like .icon-give {
    font-size: 30px;
    color: #f55965;
}

.actions .like:hover {
    background: #f55965;
}

.actions .like:hover .icon-give {
    color: #ffffff;
}

.mr36 {
    margin-right: 36px !important;
}


.guest_column {
    position: relative;
    transition-duration: 600ms;
    margin: 30px 32px 0 0;
	/*margin-top: 32px;*/
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    overflow: hidden;
}


.guest_column_box {
    width: 105%;
	display: flex;
	align-items: center;
	/*justify-content: space-between;*/
}

.guest_column:hover {
    transition-property: all;
    /*所有属性都获得效果*/
    transition-duration: 0.5s;
    /*规定完成过渡效果需要花费的时间*/
    transition-timing-function: linear;
    /*规定以相同速度开始至结束的过渡效果*/
    transition-delay: 0s;
    /* 定义过渡效果何时开始*/
    transform: translateY(-10px);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, .1);
}

.guest_column .guest_img img {
    width: 100%;
}

.guest_column h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 45px;
    padding: 0 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.guest_column .card_item {
    color: #bbbbbb;
    padding: 0 12px 12px 12px;
}

.guest_column .card_item span {
    margin-right: 16px;
    font-size: 14px;
}

.guest_column .card_item .iconfont {
    padding-right: 6px;
}

.guest_column .card_item .icon-look {
    font-size: 24px;
}

.guest_column .card_item .icon-look:before {
    vertical-align: middle;
}

.guest_column .card_info {
    border-top: 1px solid #e5e5e5;
    padding: 0 12px;
    height: 50px;
    line-height: 50px;
}

.guest_column .card_info .writer {
    display: inline-block;
    margin-right: 12px;
}

.guest_column .card_info .writer .writer_pic {
    transition-duration: 600ms;
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.guest_column .card_info .writer .writer_pic img {
    width: 100%;
    vertical-align: top;
}

.guest_column .card_info .writer:hover .writer_pic {
    transform: scale(1.2);
}

.guest_column .card_info .writer .writer_name {
    font-size: 14px;
    margin-left: 6px;
    font-weight: 600;
}

.guest_column .card_info .writer_level img {
    height: 24px;
    margin-right: 4px;
}
/*一横两竖-横*/
.guest_column_box_4_3 .guest_column_cover_1 {	
	width: 360px;
}
/*一横两竖-竖*/
.guest_column_box_4_3 .guest_column_cover_2 {
	width: 810px;
}
/*两横 */
.guest_column_box_4_2 .guest_column_cover_2 {
	width: 780px;
}
/*三竖*/
.guest_column_box_3_3 .guest_column_cover_1 {
	width: 510px;
}