@charset "UTF-8";
/*  2022 by tea */
html { overflow-x: hidden; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size: 0.24rem; color: #333; background-color: #ffffff;;min-width: 320px;min-height: 100%;}
body, html, a, img, div, form, select, input, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span, cude, i { margin: 0; padding: 0; list-style: none; vertical-align: middle; }
a { color: #333; text-decoration: none; outline: none; }
a:hover { outline: none; }
ol, ul, li { list-style: none; }
em, i { font-style: normal; vertical-align: top; }
img, input { border: none; outline: none; -webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
header, footer, section, aside, article, nav, dialog, figure { display: block; }
.cf:after { content: ''; display: block; height: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }
::-webkit-scrollbar { display: none; }
::-webkit-input-placeholder, ::placeholder { color: #ccc; }
.mgb100{margin-bottom: 1rem;}

body.user-home{background:url('/images/2022/user/user_bodybg.jpg') no-repeat center top;background-size: 100% 100%;min-height: 6.4rem;}
.user-home .con-header {background: none;}
.user-home .con-header .back{border-color: #fff;}
.user-home .con-header  em{color: #fff;}

.md-con-fixed{height: .96rem;}
.con-header { width: 100%; height: 0.96rem; line-height: 0.96rem;color: #333;background-color: #fff;}
.con-header a { position: absolute; display: block; color: #333333; }
.con-header .back { top: 0.06rem; left: 0; font-size: 0.4rem; line-height: 2rem; width: 0.2rem; height: 0.2rem; border-left: 0.04rem solid #b4b3b3; border-bottom: 0.04rem solid #b4b3b3; margin: 0.3rem 0 0.3rem 0.32rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); overflow: hidden; z-index: 5;}
.con-header em { display: block; height: 0.96rem; text-align: center; font-size: 0.32rem; font-weight: bold;}
.con-header .edit-btn{color: #3d94ee;font-size:  .3rem;position: absolute;right: .2rem;top: 0;height: .96rem;user-select: none;font-size: .3rem;}
.con-header .edit-task{position: absolute;right:.2rem;top: 0;height: .96rem;color: #959595;font-size: .3rem;}
.con-header .edit-task span{float: left;margin-left: .42rem;user-select: none;}
.con-header .edit-task .slect-all{padding-left:.4rem;background: url('/images/2022/user/slect_icon1.png') no-repeat center left;background-size: .34rem .34rem;}
.con-header .edit-task .slect-all.on{background-image: url('/images/2022/user/slect_icon2.png');}

.user-info{margin: .3rem auto .6rem;text-align: center;color: #fff;font-size: .32rem;}
.no-login span, .login span{display: block;height: .68rem;line-height: .68rem;font-weight: bold;}
.no-login img, .login img{width: 1.2rem;height: 1.2rem;border: 0.03rem solid #fff;border-radius: 50%;display: inline-block;}
.no-login img{background-color: #e5fff4;}
.login img{background-color: #fff;}
.main{background-color: #fff;padding:.37rem .28rem;border-radius:.4rem .4rem 0 0 ;min-height: 3rem;}
.user-list a{height: 1.2rem;line-height: 1.2rem;display: block;font-size: .32rem;padding-right: .2rem;position: relative;user-select: none;}
.user-list a::after{content: '';width: .24rem;height: .24rem;background: url('/images/2022/user/arrow.png') no-repeat center;position: absolute;right: 0;top: .48rem;background-size: .24rem .24rem;}
.user-list a span{width: .52rem;height:.46rem;float: left;background:url('/images/2022/user/user_icon.png') no-repeat;background-size:.52rem 8.4rem;margin: .34rem 0 0;}
.user-list a.u1 span{background-position: 0 .04rem;}
.user-list a.u2 span{background-position: 0 -1.2rem;}
.user-list a.u3 span{background-position: 0 -2.44rem;}
.user-list a.u4 span{background-position: 0 -3.66rem;}
.user-list a.u5 span{background-position: 0 -5.16rem;}
.user-list a.u6 span{background-position: 0 -6.58rem;}
.user-list a.u7 span{background-position: 0 -7.86rem;}
.user-list a strong{font-weight: normal;float: right;height: .36rem;line-height:.36rem;padding: 0 .1rem;border-radius:.18rem;background: #f00;color: #fff;text-align: center;margin: .42rem .2rem 0 0;font-size: .24rem;}

/* md-list */
.md-list{margin: 0 .2rem;}
.md-list li {  position: relative; margin-bottom: 0.4rem; background: #fff; }
.md-list .list-head {height: 0.53rem;line-height: 0.39rem;padding: 0 0.2rem;font-size: 0.3rem;color: #333333}
.md-list .list-head img{height: 0.39rem;vertical-align: top}
.md-list li a { display: block; height: 1.24rem;}
.md-list li img { float: left; width: 1.24rem; height: 1.24rem; border-radius: 0.24rem; }
.md-list li em, .md-list li span, .md-list li p { display: block; margin-left: 1.4rem; }
.md-list li em { display: inline-block; height: 0.36rem; line-height: 0.36rem; font-size: 0.28rem; padding-right: 1.5rem; margin: .08rem 0 .06rem .2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-list li span { height: 0.36rem; line-height: 0.36rem; color: #959595; font-size: 0.22rem; }
.md-list li p { height: 0.32rem; line-height: 0.32rem; padding-right: 1.5rem; color: #959595; font-size: 0.22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-top: .05rem; }
.md-list li i { top: 0.14rem; left: 0.18rem; }
.md-list li .btn,.md-list li .del-btn{position: absolute;top: 0.36rem;right: 0;width: 1.26rem;height: 0.24rem;line-height: 0.24rem;padding: 0.16rem 0;text-align: center;border-radius: 0.1rem;border: 1px solid #00cc7d;color: #00cc7d;z-index: 2;}
.md-list li .del-btn{border-color:#ff0000 ;color: #ff0000;display: none;}
.md-list .have-gift em { line-height: 0.4rem; display: inline-block; margin-left: 0.2rem; padding-right: 0.5rem; background: url('/images/2022/user/gift.png') right 0.04rem no-repeat; background-size: 0.26rem 0.26rem; }
.md-list li p strong { color: #00cc7d; font-weight: normal; }

.contact-wrap{margin: .5rem;}
.contact-wrap ul li{height: 1.26rem;line-height: 1.26rem;border-bottom: 1px solid #eaeaea;font-size: .32rem;}
.contact-wrap ul li p{float: left;color: #333333;}
.contact-wrap ul li span{float: right;color: #959595;}

.loadmore { height: 0.64rem; line-height: 0.64rem;  text-align: center; margin: .4rem 0;color: #b4b3b3;background: #fff;}
.loadmore img{width: .5rem;height: .5rem;}
.loadmore p{text-align: center;color:#959595;font-size: 0.28rem;position: relative;height: .64rem;}
.loadmore p::before{display: block;position: absolute;top:0.32rem;left:50%;width: 5rem;margin-left: -2.5rem;height: 1px;background-image: linear-gradient(to right, #f1f1f1 0%, #d7d7d7 50%,#f1f1f1 100% );content: "";}
.loadmore p span{position: absolute;top:0;left:50%;margin-left:-1.2rem;display: block;width: 2.4rem;background: #fff;}
.loadmore a { display: block; width: 1.5rem; margin: 0 auto; font-size: 0.28rem; color: #999; position: relative; }
.loadmore a::after {display: block;position: absolute;top: 0.2rem;right: -.1rem;content: "";width: 0.14rem;height: 0.14rem;border-bottom: 0.02rem #999 solid;border-right: 0.02rem #999 solid;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.nomore{height: 1rem;line-height: 1rem;text-align: center;color:#959595;font-size: 0.28rem;position: relative}
.nomore span{position: absolute;top:0;left:50%;margin-left:-0.89rem;display: block;width: 1.78rem;background: #fff;}
.nomore::before{display: block;position: absolute;top: 0.5rem;left:50%;width: 5rem;margin-left: -2.5rem;height: 1px;background-image: linear-gradient(to right, #f1f1f1 0%, #d7d7d7 50%,#f1f1f1 100% );content: "";}
.fixbottom{position: fixed;bottom: 0;left: 0;z-index: 2;width: 100%;}
.fixbottom2{position: fixed;bottom: 1rem;left: 0;z-index: 2;width: 100%;}

.md-backtop{position: fixed;right: 0.3rem;bottom: 1.5rem;width: 0.88rem;height: 0.88rem;overflow: hidden;z-index: 20;display: none;}
.md-backtop a{display: block;width: 0.88rem;height: 0.88rem;line-height: 5rem;overflow: hidden;background: url('/images/2022/user/backtop.png') no-repeat;background-size:0.88rem 0.88rem}

.msg-content{margin: 0 .2rem;}
.null{padding-top:3rem;display: none;}
.null p{height:0.6rem;line-height: 0.6rem;;padding:2.54rem 0 1rem 0;background: url( '/images/2022/user/null-service.png') top center no-repeat;background-size:2.54rem 2.54rem;color: #aaa;text-align: center}
.null p a{color: #3d94ee;padding:0 0.06rem;display: inline-block;vertical-align: top}

.msg-content .msg-list li a{display: block;border-bottom: 1px solid #eaeaea;padding: .36rem 0;position: relative;}
.msg-content .msg-list li:last-child a{border: none;}
.msg-list .msg-hd{margin-bottom: .2rem;}
.msg-list .msg-hd .tit{font-size: .32rem;font-weight: bold;box-sizing: border-box;padding-right: .2rem;max-width: 70%;float: left;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.msg-list .msg-hd i{float: right;width: 25%;color: #959595;font-size: .26rem;margin-top: .05rem;text-align: right;}
.noread .msg-hd .tit::after{position: absolute;top: 0.06rem;right: .04rem;width: 0.12rem;height: 0.12rem;background: #f00;border-radius: 100%;content: ""}
.msg-list li .msg-intro{color:#959595;font-size: .26rem;text-align: justify;line-height: .4rem;display: -webkit-box;
text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.msg-list li .img{text-align: center;padding-top: .2rem;}
.msg-list li .img img{width: 100%;border-radius: .12rem;max-height: 3rem;}
.del-list li a{margin-left:.62rem ;}
.del-list li a::before{content: '';background: url('/images/2022/user/slect_icon1.png') no-repeat;background-size: .34rem .34rem;width: .34rem;height: .34rem;position: absolute;left: -.5rem;top: 50%;margin-top: -.17rem;}
.del-list li.slect-del a::before{background-image:  url('/images/2022/user/slect_icon2.png');}
.del-fixbar{height:1rem;line-height: 1rem;text-align: center;background-color: #fa7878;text-align: center;font-size: .28rem;color: #fff;user-select: none;position: fixed;bottom: 0;left: 0;z-index: 20;width: 100%;display: none;}

.msg-info .title{padding: .2rem 0;border-bottom: 1px solid #eaeaea;margin-bottom: .1rem;}
.msg-info .title em{display: block;color: #333333;font-size: .38rem;font-weight: bold;margin-bottom: .18rem;}
.msg-info .title i{float: left;color:#00cc7d ;}
.msg-info .title span{float: right;color:#959595 ;}
.msg-info .con{padding: .2rem 0;line-height: .44rem;font-size: .28rem;text-align: justify;} 
.msg-info .con p{text-indent: 2em;margin-bottom: .1rem;text-align: justify;}
.msg-info .con img{max-width: 100%;display: block;margin: .18rem auto;border-radius:.12rem ;}
.msg-info .con .more{text-align: right;margin-top: .1rem;}
.msg-info .con .more a{color: #00cc7d;}

.md-favtab{height: .8rem;margin: .2rem .2rem .4rem;}
.md-favtab span{display: inline-block;font-size: .32rem;margin-right: .6rem;user-select: none;position: relative;height: .8rem;line-height: .8rem;user-select: none;}
.md-favtab span.cur{font-weight: bold;}
.md-favtab span.cur::after {position: absolute;bottom: 0rem;left: 50%;margin-left: -0.2rem;width: 0.4rem;height: 0.06rem;line-height: 0;font-size: 0;background: #00cc7d;border-radius: 0.04rem;content: "";}
.md-collect{margin: 0 .2rem;}
.md-collect li{margin: 0 auto .22rem;width: 100%;height: 3.4rem;overflow: hidden;position: relative;border-radius: .24rem;}
.md-collect li a{display: block;width: 100%;height: 3.4rem;}
.md-collect li img{width: 100%;height:3.4rem;display: block;}
.md-collect li .tagnum{height: .4rem;line-height: .4rem;position: absolute;right: 0;top: 0;background: rgba(0, 0, 0, 0.34);min-width: .88rem;color: #fff;border-radius: 0 0 0 .24rem;text-align: center;padding: 0 .15rem;box-sizing: border-box;}
.md-collect li a::after{content: '';width: 100%;height: 2.1rem;position: absolute;left: 0;bottom: 0;background: url('/images/2022/user/dark_mask.png') repeat-x;background-size: 1rem 4rem;}
.md-collect li p{padding:.18rem .24rem;color: #fff;font-size: .3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;z-index: 2;position: absolute;left: 0;bottom: 0;box-sizing: border-box;width: 100%;}
.md-collect ul.uldel-li li i{width: .26rem;height: .26rem;border: .02rem solid #fff;border-radius: 50%;position: absolute;background-color: rgba(0,0,0,.5);top: .2rem;left: .2rem;}
.md-collect ul.uldel-li li .del-a i{background:#00cc7d url('/images/2022/user/slect_collect_icon.png') no-repeat center;background-size:.3rem .3rem ;} 

.fixed{position: fixed;left: 0;bottom: 0;width: 100%;}

.popup{display: none;}
.popup-shade{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 555;}
.popup-box{position:fixed;top:50%;left:50%;width:5.6rem;padding:.4rem;background:#ffffff;border-radius:.2rem;color:#333;box-sizing: border-box;margin-left: -2.8rem;transform: translateY(-50%);z-index: 999;}
.popup-title{font-size: .32rem;text-align: center;height: .6rem;line-height: .6rem;}
.popup-con{padding: .46rem 0;font-size: .28rem;text-align: center;}
.popup-btn{text-align: center;font-size: 0;}
.popup-btn a{width: 2.2rem;height: .78rem;font-size: .3rem;line-height: .78rem;border-radius: .1rem;display: inline-block;}
.popup-btn .popup-btn-del{background-color: #eff0f4;color: #b1bdc5;float: left;}
.popup-btn .popup-btn-ok{background-color: #28d276;color: #fff;float: right;}
.pop-toast{position: fixed;top: 50%;left: 0;width: 100%;text-align: center;margin-top:-.37rem ;display: none;}
.pop-toast span{display: inline-block;padding: 0 0.5rem;height: 0.74rem;line-height: 0.74rem;text-align: center;
color: #fff;font-size: 0.28rem;border-radius: 0.18rem;background: rgba(0,0,0,0.6);}