.local-groups-title {position: relative;width: 100%;height: .4rem;line-height: .4rem;color: #151516;font-size: .14rem;}
								.local-groups-title .see-more-button {
									line-height: .4rem;
									height: .4rem;
									display: inline-block;
									float: right;
									font-size: .13rem;
									color: #9c9c9c;
								}
								.local-groups-title .see-more-button:after {content: '';position: relative;display: inline-block;width: .07rem;height: .12rem;margin-left: .06rem;top: .01rem;background-image: url(../../../image/right_more.png);background-repeat: no-repeat;background-size: contain;}
								.local-groups-popup-wrapper .lgp-background {background-color: rgba(0,0,0,.8);width: 100%;height: 100%;left: 0;top: 0;position: fixed;z-index: 10001;}
.local-groups-popup-wrapper .lgp-position {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 64px;
    right: 0;
    z-index: 10002;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-direction: row;
}
.local-groups-popup-wrapper .lgp-position .lgp-modal {
    position: relative;
    display: block;
    width: 2.9rem;
    max-height: 100vh;
    max-width: 640px;
    margin: auto;
    background: #fff;
    border-radius: .08rem;
}
.local-groups-popup-wrapper .lgp-position .lgp-modal .lgp-title {
    font-size: .17rem;
    color: #151516;
    height: .56rem;
    line-height: .56rem;
    border-bottom: 1px solid #ededed;
    text-align: center;
}
.local-groups-popup-wrapper .lgp-position .lgp-modal .lgp-content {
  
    padding: 0 .1rem;
}
.popup-local-group-item {
    position: relative;
    width: 100%;
    height: .6rem;
    padding: .07rem 0;
    border-bottom: 1px solid #ededed;
}
.popup-local-group-item .popup-local-group-img {
    position: relative;
    display: block;
    float: left;
    width: .45rem;
    height: .45rem;
    margin-right: .1rem;
    border-radius: 100%;
}
.popup-local-group-item .popup-local-group-detail {
    position: relative;
    width: 1.5rem;
    height: .45rem;
    float: left;
    padding: .06rem 0;
}
.popup-local-group-item .popup-local-group-detail .popup-local-group-detail-row1 {
    position: relative;
    width: 100%;
    height: .15rem;
    line-height: 1;
    font-size: 0;
    padding: 0;
}
.popup-local-group-item .popup-local-group-detail .popup-local-group-detail-row1 span, .popup-local-group-item .popup-local-group-detail .popup-local-group-detail-row2 span {
    position: relative;
    display: inline-block;
}
.popup-local-group-item .popup-local-group-detail .popup-local-group-detail-row1 .popup-local-group-name {
    float: left;
    font-size: .14rem;
    color: #151516;
    text-align: left;
    max-width: .9rem;
    height: .17rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.popup-local-group-item .popup-local-group-detail .popup-local-group-detail-row1 .popup-local-group-left-num {
    font-size: .12rem;
    color: #58595b;
    margin-top: .015rem;
    margin-left: .06rem;
}
.popup-local-group-item .popup-local-group-detail .popup-local-group-detail-row2 {
    position: relative;
    width: 100%;
    height: .12rem;
    line-height: 1.2;
    margin-top: .05rem;
    font-size: 0;
    padding: 0;
}
.popup-local-group-item .popup-local-group-detail .popup-local-group-detail-row2 .popup-local-group-timer {
    float: left;
    width: 100%;
    font-size: .11rem;
    color: #9c9c9c;
    overflow: hidden;
    text-align: left;
    height: .14rem;
}
.popup-local-group-item .popup-local-group-btn-border {
    position: absolute;
    color: #e02e24;
    top: .15rem;
    right: 0;
    text-align: center;
    border: 1px solid #ff2741;
    border-radius: .03rem;
    font-size: .13rem;
    width: .61rem;
    height: .27rem;
    line-height: .25rem;
}


.local-groups-popup-wrapper .lgp-position .lgp-modal .lgp-close {
    width: .29rem;
    height: .29rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    position: absolute;
    top: -.145rem;
    right: -.145rem;
    border-radius: .145rem;
    font-size: .1rem;
    color: #9c9c9c;
    background: url(../../../image/close.png) no-repeat;
    background-size: .29rem .29rem;
}
.local-group-item {
    position: relative;
    width: 100%;
    height: .6rem;
    padding: .07rem 0;
    border-top: 1px solid #f2f2f2;
}
.local-group-detial, .local-group-img {
    height: .45rem;
    float: left;
    position: relative;
}
.local-group-img {
    display: block;
    width: .45rem;
    margin-right: .1rem;
    border-radius: 100%;
}
.local-group-detial {
    width: 2rem;
    padding: .06rem 0;
}
.local-group-btn-border {
    position: absolute;
    width: .68rem;
    height: .29rem;
    line-height: .29rem;
    color: #e02e24;
    top: .15rem;
    right: 0;
    font-size: .14rem;
    text-align: center;
    border: 1px solid #ff2741;
    border-radius: .03rem;
}
.local-group-detial-row1 {
    position: relative;
    width: 100%;
    height: .15rem;
    line-height: 1;
    font-size: 0;
    padding: 0;
}

.local-group-detial-row1 span {
    position: relative;
    display: inline-block;
}
.local-group-detial-row1 .local-group-left-num, .local-group-detial-row1 .local-group-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.local-group-detial-row1 .local-group-name {
    float: left;
    width: 100%;
    font-size: .14rem;
    color: #151516;
    text-align: left;
}
.local-group-detial-row2 {
    position: relative;
    width: 100%;
    height: .12rem;
    line-height: 1.2;
    margin-top: .05rem;
    font-size: 0;
    padding: 0;
}
.local-group-detial-row2 span {
    position: relative;
    display: inline-block;
}

.local-group-detial-row2 .local-group-timer {
    float: left;
    width: 100%;
    font-size: .12rem;
    color: #58595b;
    overflow: hidden;
    text-align: left;
}

.lgp-position .lgp-modal .lgp-footer {
    font-size: .12rem;
    color: #9c9c9c;
    height: .37rem;
    line-height: .37rem;
    text-align: center;
}




















								