.empty-wrp,.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:center;align-content:center}.empty-wrp{height:100%;padding:20px 0}.empty-wrp .text{text-align:center;font-size:14px;padding-top:20px;width:100%}.data-show p{font-size:20px;color:#222;font-weight:400px;margin-top:48px;margin-bottom:16px;text-align:left}.data-show span{display:block}.data-show .total-data{float:left;height:106px;width:475px;margin-right:30px;border:1px solid #e7e7e7;border-radius:4px;text-align:center;padding-top:20px}.data-show .total-data .total-title{font-size:14px;color:#757575}.data-show .total-data .total-num{font-weight:450;margin-top:8px;font-size:30px;color:rgba(0,0,0,.85)}.data-show .current-data{float:right;width:475px;height:106px;border:1px solid #e7e7e7;border-radius:4px;text-align:center;padding-top:20px}.data-show .current-data .current-title{font-size:14px;color:#757575}.data-show .current-data .current-num{font-weight:450;margin-top:8px;font-size:30px;color:rgba(0,0,0,.85)}.medal-list{margin-top:48px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding-bottom:40px;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.medal-list .part{width:475px}.medal-list .part .content{border:1px solid #e5e9ef;border-radius:4px;text-align:center}.medal-list .part .content li{display:-webkit-box;display:-webkit-flex;display:flex}.medal-list .part .content li div{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:inline-block;font-size:14px;color:#6d757a;line-height:50px}.medal-list .part .content li .index{font-family:Roboto-Italic;font-style:italic;font-size:24px;color:#99a2aa;text-align:center}.medal-list .part .content li .nike{-webkit-box-flex:2;-webkit-flex:2;flex:2;text-align:left}.medal-list .part .content li .time{-webkit-box-flex:2;-webkit-flex:2;flex:2;text-align:right}.medal-list .part .content li .avatar{width:35px;height:35px;vertical-align:middle;border-radius:50%;margin-right:4px}.medal-list .part .content li .lv{font-size:14px;color:#222}.medal-list .recent .content{box-sizing:border-box;padding:0 30px}.medal-list .title{text-align:left;font-weight:400;font-size:20px;color:#222;line-height:56px}.medal{-webkit-font-smoothing:auto;width:980px;padding-top:20px;text-align:center;background:#fff}.medal header{text-align:left;padding-bottom:16px;border-bottom:1px solid #e7e7ee}.medal header p{margin-top:16px;color:#757575;font-size:14px}.medal .red{color:#fa4040}.medal .name-box{margin-top:10px}.medal .medal-form .section{width:100%;padding:24px 0;text-align:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.medal .medal-form .section .title-tip{width:12%;font-size:16px;font-weight:400;color:#222}.medal .medal-form .section .tips{margin-left:10px;font-size:12px;color:#99a2aa}.medal .medal-form .section div,.medal .medal-form .section span{font-size:14px;width:auto;display:inline-block}.medal .medal-form .section .mini{font-size:12px;color:#99a2aa}.medal .medal-form .section .tip-icon{color:#fff;height:14px;width:14px;text-align:center;line-height:14px;background:#99a2aa;font-size:12px;display:inline-block;border-radius:50%;margin-left:5px}.medal .medal-form .section .ui-input-text{margin-right:10px}.medal .medal-form .section .ui-input-text .count{right:10px}.medal .medal-form .section .ui-input{background:#f4f5f7;border:1px solid #ccd0d7;border-radius:2px}.medal .medal-form .section .or{margin:0 20px}.medal .medal-form .buttons{border-bottom:0 none;margin-left:195px}.medal .medal-form .buttons .ui-btn{display:inline-block;margin-right:0}.medal .medal-form .buttons .bui-tooltip{margin-top:-5px}.medal .medal-form .buttons .bili-btn{width:90px}.medal .medal-form .page-tip{text-align:left;font-size:12px;color:#99a2aa;line-height:20px}