.box-content-bg{width:100%;height:100%;position:absolute;left:0;top:0;margin:0 auto;z-index:0}.selectstylearea{margin-top:0;padding:20px 20px 0 20px}.selectstylebox{height:80px;width:99%;margin:0 auto;border-radius:6px;display:flex;padding:8px;gap:8px}.itemselected{cursor:pointer;outline:1px solid #6aec80;box-shadow:0 0 12px rgba(115,233,135,.5019607843)}.selectstyleitem{min-width:160px;background:linear-gradient(180deg,rgba(52,52,52,.46),rgba(42,42,42,.17) 50%,#111113 150%);border:1px solid #383838;border-radius:6px;padding:13px 8px 6px 8px;overflow:hidden;cursor:pointer;position:relative}.selectstyleitem .title{font-weight:500;font-size:13px;color:#fff}.selectstyleitem .sub,.selectstyleitem .title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selectstyleitem .sub{margin-top:3px;font-weight:400;font-size:12px;color:#d1d1d1}.selectstyleitem .emoji{opacity:.4}.selectstyleitem .emoji,.selectstyleitem .emoji:hover{cursor:pointer;position:absolute;right:8px;bottom:15px;font-size:24px}.selectstyleitem .emoji:hover{opacity:1}.selectstyleitemadd{min-width:160px;background:linear-gradient(180deg,rgba(52,52,52,.46),rgba(42,42,42,.17) 50%,#111113 150%);border:1px dashed rgba(150,79,255,.6196078431);border-radius:6px;padding:13px 8px 6px 8px;overflow:hidden;position:relative;cursor:pointer}.selectstyleitemadd .title{font-weight:500;font-size:15px;color:#fff}.selectstyleitemadd .sub,.selectstyleitemadd .title{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selectstyleitemadd .sub{margin-top:3px;font-weight:400;font-size:12px;color:#d1d1d1}.selectstyleitemadd .emoji{opacity:.4}.selectstyleitemadd .emoji,.selectstyleitemadd .emoji:hover{cursor:pointer;position:absolute;right:8px;bottom:15px;font-size:24px}.selectstyleitemadd .emoji:hover{opacity:.9}.configleft,.configright{padding-top:0}.configarea{margin-top:10px}.panicbtn{border-radius:3px;top:68px;background:rgba(90,52,212,.5411764706);border:1px solid rgba(125,65,214,.7098039216)}.panicbtn,.writebtn{font-size:12px;font-weight:500;color:#ddd;text-align:center;line-height:20px;width:50px;height:20px;padding:0 2px 2px 3px;cursor:pointer;position:absolute;right:18px;z-index:4}.writebtn{border-radius:3px;top:42px;background:rgba(230,142,55,.5411764706);border:1px solid rgba(227,168,51,.7098039216)}.extracontrol{bottom:8px;padding:12px;gap:6px}.basiccontrol,.extracontrol{position:absolute;left:0;right:0;margin:0 auto;width:97%;height:100px;border-radius:8px;background-color:rgba(98,98,98,.231372549);display:flex}.basiccontrol{top:8px}.leftbox{display:flex;flex:1;padding:12px;gap:8px}.rightbox{flex:2;padding:12px}.diypreview{padding:12px 10px 0 7px;background-size:16px 16px;border-radius:8px;overflow:hidden}.diypreview .fanstalk{pointer-events:none}.diypreview .bubble,.diypreview .bubblegift,.diypreview .bubblesc,.diypreview .bubblesub{zoom:.5;cursor:pointer;margin-bottom:45px;width:100%}.diybox{background-image:repeating-conic-gradient(hsla(0,0%,93.3%,.0392156863) 0 25%,transparent 0 50%);background-size:16px 16px;height:463px;border:2px solid #964fff;border-radius:8px}.diybox,.updatediv{position:relative;display:flex;justify-content:center;align-items:center}.updatediv{width:100%;color:#fff;flex:1;flex-direction:column;font-size:24px;font-weight:500;margin-left:8px;margin-top:10px}.updatedivinner{display:flex;flex-direction:column;text-align:center;margin:0 auto}.templateshowbox{height:180px;width:80%;border-radius:8px;border:1px solid #4c4c4c;background-color:#29292d;margin-top:10px;margin-bottom:10px;display:flex;margin:0 auto}.templateshowbox .screenshotbox{display:flex;flex:2;padding:12px;min-width:300px}.templateshowbox .screenshot{width:100%;border-radius:8px;overflow:hidden;cursor:default!important}.templateshowbox .info{display:flex;flex-direction:column;height:100%;padding:20px;flex:5}.templateshowbox .info .title{text-align:left;color:#fff}.templateshowbox .info .subtitle{text-align:left;color:#777;font-size:18px;margin-top:18px}.updatespan{font-size:22px;margin-top:60px;margin-bottom:40px;color:#777}.tagbar{flex-direction:column;flex:1;max-width:20px;margin-right:4px}.tagbar,.tagbar2{display:flex;gap:5px;justify-content:center}.tagbar2{height:20px;margin-bottom:8px}.tagbarcreate{display:flex;justify-content:flex-start;width:100%;gap:20px;margin-top:-24px;margin-bottom:12px;margin-left:8px}.tag0{border-radius:50%;background-color:#818181;border:2px solid rgba(37,37,40,.2)}.tag0,.tag0-selected{box-sizing:content-box;width:10px;height:10px;cursor:pointer;margin-top:2px;margin-right:4px}.tag0-selected{border-radius:50%;background-color:#6aec80;border:2px solid #fff}.taga{border-radius:50%;background-color:#818181;border:2px solid rgba(37,37,40,.2)}.taga,.taga-selected{box-sizing:content-box;width:10px;height:10px;cursor:pointer;margin-top:2px;margin-right:4px}.taga-selected{border-radius:50%;background-color:#6aec80;border:2px solid #ddd}.tagb{border-radius:50%;background-color:#818181;border:2px solid rgba(37,37,40,.2)}.tagb,.tagb-selected{box-sizing:content-box;width:10px;height:10px;cursor:pointer;margin-top:2px;margin-right:4px}.tagb-selected{border-radius:50%;background-color:#6aec80;border:2px solid #ddd}.tagc{border-radius:50%;background-color:#818181;border:2px solid rgba(37,37,40,.2)}.tagc,.tagc-selected{box-sizing:content-box;width:10px;height:10px;cursor:pointer;margin-top:2px;margin-right:4px}.tagc-selected{border-radius:50%;background-color:#6aec80;border:2px solid #ddd}.screecshot{position:absolute;bottom:8px;left:0;right:0;width:96%;display:flex;margin:0 auto}.screecshot .screecshotbtn{background-color:#7d41d6;color:#fff;border:none;flex:1;border-radius:6px 6px 6px 6px!important}.nextbtnbar{position:absolute;right:0;left:0;margin:0 auto;bottom:4vh;width:40%;padding:0 30px 0 30px;height:80px}.nextbtn{width:100%;font-size:16px;font-weight:600;color:#fff;cursor:pointer;margin:0 auto;margin-top:20px;height:68px;text-align:center;border:none;background-size:300% 100%;letter-spacing:1px;border-radius:8px;moz-transition:all .4s ease-in-out}.nextbtn,.nextbtn:hover{transition:all .4s ease-in-out}.nextbtn:hover{background-position:100% 0}.color-5{background-image:linear-gradient(90deg,#0ba360,#3cba92,#30dd8a,#2bb673);box-shadow:0 4px 15px 0 rgba(23,168,108,.45)}.nextbt:focus{outline:none}.checkagreement{margin-top:30px;margin-bottom:22px;font-size:60px!important}.deletext{cursor:pointer;text-align:center;color:#777;width:100%;display:block;margin-top:12px;font-weight:500}.deletext:hover{color:rgba(252,86,108,.8274509804)}.guidediv{height:390px;width:100%;color:#fff;position:relative;flex:1;display:flex;flex-direction:column;font-size:24px;font-weight:500;margin-left:8px;align-items:center;justify-content:center;margin-top:100px}.guidedivinner{display:flex;flex-direction:column;text-align:center;margin:0 auto}.checkspan{margin-top:20px}.subtips{color:#777;font-size:20px}.iconcheck{color:#6aec80}.iconcheck,.iconuncheck{font-size:24px;margin-right:12px}.iconuncheck{color:#e34a4a}.redeemarea{position:relative;display:flex;width:100%;height:520px;z-index:1}.redeembox{flex:4;width:100%;padding:60px 0 30px 60px}.redeembox .spantitle{font-size:32px;font-weight:800;margin-bottom:60px;color:#fff;display:block;margin:0 auto;margin-bottom:12px}.redeembox .spantext{color:#909399;font-size:14px;width:70%;margin-top:12px;margin-bottom:90px;line-height:1.5}.redeembox .generabtnbar{width:100%;padding:0 30px 0 30px;height:80px;margin:0 auto;margin-top:10px}.redeembox .divider{height:20px}.redeemguide{padding:8px;width:100%;border-radius:8px;border:1px solid #2c2c2c;background:#232323;margin-top:10px;font-size:15px;color:#909399}.redeemlist{flex:3;width:100%;padding:60px 60px 30px 40px}.redeemtable{border-radius:8px;border:1px solid #2c2c2c;background:#232323;min-height:480px;max-height:480px}.el-table:before{background-color:transparent}.addonflexbox{padding:4px 12px 20px 12px}.addonflexbox,.addonflexbox .myscenes{display:flex;flex:1;width:100%;height:100%}.addonflexbox .myscenes{gap:10px;flex-shrink:0;overflow-x:auto}.addonflexbox .myscenes .scenesbox{display:flex;flex-shrink:0;overflow:hidden;position:relative;cursor:grab;border:1px solid #4c4c4c;border-radius:7px;min-width:110px;background-image:repeating-conic-gradient(hsla(0,0%,93.3%,.0392156863) 0 25%,transparent 0 50%);background-size:16px 16px}.addonflexbox .myscenes .myscenseimg{flex:5;-o-object-fit:scale-down;object-fit:scale-down;width:100%;height:100%;border-radius:6px;overflow:hidden}.addonflexbox .myscenes .modifybtn{padding:3px 8px 2px 8px;right:4px}.addonflexbox .myscenes .modifybtn,.addonflexbox .myscenes .updatebtn{cursor:pointer;position:absolute;border-radius:6px;font-size:13px;top:6px;background-color:#383838;border:1px solid #4c4c4c;color:#fff;text-align:center;line-height:1}.addonflexbox .myscenes .updatebtn{padding:3px 4px 2px 2px;right:54px}.addonflexbox2{padding:6px 12px 20px 12px}.addonflexbox2,.addonflexbox2 .myscenes{display:flex;flex-direction:column;flex:1;width:100%;height:100%}.addonflexbox2 .myscenes{gap:10px;flex-shrink:0;overflow-y:auto}.addonflexbox2 .myscenes .scenesbox{display:flex;flex-shrink:0;overflow:hidden;position:relative;cursor:grab;border:1px solid #4c4c4c;border-radius:7px;min-width:110px;background-image:repeating-conic-gradient(hsla(0,0%,93.3%,.0392156863) 0 25%,transparent 0 50%);background-size:16px 16px}.addonflexbox2 .myscenes .myscenseimg{flex:5;-o-object-fit:scale-down;object-fit:scale-down;width:100%;height:100%;border-radius:6px;overflow:hidden}.addonflexbox2 .myscenes .modifybtn{padding:3px 8px 2px 8px;right:4px}.addonflexbox2 .myscenes .modifybtn,.addonflexbox2 .myscenes .updatebtn{cursor:pointer;position:absolute;border-radius:6px;font-size:13px;top:6px;background-color:#383838;border:1px solid #4c4c4c;color:#fff;text-align:center;line-height:1}.addonflexbox2 .myscenes .updatebtn{padding:3px 4px 2px 2px;right:54px}