* {
    -webkit-user-select: initial
}

body, html {
    height: 100%
}

body {
    background: #e6e6e6;
    overflow-x: hidden
}

.wrap {
    background: #fff
}

.main, .wrap {
    width: 100%;
    max-width: 40pc;
    margin: 0 auto
}

.main {
    height: 100%
}

.wrap_top {
    padding: 14px 15px 0 1pc
}

.club_head {
    padding: 0 0 20px 0;
    height: 75px;
}

.club_avatar {
    width: 75px;
    float: left
}

.club_content {
    float: left;
    padding: 0 0 0 9px;
    max-width: 60%
}

.club_title {
    color: #1a1a1a;
    font-size: 19px;
    padding-bottom: 5px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.club_slogan {
    color: #8e8e8e;
    font-size: 13px;
    padding-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60vw;
}

.member {
    font-size: 13px;
    color: #999
}

.member_icon {
    padding-top: 3px;
    margin-right: 5px;
    float: left;
    width: 14px;
    height: 13px
}

.club_num {
    margin-right: 10px
}

.notice {
    padding: 0 0 9pt;
    height: 17px
}

.notice_icon {
    width: 14px;
    height: 13px;
    padding: 2px 4px 0 0;
    float: left
}

.notice_text {
    color: #1a1a1a;
    float: left;
    padding-right: 5px
}

.content-line {
    display: block;
    color: #e5e5e5;
    float: left;
    width: 92%;
    margin-top: 8px;
    background-color: #e5e5e5;
    height: .5px;
    border-width: 0 0 .5px;
    border-bottom: .5px solid #e5e5e5
}

.club_notice {
    display: inline-block;
    padding-bottom: 15px
}

.right_arrows {
    width: 7px;
    height: 9pt;
    float: right;
    padding: 18px 0 0
}

.dot {
    width: 100%;
    height: 7px;
    padding-top: 17px;
    padding-left: 47%;
    text-align: center;
    padding-bottom: 5px
}

.dot a {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: block;
    float: left;
    margin-right: 7px
}

.blank {
    background: #f5f5f5
}

.dot a {
    background: #e5e5e5
}

.blank {
    height: 5px
}

.else {
    text-align: center
}

.else .else_top {
    padding: 1pc 0 14px
}

.line-two {
    width: 50px;
    height: .5px;
    background: #eaeaea;
    margin: 4px 0
}

.line-two, .line-txt {
    display: inline-block
}

.line-txt {
    font-size: 13px;
    padding: 0 10px;
    color: #8b8b8b
}

.act_detail {
    padding: 0 13px
}

.list_head {
    position: relative;
    height: 15px;
    padding-bottom: 9px
}

.list_icon {
    width: 60px;
    height: 15px
}

.icon_text {
    left: 0;
    top: 1px;
    font-size: 9px;
    position: absolute;
    color: #fff
}

.list_cont {
    height: 77px;
    padding-bottom: 25px
}

.act_imgs {
    float: left;
    width: 7pc;
    height: 77px;
    padding-right: 9pt
}

.act_title {
    color: #000;
    font-size: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.act_time {
    font-size: 13px;
    color: #bfbfbf
}

.act_sign {
    color: #bfbfbf;
    float: left
}

.ych {
    color: #ff7e56;
    border: 1px solid #ff7e56;
    border-radius: 2px
}

.label {
    width: 42px;
    height: 15px;
    float: left;
    padding: 2px 4px 0 0;
}

.ych, .ymy {
    padding: 0 4px 2px;
    margin-right: 4px
}

.ymy {
    color: #c454ce;
    border: 1px solid #c454ce;
    border-radius: 2px
}

.act_price {
    font-size: 15px;
    color: #3dd1a4;
    float: right
}

.sign_num {
    margin-left: 4px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .content-line {
        display: block;
        color: #e5e5e5;
        float: left;
        width: 86%;
        margin-top: 8px;
        background-color: #e5e5e5;
        height: .5px;
        border-width: 0 0 .5px;
        border-bottom: .5px solid #e5e5e5
    }
}

@media only screen and (max-width: 360px) {
    .act_imgs {
        float: left;
        width: 28%;
        height: 77px;
        padding-right: 9pt
    }

    .portrait {
        width: 20%;
        float: left
    }

    .main_title {
        color: #1a1a1a;
        font-size: 17px;
        padding-bottom: 5px
    }

    .mid_text {
        color: #8e8e8e;
        font-size: 10px;
        padding-bottom: 6px
    }

    .member {
        font-size: 9pt;
        color: #999
    }

    .content-line {
        display: block;
        color: #e5e5e5;
        float: left;
        width: 83%;
        margin-top: 8px;
        background-color: #e5e5e5;
        height: .5px;
        border-width: 0 0 .5px;
        border-bottom: .5px solid #e5e5e5
    }
}

@charset "utf-8";
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

body, button, input, select, textarea {
    font: 9pt/1.5 tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%
}

address, cite, dfn, em, var {
    font-style: normal
}

code, kbd, pre, samp {
    font-family: courier new, courier, monospace
}

a {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    max-width: 100%
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}