.rule-modal{position:fixed;width:calc(100% - 24px);margin-left:12px;z-index:1200;top:10px;-webkit-box-shadow:2px 2px 3px 0 hsla(0,0%,74.9%,.6);box-shadow:2px 2px 3px 0 hsla(0,0%,74.9%,.6);background-color:#fff;border-radius:3px}.rule-modal .rule-content{padding:20px 14px 50px;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:90vh;overflow:auto}.rule-modal .rule-content p{margin:12px 0;font-weight:bolder}.rule-modal .rule-confirm-btn{position:absolute;z-index:100;bottom:12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px;background-color:#a71c1c;color:#fff;height:30px;line-height:30px;border-radius:15px;text-align:center}body,div,h1,h2,h3,h4,h5,h6,html{padding:0;margin:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",Arial,sans-serif}img{border:0;display:block}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app .banner-panel{position:relative}#app .banner-panel .banner-bg{width:100%;margin-top:0}#app .banner-panel .scan-btn{position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:10px 20px;letter-spacing:1px;border:2px solid #000;border-radius:2px;font-weight:bolder;font-size:17px;white-space:nowrap}#app .banner-panel .rule-btn{position:absolute;z-index:100;bottom:110px;right:40px;width:40px}#app .color-green{color:#e6ff70}#app .scan-panel{min-height:100px;background-image:url(../img/repeat-bg.cabfb5e5.png);background-repeat:repeat-y;background-size:100%;background-position:50%}#app .scan-panel .pannel-data{background-color:#000;margin:0 12px;padding:10px;color:#fff}#app .scan-panel .title{font-size:16px;font-weight:bolder;text-align:center;margin:14px 0}#app .scan-panel .rate-panel .rate-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:24px 0}#app .scan-panel .rate-panel .rate-item .profile{position:relative;margin-left:8px}#app .scan-panel .rate-panel .rate-item .profile .profile-img{width:26px;height:26px;border-radius:50%;background-color:#fff}#app .scan-panel .rate-panel .rate-item .profile .winner-icon{width:12px;position:absolute;top:-5px;left:-5px}#app .scan-panel .rate-panel .rate-item .username{max-width:4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 10px}#app .scan-panel .rate-panel .rate-item .count-text{max-width:56px;white-space:nowrap;overflow:hidden;text-align:right}#app .scan-panel .rate-panel .rate-item .progress{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 10px}#app .scan-panel .rate-panel .rate-item .progress .progerss-inner{background-color:#e6ff70;height:4px;border-radius:2px;width:60%}#app .scan-panel .shoe-panel .shoe-item{display:inline-block;width:calc(50% - 8px);margin:12px;background-color:#fff;border-radius:4px;-webkit-box-shadow:2px 2px 4px 0 hsla(0,0%,88.2%,.6);box-shadow:2px 2px 4px 0 hsla(0,0%,88.2%,.6);color:#333;font-size:14px;text-align:center}#app .scan-panel .shoe-panel .shoe-item:nth-child(odd){margin-left:0}#app .scan-panel .shoe-panel .shoe-item:nth-child(2n){margin-right:0;margin-left:4px}#app .scan-panel .shoe-panel .shoe-item .shoe-pic{width:80%;margin:20px auto 8px}#app .scan-panel .shoe-panel .shoe-item .shoe-name{max-width:85%;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app .scan-panel .shoe-panel .shoe-item .shoe-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:bolder;margin-top:16px;margin-bottom:2px}#app .scan-panel .shoe-panel .shoe-item .shoe-title .shoe-username{display:inline-block;max-width:5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#app .scan-panel .shoe-panel .shoe-item .shoe-addtime{color:#999;margin-bottom:30px}