.container {
    width: 100%;
    height: 100%;
    color: #333333;
}
.whiteBg {
    background: white !important;
}
.blueBg {
    background: #00b4e5 !important;
}
.head-white-wrap a.headRight {
    position: absolute;
    width: 1rem;
    left: auto;
    z-index: 2;
    right: 0;
    color: white;
    text-align: right;
    padding: .34rem;
}
.member-line {
	width: 100%;
	height: 0.01rem;
	background-color: rgba(255,255,255,0.3);
	z-index: 3;
	position: absolute;
    top: 1.82rem;
    left: 0;
}
.member-card-page .opacity{
	position: absolute;
	top: 0;
	left: 0;
	background:rgba(0,0,0,.3);
	width:100%;
	height:100%;
}
.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .32rem;
    width: 100%;
    height: .98rem;
    padding: 0 .36rem;
    box-sizing: border-box;
    border-bottom: .01rem solid #dedede;
    color: #333333;
}
.flex-between .arrow {
    width: .2rem;
    height: .36rem;
}
.member-card-page {
    position: relative;
    margin: .36rem;
    height: 4.2rem;
    border-radius: .2rem;
    color: white;
    overflow: hidden;
}
.member-card-page .box {
    padding: .36rem;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    /* border-bottom: .01rem solid rgba(255,255,255,0.3); */
    font-size: .24rem;
    z-index: 3;
}
.member-vip-img {
    width: .90rem;
    height: .40rem;
    margin-top: .14rem;
    z-index: 3;
}
.member-user-img {
    width: 1.01rem;
    height: 1.01rem;
    border-radius: 50%;
    border: .04rem solid rgba(255,255,255,0.7);
    margin-right: .24rem;
    z-index: 3;
}
.size-wrap {
    flex: 1;
    height: 1.08rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.size-title {
    font-size: .32rem;
    line-height: .32rem;
    padding-bottom: .2rem;
    z-index: 3;
    color: white;
}
.size-txt {
    font-size: .24rem;
    line-height: .24rem;
    color: rgba(255, 255, 255, .7);
    z-index: 3;
}
.size-wrap .sizeMax {
    display: inline-block;
    margin-right: .08rem;
    width: 1.05rem;
    height: .47rem;
    background: url(../idolMember/png_app1.32_02.png) no-repeat center;
    background-size: cover;
}
.flex-start {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .88rem;
    width: 100%;
    font-size: .28rem;
    padding: 0 .4rem 0 .36rem;
    box-sizing: border-box;
    color: white;
}
.flex-start span {
    z-index: 3;
}
.flex-start::after {
    content: "";
    background: url(../idolMember/png_app1.4_03.png);
    background-size: 100% 100%;
    width: .14rem;
    height: .24rem;
    z-index: 3;
}
.gray-line {
    height: .2rem;
    background-color: #f0f0f0;
}
.btn-white {
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    box-sizing: border-box;
    border-radius: 25px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    color: #333333;
    min-width: 2rem;
    position: absolute;
    bottom: .4rem;
    left: .36rem;
    z-index: 3;
}
.btn-white-right {
    position: absolute;
    display: flex;
    align-items: center;
    font-size: .28rem;
    right: .36rem;
    height: .88rem;
    bottom: .24rem;
    color: rgba(255,255,255,.7);
    width: 2.2rem;
    justify-content: flex-end;
    z-index: 3;
}
.btn-white-icon {
    width: .28rem;
    height: .26rem;
    margin-right: .12rem;
    z-index: 3;
}
.data-sale-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    padding: .14rem 0 .54rem .36rem;
    box-sizing: border-box;
}
.data-sale-wrap li {
    display: inline-flex;
    flex-direction: column;
    font-size: .44rem;
    font-weight: bold;
    box-sizing: border-box;
}
.data-sale-wrap li:first-child {
    width: 31%;
    border-right: .01rem solid #f0f0f0;
}
.data-sale-wrap li:nth-child(2) {
    padding-left: 1.1rem;
    box-sizing: border-box;
}
.data-sale-wrap li span:last-child {
    font-size: .24rem;
    font-weight: normal;
    color: #999999;
}
.member-date-wrap {
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .36rem;
    box-sizing: border-box;
    border-bottom: .01rem solid #f0f0f0;
}
.mobileSelect .content .fixWidth {
    padding: 0 .72rem;
    box-sizing: border-box;
}
#triangle-down{
    display: flex;
    align-items: center;
    font-size: .32rem;
    font-weight: bold;
}
#triangle-down::after {
    content: "";
    width: 0;
    height: 0;
    border-left: .09rem solid transparent;
    border-right: .09rem solid transparent;
    border-top: .12rem solid #999999;
    margin-left: .2rem;
}
.feedList {
    width: 2.2rem !important;
    margin: 0 !important;
}
.feedList div {
    height: .64rem;
    border: .01rem solid #f0f0f0;
}
.txtdeepgray {
    color: #999999;
}
.txtgray{
    color: #333333;
}
.gray-tzt {
    color: #999999;
    font-size: .24rem;
    padding: 2.46rem 0;
    text-align: center;
    background-color: white;
}
.goods-wrap {
    width: 100%;
    padding: .36rem;
    box-sizing: border-box;
}
.blue-box {
    width: 100%;
    height: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #50aae9;
    border-radius: 5px;
    padding: 0 .36rem;
    box-sizing: border-box;
    color: white;
    font-size: .32rem;
}
.time-txt {
    font-size: .24rem;
    color: rgba(255,255,255,.5);
    text-align: center;
    width: 100%;
}
.txt-goods {
    display: flex;
    align-items: center;
}

.blue-box .txt-goods::before, .gray-txtbg .txt-goods::before{
    content: "";
    width: .42rem;
    height: .48rem;
    background-size: cover;
    margin-right: .2rem;
}
.blue-box .txt-goods::before{
    background: url(../idolMember/png_app1.32_07.png) no-repeat center;
    background-size: 100% 100%;
 }
.gray-txtbg .txt-goods::before{
    background: url(../idolMember/png_app1.32_09.png) no-repeat center;
    background-size: 100% 100%;
}
.btn-blue {
    width: 2rem;
    height: .66rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem;
    background-color: rgba(255,255,255,.25);
    border-radius: 5px;
    cursor: pointer;
}
.has-goods {
    height: 2.9rem;
    flex-direction: column;
    align-items: flex-start;
    padding: .3rem .36rem .36rem .36rem;
}
.btn-blue-edit {
    width: 100%;
    height: .88rem;
    justify-content: space-between;
    padding: 0 .36rem;
    box-sizing: border-box;
}
.list_box {
    position: relative;
    width: 100%;
    height: auto;
    font-size: .32rem;
    background-color: white;
}
.list_box .viewBox {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: .88rem;
    line-height: .88rem;
    width: 100%;
    left: 0;
}
.data_time {
    position: absolute;
    color: #cccccc;
    right: .36rem;
    font-size: .24rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.data_pay {
    display: flex;
    align-items: center;
    position: absolute;
    color: #333;
    left: .36rem;
    font-size: .32rem;
	font-weight: bold;
}
.icon_arrow {
    content: "";
    margin-right: .15rem;
    width: 0;
    height: 0;
}
.data_pay .arrowDown {
    border-top: .08rem solid transparent;
    border-bottom: .08rem solid transparent;
    border-left: .11rem solid #999999;
    margin-right: .2rem;
}
.data_pay .arrowUp {
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent;
    border-top: .11rem solid #999999;
}
.list_box .btnBox {
    display: none;
    padding: 0 .36rem;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding-bottom: .36rem;
}
.list_box .btnBox .box-between {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .8rem;
    font-size: .28rem;
    color: #333;
    box-sizing: border-box;
    margin-bottom: .36rem;
    margin-top: .08rem;
    position: relative;
}
.list_box .btnBox .box-between:last-child{
    /* margin-bottom: .08rem; */
}
.user-img-name,.view-btn {
    display: flex;
    align-items: center;
    position: relative;
}
.user-img-name .user-img {
    width: .8rem;
    height: .8rem;
    margin-right: .22rem;
    border-radius: 50%;
}
.user-img-icon {
    width: .32rem;
    height: .32rem;
    position: absolute;
    left: .55rem;
    bottom: 0;
    border-radius: 50%;
}
.member-txt {
    color: #999;
    font-size: .24rem;
    padding-top: .08rem;
}
.gray-background {
    background: #f0f0f0;
    margin-right: .24rem;
}
.name-member {
    display: flex;
    flex-direction: column;
}
.btn-msg {
    width: 1.45rem;
    height: .66rem;
    border:1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    color: #999;
    font-size: .26rem;
}
/*弹窗*/
.issue-toast{
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0,0,0,.7);
    z-index: 13;
}
.issue-toast .issue-btn{
    position: absolute;
    width: 4.8rem;
    background-color: white;
    text-align: center;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 4.8rem;
}
/*确认发布弹窗*/
.issue-toast .issue-btn{
    width: 6.78rem;
    height: 5.74rem;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    top: 50%;
    box-sizing: border-box;
}
.buy-head {
    padding: .36rem;
    box-sizing: border-box;
    border-bottom: 1px dotted #dedede;
}
.name-member .name-txt {
    font-size: .28rem;
    text-align: left;
}
.issue-btn .issue-list{
    position: relative;
    width: 100%;
}
.issue-btn .issue-list li{
    position: relative;
    display: flex;
    width: 100%;
    padding: .24rem 0 .24rem .36rem;
    box-sizing: border-box;
    font-size: .32rem;
    line-height: .42rem;
    border-bottom: 1px dotted #dedede;
    cursor: pointer;
}
.issue-btn .issue-list li .titleBox {
    width: 1.3rem;
}
.issue-btn .issue-list li .msgBox {
    padding-left: .36rem;
    width: 3.6rem;
    box-sizing: border-box;
    text-align: left;
    word-break: break-all;
}
.issue-btn .btn-buy {
    width: 100%;
    height: .88rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}
.btn-buy .btn_sure,.btn-buy .btn_dis{
    width: 50%;
    cursor: pointer;
    font-size: .32rem;
}
.btn-buy .btn_sure{
    color: #fa7298;
    border-right: 1px solid #f0f0f0;
}
.copyPink {
    position: absolute;
    right: 0;
    top: 0;
    padding: .28rem .36rem;
    color: #fa7298;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content-main {
    padding: 0 .36rem;
    width: 100%;
    box-sizing: border-box;
}
.deliver-msg {
    width: 100%;
    margin: .24rem 0;
    min-height: .88rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: white;
    font-size: .28rem;
    padding: .24rem .28rem;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: rgba(255,255,255,.25);
}
.msg-icon-txt {
    display: flex;
    align-items: flex-start;
    flex: 1;
    padding-right: .24rem;
}
.msg-icon {
    width: .37rem;
    height: .38rem;
    margin-right: .16rem;
}
.head-white-wrap {
    border-bottom: 0.01rem solid rgba(255,255,255,.5);
}
.deliver-content {
    width: 100%;
    margin-bottom: .24rem;
    color: #333;
    font-size: .28rem;
    padding: .28rem;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: rgba(255,255,255,1);
}
.between-box {
    justify-content: space-between;
    font-size: .28rem;
    height: .78rem;
}
.between-box .user-img {
    width: .66rem;
    height: .66rem;

}
.gray-txt {
    color: #cccccc;
    padding-left: .2rem;
}
.between-box .btn-edit, .copyText {
    color: #999;
    padding: .24rem;
    padding-right: 0;
}
.deliver-baidu {
    padding-top: .2rem;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    font-size: .32rem;
    line-height: .4rem;
    word-break: break-all;
}
.baidu-icon-txt {
    padding-top: .34rem;
    position: relative;
    color: #999;
    font-size: .24rem;
    display: flex;
    align-items: center;
}
.user-icon{
    position: absolute;
    left: 0;
    width: .28rem;
    height: .24rem;
}
.txt-left {
    display: inline-block;
    margin-left: .46rem;
    line-height: .36rem;
}
.width-opacity-bottom{
    opacity: .5;
    color: white;
    text-align: center;
    padding: .24rem 0 1rem 0;
    font-size: .24rem;
}
.no-data-center, .nodata-center-gray {
    width: 100%;
    height: calc(100vh - 3.6rem);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.no-data-center img {
    width: .94rem;
    height: 1.1rem;
}
.no-data-center .no-data-txt {
    font-size: .28rem;
    line-height: .28rem;
    padding-top: .36rem;
    color: white;
}
.btn-whitebg, .btn-graybg {
    height: .98rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .32rem;
    background-color: white;
    position: absolute;
    bottom: .98rem;
    left: 0;
    right: 0;
}
.btn-graybg {
    color: #999;
    border-top: 1px solid #f0f0f0;
    bottom: 0;
}
.nodata-center-gray {
    color: #999;
    font-size: .28rem;
    background-color: #f0f0f0;
}
.user-head-iconWrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 .18rem 0 .36rem;
    box-sizing: border-box;
    border-bottom: 1px solid #f0f0f0;
}
.user-head-iconWrap:last-child{
    margin-bottom: 1rem;
}
.user-icons {
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
}
.flag-box {
    height: 1.2rem;
    width: 1.2rem;
    margin:0 .18rem .36rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}
.flag-box::after {
    position: absolute;
    bottom: 0;
    font-size: .2rem;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .3rem;
    border-radius: 15px;
}
.green-flag::after {
    content: "已发货";
    background-color: #48ae60;
}
.gray-flag::after {
    content: "已过期";
    background-color: #cccccc;
}
.gray-txtbg {
    background-color: #f0f0f0 !important;
    color: #999 !important;
}
.text-content {
    width: 100%;
    height: 3.6rem;
    padding: .36rem;
    box-sizing: border-box;
    font-size: .32rem;
    color: #333;
    border: none;
    margin-bottom: .2rem;
}
.member-flag-wrap {
    background-color: white;
    width: 100%;
    margin-bottom: 1rem;
}
.member-title{
    font-size: .32rem;
    line-height: .32rem;
    font-weight: bold;
    padding: .36rem .36rem .16rem .36rem;
    box-sizing: border-box;
}
.selMem {
    position: relative;
    height: .88rem;
    align-items: center;
    line-height: .32rem;
    width: 100%;
    font-size: .32rem;
    padding: 0 .36rem;
    box-sizing: border-box;
    display: flex;
    background-color: white;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 .36rem 0 .96rem;
}
.selMem .selIcon {
    position: absolute;
    left: .36rem;
    width: .36rem;
    height: .36rem;
}
.selMem .selOn {
    background: url(../imgs1.2/icon_906_2.png) no-repeat;
    background-size: 100% 100%;
}
.selMem .selOff {
    background: url(../imgs1.2/icon_906.png) no-repeat;
    background-size: 100% 100%;
}
.blueBtn-fixed-bottom {
    height: .98rem;
    width: 100%;
    position: fixed;
    z-index: 3;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 1024px;
    color: white;
    font-size: .32rem;
    text-align: center;
    line-height: .98rem;
    cursor: pointer;
    background-color: #50aae9;
}
textarea::-webkit-input-placeholder{color:#cccccc;}
.paste-data{
    position: absolute;
    right: 0;
    font-size: .28rem;
    color: #999;
    top: 3.5rem;
    padding: .36rem;
}
.memTxt {
    position: relative;
    color: #999;
    font-size: .24rem;
    width: 100%;
    padding: 0 .28rem 0 .74rem;
    box-sizing: border-box;
    margin: .48rem 0;
}
.memTxt::before {
    position: absolute;
    top: 0;
    left: .36rem;
    content: "";
    background: url(../imgs1.2/icon_xiezhen_22.png) no-repeat;
    background-size: 100% 100%;
    display: block;
    width: .28rem;
    height: .28rem;
}
.member-first {
    display: none;
}
.add-project {
    margin-top: 0;
}
.i-input {
    width: calc(100% - 1.64rem);
    border: none;
    height: .88rem;
    margin-top: 0;
}
.head-recommend {
    width: 100%;
    position: relative;
    height: 3.6rem;
}
.head-recommend_img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
}
.head-recommend_txt {
    width: 100%;
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: .26rem;
    background-color: rgb(215,188,203);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.content-recommend {
    width: 100%;
    height: auto;
    padding: 0 .24rem;
    box-sizing: border-box;
}
.content-recommend_top {
    padding: 0 .24rem;
    box-sizing: border-box;
    height: .88rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999999;
    font-size: .26rem;
}
.content-list {
    background-color: white;
    border-radius: 3px;
    width: 100%;
    overflow: hidden;
    height: auto;
}
.content-list_item {
    width: 100%;
    padding: .26rem .24rem;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.item_icon {
    width: .36rem;
    height: .28rem;
    margin-right: .24rem;
}
.item_img {
    width: .8rem;
    height: .8rem;
    margin-right: .24rem; 
    border-radius: 50%;
}
.item_msg {
    display: flex;
    flex: 1;
    flex-direction: column;
}
.item_msg_title {
    font-size: .32rem;
    color: #333;
    padding-bottom: .24rem;
}
.item_msg_flag {
    font-size: .26rem;
    color: #999;
}
.item_num {
    font-size: .32rem;
    /* font-weight: bold; */
    margin-right: .24rem; 
    width: .32rem;
    color: #999999;
    text-align: center;
}
.item_red_count {
    color: #fa7298;
    font-size: .28rem;
}
.content-noMore {
    width: 100%;
    text-align: center;
    padding: .56rem 0;
    font-size: .24rem;
    color: #999999;
}
.flag-goods {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .88rem;
    color: #333333;
    font-size: .32rem;
    padding: 0 .36rem;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #f0f0f0;
}
.flag-on, .flag-off {
    width: 1.06rem;
    height: .66rem;
    display: none;
}
.flag-off {
    display: block;
}