@charset "utf-8";
body{width: 100%;}
/*clear*/
.fix:after,.fix:before{content: "";display: table;}
.fix:after{clear: both;}
.fix{*zoom:1;clear: both;}
.fix:-webkit-scrollbar{height: 0;}
.weixinImg{position: absolute;z-index: -1; opacity: 0;pointer-events: none; }
.fl{float: left;}
.fr{float: right;}
.bg_share{background: url(../imgs/bg_share@2x.png); width: 18.75rem; height: 100%; background-size:cover;margin:0 auto;}
.w1575{width: 16.65rem; margin: 0 auto;}
.mb50{padding-bottom: 1rem;}
.memType li,.menu_list li:before,.closeBtn,.separate{background: url("../imgs/wxGuide_close.png") 0 0 no-repeat;    background-size: 100% 100%;}
.share_top{padding-top: 1.65rem;}
.share_close{ width: 1.5rem; height: 1.5rem;position: absolute;z-index: 1;left:.75rem;top:1.4rem;}
.share_center{font-size: .8rem;text-align: center;float:none;}
.share_center strong{font-weight: bold;padding-left: 0.5rem;}
.share_center span{  width: 2.45rem; height: 1.1rem; line-height: 1.1rem;background:#18BD6F ;display: inline-block; margin: 0 .4rem;color: #fff; }
.share_center p{margin-bottom: .75rem;line-height: 1.1rem;}
.share_center p.point{position: relative;}
.share_center p.point:after{content: '···';display: block;position: absolute;font-size: 1.2rem;top: 0;left: 50%;margin-left:1.7rem;}
.s_right{ width:2.07rem ;position: absolute;top:1rem;right:1rem;}
.iphone{background: url(../imgs/iphone@2x.png) no-repeat; width: 14.7rem; height:21.15rem ;background-size: 14.7rem auto; position: absolute; bottom: 0; left: 50%;margin-left: -7.35rem;padding-top: 5.6rem;}
.iphone h2{text-align: center;font-size: 1rem;color: #18BD6F;font-weight: bold;line-height: 2.2rem;}
.logo_img{width: 2.2rem; height: 2.2rem;display: inline-block;margin-right: 0.6rem;}
.iphone_text{ width: 10rem; margin:1rem auto 3.9rem;font-size: 0.7rem;line-height: 1rem; }
.iphone_text span{color: #18BD6F;display: inline-block; margin: 0 .2rem;}
.iphone_tips{text-align: center;line-height: 1.1rem;margin-bottom: 0.5rem;}
.download{width:9rem; height:2.25rem;font-weight:400; line-height:2.25rem; margin: 0 auto; text-align: center;display:block;margin:0 auto;}
.downloadTxt{width:9rem; height:2.25rem;background:rgba(24,189,111,1);border-radius:0.2rem;display: block;position: relative;z-index: 2;color:#fff;}
.download::after{width:7rem; height:1rem;background:rgba(24,189,111,1);filter:blur(10px); content: ' '; display: block;margin:-.7rem 0 0 1rem;z-index: 0;}
/*iphoneX/XS/XR/XS Max 适配*/
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (max-device-width: 414px) and (max-device-height: 896px) {
.share_top{padding-top: 2.45rem;}
.share_center p{margin-bottom:1.2rem;}
.iphone_text{margin-bottom: 3.25rem;}
.iphone{height: 23.05rem;padding-top: 6.3rem;}
}

/*-----------赠送福利分享--------*/
.fl_share{width:18.75rem;  color: #fff; min-height: 100%; margin:0 auto;padding-bottom: 2.5rem;}
.mem_share{padding-bottom: 8rem;background: #060F18;}
.shareBox{
    padding-top: 2rem;
    position: relative;
}
.hrem6{padding-top: .6rem;}
.sharp{background: url(../imgs/sharp.png) no-repeat; width: 100%; height:5.3rem;background-size:100%;padding:1.2rem 0 0 1.25rem; }
.sharp p{margin-bottom: .5rem;}
.card{background: url(../imgs/card.png) no-repeat; width: 100%; height: 7.72rem; background-size: contain; position: relative;}
.zhuce{position: absolute; width: 2.8rem; height: 3.35rem; top: -.3rem; right:1rem ;}
.card_name{ line-height: 1.65rem;color:#CD9457 ; width: 4.8rem; padding-top:1rem; margin-left: 1.2rem;font-weight: bold;}
.f12{font-size: 1.2rem;white-space: nowrap;}
.zengsong,.lingqu{ width: 100%; height: 2.5rem; background: #26253B ; color: #fff; margin-top: 1rem;line-height: 2.5rem;}
.zengsong dt{background: url(../imgs/zengsong.png) no-repeat; width: 4.8rem; height: 2.5rem; background-size: 100%; color: #fff; text-indent: .75rem; }
.zengsong dd{margin-left: 1.95rem;}
.lingqu dd{margin-left:0.95rem;}
.zengsong dd i,.lingqu dd i{font-size: 1.6rem; color: #CD9457;margin:0 .2rem;vertical-align:top; }

.zengsong dd em,.lingqu dd em{color: #CD9457; font-size: .75rem;margin:0 .2rem 0 0;}
.lingqu dt{background: url(../imgs/lingqu.png) no-repeat; width: 5.8rem; height: 2.5rem; background-size: 100%; color: #fff; text-indent: .75rem;}
.introduction{width: 10rem; margin:2.5rem auto 4.5rem;}
.introduction::before,.introduction::after{content: ' '; display:block;width:1.5rem;height:0.05rem; float: left;margin-top: .45rem;}
.introduction::before{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.introduction::after{background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
.introduction h2{ float: left;font-size: .9rem; font-weight: bold; margin:0  .5rem;}
.w8{width: 8rem;}
.i_content{margin-top: 1.6rem;}
.i_content p{ padding-bottom: 1.2rem; line-height: 1.3rem; font-size: .7rem;}
.i_content p:last-child{font-size: .6rem; text-align: center;}
.share_btn{width:17.25rem; height:2.25rem;background:linear-gradient(180deg,rgba(236,204,150,1) 0%,rgba(190,145,75,1) 100%); border-radius:0.2rem;text-align: center;padding-bottom:1rem ; line-height: 2.25rem;}

/***----share1----****/
.inputBox{padding:.5rem 0;background:rgba(255,255,255,1);font-size: .8rem; border-radius:0.2rem;margin-top: 1rem;}
.phone{width:16.25rem;height:1.5rem; color: #27282D; border: 0;text-indent: .75rem;}
/* WebKit browsers  */
.phone::-webkit-input-placeholder {
color: #969696;
/* 字体大小直接写样式即可 */
font-size: .8rem;
}
.ty_btn,.ty_btn_active{width:16.25rem;height:2.25rem;border-radius:0.2rem;margin-top: 1rem;border:0;}
.ty_btn{background:rgba(187,187,187,1);max-width: 100%; }
.ty_btn_active{background:linear-gradient(180deg,rgba(236,204,150,1) 0%,rgba(190,145,75,1) 100%); border: none;}
.c_y{color: #CD9457; font-size: .7rem;margin-top: .6rem; text-align: center;}
.menu_list{width: 17.5rem;}
.menu_list li div{margin-top: 1.5rem;position: relative;}
.menu_list li:before{content: '';display: block;position: absolute;width: 0.5rem;height: 2.5rem;background-position:-13rem 0;}
.menu_list li:nth-of-type(1) div{background: url(../imgs/vip_browse.png) no-repeat top right; }
.menu_list li:nth-of-type(2) div{background: url(../imgs/vip_index.png) no-repeat top right; }
.menu_list li:nth-of-type(3) div{background: url(../imgs/vip_valuation.png) no-repeat top right; }
.menu_list li:nth-of-type(4) div{background: url(../imgs/vip_report.png) no-repeat top right; }
.menu_list li:nth-of-type(5) div{background: url(../imgs/vip_roots.png) no-repeat top right; }
.menu_list li div{font-size: .7rem;padding-left: 2rem;background-size:2.5rem!important;}
.menu_list li span{font-size: .8rem;font-weight: bold;}
.menu_list li p{ line-height: 1rem;padding-top: 0.2rem;}
.menu_list li p.tit{line-height: 1.1rem;padding:0 0 0.2rem;}
.menu_list li i{font-size: .6rem;}
.mem_tips{padding: 1.5rem 1.25rem 0;}
.mem_tips li,.mem_tips li a{line-height: 1.3rem;font-size: 0.7rem;color: #ffffff;}
.mem_tips li a{text-decoration: underline;}
/*----开通会员----*/
.vip_money{width:15.25rem;height:4.76rem;background:rgba(38,37,59,0.5);border-radius:0rem 0rem 0.3rem 0.3rem;border:0.1rem solid rgba(205,148,87,1);margin:-0.1rem auto 1rem;}
.vip_money dl{ width: 11.6rem; margin: .9rem auto; line-height: 1.2rem;}
.vip_money dl dt .line{width:0.05rem;
height:1.5rem;
background:rgba(205,148,87,1);margin: .5rem 2.25rem;}

.open_vip{width:16.25rem;height:2.25rem;background:linear-gradient(180deg,rgba(236,204,150,1) 0%,rgba(190,145,75,1) 100%);
border-radius:0.2rem; border: 0;}
.cy{color: #CD9457;}

.artDetailBody{width:18.75rem;}
.explainBox{width:18.75rem;margin:0 auto;}
.explain{padding:0 .75rem 1.5rem;background-color: #fff;}
.explain h3{font-size: .8rem;color:#27282D;font-weight: bold;line-height: normal;margin-bottom: .55rem;padding-top: 1.5rem;}
.explain p{font-size: .7rem;line-height: 1.2rem;color:#969696;padding:0;margin:0;}
.explainBox .footer{text-align: center;padding:1rem  0 1.5rem;font-size: .6rem;color:#969696;}
.wxGuidePop{height:100%;position:fixed;width:18.75rem;left:50%;margin-left: -9.375rem;top:0;}

.wxMask{background-color: rgba(0,0,0,.5);position: absolute;width:100%;height:100%;}
.wxGuideBox{position: absolute;width:100%;height:100%;}
.fixedTop,.fixedBottom{position: fixed;width: 18.75rem;left: 50%;margin-left: -9.375rem;z-index: 10;}
.fixedTop{top: 0;display: none;z-index: 11;}
.softHead{height: 3.55rem;background-color: #ffffff;border-bottom: 1px solid #e7e7e7;}
.softHead .del{display: inline-block;width: 1.6rem;height: 3.55rem;float: left;background: url("../imgs/del.png") center no-repeat;background-size: .8rem;}
.softHead .openApp{position:relative;display: block;height: 3.55rem;margin-left: 1.6rem;background: url("../imgs/tuluLogo.png") left center no-repeat;background-size: 2.2rem 2.2rem;padding-left: 2.75rem;padding-top: .675rem;}
.softHead .appTitle{font-size: .9rem;line-height: .9rem;color: #27282d;}
.softHead .appDes{font-size: .6rem;line-height: .6rem;color: #969696;margin-top: .6rem;}
.softHead .openBtn{position: absolute;width: 3.6rem;height: 1.3rem;background-color: #18bd6f;border-radius: 1.3rem;color: #ffffff;text-align: center;line-height: 1.3rem;font-size: .5rem;right: .65rem;top: 50%;margin-top: -.65rem;}

.shareBox .shareTit{font-size: .8rem;height:4.5rem;line-height: 4.45rem;color:#fff;background:url(../imgs/sharp.png) no-repeat;background-size: 100%;padding:0 0 0 1.25rem;}
.memDiv{width:16.25rem;height:7.5rem;margin:0 auto;background:url("../imgs/img_card.png") no-repeat;background-size: contain;}
.memDiv h4{font-size: 1.2rem;color:#CD9457;margin:0 0 0 1.2rem;padding-top:1rem;line-height: normal;}
.memDiv p{font-size: .8rem;color:#CD9457;margin: .4rem 0 0 1.2rem;line-height: normal;}
.memType{   margin:0 auto;overflow:hidden;width: 18.5rem;margin-bottom: 1rem; }
.memType li,.memType li.curr:after{    margin-left: 0.3rem;margin-top: 0.7rem;display: inline-block;width:6rem;height:8rem;text-align: center;color:#F9E2BA;position: relative; background: linear-gradient(135deg, #464749 0%, #28282A 100%);
    border-radius: 8px; }
/* .memType li.curr:after{content: "";display: block;width: 3.2rem;height: 3.2rem;position: absolute;top: 0rem;right: 0rem;background:url("../imgs/btn_price_choose@2x.png") 0 / contain no-repeat;} */
.memType li.curr{
    color: #6A4828;
    background: linear-gradient(134deg, #F8E2B9 0%, #D8BC8A 100%);
    border-radius: 8px;
    border: 1px solid #FEC888;
}
.memType li{
    box-sizing: border-box;
    border: 1px solid #28282A;
}

.adTips{
    display: initial !important;
    position: absolute;
    background: #FE6F4F;
    border-radius: 8px 2px 8px 2px;
    font-size: 0.5rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    width: 65%;
    text-align: center;
    top: -0.35rem;
    left: -0.5%;
    z-index: 5;
    line-height: 1.2rem;
    padding-left: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.botTips{
    display: initial !important;
    position: absolute;
    background: #595A5C;
    border-radius: 0px 0px 8px 8px;
    font-size: 0.5rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 5;
    line-height: 1.2rem;
    padding-left: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.singlePrice{
    width: 100%;
    display: table;

}
.singlePrice span{
    font-size: 0.5rem !important;
}
.singlePrice i{
    font-size: 0.5rem !important;
}
.botTips span{
    font-size: 0.5rem !important;
    line-height: 1.2rem !important;
    margin-left: 0.2rem;
}
.botTips .textLine{
    text-decoration: line-through;
    display: inline-block;
}
.botTips i{
    font-size: 0.5rem !important;
    margin-right: 0.1rem !important;
}
.curr .botTips{
    background: linear-gradient(109deg, #F99E4D 0%, #FB6924 100%) !important;
    border: 1px solid #E9D1A3;
}
.memType h5{font-size: 0.9rem;padding-top: 1.5rem;line-height: 1.25rem;margin-bottom: .5rem;font-weight: bold;}
.memType p{line-height: normal;}
.memType i{font-size: .8rem;margin-right: .25rem;}
.memType i,.payPrice i{font-family: "Verdana";}
.memType span{    font-size: 1.7rem;
    line-height: 1.65rem;
    font-weight: bolder;}
.openMem{margin-top: 1rem;padding:0 1.25rem;}
.openMem a{display:block;height:2.25rem;line-height: 2.25rem;text-align: center;background:linear-gradient(180deg,rgba(236,204,150,1) 0%,rgba(190,145,75,1) 100%);border-radius: .2rem;font-size: .8rem;color:#fff;}
.memTit{text-align: center;font-size: .9rem;color:#fff;margin-top: 2.5rem;margin-bottom: 1.25rem;}
.memTit span{position: relative;}
.memTit span:before,.memTit span:after{display:inline-block;width:1.5rem;height:.05rem;position: absolute;top:50%;margin-top: -.025rem;content:"";}
.memTit span:before{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);left:-2.25rem;}
.memTit span:after{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);right:-2.25rem;transform: rotate(180deg);}


.installConfirm{width:12.16rem;height:10.5rem;background:#fff;border-radius: .17rem;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);text-align: center;}
.installConfirm img{width:2.56rem;height:2.56rem;margin-top: 2.47rem;}
.installConfirm p{font-size: .7rem;margin-top: .5rem;}
.installConfirm a{display:inline-block;width:9.6rem;height:1.96rem;line-height: 1.96rem;text-align: center;color:#fff;border-radius: .98rem;background-color: rgba(24,189,111,1);margin-top: 1.02rem;}
.oConfirmPop .share_close{width:1.4rem;height:1.4rem;background:url("../imgs/btn_close.png") no-repeat;background-size: cover;left:50%;top:50%;margin:-4.7rem 0 0 4rem;}
.oConfirmPop .share_close img{display:none;}
.uInfo{padding:1.5rem 1.25rem 0.5rem;    z-index: 2;  position: relative;}
.uInfo dt,.uInfo dt img{width: 2.4rem;height: 2.4rem;border-radius: 50%;}
.uInfo dt{float: left;border-radius: 50%;margin-right: .5rem;}
.uInfo dd{display: table;position: relative;z-index: 2;}
.memRecord{font-size: 0.7rem;color: #ffffff;float: right;padding-top: 0.5rem;}
.table-cell {display: table-cell;height: 2.4rem;vertical-align: middle;    position: relative;    z-index: 2;}
.uName{font-size: 0.85rem;line-height: 0.85rem;padding: 0.3rem 0 0.2rem;color: #ffffff;font-weight: 600;}
.uName img{
    width: 1rem;
    margin-left: 0.3rem;
    vertical-align: text-top;
}
.uState{font-size: 0.65rem;color: #CCCCCC;}
.activityBanner,.activityBanner img{display: block;width: 17.25rem;margin: 0 auto;}
.fixedBottom{height: 6rem;background: linear-gradient(180deg, #464749 0%, #28282A 100%);bottom: 0;padding: 1rem 0.75rem;display: block;}
.payPrice{color: #CD9457;font-size: 1.2rem;line-height: 2.2rem;}
.payPrice i{font-size: 0.7rem;margin-right: .25rem;}
.payBtn{
        display: block;
        width: 100%;
        height: 2.2rem;
        line-height: 2.2rem;
        text-align: center;
        font-size: 0.9rem;
        color: #5E3600;
        background: linear-gradient(90deg, #F9E2BA 0%, #DDC08F 100%);
        border-radius: 8px;
        font-weight: bold;
        letter-spacing: 0.1rem;
}
.dis,.dis .payBtn{background: #F3DBB3;}
.popBox,.maskBg,.popCon,.closeBtn{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.popCon,.closeBtn{left: 50%;top: 40%;}
.popBox{z-index: 999;position: fixed;opacity: 0;}
.popIcon{
    width: 2.5rem;
    margin-top: 2rem;
}
.popShow{display: block !important;}
.maskBg{background:rgba(0,0,0,0.7);}
.popCon{width: 15.25rem;height: 17.35rem;text-align: center;font-size: 0.9rem;background: #fff;color: #333333;margin: -6.175rem 0 0 -7.625rem;border-radius: 0.5rem;overflow: hidden;}
.popTit{height: 3.45rem;line-height: 3.8rem;font-size:1.2rem;color: #000000;background:#ffffff;}
.popBody{height:8.25rem;}
.popTxt{padding: 2rem 0 1.6rem;line-height: 1.25rem;font-size:0.8rem;white-space: pre-line;color: #18BD6F;}
.popBtn{
    margin-left: 5%;
    border-radius: 8px;
    color: #5E3600;
    font-weight: 700;
    line-height: 2.5rem;
    width: 90%;
    background: linear-gradient(90deg, #F9E2BA 0%, #DDC08F 100%);
}
.confirmBtn{width:9rem;height:2.5rem;font-weight: bold;color: #ffffff;background:rgba(24,189,111,1);border-radius:1.25rem;margin: 0 auto;display: block;line-height: 2.5rem;}
.closeBtn{
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    margin: -5.525rem 0 0 -7rem;
}
.separate{height: 0.7rem;background-position: 0 -13rem;}
.formBox{display: none;}

/*提示*/
.freezeWin{position: fixed;width: 100%;}
.alertWrap{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;text-align: center;}
.alertPop{position: relative;display: inline-block;top: 50%;background: rgba(0,0,0,.7); padding:0 0.6rem ;font-size: .7rem; color:#FEFEFE;border-radius:0.2rem;min-width: 6rem;text-align: center;margin: -0.9rem 0 0;width: auto;left: auto;}
.alertPop p{line-height: 1.8rem;padding-left: 0;}
.alertPop.active{ -webkit-animation : fadeOut .5s .2s ease;
-moz-animation : fadeOut .5s .2s ease;
-ms-animation : fadeOut .5s .2s ease;
-o-animation : fadeOut .5s .2s ease;
animation : fadeOut .5s .2s ease; }
/*会员记录页*/
.recordBody{background: #F7F7F7;}
.recordBody .footer{line-height: 0.9rem;color: #CCCCCC;font-size: 0.65rem;padding-top: 0.7rem;}
.recordBody .loading{background:none;position:fixed;left: 0;top: 0;width: 100%;height: 100%;}
.noMore:before,.noMore:after{content: '';display:inline-block;width: 2.5rem;height: 0.44rem;border-bottom: 1px solid #DDDEE3;vertical-align: top;}
.recordItem{padding: 0 0.75rem;background: #ffffff;margin-bottom: 0.5rem;}
.recordItem a{display: block;}
.recTit{line-height: 2.2rem;font-size: 0.75rem;color: #333333;border-bottom: 1px dashed #DDDEE3;}
.recTit dt{float: left;font-weight: bold;}
.recTit dd{float: right;color: #FF5F00;}
.recInfo{color: #999999;font-size: 0.65rem;padding: 0.325rem 0;}
.recInfo li{line-height: 1.2rem;}
.hasTop{padding-top: 3.5rem;}
.memTitBox{
    text-align: center;
    color: #B7B5C1;
    font-size: 0.6rem !important;
    margin-top: 1rem;

}
.customerService{
    width: 90%;
    margin: 0 5%;
    background: #323234;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    text-align: center;
    font-weight: 500;
    color: #F9E2BA;
}
.helpQuestion{
    margin-top: 1rem;
}
.quesBox{
    padding-left: 1rem;
    margin-bottom: 0.7rem;
}
.quseTitle{
    width: 100%;
    font-size: 0.7rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #F9E2BA;

}
.quseTitle img{
    width: 1.2rem;
    margin: 0 0.5rem;
}
.quseText{
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #B7B5C1;
    padding-left: 2.4rem;
    margin-top: 0.7rem;
    padding-right: 0.7rem;

}
.sendBtn{
    margin: auto;
    padding: 13px 16px;
    width: calc(100% - 32px);
    background: url(../imgs/sendTitleBg.png) no-repeat;
    background-size: cover;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #000;
}
.sendBtn img{
    width: 182px;
    height: 20px;
    border: none;
    vertical-align: middle;
    max-width: 100%;

}
.sendBtn span{
    padding: 4px 8px;
    float: right;
    background: linear-gradient(90deg, #3a3a3b, #1b1b1d), #009b5f;
    border-radius: 4px;
    color: #d9cab4;
    font-weight: 400;
    font-size: 12px;
}
.boxTitle{
    font-size: .8rem;
    color: #F9E2BA;
    line-height: 22px;
    font-weight: 500;
    width: 100%;
    padding: 0.5rem;


}
.helpList{
    width: 100%;
    overflow: auto;
    white-space: nowrap;

}
.helpList .helpBox{
    width: 4rem;
    display: inline-block;
    background: #323234;
    border-radius: 8px;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0 0rem 0.5rem 0rem;

}
.helpBox img{
    width: 2rem;
    height: 2rem;
    margin: 1rem;
}

.helpBox .helpText{
    width: 100%;
    font-size: 0.7rem;
    font-weight: 500;
    text-align: center;
    color: #F9E2BA;

}

.boxList{
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-bottom: 1rem;
}
.boxList .msgBox{
    width: 8rem;
    display: inline-block;
    background: linear-gradient(135deg, #464749 0%, #28282A 100%);
    border-radius: 8px;
    margin-bottom: 0.5rem;
    overflow: hidden;

    
}
.nowhite{
    white-space: normal;
    width: 8rem;
    display: inline-block;
    overflow: hidden;
    margin-left: 0.5rem;
}
.msgBox .imgBox{
    display: inline-block;
    
}
.msgBox .msgText{
    width: calc(100% - 3rem);
    display: inline-block;
    padding: 0.5rem;
    padding-left: 0;
}
.imgBox img{
    margin: 0.5rem;
    width: 1.8rem;
    vertical-align: bottom;
    margin-right: 0.2rem;
}
.msgBox .msgTitle{
    color: #F9E2BA;
    font-size: 0.7rem;
    font-weight: 500;
    margin-bottom: 0.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.memberBox{
    background: linear-gradient(134deg, #F2E1BD 0%, #E9CE93 100%);
    border-radius: 8px;
    border: 1px solid #FEC888;
    padding: 2rem 1rem 2rem;
    margin: 0rem 0.7rem 1rem 0.7rem;
    color: #6A4828 !important;
    position: relative;

}
.memberBox::after{
    content: '';
    display: block;
    width: 4.5rem;
    height: 87%;
    position: absolute;
    background: url(../imgs/memberBgicon.png) no-repeat;
    background-size: 100% 100%;
    right: 1rem;
    top: 0;
    z-index: 0;
}

.msgBox .msgDesc{
   
    color: #F9E2BA;
    font-size: 0.5rem;
    font-weight: 500;
    display: -webkit-box;
    display: -moz-box;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.giveupBox{
    z-index: 999;
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.giveupBoxBg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);

}
.giveupCon{
    width: 15.25rem;
    height: 17.35rem;
    text-align: center;
    font-size: 0.9rem;
    background: #fff;
    color: #333333;
    margin: -6.175rem 0 0 -7.625rem;
    border-radius: 0.5rem;
    overflow: hidden;
    left: 50%;
    top: 40%;
    position: absolute;
}
.giveTitle{
    font-size: 1rem;
    font-weight: 500;
    line-height: 2.8rem;

}

.givePowerList{

}
.givePowerBox{
    background: linear-gradient(135deg, #464749 0%, #28282A 100%);
    border-radius: 8px;
    width: 40%;
    padding: 0.5rem;
    display: inline-block;
    margin: 0.3rem 2% 0.3rem 2%;
}


.giveUpTitle{
    color: #F9E2BA;
    font-size: 0.8rem;
    width: 100%;
    margin-bottom: 0.3rem;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.giveUpTitle img{
    width: 1rem;
    vertical-align: middle;
    margin-right: 0.3rem;
}
.giveUpDesc{
    width: 100%;
    color: #F9E2BA;
    font-size: 0.6rem;
    text-align: left;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.limitedTime{
    color: #B61717;
    width: 100%;
    text-align: center;
    font-size: 0.4rem;
    margin-top: 1.5rem;


}
.giveBtn{
    width: 38%;
    display: inline-block;
    color: #5E3600;
    font-size: .9rem;
    text-align: center;
    line-height: 2.5rem;
    border-radius: 8px;
    margin-top: 1rem;
    font-weight: 500;
}



.official .hasTop{padding-top: 0;}
.official .header{display:block;}
.official .fixedTop{display: none;}
.newIcon{position: relative;}
.newIcon:after{content: '';display: block;position: absolute;width: 1.6rem;height:0.8rem;background: url('../imgs/icon_tag_new@3x.png') 0 / contain no-repeat;left: 6.8rem;top: 0;}
@-webkit-keyframes fadeOut{
0%{ opacity:1; }
100% { opacity: 0; -webkit-transform: translate3d(0,-2rem,0)}
}

@media only screen and (min-width: 481px) {
    .hasTop{
       zoom: 0.53;
   }
}