jessica-qfui/qf-ui.css

this is qfui

.page[data-v-19ac5ebc]{width:300px;height:50px}.page span[data-v-19ac5ebc]{width:200px;height:10px;padding:10px;background:#000;color:#fff}.page span[data-v-19ac5ebc]:hover{color:#ff0;cursor:pointer}.qf-tips{width:300px;height:60px;line-height:60px;top:6%;left:6%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);color:red;font-size:14px}.qf-tips,.van-button{text-align:center;position:relative}.van-button{display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:1.2;border-radius:2px;cursor:pointer;transition:opacity .2s;-webkit-appearance:none}.van-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}.van-button:active:before{opacity:.1}.van-button--disabled:before,.van-button--loading:before{display:none}.van-button--default{color:#323233;background-color:#fff;border:1px solid #ebedf0}.van-button--primary{color:#fff;background-color:#07c160;border:1px solid #07c160}.van-button--info,.van-button--success{color:#fff;background-color:#1989fa;border:1px solid #1989fa}.van-button--danger{color:#fff;background-color:#ee0a24;border:1px solid #ee0a24}.van-button--warning{color:#fff;background-color:#ff976a;border:1px solid #ff976a}.van-button--plain{background-color:#fff}.van-button--plain.van-button--primary{color:#07c160}.van-button--plain.van-button--info{color:#1989fa}.van-button--plain.van-button--danger{color:#ee0a24}.van-button--plain.van-button--warning{color:#ff976a}.van-button--large{width:100%;height:50px}.van-button--normal{padding:0 15px;font-size:14px}.van-button--small{height:32px;padding:0 8px;font-size:12px}.van-button__loading{color:inherit;font-size:inherit}.van-button--mini{height:24px;padding:0 4px;font-size:10px}.van-button--mini+.van-button--mini{margin-left:4px}.van-button--block{display:block;width:100%}.van-button--disabled{cursor:not-allowed;opacity:.5}.van-button--loading{cursor:default}.van-button--round{border-radius:999px}.van-button--square{border-radius:0}.van-button__content{display:flex;align-items:center;justify-content:center;height:100%}.van-button__content:before{content:" "}.van-button__icon{font-size:1.2em;line-height:inherit}.van-button__icon+.van-button__text,.van-button__loading+.van-button__text,.van-button__text+.van-button__icon,.van-button__text+.van-button__loading{margin-left:4px}.van-button--hairline{border-width:0}.van-button--hairline:after{border-color:inherit;border-radius:4px}.van-button--hairline.van-button--round:after{border-radius:999px}.van-button--hairline.van-button--square:after{border-radius:0}.qf-loading1{width:100%;height:100%;background:#000;opacity:.5;color:#fff;position:fixed;top:0;left:0;z-index:2;display:flex;justify-content:center;align-items:center}.btn{height:40px;width:100px;border-radius:3px;color:#fff;background-color:#1989fa;border:1px solid #1989fa}.qf-loading span{width:16px;height:16px}.qf-loading span:first-child{margin-top:-8px}.qf-loading span:nth-child(3){margin-left:-8px}.qf-loading span:nth-child(5){margin-top:-8px}.qf-loading span:nth-child(7){margin-left:-8px}.qf-loading{width:100px;height:100px;position:relative;margin:0 auto;margin-top:100px}.qf-loading span{display:inline-block;width:20px;height:20px;border-radius:50%;background:#90ee90;position:absolute;-webkit-animation:load 1.04s ease infinite}@-webkit-keyframes load{0%{-webkit-transform:scale(1.2);opacity:1}to{-webkit-transform:scale(.3);opacity:.5}}.qf-loading span:first-child{left:0;top:50%;margin-top:-10px;-webkit-animation-delay:.13s}.qf-loading span:nth-child(2){left:14px;top:14px;-webkit-animation-delay:.26s}.qf-loading span:nth-child(3){left:50%;top:0;margin-left:-10px;-webkit-animation-delay:.39s}.qf-loading span:nth-child(4){top:14px;right:14px;-webkit-animation-delay:.52s}.qf-loading span:nth-child(5){right:0;top:50%;margin-top:-10px;-webkit-animation-delay:.65s}.qf-loading span:nth-child(6){right:14px;bottom:14px;-webkit-animation-delay:.78s}.qf-loading span:nth-child(7){bottom:0;left:50%;margin-left:-10px;-webkit-animation-delay:.91s}.qf-loading span:nth-child(8){bottom:14px;left:14px;-webkit-animation-delay:1.04s}.qf-dialog{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:3;display:flex;justify-content:center;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.3)}.qf-dialog .box{width:500px;height:280px;border-radius:10px;background:#fff;display:flex;flex-direction:column}.qf-dialog .header,.qf-dialog .main{width:100%;height:60px;border-bottom:1px solid #ccc;background:#fff;line-height:60px}.qf-dialog .main{flex:1}.qf-dialog .footer{width:100%;height:60px;border-bottom:1px solid #ccc;background:#fff;line-height:60px;text-align:center}.qf-dialog .footer .btn1{height:34px;width:60px;border-radius:3px;color:#323233;background-color:#e5e5e5;border:1px solid #ebedf0}.qf-dialog .footer .btn2{height:34px;width:60px}.qf-dialog .footer .btn2,.useBtn{border-radius:3px;color:#fff;background-color:#1989fa;border:1px solid #1989fa}.useBtn{height:32px;width:114px}.RolesBtn{height:32px;width:120px;border-radius:3px;color:#fff;background-color:#1989fa;border:1px solid #1989fa}