body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333}
::-webkit-scrollbar{width:7px}
::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,0.1);-webkit-box-shadow:inset006pxrgba(0,0,0,0.2)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.2);border-radius:5px}
.none{display:none}
.qnone{display:none!important}
.text-center{text-align:center}
.btn.btn-default,.btn.white{box-shadow:inset 0 0 0 1px rgba(120,130,140,.25)}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
.qr-main{width:100%;display:flex}
.qr-main .qr-handle{width:71%;display:inline-block}
.qr-main .qr-code{position:relative;padding:0;width:29%;padding-left:0;padding-right:5px!important}
.qr-main .qr-handle .desc-wrap{background:#fcfcfc;height:auto;min-height:317px;position:relative;transition:all .3s;border:5px dashed #d4d4d4}
.qr-main .qr-handle .desc-wrap .textarea-box{height:265px}
.main_text{width:100%;outline:0;height:160px;min-height:160px;resize:none;font-size:16px;padding:24px;border:0 solid #f2f2f2;background-color:#fcfcfc}
.qrcode{position:relative;border-radius:3px;width:362px;margin:0 0 0 auto;cursor:pointer}
.qrcode .qrcode-wrap{width:317px;height:317px;padding:10px 0;margin:auto;border:5px dashed #d4d4d4;background-color:#fcfcfc}
.qrcode .qrcode-wrap td{color:#d4d4d4;font-size:16px;position:relative;transition:opacity .3s}
.qrcode .qrcode-wrap td .qrcode-create-loading-2020{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(214,214,214,0.12);color:#09bd71;font-size:30px;z-index:999}
.qrcode .qrcode-wrap td .init-txt{position:relative}
.qrcode .qrcode-wrap td .init-txt i{font-size:60px;position:relative;top:-4px}
.qrcode .qrcode-wrap td .init-txt p{position:relative;top:-15px}
.qrcode .qrcode-wrap td img{max-width:250px;max-height:250px;display:inline-block;margin:auto;vertical-align:middle;transition:opacity .3s}
.qrcode-tool{position:relative;width:312px;margin:7px 0 0 auto;height:116px}
.pdd30__s{padding:30px 0 5px 0!important}
.pdd_60__s{padding:60px 0 5px 0!important}
.qrcode-tool ul.tits .col-xs-3{padding:7px 0;cursor:pointer}
.qrcode-tool ul.tits{width:100%;display:inline-block}
.qrcode-tool ul.disabled li.col-xs-3{color:#ccc;cursor:not-allowed}
.qrcode-tool ul.tits .col-xs-3:hover{color:#09bd71!important}
.qrcode-tool ul.tits .on{color:#09bd71!important}
.qrcode-tool .p-t-sm{margin-top:5px}
.qrcode-tool .p-t-sm{margin-top:5px}
.qrcode-tool .xl-one{padding-left:4px;padding-right:8px}
.qrcode-tool .xr-one{padding-left:8px;padding-right:4px}
.qrcode-tool .btn{outline:0!important;border-width:0;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;user-select:none;border-radius:.25rem;line-height:1.4;font-size:12px;padding:6px;background-color:#fff}
.qrcode-tool .btn:hover{background-color:#fcfcfc}
.qrcode-tool .file-data-code-logo{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;left:0;z-index:2}
.qrcode-tool .color ul{height:33px;position:relative}
.qrcode-tool .color ul li{float:left;position:relative;width:70px}
.qrcode-tool .color label{font-weight:normal}
.qrcode-tool .color ul span.t-name{padding-right:5px;float:left;position:relative;height:33px;line-height:33px}
.qrcode-tool .color .last{width:auto;position:absolute;right:0;top:0}
.qrcode-tool .color .last span{float:right;padding:0 0 0 5px!important}
.qrcode-tool .color .colorpal{position:relative;top:-2px;display:inline-block;width:33px;height:33px;overflow:hidden}
.qrcode-tool .color .colorpal input#fgcolor{display:none;background-color:#000}
.qrcode-tool .color .colorpal input#bggcolor{display:none;background-color:#fff}
.qrcode-tool .colorpal .cp{padding:0!important;line-height:16px;display:inline;float:left;position:relative;top:4px;left:4px;width:28px;height:29px;background-color:#000;background-position:50% 50%;background-repeat:initial initial;cursor:pointer;border:2px solid #fcfcfc;box-shadow:0 0 0 1px #eee}
.qrcode-tool .color #bgc{display:none;position:absolute;top:2px;left:33px;width:28px;height:28px;padding:3px 4px;border:1px solid #ccc;background:#eee;font-size:20px;color:#f44455}
.qrcode-tool .layui-form-label{font-size:12px;padding:4px 10px}
.cc-width{width:110px}
.cc-width-h{width:216px}
.qrcode-tool .layui-input,.qrcode-tool .layui-select,.qrcode-tool .layui-textarea{height:28px;background-color:#fff;font-size:12px}
.qrcode-tool .layui-form-select dl{top:30px}
.codetype-intro{position:absolute;left:25px;width:312px;z-index:9;margin:auto;display:block;border:1px solid rgba(120,130,140,.25);background-color:#f8f8f8;padding:1rem!important}
.codetype-intro i{position:absolute;top:0;right:10px;font-size:16px;cursor:pointer;font-style:normal}
.qr-handle .qrcode-operate{width:100%;margin-top:40px;position:relative}
.qr-handle .qrcode-operate .check-text-url-tip{text-align:center;color:#666;font-size:12px;position:absolute;left:0;right:0;margin:auto;top:-27px}
.qr-handle .qrcode-operate ul{width:100%;display:inline-block;margin:auto;position:relative;text-align:center;min-height:70px}
.qr-handle .qrcode-operate ul li{width:auto;text-align:center;box-shadow:inset 0 0 0 1px rgba(120,130,140,.25);background-color:#fff;display:inline-block;padding:7px 38px;cursor:pointer;margin-left:7px;border-radius:4px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;font-size:16px}
.qr-handle .qrcode-operate ul li.qrcode-create{background-color:#09bd71;color:#fff}
.qr-handle .qrcode-operate ul li.qrcode-doing{background-color:#fff;color:#333}
.qr-handle .qrcode-operate ul li.qrcode-saveing{background-color:#09bd71;color:#fff}
.qr-handle .qrcode-operate ul li.qrcode-chat-code{min-width:120px;background-color:#fff;color:#09bd71;border:1px solid #09bd71}
.qr-handle .qrcode-operate ul li.qrcode-phone-preview{background-color:#fff;color:#09bd71}
.qr-handle .qrcode-operate ul li.qrcode-phone-tpl-preview{display:inline-block!important}
.qr-handle .qrcode-operate ul li.qrcode-copy{width:80px;background-color:#fff;color:#09bd71;border:1px solid #09bd71;margin-left:30px}
.qr-handle .qrcode-operate ul li:hover{background-color:#37ca8c;color:#fff}
.qrcode-upload .pla-img{width:100%;margin:auto;text-align:center;justify-content:center}
.qrcode-upload .pla-img .webuploader-container{display:inline-block}
.qrcode-upload .pla-img .webuploader-container .new_sheji,.qrcode-upload .pla-img #filePicker .webuploader-pick{font-size:16px;border-radius:30px;line-height:32px;padding:5px 0;position:relative;width:150px;display:inline-block;margin:auto;cursor:pointer;overflow:initial;background-color:rgba(0,0,0,0);color:#5876ee;border:1px solid #5876ee}
.qrcode-upload .pla-img .webuploader-container .new_sheji i,.qrcode-upload .pla-img #filePicker .webuploader-pick i{position:relative;margin-right:2px}
.qrcode-upload .pla-img #filePicker{margin:0 20px}
.qrcode-upload .pla-img .upload-i{position:relative;color:#09bd71;left:-131px;font-size:23px;top:2px}
.qrcode-upload .img-list{width:100%;margin:82px 0 20px 0}
.qrcode-upload .img-list img{width:50px}
.qrcode-upload .tits-msg{margin-top:24px;font-size:16px;color:#ccc}
.desc-wrap .qrcode-text-show,.qrcode-url-show{width:100%}
.desc-wrap .qrcode-text-show .qrcode-text-con,.qrcode-url-show .qrcode-text-con{background-color:#fff;padding:20px;width:80%;font-size:16px;margin:auto;left:0;right:0;position:absolute;border:1px dashed #ddd;-webkit-transform:translateY(-43%);-ms-transform:translateY(-43%);-o-transform:translateY(-43%);transform:translateY(-43%);top:43%;max-height:180px;overflow-y:auto}
.qrcode-url-show .qrcode-text-con{padding:0;border:1px solid rgba(120,130,140,0.5);margin-top:10px}
.qrcode-url-show .qrcode-text-con.highlightText{border:1px dashed #e64340}
.qrcode-url-show .qrcode-text-con .form-control-lg{border-color:rgba(120,130,140,0);width:100%;min-height:52px;font-size:20px;padding:0 20px}
.qrcode-url-show .qrcode-text-con .form-control-lg::placeholder{color:#c3c3c3}
.qrcode-url-show .qrcode-text-con .form-control-lg::-webkit-input-placeholder{color:#c3c3c3}
.qrcode-url-show .qrcode-text-con .form-control-lg:-moz-placeholder{color:#c3c3c3}
.qrcode-url-show .qrcode-text-con .form-control-lg::-moz-placeholder{color:#c3c3c3}
.qrcode-url-show .qrcode-text-con .form-control-lg:-ms-input-placeholder{color:#c3c3c3}
.desc-wrap .qrcode-text-show .qrcomplete-result-title,.qrcode-url-show .qrcomplete-result-title{margin:4px 0}
.desc-wrap .qrcode-text-show .qrcomplete-result-title i,.qrcode-url-show .qrcomplete-result-title i{font-size:14px;position:relative;top:1px;color:#f5a622;margin-right:4px}
.desc-wrap .qrcode-text-show .qrcode-text-msg,.qrcode-url-show .qrcode-text-msg{position:absolute;bottom:10px;left:0;right:0;color:#929292}
.desc-wrap .qrcode-text-show .qrcode-text-msg a,.qrcode-url-show .qrcode-text-msg a,.upload-before .qrcode-text-msg a{color:#09bd71}
.nav-tabs{border-bottom-width:0;z-index:1;width:80%;font-size:16px;margin:auto;left:-34px;right:0;position:absolute;top:20%}
.nav-tabs:after,.nav-tabs:before{display:table;content:" "}
.nav-tabs_item.active a{color:#09bd71}
.nav-tabs_item{position:relative;float:left;padding:7px 17px}
.qrcode-h-weixin{width:80%;font-size:14px;margin:auto;margin-top:10px;left:0;right:0;position:absolute;-webkit-transform:translateY(-63%);-ms-transform:translateY(-63%);-o-transform:translateY(-63%);transform:translateY(-63%);top:63%}
.qrcode-h-weixin .text-blue{color:#09bd71}
.m-l{margin-left:1rem}
.qrcode-user-weixin{width:80%;font-size:14px;margin:auto;margin-top:10px;left:0;right:0;position:absolute;-webkit-transform:translateY(-43%);-ms-transform:translateY(-43%);-o-transform:translateY(-43%);transform:translateY(-43%);top:43%}
.animated{-webkit-animation-duration:.5s;animation-duration:.5s}
.form-file input{position:absolute;width:100%;height:100%;opacity:0}
.form-file input{cursor:pointer;left:0;z-index:2}
.qrcode-user-weixin .btn-fw{height:38px;line-height:23px;font-size:16px}
.m-r-xs,.m-x-xs{margin-right:.25rem!important}
.size-range-control{position:absolute;z-index:9;width:84px;height:130px;background:#fff;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#55595c;background-image:none;display:none;border:.0625rem solid rgba(120,130,140,.25)}
.size-range-control .ui-slider{position:absolute;top:15px;left:20px;width:1px;height:100px;background:#ccc}
.size-range-control .ui-slider .ui-slider-handle{position:absolute;left:-8px!important;width:16px!important;height:16px!important;margin-bottom:-8px;background:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer}
.preview_imgs{border:1px solid #09bd71;color:#09bd71;padding:0 10px;border-radius:2px}
#uploader .filelist{margin:4% 0 4% 4%}
#uploader .filelist li{border:0;width:30%}
#uploader .filelist li .nr .fl .pic{width:100px;height:100px;line-height:94px;background-color:#fff;position:relative;border:1px solid #dcdcdc}
#uploader .filelist li .nr .fl .pic:hover{border:1px solid #09bd71}
#uploader .filelist li .nr .fl .pic .u-progress{position:absolute;right:0;top:0;font-size:18px;width:100px;height:100px;line-height:100px;cursor:pointer;text-align:center;background-color:rgba(115,115,115,0.6);color:#fff}
#uploader .filelist li .nr .fl .pic .del-img-l{position:absolute;display:none;right:5px;top:5px;font-size:20px;width:20px;height:20px;line-height:23px;cursor:pointer;background-color:#fcfcfc}
#uploader .filelist li .nr .fl .pic:hover>.del-img-l{display:block}
#uploader .filelist li .nr .fl .pic:hover>.del-img-l:hover{color:red}
#uploader .filelist li .nr .fl{width:100px}
#uploader .filelist li .nr .info{padding-left:112px}
#uploader .filelist li img{cursor:move;transition:all .35s linear;background-image:url(/images/ps-alpha.png)}
.layui-btn-sm{height:25px;line-height:25px}
#uploadImages .layui-btn{padding:0;background-color:transparent}
#uploadImages .webuploader-pick{border-radius:23px;width:120px}
#uploadImages .change-to-image{background-color:#fff;color:#333;border:1px solid #09bd71;width:120px;float:left}
.gbtHJR{position:fixed;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background-color:rgba(0,0,0,0.4);top:0;bottom:0;left:0;right:0;display:flex;overflow-y:auto;z-index:500}
.goJrhx{box-shadow:rgba(0,0,0,0.2) 0 0 24px 0;display:flex;flex-direction:column;z-index:600;background-color:#fff;box-sizing:content-box;border-radius:8px}
.batch-input-box{font-size:14px;display:flex;margin-bottom:15px}
.dNCMnK-title{text-align:center;font-size:18px;width:100%;font-weight:800}
.dNCMnK label{margin-bottom:15px}
.cc-style-first150{width:150px}
#batchaddOperatingBox{display:none}
.batch-input-btn{width:100%;text-align:center}
.batch-input-btn .error{background-color:#fff;color:#333;width:100px;border:1px solid #d8d8d8;margin-right:12px}
.batch-input-btn .success{background-color:#09bd71;color:#fff;width:100px}
.batch-input-btn .btn:hover{background-color:#fff;border:1px solid #09bd71;color:#09bd71}
#h5_preview::-webkit-scrollbar{width:0}
#h5_preview::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(255,255,255,0);border-radius:0}
#h5_preview::-webkit-scrollbar-thumb{border-radius:0;background:rgba(0,0,0,0.1);-webkit-box-shadow:inset006pxrgba(255,255,255,0)}
#h5_preview::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,0)}
.scanBg{position:fixed;top:0;left:0;height:100%;width:100%;z-index:9999;overflow-y:auto;background:rgba(0,0,0,.7)}
.scanBg .scan{width:324px;margin:0 auto}
.scanBg .qrCode{position:fixed;left:50%;margin-left:-378px;padding:20px;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}
.qrCode .codeImgBox{position:relative;width:152px}
.qrCode .codeImg{width:152px;min-height:152px}
.qrCode .text{font-size:16px;font-family:PingFangSC-Regular,sans-serif;line-height:22px;margin-top:10px;color:#2e2e2e}
.codeDetail{position:relative;margin-top:9vh}
.preview_close{position:fixed;width:200px;left:52%;top:9vh;margin-left:177px;color:#fff;font-size:32px;cursor:pointer}
.content-qrcode-p{position:relative;width:324px;min-height:640px;padding:0 7px 8px;background-color:#fff;background-size:100%;background-repeat:repeat-y;background-image:url(/qrcode/image/middle2@2x.png);margin-bottom:30px;border-radius:38px;text-align:center;overflow:hidden;z-index:0}
.content-qrcode-p .imgbox img,.content-qrcode-p .imgBtmbox img{width:324px}
.content-qrcode-p .imgBtmbox{bottom:0;z-index:-1}
.content-qrcode-p .imgbox,.content-qrcode-p .imgBtmbox{position:absolute;left:0}
.content-qrcode-p .imgBtmbox{z-index:-1}
.iframeWrap{border-radius:33px;overflow:hidden}
.content-qrcode-p iframe{width:310px;border:0;height:632px}
@media(min-width:768px){.goJrhx{position:relative;max-height:calc(100vh - 72px);width:480px}
    .dNCMnK{padding:24px}
    .smpdf_OTYrxRuhQyGXx8{line-height:30px;font-size:24px}
}.codeDetail .footer_bottom_tiaozhuan{width:100%;text-align:center;display:flex;justify-content:center}
.codeDetail .footer_bottom_tiaozhuan a{background-color:#fff;text-align:center;padding:6px 30px;font-size:14px;border-radius:40px;color:#333;text-decoration:none}
.codeDetail .footer_bottom_tiaozhuan a:link,.codeDetail .footer_bottom_tiaozhuan a:visited{color:#333;text-decoration:none}
.codeDetail .footer_bottom_tiaozhuan a:hover{color:#09bd71}
.md-btn,.pointer,.ui-check,.ui-switch,a{cursor:pointer}
.card-t{width:100%;padding:20px 80px;margin:auto}
.card-container{width:100%;display:flex}
.card-container .card-avatar{width:24%;position:relative;text-align:center;vertical-align:middle;top:30px}
.card-container .card-contact-way{width:43%;position:relative;margin-right:10%}
.card-container .card-project{width:43%}
.card-container .card-avatar img,.card-container .card-avatar .avatar_url_img{display:block;position:absolute;border-radius:50%;width:90px;height:90px;background-position:center;background-repeat:no-repeat;background-size:cover}
.card-container .card-avatar .uploadavatar{position:absolute;width:89px;height:90px;border-radius:50%;overflow:hidden;cursor:pointer}
.card-container .card-avatar .uploadavatar input{position:absolute;width:89px;height:100%;opacity:0;top:0;filter:alpha(opacity=00);cursor:pointer;left:auto;display:block !important;}
.card-container .card-avatar .uploadavatar .uploadClick{font-size:12px;color:#FFF;background:rgba(0,0,0,.5);position:absolute;bottom:0;width:89px;height:24px;line-height:24px;pointer-events:none}
.p-vcard-info{position:relative;padding:12px 0 6px;font-size:14px;color:rgba(0,0,0,.87);line-height:20px;border-bottom:2px dashed #d4d4d4}
.p-vcard-info.p-vcard-error{border-bottom-color:red;border-bottom-style:solid}
.card-contact-way .p-vcard-info.p-vcard-error::after{content:"请输入姓名";position:absolute;right:70px;color:red;font-size:12px;bottom:11px;pointer-events:none}
.p-vcard-info.p-vcard-mobile-item.p-vcard-error::after{content:"手机号码格式错误";position:absolute;right:70px;color:red;font-size:12px;bottom:11px;pointer-events:none}
.p-vcard-info.p-vcard-mobile.p-vcard-error::after{content:"请输入手机号";position:absolute;right:70px;color:red;font-size:12px;bottom:11px;pointer-events:none}
.add-mobile{font-size:14px;color:#09bd71;display:block}
.p-vcard-info label{margin-right:14px;position:relative;font-size:14px;min-width:28px;font-weight:400}
.p-vcard-info label.required:before{content:'*';position:absolute;right:-8px;top:1px;color:red}
.p-vcard-info input{border:0 none;width:180px;height:22px;background-color:#fcfcfc;background-color:inherit}
.p-vcard-info input.w125{width:125px}
.p-vcard-info input.w117{width:117px}
.remove-item{font-size:14px;color:#09bd71;margin-left:27px}
.add-item{display:inline-block;cursor:pointer;font-size:14px;line-height:44px;color:#09bd71;position:relative}
.add-item .dropdown-menu{top:34px;left:-2px}
.add-item .dropdown-menu .dropdown-item{width:100%;font-weight:400;color:#373a3c;text-align:inherit;background:0;border:0;display:block;padding:3px 20px;line-height:1.5;white-space:nowrap}
.add-item .dropdown-menu .dropdown-item:hover{background-color:#d8dbdd}
.text-xs{font-size:12px}
.bj-defult{width:100%;position:relative;clear:both;margin-top:20px;overflow:hidden}
.bj-defult .bj-de-list{width:100%;margin-top:5px}
.bj-defult .bj-de-list a{display:inline-block;position:relative;float:left}
.bj-defult .bj-de-list img,.bj-defult .bj-de-list .img_bj_list{display:inline-block;height:40px;width:40px;border-radius:4px;margin-right:3px;margin-bottom:6px;border:1px solid rgba(0,0,0,0);background-position:center;background-repeat:no-repeat;background-size:unset;box-shadow: 0 0 2px #c7c7c7;}
.bj-defult .bj-de-list img:hover,.bj-defult .bj-de-list .img_bj_list:hover{border-color:#09bd71}
.bj-defult .bj-de-list .on_selected img,.bj-defult .bj-de-list .on_selected .img_bj_list{border-color:#09bd71}
.bj-defult .bj-de-list a .success{display:none}
.bj-defult .bj-de-list a.on_selected .success{display:block;position:absolute;right:3px;line-height:30px;text-align:center;bottom:11px;height:25px;width:25px;z-index:100;background-image:url(/yasuotu/images/success.png);background-position:center;background-repeat:no-repeat;background-size:cover;margin:0;}
.bj-defult .bj__change__defult{display:inline-block;height:38px;border:1px solid #09bd71;color:#09bd71;line-height:38px;font-size:14px;border-radius:2px;margin-bottom:6px;position:relative;width:53.8px;text-align:center;float:left;top:1px}
.bj-defult .bj__change__defult:hover{background-color:#09bd71;color:#fff}
#filedatacode{opacity:0;filter:alpha(opacity:0);cursor:pointer;position:absolute;left:0;top:0;width:100%;height:100%}
.upload-before{text-align:center}
.upload-before .upload-icon-media{position:relative;font-size:16px;border-radius:30px;line-height:32px;padding:5px 0;position:relative;width:160px;display:inline-block;margin:auto;cursor:pointer;overflow:initial;background-color:rgba(0,0,0,0);margin:100px 0 10px;color:#ee5a58;z-index:99;border:1px solid #ee5a58}
.upload-before .record-mp3{position:relative;z-index:99;margin:0;color:#09bd71;border:0;width:120px;margin-top:12px;margin-right:26px}
body .upload-icon-media-skip-oq1s a.upload-icon-media{position:relative;z-index:99;color:#09bd71;border:0;margin:0;width:120px}
.upload-before .upload-icon-media:hover{color:#fff!important;background-color:#ee5a58!important;border:1px solid #ee5a58}
.upload-before .record-mp3:hover,body .upload-icon-media-skip-oq1s a.upload-icon-media:hover{color:#09bd71!important;background-color:rgba(0,0,0,0)!important;border:0}
.upload-before .upload-icon-qrcode-media{position:relative;z-index:99;margin:0 0 0 20px;color:#09bd71;border:1px solid #09bd71}
.upload-before .upload-icon-qrcode-media:hover{color:#fff!important;background-color:#09bd71!important;border:1px solid #09bd71}
.upload-before .record-word-m{position:relative;z-index:99;margin:0 0 0 20px;color:#285AF9;border:1px solid #285AF9;}
.upload-before .record-word-m:hover{color:#fff!important;background-color:#285AF9!important;border:1px solid #285AF9;}
.upload-before .upload-icon-media .iconfont{font-size:22px;position:relative;height:25px;line-height:24px;display:inline-block;top:2px;right:5px}
.upload-before .word-mp3{position:relative;z-index:9999;background-color:#00e9b3}
.upload-before .text-xs{color:#e64340;margin-top:10px}
.upload-before .qrcode-text-msg{position:absolute;bottom:10px;left:0;right:0;color:#929292}
.upload-a-v-progress{position:relative;text-align:center;padding:0 200px}
.upload-a-v-progress .progress{display:block;height:5px;margin-bottom:1rem;border-radius:.25rem;overflow:hidden;background-color:rgba(0,0,0,.065)}
.upload-a-v-progress .progress-bar{background-color:#09bd71;background-image:-webkit-linear-gradient(to bottom,#4fd49c 0,#09bd71 100%);background-image:linear-gradient(to bottom,#4fd49c 0,#09bd71 100%);background-repeat:repeat-x}
.upload-a-v-progress .file-icon{font-size:100px;color:#3f9df7;position:relative;display:block;margin:24px auto 0}
.upload-a-v-progress .vi-p-l{width:100%;height:170px;position:relative}
.upload-a-v-progress video,.upload-a-v-progress audio{width:100%;max-height:120px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.m-t,.m-y{font-size:16px;margin-top:1rem!important}
.record-handle{position:absolute;top:0;left:0;margin:auto;bottom:0;right:0;align-content:center;align-items:center;background:#fcfcfc;padding-top:40px}
#record-audios{margin-bottom:20px}
.record-handle span{border:1px solid #09bd71;color:#09bd71;padding:2px 15px;font-size:14px;margin-right:10px;border-radius:2px;cursor:pointer}
.record-handle span:hover{background-color:#09bd71;color:#fff}
.record-handle img{width:150px;height:auto}
.record-handle p i{font-size:12px;margin-right:5px}
.desc-files .qrcode-text-msg{position:relative;bottom:10px;left:0;right:0;color:#929292;text-align:center;margin-top:10px}
.desc-files .qrcode-text-msg a{color:#09bd71}
.record-handle .record-end{width:100px;text-align:center;box-shadow:inset 0 0 0 1px rgba(120,130,140,.25);background-color:#fff;color:#09bd71;display:inline-block;padding:4px 0;cursor:pointer;margin-top:10px;border-radius:4px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.record-handle .record-end:hover{background-color:#09bd71;color:#fff}
.qrcode-file{width:100%;height:auto;text-align:center;position:relative;min-height:270px}
.qrcode-file .file-title{text-align:center;width:382px;margin:8px auto 0;margin-bottom:22px}
.x-replaceLinkWrapper span{font-size:14px;color:#09bd71;cursor:pointer}
.x-replaceCodeTitleWrapper{text-align:center;position:absolute;bottom:10px;left:0;right:0;margin:auto}
.x-replaceCodeTitleWrapper span{font-size:16px;color:#09bd71;cursor:pointer}
.layui-layer-rim{border:0!important}
.layui-save-title-dyhw1 .layui-layer-btn0{border-color:#dedede!important;background-color:#fff!important;color:#333!important}
.layui-save-title-dyhw1 .layui-layer-btn2{border-color:#09bd71!important;background-color:#09bd71!important;color:#fff!important}
.t-visibility{visibility:hidden}
.qrcode-file .file-title textarea{width:100%;text-align:center;padding:4px 6px;font-size:16px;resize:none;border-radius:2px;border:1px solid #09bd71}
.fileslist{width:92%;margin:0 4%}
.fileslist li{position:relative;width:130px;height:130px;display:inline-block;margin-right:22px;margin-bottom:22px;vertical-align:middle}
.fileslist li:nth-child(5n){margin-right:0}
.upload-file-item-warpper{width:130px;height:130px;max-width:130px;display:table-cell;vertical-align:middle;text-align:center;background-color:#fff;border:1px dashed #d9d9d9;border-radius:4px;cursor:move;position:relative}
.upload-file-item-warpper .x-file{max-width:100%;max-width:120px\0;max-height:100%;max-height:120px\0}
.playerProgress{position:absolute;top:0;bottom:0;left:0;right:0;width:92%;margin:0 4%;background-color:#fff}
.playerProgress .progress{width:100%!important;height:auto!important;border:0!important;margin-top:53px!important}
.playerProgress .progress .vue-slider-process{width:0;height:2px;transition-property:width,left;background-color:#09bd71;transition-duration:.5s;margin-bottom:5px}
.playerProgress .progress p{font-size:14px;color:#333}
.x-closeBtn{background-color:#fff;color:#bbb;border-radius:50%;width:18px;height:22px;position:absolute;top:0;right:3px;transition:opacity 400ms ease-in-out;opacity:0}
.fileslist li .upload-file-item:hover .x-closeBtn{opacity:1}
.file-icon{display:block;width:60px;height:80px;background-repeat:no-repeat;margin:38px auto 10px;background-size:cover}
.upload-file-item-warpper .x-file .file-icon{width:39px;height:52px;margin:4px auto 10px}
.fileslist li.one-files{margin-right:0;width:auto;height:auto;text-align:center}
.fileslist li.one-files .upload-file-item-warpper{background-color:inherit;border:0;width:auto;height:auto;max-width:100%;font-size:14px}
.fileslist li.one-files .upload-file-item-warpper .x-file .file-icon{width:58.5px;height:78px}
.upload-file-item-warpper .x-file .p-x{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.file-icon-excel{background-image:url(/qrcode/image/file_xls@2x.png)}
.file-icon-word{background-image:url(/qrcode/image/file_doc@2x.png)}
.file-icon-ppt{background-image:url(/qrcode/image/file_ppt@2x.png)}
.file-icon-pdf{background-image:url(/qrcode/image/file_pdf@2x.png)}
.file-icon-img{background-image:url(/qrcode/image/file_img@2x.png)}
.text-grey{color:#999}
.qrcode-map-show{width:100%;height:auto;display:flex}
.qrcode-map-show .map-left{width:300px;margin:30px 40px 0}
.qrcode-map-show .search-bar-s{display:flex;margin:0 5px 10px 0;background:#fff;box-shadow:0 0 4px rgba(23,23,23,.25);padding:4px 8px;width:100%}
.qrcode-map-show .search-bar-s input{flex:1;touch-action:manipulation;-webkit-appearance:none;overflow:visible;background:0;border:0;-webkit-appearance:none;outline:0!important;line-height:normal;font-size:14px;width:80%}
.qrcode-map-show .search-bar-s input::-webkit-input-placeholder{color:#b7b7b7}
.qrcode-map-show .search-bar-s input::-moz-placeholder{color:#b7b7b7}
.qrcode-map-show .search-bar-s input::-ms-input-placeholder{color:#b7b7b7}
.qrcode-map-show .search-bar-s input::-moz-placeholder{color:#b7b7b7}
.qrcode-map-show .search-bar-s i{font-size:18px;color:#b7b7b7;cursor:pointer;transition:.2s}
.map-right{width:calc(100% - 380px);height:auto;margin:0;padding:0}
#map_container{width:100%;min-height:307px;position:relative;overflow:hidden;transform:translateZ(0px)}
.rapid-beautification{width:84%;margin:0 8%}
.rapid-beautification .text-grey{margin-bottom:10px;margin-top:26px}
.rapid-beautification .beauty_ul li{overflow:hidden;position:relative;height:105px;background-color:#FFF;width:105px;float:left;margin-right:11px;border:1px solid #e2e2e2;margin-bottom:11px;cursor:pointer;padding:0}
.rapid-beautification .beauty_ul li:hover{border-color:#09bd71}
.rapid-beautification .beauty_ul li:nth-child(6n){margin-right:0}
.beauty_ul li img{width:100%}
.beauty_ul li img.select_icon{display:none;position:absolute;right:0;width:38px;top:0}
.beauty_ul li.template_select{border:1px solid #09bd71}
.beauty_ul li.template_select img.select_icon{display:block}
.row-col{display:table;table-layout:fixed;border-spacing:0;width:100%;height:100%}
.v-m{vertical-align:middle!important}
#logomb .modal-dialog{width:334px;position:fixed;left:50%;top:50%;margin-top:-182px;margin-left:-173px}
#logomb .modal-content{box-shadow:0 0 12px 1px #ccc}
.imgmb ul{margin:20px}
.imgmb ul li{display:inline-block;margin:5px 8px;padding:2px;cursor:pointer}
.imgmb ul li img{width:50px;height:50px;border:1px solid #f3f3f3;padding:5px}
.imgmb ul li img:hover{border:1px solid #09bd71}
#bjtmb .imgmb ul li img{width:114px;height:114px}
.modal-footer .btn{background-color:#fff;width:100%;font-weight:500;outline:0!important;border-width:0;transition:all .2s}
.modal-footer .btn:hover{background-color:#f3f3f3;color:#09bd71}
.qrcode-jm-show{width:100%;height:100%;position:relative}
.qrcode__nav__ul{width:100%;display:flex;justify-content:center;font-size:18px;margin-top:70px;position:relative}
.qrcode__nav__ul li{margin-right:30px;cursor:pointer;position:relative}
.qrcode__nav__ul li:last-child{margin-right:0}
.qrcode__nav__ul .bar{width:33px;height:4px;background:#09bd71;position:absolute;left:0;bottom:-10px;opacity:0;border-radius:2px;transition:.2s}
.qrcode__nav__ul li:hover{color:#09bd71}
.qrcode__nav__ul li.active{color:#09bd71}
.qrcode__nav__ul li.active::after{width:33px;height:4px;background:#09bd71;position:absolute;bottom:-10px;opacity:1;border-radius:2px;left:0;right:0;margin:0 auto;content:""}
.video_afresh__upload__ldkha{background-color:#fff!important;color:#09bd71!important;box-shadow:inset 0 0 0 1px #09bd71!important}
.video_afresh__upload__ldkha:hover{background-color:#09bd71!important;color:#fff!important}
.ant-progress-outer{display:inline-block;width:100%;margin-right:0;padding-right:0}
.ant-progress-inner{display:inline-block;width:100%;background-color:#f5f5f5;border-radius:100px;vertical-align:middle;position:relative}
.ant-progress-bg,.ant-progress-success-bg{background-color:#52c41a;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s;position:relative}
.ant-progress-status-active .ant-progress-bg:before{content:"";opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:10px;animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite}
.ant-progress-status-active .ant-progress-bg:before{content:"";opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:10px;animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite}
.meatid__infor{width:100%;text-align:center}
.meatid__infor .filename__info{font-size:16px;margin-top:10px;height:32px}
.meatid__infor .sizes__info{color:#8e8e8e}
@keyframes ant-progress-active{0%{opacity:.1;width:0}
    20%{opacity:.5;width:0}
    to{opacity:0;width:100%}
}.code_record,.code_record *{box-sizing:border-box}
.code_record .code-record-header-945ujsd{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;height:40px;min-height:40px;-ms-flex-align:center;align-items:center;margin-right:30px;position:relative;font-size:14px}
.code-record-header-right-945ujsd{cursor:pointer;position:absolute;right:0}
.code-record-header-right-945ujsd i{margin-right:4px}
.code-record-header-right-945ujsd:hover{color:#09bd71}
.code_record .code-record-content{width:100%;box-sizing:border-box;position:relative;background-color:#fcfcfc;padding:0;margin:0;font-size:12px;overflow:hidden}
.code_record .code-record-content .code-record-content-item{width:50%;float:left;padding:20px 0;box-sizing:border-box;border-bottom:1px solid #f3f3f3}
.code_record .code-record-content .code-record-content-item .code-record-taqgh548{display:flex;width:100%;padding:0 20px;-ms-flex-pack:justify;justify-content:space-between}
.code_record .code-record-content .code-record-content-item:nth-child(2n-1) .code-record-taqgh548{border-right:1px solid #dedede}
.code-record-taqgh548 img{max-width:60px;max-height:60px;width:100%;cursor:zoom-in!important;cursor:-webkit-zoom-in!important}
.code-record-taqgh548 .record-code-left{display:flex;position:relative;width:100%}
.code-record-taqgh548 .record-code-title-841a7f{letter-spacing:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-left:10px}
.code-record-taqgh548 .record-code-title-841a7f text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:240px}
.code-record-taqgh548 .record-code-right{display:-ms-flexbox;display:flex;width:180px;min-width:180px;-ms-flex-pack:justify;justify-content:space-between}
.code-record-taqgh548 .record-code-right .record-code-time-1KRcV{font-size:12px;color:#999;letter-spacing:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.code-record-taqgh548 .record-code-right .record-code-btn-418sw{display:-ms-flexbox;display:flex;position:relative;z-index:999;-ms-flex-align:center;align-items:center}
.code-record-taqgh548 .record-code-right .record-code-btn-418sw .btnRecordCode__854sq{color:#444;padding:0 10px;cursor:pointer;transition:all .2s}
.code-record-taqgh548 .record-code-right .record-code-btn-418sw .btnRecordCode__854sq:hover{color:#09bd71}
.code-record-tip{height:60px;line-height:60px;margin-bottom:10px}
.code-record-tip a{color:#09bd71}
.qrcode-tool-n{position:relative;border-radius:3px;width:362px;margin:0 0 0 auto;cursor:pointer}
.qrcode-tool-n *{box-sizing:border-box}
.qrcode-tool-n .tool-warp{width:317px;height:auto;min-height:200px;margin:10px auto;padding:0;background-color:#fcfcfc;border:1px solid #dfe0e0;display:flex;display:-webkit-flex}
.tool-warp .tool-w-left{width:69px;background-color:#dfe0e0;margin:0;padding:0;position:relative;min-height:404px}
.tool-w-left ul li{position:relative;text-align:center;padding:16px 0;font-size:14px;cursor:pointer;transition:all .2s}
.tool-w-left ul li b{content:"";display:none;position:absolute;border-top:14px solid transparent;border-bottom:14px solid transparent;border-right:12px solid #f5f5f5;border-left:0 dotted;width:0;height:0;top:22px;right:0}
.tool-w-left ul li .iconfont{font-size:20px;color:#a3a4a4}
.tool-w-left ul li.on{background-color:#fcfcfc;color:#09bd71}
.tool-w-left ul li.on .iconfont{color:#09bd71}
.tool-warp .tool-w-right{width:246px;overflow:inherit;position:relative}
.tool-warp .tool-w-right .ui-widget-header{background:#92c6ff}
.tool-w-right .configtype{padding:10px 0 10px 10px;display:none}
.tool-w-right .configtype.on{display:block}
.tool-w-right .configtype table{width:100%}
.tool-w-right .configtype table tr{height:44px}
th{font-size:12px;font-weight:normal}
.tool-w-right .configtype table tr th{width:27%;text-align:left;padding-left:1%}
.tool-w-right .configtype table tr td{width:38%;padding-left:1%;min-width:160px}
.text_color_defult{padding:2px 5px;height:30px;float:left;width:102px;margin-right:4px;box-shadow:0 1px 3px #CCC;border-radius:3px;border:1px solid #fafafa}
.cp-outside{display:inline-block;width:30px;height:30px;overflow:hidden;background-position:50% 50%;border-radius:4px;border:solid 1px #ddd}
.close1{display:none;float:left;padding-top:4px;padding-left:5px;cursor:pointer}
.ysts{color:red;margin-top:10px;float:left;padding-left:10px;display:none}
.bg_trans{display:inline-block;line-height:36px;float:right;margin-right:18px;font-size:12px}
.tool-w-right .configtype table tr td.colspanthree{width:58%}
.xzimg .upload,.xzimg .xztk{display:inline-block;width:66px;height:30px;cursor:pointer;margin-left:1px;margin-right:1px;line-height:30px;box-shadow:0 1px 2px #c7c7c7;border-radius:3px;background:#FFF;text-align:center;background:#FFF;color:#6d6d6d}
.xzimg .uploadinput{display:none}
.imglj{margin-top:5px;margin-left:2px;float:left;display:none}
.delimg{background:url(/images/picicon.png) no-repeat;display:none;width:16px;height:17px;float:left;cursor:pointer;margin-top:7px;margin-left:10px}
.tool-w-right .layui-form-radio{font-size:12px;margin:6px 0 0 0;padding-right:3px;line-height:normal}
.tool-w-right .layui-form-radio>i{font-size:14px;margin-right:4px;vertical-align:sub}
.tool-w-right .layui-form-radio *{font-size:12px;font-weight:400}
.textlogo{padding:2px 5px;height:30px;float:left;width:86px;margin-right:4px;box-shadow:0 1px 3px #CCC;border-radius:3px;border:1px solid #fafafa}
.cbutton{font-size:12px;outline:0;width:45px;height:30px;line-height:30px;text-align:center;background:#FFF;color:#999;box-shadow:0 1px 2px #c7c7c7;cursor:pointer;float:left;border-radius:3px}
.cbutton:hover{color:#09bd71}
.ctextts{color:red;display:none;height:30px;line-height:30px}
.ctextdel{background-image:url(/images/picicon.png);width:16px;height:16px;cursor:pointer;background-position:initial initial;background-repeat:no-repeat no-repeat;display:none;float:left;margin-top:8px;margin-left:5px}
.clearfloat{zoom:1}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
#dingweidians label{font-weight:normal}
#dingweidians ul li{text-align:center;border:2px solid rgba(0,0,0,0.018);padding:4px 0;float:left;margin:1px;margin:4px;width:42px;cursor:pointer}
i[class^="eye_"],i[class*="eye_"]{opacity:.3;width:32px;height:32px;background:url(/images/pin-panel.png) no-repeat;display:inline-block;vertical-align:middle}
i.eye_simple{background-position:0 0}
i.eye_er_ir{background-position:-174px 0}
i.eye_llleft{background-position:-217px 0}
i.eye_sfleaves{background-position:-87px -44px}
i.eye_sfleavesr{background-position:-131px -44px}
i.eye_s_circle{background-position:0 -87px}
i.eye_ecurve_icurve{background-position:-131px -87px}
i.eye_ecurve_icurve1{background-position:-175px -87px}
i.eye_ecurve_icurve2{background-position:-87px -131px}
i.eye_ecurve_icurve3{background-position:0 -131px}
i.eye_ecurve_icurve4{background-position:-44px -131px}
i.eye_ecurve_icurve21{background-position:-131px -131px}
#dingweidians ul li:hover i{opacity:1}
#dingweidians ul li.active i{opacity:1}
#dwdul li a{display:inline-block;margin-top:6px}
.dropdown{width:136px;height:30px;border-radius:4px;background:#FFF;margin-left:0;box-shadow:0 1px 2px #c7c7c7;cursor:pointer;position:relative}
.dropdown .select_show{width:107px;border-right:1px solid #f2f2f2;height:100%;margin-left:0;line-height:30px;padding-left:10px;color:#6d6d6d}
.dropdown img{margin-left:10px;margin-top:12px}
.dropdown .select_drop{display:none;position:absolute;top:33px;left:0;background:#FFF;width:100%;box-shadow:0 1px 2px #c7c7c7;border-radius:3px;z-index:9999}
.dropdown .select_drop ul{overflow:auto}
.dropdown .select_drop ul li{height:30px;line-height:30px;padding-left:10px}
.dropdown .select_drop ul li:hover{background:#ececec}
.dropdown .select_drop ul li.selected{background:#ececec}
.cp{position:relative;top:0;left:0;width:100%;height:100%}
.divzz{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}
.map-depot-select-warp{filter:alpha(opacity=0);opacity:0;-moz-opacity:0;transform:scale(0);-webkit-transform:scale(0);-webkit-transition:all 500ms cubic-bezier(0.34,1.21,0.4,1);transition:all 500ms cubic-bezier(0.34,1.21,0.4,1);position:fixed;background:rgba(0,0,0,0);z-index:1050;left:0;top:0;right:0;bottom:0;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;width:100%;height:100%;display:flex;display:-webkit-flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}
.map-depot-select-warp.select{opacity:1;-moz-opacity:1;transform:scale(1);-webkit-transform:scale(1)}
.map-depot-select-warp .map-depot-list-u{box-shadow:0 0 12px 1px #ccc;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:6px;outline:0;overflow:hidden;z-index:99999;width:424px;height:auto}
.map-depot-select-warp .imgmb ul li{margin:5px}
.qrcode-btn-footer-hysUyhsw{position:relative;display:flex;display:-webkit-flex;justify-content:left;margin:0;display:flex;display:-webkit-flex;align-items:flex-end;left:0;top:0;padding:30px 0 36px;width:100%}
.qrcode-btn-footer-hysUyhsw .btn{display:block;width:auto;background-color:#fff;font-size:12px;border:1px solid #09bd71;padding:4px 29px;margin:0;position:relative;color:#09bd71;margin-right:36px}
.qrcode-btn-footer-hysUyhsw .btn .uploadfile{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);z-index:9999;cursor:pointer}
.commonly-used-template{width:100%;position:relative;margin:0;padding:0}
.commonly-used-template .layui-form-radio{margin:0 10px 0 0}
.commonly-used-template .layui-form-radio>i:hover,.commonly-used-template .layui-form-radioed>i{color:#09bd71}
.commonly-used-template .layui-form-radio>i{font-size:20px;margin-right:6px}
.commonly-used-open-code-type{width:100%;display:-webkit-flex;display:flex;margin-bottom:20px;align-items:center;justify-content:center}
.commonly-used-open-code-type h1{font-size:15px;font-weight:700;height:28px;line-height:28px}
.commonly-check-suj{width:auto;margin:0;position:relative;padding:0;display:flex;display:-webkit-flex;align-items:center;margin-left:20px;min-width:415px}
.commonly-check-suj .commonly-check-suj-item{position:relative;margin-right:25px}
.commonly-check-suj .commonly-check-suj-item .btn-query-icon{position:absolute;color:#999;top:-10px;right:5px;font-size:13px;display:none;cursor:pointer}
.commonly-check-suj .commonly-check-suj-item .btn-query-icon.btn-query-vip{right:-35px}
.commonly-check-suj .commonly-check-suj-item .btn-query-icon img{position:relative;top:-1px;right:3px}
.commonly-check-suj .commonly-check-suj-item .btn-query-icon .iconfont{font-size:inherit}
.commonly-used-template-warp{width:100%;position:relative}
.commonly-used-template-warp ul.commonly-beauty-cla{width:100%;position:relative;margin:0;}
.commonly-used-template-warp ul.commonly-beauty-cla li{display:inline-block;text-align:left;height:40px;line-height:40px;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);margin-right:20px;font-size:14px;margin-bottom:4px}
.commonly-used-template-warp ul.commonly-beauty-cla li span{border:0;border-radius:0;padding:4px 0}
.commonly-used-template-warp ul.commonly-beauty-cla li.active span,.commonly-used-template-warp ul.commonly-beauty-cla li:hover span{border:0;border-bottom:2px solid #09bd71;color:#09bd71}
.commonly-used-template-warp .commonly-beauty-module-box{width:100%;margin:0;overflow:hidden;position:relative}
.commonly-used-template-warp .commonly-beauty-module-box ul{width:calc(100% - 40px);position:relative;margin:0 0 0 20px;padding:0;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;font-size:0;height:126px;overflow:-moz-scrollbars-none;-ms-overflow-style:none;bottom:-17px}
.commonly-used-template-warp .commonly-beauty-module-box ul::-webkit-scrollbar{width:0!important;height:0!important;display:none}
.commonly-used-template-warp .commonly-beauty-module-box ul li{overflow:hidden;position:relative;height:106px;background-color:#FFF;width:106px;display:inline-block;margin-right:8px;border:1px solid #e2e2e2;margin-bottom:10px;cursor:pointer;padding:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.commonly-used-template-warp .commonly-beauty-module-box ul li:hover{border-color:#09bd71}
.commonly-beauty-module-box ul li img{width:100%;vertical-align:bottom}
.commonly-beauty-module-box .commonly-beauty-right-btn,.commonly-beauty-module-box .commonly-beauty-left-btn{position:absolute;right:0;top:17px;height:106px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;width:20px;background-color:#f3f3f3;cursor:pointer;color:#9a9a9a;z-index:99}
.commonly-beauty-left-btn{left:0}
.commonly-beauty-module-box .commonly-beauty-right-btn .iconfont.reg180-icon{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
.commonly-beauty-module-box .commonly-loading{position:absolute;z-index:999;top:43%;left:48%;display:none}
.commonly-tip-footer-Yhslwis{width:100%;position:relative;margin:20px 0;color:#666;font-size:12px}
.commonly-tip-footer-Yhslwis p{line-height:20px}
.commonly-tip-footer-Yhslwis p a{color:#09bd71;margin-left:10px}
.commonly-tip-footer-Yhslwis p a .iconfont{position:relative;top:0;left:2px;font-size:12px}
.commonly-tip-footer-Yhslwis .divider-ujsk{height:1px;width:100%;background:#e2e2e2;margin-top:12px;margin-bottom:3px}
.qrcode-btn-footer-set-style-hysUyhsw{width:100%;position:relative;left:5px;text-align:right}
.qrcode-btn-footer-set-style-hysUyhsw .style-btn{margin-left:30px;display:inline-block;cursor:pointer;transition:all .2s}
.qrcode-btn-footer-set-style-hysUyhsw .style-btn:hover{color:#09bd71}
.buttonCenterSet___xFTmQ{width:100%;margin-top:14px;font-size:14px;cursor:pointer;text-align:center}
.buttonCenterSet___xFTmQ span{color:#09bd71;margin:0 5px;transition:color .2s}
.buttonCenterSet___xFTmQ span:hover{color:#007d48}
.media-set-prame{margin-left:-15px;margin-top:-30px}
.media-bj-color-picker{display:inline-block;width:30px;height:30px;overflow:hidden;background-position:50% 50%;border-radius:4px;border:solid 1px #ddd;position:relative;top:4px;cursor:pointer}
.media-set-prame .layui-input{background-color:#fcfcfc;font-size:14px}
.one__defult__disable{pointer-events:none;opacity:0.6}
.meatid__infor .filename__info .iconfont{font-size:14px;color:#8e8e8e;padding:0 10px;cursor:pointer}
.vi-p-l .sizes__info{position:absolute;bottom:0;right:0;color:#8e8e8e}
.media-set-prame .layui-form-item .layui-inline{margin-right:31px}
.media-set-prame .layui-form-item .layui-inline:last-child,.media-set-prame .layui-form-item .layui-inline:last-child .layui-input-inline{margin-right:0}
.upload-before .upload-icon-qrcode-sys{position:relative;z-index:99;margin:0 0 0 20px;color:#d758ee;border:1px solid #d758ee}
.upload-before .upload-icon-qrcode-sys:hover{color:#fff!important;background-color:#d758ee!important;border:1px solid #d758ee}
.upload-before .upload-icon-media img{width:auto;height:19px;vertical-align:unset;position:relative;top:4px;margin-right:4px;transition:all .4s ease 0s}
.upload-before .upload-icon-media.record-word-m img{top:2px;height:17px}
.upload-icon-media-skip-oq1s .upload-icon-media.record-mp3 .iconfont{font-size:16px;height:auto;line-height:initial;top:0;right:7px}
.upload-icon-media .img__hover__jsk1,.upload-before .record-word-m .img__hover__jsk1{display:none}
.upload-before .upload-icon-qrcode-sys:hover .img____jsk1,.upload-before .record-word-m:hover .img____jsk1{display:none}
.upload-before .upload-icon-qrcode-sys:hover .img__hover__jsk1,.upload-before .record-word-m:hover .img__hover__jsk1{display:inline}
.uhaj1-5628a1z .imgbox{z-index:2}
.value___3_YYO .coverContainer{width:100%;position:relative;margin:0;padding:0;display:flex;display:-webkit-flex}
.value___3_YYO .coverItem{flex:none;position:relative;margin:0;padding-left:40px}
.value___3_YYO .coverItem .ico_del{position:absolute;right:-8px;top:-4px;z-index:99;background-color:#fff;width:14px;height:11px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:color 0.2s}
.value___3_YYO .coverItem .ico_del:hover{color:red}
.value___3_YYO .coverItem:first-child{padding-right:40px;padding-left:0;border-right:1px solid #E5E9EF}
.value___3_YYO .coverItem .coverLeft1{width:182px;height:182px;background-color:black;display:flex;justify-content:center;align-items:center;position:relative;border-radius:4px;overflow:hidden}
.value___3_YYO .reUpLoad{position:absolute;text-align:center;font-size:13px;cursor:pointer;width:calc(100% - 40px);top:198px;left:0;color:#616161}
.value___3_YYO .reUpLoad1{width:calc(100% + 40px)}
.value___3_YYO .coverRightImg{width:166px;height:166px;border-radius:10px;position:relative;top:8px}
.item__3Gp3i__tag__jsw{width:100%;text-align:center;font-size:13px;color:#999;padding-top:32px}
.crop__defult__stl1 .point-e,.crop__defult__stl1 .point-n,.crop__defult__stl1 .point-s,.crop__defult__stl1 .point-w{display:none !important}
.crop__defult__stl1 .cropper-point{width:10px !important;height:10px !important;background-color:rgba(0,0,0,0) !important;border:1px solid white}
.crop__defult__stl1 .cropper-view-box{outline:1px solid white !important;outline-color:white !important}
.crop__defult__stl1 .cropper-point.point-ne{top:-10px !important;right:-10px !important}
.crop__defult__stl1 .cropper-point.point-nw{top:-10px !important;left:-10px !important}
.crop__defult__stl1 .cropper-point.point-se{bottom:-10px !important;right:-10px !important}
.crop__defult__stl1  .cropper-point.point-sw{bottom:-10px !important;left:-10px !important}