
.member_cont_r{min-height: 630px;padding-bottom: 20px;}
.member_cont_r .head_t1{border-bottom: 1px solid #eee; margin-bottom: 10px;}
.member_cont_r .head_t1 a{font-size: 16px;line-height: 45px;color: #555;font-weight: bold;padding: 0 35px; position: relative;}
.member_cont_r .head_t1 a::after{content: ''; display: inline-block; width: 2px; height: 15px;background: #eee;position: absolute; right: 0;
    top: 3px;}
.member_cont_r .head_t1 a:last-child::after{background: #fff;}
.member_cont_r .head_t1 a.on{color:#3191f5;}
.navhd {line-height:40px;height:40px;padding: 0 30px;margin-bottom:5px;border-bottom: 1px solid #eee;}
.navhd span {position:relative;padding:0 20px;float:left; font-size:14px; margin-right: 40px;}
.navhd span a{ color: #666;line-height:40px; display: inline-block; font-size: 16px; }
.navhd span.on a{color:#3191f5;}
.navhd .on i,.navhd span:hover i{position:absolute;bottom:0px;left:0;height:2px;overflow:hidden;background-color:#3191f5; background-image: linear-gradient(to right,#3191f5,#3191f5);width:100%;}



.mess_list{padding:0 15px;}
.mess_list .li{display:flex;padding:20px 0 0;cursor: pointer;}
.mess_list .li .icon{width:60px;height:60px;position:relative;margin-right:25px}
.mess_list .li .icon img{width:100%;height:100%;border-radius:100%}
.mess_list .li .icon .txt{position:absolute;color:#fff;font-size:12px;background-color:red;min-height:16px;min-width:16px;line-height:12px;right:-4px;top:-2px;text-align:center;border-radius:20px;padding:2px}
.mess_list .li .cont{flex:1;overflow:hidden;border-bottom:0.5px solid #eee;padding-bottom:30px}
.mess_list .li .cont .top{display:flex;justify-content:space-between}
.mess_list .li .cont .top .h1{font-size:16px;font-weight:700}
.mess_list .li .cont .top .time{font-size:14px;color:#999}
.mess_list .li .cont .desc{font-size:14px;color:#999;margin-top:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}




.messageAlert{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1001;display: flex;justify-content: center;align-items: center;}
.messageAlert .mask{position: absolute;background-color: rgba(0,0,0,.5);width: 100%;height: 100%;left: 0;top: 0;}
.messageAlert .content{width: 600px;min-height: 600px;background-color: #fff;z-index: 10;border-radius: 15px;padding: 20px 0px;position: relative;}
.messageAlert .content .contentB{overflow-y: auto;height: 520px;padding: 20px 15px;}
.messageAlert .close{position: absolute;width: 50px;height: 50px;right: 0px;top: 10px;display: flex;align-items: center;cursor: pointer;}
.messageAlert .close i{font-size: 20px;color: #555;}
.messageAlert .close:hover i{color: #3191f5;}

.messageAlert .content h2{text-align: center;}


.order-list {padding:0 15px;}
.order-list .li {display:flex;border-bottom:0.5px solid #eee;padding:13px 0;position:relative;cursor: pointer;}
.order-list .li:hover .u-tit{color: #3191f5;}

.order-list .m-info {margin-left:5px;flex:1;overflow:hidden;}
.order-list .m-info .u-tit{font-size: 15px;}
.order-list .p {color:#999;font-size:12px;margin-top:10px;display:flex;justify-content:space-around;}
.order-list .p .time {flex:1;}
.order-list .p .status {color:#3191F5;}


.messageAlert.messDetail .content{width: 550px;min-height: 300px;}

.messageAlert.messDetail .cont{padding: 20px 30px;font-size: 14px;line-height: 24px;max-height: 500px;overflow-y: auto;}