.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)}.pagesGroup{height:100%;background-color:#fff}.pagesHeadGroup{width:100%;height:120px;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}.pagesHeadGroup .headTitle .iconfont{font-size:30px;color:#15ab6a;margin-right:10px}.pagesHeadGroup .headTitle span{font-size:20px}.pagesHeadGroup .tips{font-size:14px;margin-top:10px;color:#999}.pagesContentGroup{width:100%;height:calc(100% - 130px);box-sizing:border-box;background:#fff}.pagesContentGroup .groupList{width:250px;height:100%;border-right:1px solid #ccc}.pagesContentGroup .groupList-title{width:100%;height:80px;line-height:80px;font-size:26px;font-weight:700;padding-left:20px;color:#333}.pagesContentGroup .groupList-con{width:100%;height:calc(100% - 80px);padding:0 10px 0 20px;box-sizing:border-box;overflow-y:scroll;overflow-x:hidden}.pagesContentGroup .groupList-con::-webkit-scrollbar{width:3px;height:3px}.pagesContentGroup .groupList-con::-webkit-scrollbar-track{background:#fff;border-radius:2px}.pagesContentGroup .groupList-con::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.pagesContentGroup .groupList-con::-webkit-scrollbar-thumb:hover{background:#ccc}.pagesContentGroup .groupList-con::-webkit-scrollbar-corner{background:#fff}.pagesContentGroup .groupList-con-item{font-size:18px;line-height:40px;color:#333;cursor:pointer}.pagesContentGroup .groupList-con-item:hover{color:#15ab6a}.pagesContentGroup .groupList-con-item i{opacity:0}.pagesContentGroup .groupList-con .isActive{color:#15ab6a}.pagesContentGroup .groupList-con .isActive i{opacity:1}.pagesContentGroup .groupCon{width:calc(100% - 250px);height:100%}.pagesContentGroup .groupCon-head{width:100%;height:80px;border-bottom:1px solid #ccc;padding:0 20px;box-sizing:border-box}.pagesContentGroup .groupCon-head .mud{width:50%}.pagesContentGroup .groupCon-head .mud h3 span{font-size:14px;font-weight:400;color:#999;margin-left:10px}.pagesContentGroup .groupCon-head .mud p{width:80%;font-size:14px;font-weight:400;color:#999;margin-top:5px}.pagesContentGroup .groupCon-con{width:100%;height:calc(100% - 60px);padding:0 20px 20px;box-sizing:border-box}.pagesContentGroup .groupCon-con-list{height:calc(100% - 60px);align-items:flex-start;border-bottom:1px solid #ccc;overflow-y:scroll;padding-top:20px}.pagesContentGroup .groupCon-con-Pags{width:100%;padding-top:3px;box-sizing:border-box}.noGroup{width:100%;min-height:400px;height:calc(100% - 120px)}.noGroup img{width:300px}.noGroup p{font-size:20px;color:#ccc;margin-bottom:30px}.qrgEmpty{width:100%;min-height:400px;height:calc(100% - 40px);border-bottom:1px solid #ccc}.qrgEmpty img{width:300px}.qrgEmpty p{font-size:20px;color:#ccc;margin-bottom:30px}@media screen and (max-width:1080px){.pagesHeadGroup{padding:0 10px}.pagesHeadGroup .headTitle .iconfont{font-size:20px}.pagesHeadGroup .headTitle span{font-size:14px}.pagesHeadGroup .tips{width:90%;font-size:12px;margin-top:8px;color:#999}.pagesContentGroup .groupCon{width:100%}.pagesContentGroup .groupCon-head{padding:0 10px;height:50px;flex-wrap:wrap;border:0;padding-top:5px}.pagesContentGroup .groupCon-head .mud{width:auto}.pagesContentGroup .groupCon-head .mud h3{font-size:16px}.pagesContentGroup .groupCon-head .mud h3 span{font-size:12px;font-weight:400;color:#999;margin-left:10px}.pagesContentGroup .groupCon-head .mud p{width:80%;font-size:14px;font-weight:400;color:#999;margin-top:5px}.pagesContentGroup .groupCon-con{width:100%;height:calc(100% - 10px);padding:0 0 20px;box-sizing:border-box}.pagesContentGroup .groupCon-con-list{height:calc(100% - 60px);align-items:flex-start;border-bottom:1px solid #ccc;overflow-y:scroll;padding-top:2px}.pagesContentGroup .groupCon-con-Pags{width:100%;padding-top:3px;box-sizing:border-box}}