html,body,#app,.container{height:100%}.container{background:url(../img/bg1.561c9151.png) no-repeat;background-color:#cadfff;background-size:100%;overflow:auto}.ui-flex-between{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card{margin:17px 15px}.card .header-img{width:100%;border-radius:15px 15px 0 0;display:block}.card .team-info{min-height:60px;position:relative;font-size:14px;font-weight:500;color:#444;background-color:#fff;padding:15px}.card .team-info>div{text-align:left;line-height:20px}.card .team-info .label{font-size:12px;color:#b1b1b1}.card .team-info .qr-code{width:131px;height:156px;position:absolute;right:11px;top:-75px}.card .team-info .qr-code-jh{left:50%;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}.card .line{height:22px;background:radial-gradient(circle at left, transparent 10px, #fff 0) left,radial-gradient(circle at right, transparent 10px, #fff 0) right;background-size:50% 100%;background-repeat:no-repeat;position:relative}.card .line::before{content:"";height:1px;background-image:-webkit-gradient(linear, left top, right top, from(#c6c6c6), color-stop(50%, #c6c6c6), color-stop(0%, transparent));background-image:linear-gradient(to right, #c6c6c6 0%, #c6c6c6 50%, transparent 0%);background-size:14px 1px;background-repeat:repeat-x;position:absolute;top:11px;left:14px;right:14px}.card .code-info{background-color:#fff;border-radius:0 0 15px 15px;padding:15px 0}.card .code-info .invalid .code{background-color:#f8f8f8;color:#444}.custom-btn{border-radius:30px;padding:14px 0;color:#fff;width:90%;margin:0 auto;background-color:#de6b4f;font-weight:600;font-size:15px}.font-hint{font-size:10px;margin-top:10px;font-size:12px}.font-color{color:#df4343}