.qrCodeSetting[data-v-319451ec]{background-color:#fff;min-height:100%;padding:0 25px}.qrCodeSetting .title[data-v-319451ec]{height:54px;line-height:54px;padding-left:0;overflow:hidden;padding-top:0;color:#101010;font-weight:bolder;border-bottom:1px solid #e4e4e4;margin-bottom:20px}.qrCodeSetting .box[data-v-319451ec]{width:900px;margin:50px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.qrCodeSetting .box .left[data-v-319451ec]{width:500px;background:#fff}.qrCodeSetting .box .left .step[data-v-319451ec]{overflow:hidden;margin-bottom:15px}.qrCodeSetting .box .left .step .step1[data-v-319451ec]{float:left;width:48%;height:45px;text-align:center;line-height:45px;position:relative;background:#1890ff;color:#fff}.qrCodeSetting .box .left .step .arrow1[data-v-319451ec]{position:absolute;right:-20px;top:0;width:0;height:0;border-width:25px 0 25px 20px;border-style:solid;border-color:transparent transparent transparent #1890ff}.qrCodeSetting .box .left .step .step2[data-v-319451ec]{float:right;width:48%;height:45px;text-align:center;line-height:45px;position:relative;background:#1890ff;color:#fff}.qrCodeSetting .box .left .step .step2 .gray[data-v-319451ec]{background:#d7d7d7;color:#000}.qrCodeSetting .box .left .step .arrow2[data-v-319451ec]{position:absolute;left:0;top:0;width:0;height:0;border-width:25px 0 25px 20px;border-style:solid;border-color:transparent transparent transparent #fff}.qrCodeSetting .box .left .step .gray[data-v-319451ec]{background:#d7d7d7;color:#000}.qrCodeSetting .box .left .code-box[data-v-319451ec]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px}.qrCodeSetting .box .left .code-box .code-item[data-v-319451ec]{width:75px;height:75px;margin-bottom:5px;cursor:pointer;position:relative}.qrCodeSetting .box .left .code-box .code-item .bingo[data-v-319451ec]{position:absolute;left:50%;top:50%;color:#fff;width:0;height:0;border-bottom:0 solid red;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid transparent}.qrCodeSetting .box .left .code-box .code-item img[data-v-319451ec]{display:block;width:100%;height:100%}.qrCodeSetting .box .left .code-box .select-item[data-v-319451ec]{border:1px solid #13ce66}.qrCodeSetting .box .left .icon-box .icon-wrap[data-v-319451ec]{overflow:hidden;margin-bottom:15px}.qrCodeSetting .box .left .icon-box .icon-wrap .icon-item[data-v-319451ec]{float:left;width:50px;height:50px;margin-bottom:5px;cursor:pointer;border:1px solid #f7f7f7;margin-right:15px;padding:5px}.qrCodeSetting .box .left .icon-box .icon-wrap .icon-item img[data-v-319451ec]{display:block;width:100%;height:100%}.qrCodeSetting .box .left .icon-box .icon-wrap .avatar-uploader-add[data-v-319451ec]{position:relative;float:left;width:50px;height:50px;border:1px dashed #ccc;padding:2px;text-align:center;cursor:pointer;display:inline-block}.qrCodeSetting .box .left .icon-box .icon-wrap .avatar-uploader-add[data-v-319451ec]:hover{border-color:#1890ff}.qrCodeSetting .box .left .icon-box .icon-wrap .avatar-uploader-add:hover p[data-v-319451ec]{color:#1890ff}.qrCodeSetting .box .left .icon-box .icon-wrap .avatar-uploader-add i[data-v-319451ec]{margin-top:8px}.qrCodeSetting .box .left .icon-box .icon-wrap .avatar-uploader-add .avatar-uploader-icon[data-v-319451ec]{font-size:30px;color:#8c939d;color:#1890ff}.qrCodeSetting .box .left .icon-box .icon-wrap .avatar-uploader-add img[data-v-319451ec]{width:100%;height:100%}.qrCodeSetting .box .left .icon-box .icon-wrap .select-item[data-v-319451ec]{border:1px solid #13ce66}.qrCodeSetting .box .left .icon-box p[data-v-319451ec]{margin-bottom:20px}.qrCodeSetting .box .left .icon-box p .btn1[data-v-319451ec]{width:200px;margin-right:15px}.qrCodeSetting .box .left .icon-box p .btn2[data-v-319451ec]{width:50px}.qrCodeSetting .box .left .icon-box .btn-box[data-v-319451ec]{overflow:hidden;margin-bottom:15px}.qrCodeSetting .box .left .icon-box .btn-box .btn-item[data-v-319451ec]{float:left;width:50%;overflow:hidden}.qrCodeSetting .box .left .icon-box .btn-box .btn-item .btn[data-v-319451ec]{width:150px}.qrCodeSetting .box .left .icon-box .btn-box .btn-item .btn-txt[data-v-319451ec]{display:block;float:left;margin-top:7px;width:80px}.qrCodeSetting .box .left .icon-box .btn-box .btn-item .color-btn[data-v-319451ec]{float:left}.qrCodeSetting .box .right[data-v-319451ec]{width:350px;background:#f7f7f7;padding-bottom:30px}.qrCodeSetting .box .right .txt[data-v-319451ec]{margin:30px 0;text-align:center}.qrCodeSetting .box .right .right-code[data-v-319451ec]{width:80%;margin:0 auto;background:#fff}.qrCodeSetting .box .right .right-code .code-wrap[data-v-319451ec]{position:relative;width:280px;min-height:280px;background-color:#fff}.qrCodeSetting .box .right .right-code .code-wrap .code-img[data-v-319451ec]{width:100%;height:100%}.qrCodeSetting .box .right .right-code .code-wrap .fang[data-v-319451ec]{width:50px;height:50px;border:3px solid #fff}.qrCodeSetting .box .right .right-code .code-wrap .yuan[data-v-319451ec]{width:50px;height:50px;border-radius:50%}.qrCodeSetting .box .right .right-code .code-wrap .wu[data-v-319451ec]{width:50px;height:50px;border:none}.qrCodeSetting .box .right .right-code .code-wrap .icon-img[data-v-319451ec]{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:16px}.qrCodeSetting .box .right .right-code .code-wrap .icon-img img[data-v-319451ec]{display:block;width:100%;height:100%}.qrCodeSetting .box .right .right-code .txt1[data-v-319451ec],.qrCodeSetting .box .right .right-code .txt2[data-v-319451ec]{text-align:center}.canvas_view[data-v-319451ec]{position:absolute;top:-10000px;left:-10000px}.color-ccc[data-v-319451ec]{color:#bbb}.close-avatar-uploader[data-v-319451ec]{position:absolute;top:-15px;right:-12px;color:red;z-index:1;background:#fff;border-radius:50%;display:none;font-size:20px;cursor:pointer}.avatar-uploader-add:hover .close-avatar-uploader[data-v-319451ec]{display:block}