.qrCard{width:500px;background:#fff;border:1px solid #ccc;border-radius:10px;margin:0 calc(25% - 250px) 20px;padding:30px;box-sizing:border-box;align-items:flex-start}.qrCard .left{width:47%;height:100%;justify-content:flex-start}.qrCard .left .qrImg{width:90%;height:200px;border-radius:6px;margin-bottom:16px;text-align:center}.qrCard .left .qrImg img{width:100%;height:100%}.qrCard .left .qrActions{width:100%;box-sizing:border-box}.qrCard .left .downBtn{width:calc(50% - 5px);text-align:center;padding:10px 0;font-size:12px;background:#15ab6a;color:#fff;border-radius:4px;cursor:pointer}.qrCard .left .svg{background:#409eff}.qrCard .right{width:45%;height:100%}.qrCard .right .title h3{font-size:26px}.qrCard .right .title i{cursor:pointer;font-size:26px;color:#999;margin-left:10px}.qrCard .right .title i:hover{color:#15ab6a}.qrCard .right p{font-size:12px;color:#999;margin:8px 0}.qrCard .right .edit{font-size:16px;cursor:pointer;color:#333;margin-top:14px}.qrCard .right .edit span{border-bottom:1px solid #fff}.qrCard .right .edit i{font-size:22px;margin-right:10px}.qrCard .right .edit:hover{color:#15ab6a}.qrCard .right .edit:hover span{border-bottom:1px solid #15ab6a}@media screen and (max-width:1080px){.iconfont.icon-erweima{font-size:12px}.qrCard{width:calc(100% - 20px);margin:0 auto 20px;padding:10px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border:0}.qrCard .left .qrImg{max-width:130px;height:auto;max-height:160px}.qrCard .right{width:45%;height:100%}.qrCard .right .title h3{font-size:18px}.qrCard .right .title i{font-size:26px;margin-left:8px}.qrCard .right p{font-size:12px;color:#999;margin:4px 0}.qrCard .right .edit{font-size:14px;cursor:pointer;color:#333;margin-top:7px}.qrCard .right .edit span{border-bottom:1px solid #fff}.qrCard .right .edit i{font-size:18px;margin-right:10px}.qrCard .right .edit:hover{color:#15ab6a}.qrCard .right .edit:hover span{border-bottom:1px solid #15ab6a}}.wrap{width:100%;height:100%}.vCode-box .inputback{position:relative}.vCode-box .msgbtn{position:absolute;right:6px;top:50%;transform:translateY(-50%)}#color{theme:#15ab6a;theme-hover:rgba(6,206,105,.6);line:rgba(0,0,0,.075);back1:#f2f5fa}.flex-between{justify-content:space-between}.flex-around,.flex-between{display:flex;align-items:center}.flex-around{justify-content:space-around}.flex-between-start{display:flex;justify-content:space-between;align-items:flex-start}.flex-center{justify-content:center}.flex-between-col,.flex-center{display:flex;align-items:center}.flex-between-col{flex-direction:column;justify-content:space-between}.flex-center-col{justify-content:center;align-items:center}.flex-center-col,.flex-start-col{display:flex;flex-direction:column}.flex-start-col{justify-content:flex-start;align-items:flex-start}.flex-start-row{justify-content:flex-start!important}.flex-end-row,.flex-start-row{display:flex;align-items:center}.flex-end-row{justify-content:flex-end}.flex-start-start{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.flex-wrap{flex-wrap:wrap}.pointer{cursor:pointer}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mul-ellipsis{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.boxShadow{box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.qrcodeListpage{height:100%;background-color:#fff}.pagesHead{width:100%;height:100px;background-color:#fff;border-bottom:1px solid #f5f5f5;padding:0 20px;box-sizing:border-box;box-shadow:0 1px 1px 0 rgba(0,0,0,.05);position:relative}.pagesHead .headTitle .iconfont{font-size:30px;color:#15ab6a;margin-right:10px}.pagesHead .headTitle .title{font-size:20px}.pagesHead .dwon{margin-top:10px}.pagesHead .dwon .tishi{font-size:16px;color:#999;margin-right:20px}.pagesHead .dwon .cnum{font-size:20px;color:#15ab6a;margin:0 10px}.pagesContent{width:100%;height:calc(100% - 100px);padding:0 0 20px;box-sizing:border-box;background:#fff}.pagesContent .listType{width:100%;height:70px}.pagesContent .qrList{width:100%;height:calc(100% - 50px);padding-top:20px;border-bottom:1px solid #ccc;align-items:flex-start;overflow-y:scroll}.pagesContent .qrPags{width:100%;padding-top:10px}.pagesContent .qrEmpty{width:100%;height:calc(100% - 30px);border-bottom:1px solid #ccc}.pagesContent .qrEmpty p{font-size:20px;color:#ccc;margin-bottom:30px}.pagesContent .qrEmpty img{width:300px}@media screen and (max-width:1080px){.pagesHead{flex-wrap:wrap;padding:0 10px}.pagesHead .headTitle .iconfont{font-size:20px}.pagesHead .headTitle .title{font-size:14px}.pagesHead .dwon{margin-top:5px}.pagesHead .dwon .tishi{font-size:12px;color:#999;margin-right:20px}.pagesHead .dwon .cnum{font-size:14px;color:#15ab6a;margin:0 5px}.qrPags{justify-content:center}}