#user-medal{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);font-weight:400;font-size:14px;left:0;top:0;z-index:999999999}#user-medal .medal-fl{float:left}#user-medal .medal-fr{float:right}#user-medal .medal-clearfix{overflow:hidden;zoom:1}#user-medal .medal-btn{display:inline-block;text-align:center;border:0;min-width:72px;font-size:14px;height:28px;line-height:28px;border-radius:14px;background:#f0f0f5;color:#555666;cursor:pointer}#user-medal .medal-btn-red{color:#fff;background:#fc5531}#user-medal .user-medal-container{width:750px;height:auto;position:absolute;top:59px;left:50%;margin-left:-375px}#user-medal .user-medal-container .user-medal-head{height:101px;background:url(https://g.csdnimg.cn/user-medal/1.0.6/images/bg-head.png) center center no-repeat;background-size:contain;position:relative}#user-medal .user-medal-container .user-medal-head img{position:absolute;width:83px;height:83px;max-width:83px;border-radius:50%;border:0;left:74px;top:6px}#user-medal .user-medal-container .user-medal-head span.user-medal-close{font-size:0;position:absolute;width:16px;height:16px;right:0;top:40px;background:url(https://g.csdnimg.cn/user-medal/1.0.6/images/close.png) center center no-repeat;background-size:contain;cursor:pointer}#user-medal .user-medal-container .user-medal-body{padding:0 16px 0 12px;margin-top:-6px;height:579px;background:#fff;border-radius:0 0 12px 12px}@media screen and (max-height:768px){#user-medal .user-medal-container .user-medal-body{height:400px}}#user-medal .user-medal-container .user-medal-body .medal-user-info{padding-left:54px;height:28px;line-height:28px}#user-medal .user-medal-container .user-medal-body .medal-user-info .medal-name{font-size:18px;font-weight:600;color:#bb9444;max-width:325px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:top}#user-medal .user-medal-container .user-medal-body .medal-user-info .medal-count{font-weight:400;color:#999aaa;padding-left:24px;background:url(https://g.csdnimg.cn/user-medal/1.0.6/images/icon-head.png) left center no-repeat;background-size:16px;display:inline-block;vertical-align:top}#user-medal .user-medal-container .user-medal-body .user-medal-tab{padding-top:6px}#user-medal .user-medal-container .user-medal-body .user-medal-tab .medal-btn{margin-left:16px}#user-medal .user-medal-container .user-medal-body .user-medal-content{margin-top:9px;height:calc(100% - 55px)}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav{width:117px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:8px;padding-top:25px;margin-right:42px;background:#f7f7fc;border-radius:4px}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav .medal-nav-item{display:block;height:42px;line-height:42px;border-radius:4px 0 0 4px;margin-bottom:10px;cursor:pointer;font-size:16px;color:#222226;font-weight:600;padding-left:16px}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav .medal-nav-item span{font-size:14px;font-weight:400}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav .medal-nav-item i,#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav .medal-nav-item img{display:inline-block;width:16px;height:16px;vertical-align:middle;position:relative;margin:0 2px 0 6px;top:-1px}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav .medal-nav-item i.icon-write{background:url(https://g.csdnimg.cn/user-medal/1.0.6/images/icon-write.png) center center no-repeat;background-size:contain}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav .medal-nav-item i.icon-cup{background:url(https://g.csdnimg.cn/user-medal/1.0.6/images/icon-cup.png) center center no-repeat;background-size:contain}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav .medal-nav-item i.icon-person{background:url(https://g.csdnimg.cn/user-medal/1.0.6/images/icon-person.png) center center no-repeat;background-size:contain}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav .medal-nav-item i.icon-box{background:url(https://g.csdnimg.cn/user-medal/1.0.6/images/icon-box.png) center center no-repeat;background-size:contain}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav .medal-nav-item i.icon-medal{background:url(https://g.csdnimg.cn/user-medal/1.0.6/images/icon-medal.png) center center no-repeat;background-size:contain}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-nav .medal-nav-item.active{background:#fff}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body{-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;height:100%;font-size:0;padding-bottom:10px;overscroll-behavior:contain;-ms-scroll-chaining:contain}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body::-webkit-scrollbar{background:#fff;width:5px}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body::-webkit-scrollbar-thumb{background:#bebebe;border-radius:10px}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body .medal-detail-item-empty{margin:150px auto;width:102px;height:89px;background:url(https://g.csdnimg.cn/user-medal/1.0.6/images/empty.png) center center no-repeat;background-size:contain}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body .medal-detail-item{display:inline-block;font-size:14px;width:172px;height:243px;margin-right:7px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px 26px 10px;text-align:center}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body .medal-detail-item:hover{background:#fffaf0}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body .medal-detail-item:hover a.medal-detail-item-btn{visibility:visible}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body .medal-detail-item img{display:block;width:120px;height:120px;margin:auto}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body .medal-detail-item p.medal-detail-item-title{font-weight:600;color:#222226;line-height:28px;height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body .medal-detail-item p.medal-detail-item-desc{height:40px;color:#999aaa;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#user-medal .user-medal-container .user-medal-body .user-medal-content .medal-content-body .medal-detail-item a.medal-detail-item-btn{display:block;visibility:hidden;margin:4px auto 0;width:80px;height:23px;line-height:23px;text-decoration:none;background:#fc5531;border-radius:12px;color:#fff}