body{
    background-color:#fff;
}

.left_part{
    margin-top:20px;
    /* float:left; */
    width:100%;
}
.activity_filter{
    background-color:#fff;
    font-size:0;
}
.timeCondition,.filter_sort{
    padding-left:31px;
    border-bottom:1px dashed rgb(238,238,238);
    position: relative;
}
.feeCondition{
    margin-left:40px;
    border-left:1px dashed rgb(238,238,238);
    padding-left:30px;
}
.activity_filter span{
    color:#333;
    font-size:14px;
    margin-right:21px;
}
.filter_item{
    display:inline-block;
    text-align:center;
    margin-right:24px;
    padding:9px 0;
}
.filter_item a{
    color:#333;    
    padding:4px 8px;
    border-radius:4px;
    font-size:12px;
    display: inline-block;
}
.timeCondition .hover{
    color:#fff;
    background-color:#4285F4;
    border:1px solid #4285F4;
}
.filter_sort .item{
    margin-right:43px;
    display: inline-block;
    vertical-align: middle;
    margin-left:-6px;
}
.filter_sort .item a{
    color:#333333;
    font-size:15px;
    line-height: 21px;
    padding:23px 6px 4px 6px;
    display: inline-block;
}
.filter_sort .item .hover{
    color:#4285F4;
    border-bottom:2px solid #4285F4;
}
.fee_condition{
    position: absolute;
    right:0;
    bottom:6px;
}
.fee_condition .fee_item{
    display: inline-block;
    vertical-align: middle;
    line-height: 21px;
    margin-right:35px;
    cursor: pointer;
}
.fee_condition .fee_item .icon{
    width:18px;
    height:18px;
    display: inline-block;
    vertical-align: middle;
    margin-right:7px;
}
.fee_condition .fee_item .blue{
    display: none;
}
.fee_condition .fee_item.selected .gray{
    display: none;
}
.fee_condition .fee_item.selected .blue{
    display: inline-block;
}
.fee_condition .fee_item a{
    font-size:15px;
    color:#333;
    display: inline-block;
    vertical-align: middle;
}

.activity_list{
    font-size:0;
}
.activity_item{
    width:277px;
    display:inline-block;
    vertical-align: top;
    margin-left:20px;
    padding-bottom:10px;
    margin-bottom:20px;
    letter-spacing: 0;
    cursor:pointer;
    background-color:#fff;
    border-radius:4px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(191, 191, 191, 0.5);
}
.activity_item:hover{
    box-shadow: 0 0 10px 0 rgba(25, 25, 25, 0.5);
}
.activity_img{
    height:166px;
    background-size:100% 100%;
    position:relative;
}
.activity_img img{
    margin-top:14px;
}
.activity_fee{
    position:absolute;
    color:#fff;
    font-size:18px;
    right:0;
    bottom:14px;
    width:100%;
    padding-right:15px;
    text-align: right;
    text-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.activity_tags{
    font-size:0;
    height:18px;
    overflow: hidden;
    margin: 17px 15px 0 15px;
}
.activity_tags span{
    height:18px;
    line-height: 16px;
    color:rgb(191,189,189);
    border:1px solid rgb(189,187,187);
    font-size:12px;
    padding:0 6px;
    display: inline-block;
    margin-right:8px;
    max-width: 100%;
}
.activity_tags span:hover{
    border:1px solid #4285F4;
    color:#4285F4;
}
.activity_cont{
    background-color:#fff;
}
.activity_title{
    font-size:15px;
    color:#333;
    line-height: 21px;
    padding:0 15px;
    margin-top:12px;
    height:42px;
    overflow:hidden;
}
.activity_title .activity_title_hot{
    font-size: 12px;
    padding:0 4px;
    line-height: 18px;
    height:18px;
    background:#FE705C;
    display: inline-block;
    vertical-align: middle;
    color:#fff;
    border-radius:2px;
    margin-right:6px;

}
.activity_title .activity_title_text{
    line-height: 21px;
    display: inline;
    vertical-align: middle;
}
.activity_info{
    font-size:12px;
    color:#999;
    margin:0 15px;
    line-height: 14px;
    height:14px;
    margin-top:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.activity_info img{
    width:14px;
}
.activity_info span{
    vertical-align:top;
    padding-left:9px;
}
.loadMore{
    width:240px;
    margin:0 auto 20px;
    text-align:center;
    height:40px;
    line-height:40px;
    border-radius:4px;
    color:#fff;
    background-color:#4285F4;
}
.botm{
    text-align:center;
    margin: 20px 0 30px 0;
    color:#595959;
}
.empty_info{
    letter-spacing: 0;
    text-align:center;
    margin-top:10%;
    font-size:20px;
    color:#595959;
}
.right_part{
    margin-top:20px;
    float:left;
    width:22%;
    padding-left:20px;
}
.activity_list_qrcode{
    padding:30px 0;
    text-align: center;
    background-color:#fff;
    border-radius:4px;
}
.activity_list_qrcode p{
    font-size:13px;
    color:rgb(51,51,51);
    line-height: 18px;
}
.activity_list_qrcode .activity_list_qrcode_image{
    margin-top:20px;
    border:1px solid rgb(239,239,239);
    width: 180px;
    display: inline-block;
}
.activity_list_qrcode .activity_list_qrcode_image img{
    width:100%;
}
.right_list{
    background-color:#fff;
    margin-top:20px;
}
.right_list_header{
    line-height:45px;
    padding:0 15px;
    border-bottom:1px solid #eee;
}
.right_list_title{
    font-size:15px;
    border-left:3px solid #4285F4;
    padding-left:8px;
}
.right_list_more{
    display:inline-block;
    font-size:12px;
    float:right;
    cursor:pointer;
}
.right_list_more a{
    color:#999;
}
.right_list_cont{
    padding:0 15px 15px 15px;
}
.right_list_item{
    margin-top:15px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    border-left:1px solid #4285F4;
    padding-left:10px;
}
.right_list_item a{
    color:#333;
}
.right_list_item a:hover{
    color:#FF4C00;
}
.right_list_empty{
    margin-top:10px;
}