.bili-switcher[data-v-86408162]{position:relative;display:inline-block;width:38px;height:24px;background:#f1f3f7;border:1px solid #e5e9ef;border-radius:12px;vertical-align:top;cursor:pointer}.bili-switcher[data-v-86408162]:before{float:left;margin:1px;display:block;content:"";width:20px;height:20px;border-radius:10px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3)}.bili-switcher.checked[data-v-86408162]{border-color:#37c8f7;background:#37c8f7}.bili-switcher.checked[data-v-86408162]:before{float:right}.bl-btn[data-v-155ceef7]{display:inline-block;width:96px;height:32px;line-height:32px;text-align:center;border-radius:16px;border:none;cursor:pointer}.bl-btn.ok[data-v-155ceef7]{background:#37c8f7;color:#fff}.bl-btn.ok[data-v-155ceef7]:hover{background:#57dfff}.bl-btn.cancel[data-v-155ceef7]{background:#f1f3f7;color:#6d757a}.bl-btn.cancel[data-v-155ceef7]:hover{background:#d7dadd}.spinner[data-v-155ceef7]{display:inline-block;height:16px;width:16px;-webkit-animation:rotate-data-v-155ceef7 .8s linear infinite;animation:rotate-data-v-155ceef7 .8s linear infinite;border:2px solid #fff;border-right-color:transparent;border-radius:50%;margin-top:8px}@-webkit-keyframes rotate-data-v-155ceef7{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-data-v-155ceef7{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.content-layout_wrap[data-v-c11e9026]{padding:16px 40px;margin-top:16px}.setting-card[data-v-4cd2f01e]{width:860px;margin-top:16px;padding:19px;border:1px solid #d9d9d9}.setting-card[data-v-4cd2f01e]:after,.setting-card[data-v-4cd2f01e]:before{content:"";clear:both;display:table}.setting-card .setting-card-title[data-v-4cd2f01e]{float:left;color:#222}.setting-card .setting-card-open[data-v-4cd2f01e]{float:right;font-size:16px;color:#00a1d6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.setting-card .setting-card-switch[data-v-4cd2f01e]{clear:both;margin-top:44px;font-size:14px}.setting-card .setting-card-tip[data-v-4cd2f01e]{font-size:14px;height:14px;line-height:14px;margin-top:10px;color:#757575}.setting_box{background:#fff}.setting{padding-bottom:100px}.setting .setting-title{height:18px;line-height:18px;font-size:18px;color:#222}.setting .watermark-setting{width:860px;height:60px;margin-top:24px;padding:19px;border:1px solid #d9d9d9}.setting .watermark-setting.edit{height:auto}.setting .watermark-setting .watermark-wrp{padding-top:20px}.setting .watermark-setting .watermark-wrp .watermark-modal{width:820px;margin:0 auto;border-radius:4px;background:#fff;margin-top:24px}.setting .watermark-setting .watermark-wrp .watermark-choose{margin-top:16px;padding-top:16px}.setting .watermark-setting .watermark-wrp .watermark-choose.watermark-choose-extra{border-top:1px solid #e7e7e7;padding-top:15px}.setting .watermark-setting .watermark-wrp .watermark-choose .watermark-tip-location{color:#212121;font-size:14px;height:14px;line-height:14px}.setting .watermark-setting .watermark-wrp .watermark-choose .watermark-title{padding:5px 0 18px;font-size:14px}.setting .watermark-setting .watermark-wrp .watermark-choose .watermark-title .tooltip{margin-top:5px;font-size:14px;color:#757575}.setting .watermark-setting .watermark-wrp .watermark-choose section{position:relative}.setting .watermark-setting .watermark-wrp .watermark-choose section .watermark-filter{position:absolute;right:0;top:9px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.setting .watermark-setting .watermark-wrp .watermark-choose section .watermark-filter .label{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#999}.setting .watermark-setting .watermark-wrp .watermark-choose section .watermark-filter .label .label-text{margin-right:7px;font-size:14px}.setting .watermark-setting .watermark-wrp .watermark-choose section .watermark-filter .label .popover .bcc-popover{padding:10px 13px 10px 15px}.setting .watermark-setting .watermark-wrp .watermark-choose section .watermark-filter .label .popover .content{font-size:12px;line-height:17px;color:#505050}.setting .watermark-setting .watermark-wrp .watermark-choose section .watermark-filter .radio-group{margin-left:24px}.setting .watermark-setting .watermark-wrp .watermark-style-wrp>div{position:relative;width:400px;height:90px;line-height:90px;text-align:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAABaCAYAAACWuwCqAAACTElEQVR4nO3cIYqVYRiG4dvDxBEsgsEF6AIULAbR6nLUFQxuwWp0C4LRLZg0GQQZBHEBhqkT5ClnjlxXHO6Bvz28HPhuvXv/oeph9bZ6Vp1X3b93t+t8//Hz2r/r9Xq9/r/v/1SfqjfVl7PqQfW5unPtfwDAlfPqZfW0enKoLjIeAPy7O9XFoXp+7C8B4OS8OFS3j/0VAJyc88OxvwCA03R2Qr/+6/V6vf4G9S4QACYGBICJAQFgYkAAmBgQACZnN+XXfL1er9efVu8CAWBiQACYGBAAJgYEgIkBAWDiLSy9Xq/XT70LBICJAQFgYkAAmBgQACYGBICJt7D0er1eP/UuEAAmBgSAiQEBYGJAAJgYEAAm3sLS6/V6/dS7QACYGBAAJgYEgIkBAWBiQACYeAtLr9fr9VPvAgFgYkAAmBgQACYGBICJAQFg4i0svV6v10+9CwSAiQEBYGJAAJgYEAAmBgSAibew9Hq9Xj/1LhAAJgYEgIkBAWBiQACYGBAAJt7C0uv1ev3Uu0AAmBgQACYGBICJAQFgYkAAmHgLS6/X6/VT7wIBYGJAAJgYEAAmBgSAiQEBYOItLL1er9dPvQsEgIkBAWBiQACYGBAAJgYEgIm3sPR6vV4/9S4QACYGBICJAQFgYkAAmBgQACbewtLr9Xr91LtAAJgYEAAmBgSAiQEBYGJAAJh4C0uv1+v1U+8CAWByqH4f+yMAODm/D9XHY38FACfn46F6Xf069pcAcDJ+Va8O1dfqcfWhujzqJwFwk112tRWPqm9/ATgG+BgcTZp4AAAAAElFTkSuQmCC) no-repeat 0 0;cursor:pointer;color:#fef5f1;text-shadow:0 0 4px #000}.setting .watermark-setting .watermark-wrp .watermark-style-wrp .text{font-size:16px;font-weight:700;padding-right:12px}.setting .watermark-setting .watermark-wrp .watermark-style-wrp .text em{font-size:14px}.setting .watermark-setting .watermark-wrp .preview-progress{width:100%;height:24px}.setting .watermark-setting .watermark-wrp .preview-progress img{width:100%;height:100%}.setting .watermark-setting .watermark-wrp .watermark-position-wrp{position:relative;width:820px;height:520px;background:url(https://i0.hdslb.com/bfs/static/studio/creativecenter-platform/img/watermark-img.9cd7f031.png) no-repeat 0 0;background-size:100% 100%}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .mark{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box{position:absolute;width:280px;height:48px;line-height:46px;text-align:center;text-shadow:0 0 4px #000;color:#fef5f1;font-size:14px;border:1px dashed #fff;border-radius:4px;z-index:10;background:hsla(0,0%,100%,.3) url(https://i0.hdslb.com/bfs/static/studio/creativecenter-platform/img/watermark-img.9cd7f031.png) no-repeat 0 0;cursor:pointer}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box.top-left{top:20px;left:20px;background-position:-20px -20px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box.top-right{top:20px;right:20px;background-position:-520px -20px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box.bottom-left{bottom:20px;left:20px;background-position:-20px -452px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box.bottom-right{bottom:20px;right:20px;background-position:-520px -452px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box .icon-bilibili{padding:0 5px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1{position:absolute;width:300px;height:48px;line-height:48px;text-align:center;text-shadow:0 0 4px #000;color:#fef5f1;border:1px dashed #fff;border-radius:4px;z-index:9;background:hsla(0,0%,100%,.3) url(https://i0.hdslb.com/bfs/static/studio/creativecenter-platform/img/watermark-img.9cd7f031.png) no-repeat 0 0;cursor:pointer}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1.position-box-section1-extra{height:72px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1.top-left{top:11px;left:20px;background-position:-21px -12px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1.top-right{top:11px;right:20px;background-position:-501px -12px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1.bottom-left{bottom:11px;left:20px;background-position:-21px -462px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1.bottom-left.position-box-section1-extra{background-position:-21px -438px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1.bottom-right{bottom:11px;right:20px;background-position:-501px -462px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1.bottom-right.position-box-section1-extra{background-position:-501px -438px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1 .resetting{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1 .resetting span{font-size:20px;display:inline-block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1 .resetting i{font-size:30px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1 .watermark-img{width:100%}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .position-box-section1 .icon-bilibili{padding:0 0 0 5px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .preview-img{position:absolute}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .preview-img.top-left{top:20px;left:20px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .preview-img.top-right{top:20px;right:20px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .preview-img.bottom-left{bottom:20px;left:20px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .preview-img.bottom-right{bottom:20px;right:20px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .preview-img.empty-mark{color:#bfbec6;font-weight:500;font-size:16px}.setting .watermark-setting .watermark-wrp .watermark-position-wrp .watermark-img-preview{width:300px}.setting .watermark-setting .watermark-wrp .is-selected{position:absolute;width:16px;height:16px;right:-6px;top:-6px;line-height:1;text-shadow:none;color:#37c8f7;background:#fff;border-radius:50%}.setting .watermark-setting .watermark-wrp .btn-wrp{text-align:center;padding-top:30px}.setting .watermark-setting .watermark-wrp .btn-wrp .bl-btn.cancel{margin-left:10px}.setting .watermark-setting .watermark-wrp .error-wrp{padding:50px 0;text-align:center}.setting .watermark-setting .watermark-wrp .error-wrp .error-text{padding:20px 0;font-size:14px;color:#e40c0c}.setting .follow-setting,.setting .public-setting{width:860px;height:60px;margin-top:16px;padding:19px;border:1px solid #d9d9d9}.setting .follow-setting.edit,.setting .public-setting.edit{height:auto}.setting .follow-setting .follow-wrp,.setting .public-setting .follow-wrp{padding-top:20px}.setting .follow-setting .follow-wrp .follow-modal,.setting .public-setting .follow-wrp .follow-modal{width:820px;margin:0 auto;border-radius:4px;background:#fff;margin-top:24px}.setting .follow-setting .follow-wrp .follow-modal .follow-show,.setting .public-setting .follow-wrp .follow-modal .follow-show{margin-top:24px}.setting .follow-setting .follow-wrp .follow-modal .follow-show p,.setting .public-setting .follow-wrp .follow-modal .follow-show p{margin-bottom:16px;color:#757575;font-size:14px}.setting .follow-setting .follow-wrp .follow-modal .follow-show .left-show,.setting .public-setting .follow-wrp .follow-modal .follow-show .left-show{width:464px;position:relative}.setting .follow-setting .follow-wrp .follow-modal .follow-show .left-show .horiz-screen,.setting .public-setting .follow-wrp .follow-modal .follow-show .left-show .horiz-screen{width:400px;height:225px}.setting .follow-setting .follow-wrp .follow-modal .follow-show .left-show .horiz-screen .horiz-img,.setting .public-setting .follow-wrp .follow-modal .follow-show .left-show .horiz-screen .horiz-img{width:100%;height:100%}.setting .follow-setting .follow-wrp .follow-modal .follow-show .left-show .horiz-screen .left-tag,.setting .public-setting .follow-wrp .follow-modal .follow-show .left-show .horiz-screen .left-tag{position:absolute;left:366px;bottom:4px;height:30px;width:30px;border-radius:50%}.setting .follow-setting .follow-wrp .follow-modal .follow-show .left-show .horiz-screen .left-tag img,.setting .public-setting .follow-wrp .follow-modal .follow-show .left-show .horiz-screen .left-tag img{border-radius:50%;width:100%;height:100%}.setting .follow-setting .follow-wrp .follow-modal .follow-show .right-show,.setting .public-setting .follow-wrp .follow-modal .follow-show .right-show{position:relative}.setting .follow-setting .follow-wrp .follow-modal .follow-show .right-show .vertical-screen,.setting .public-setting .follow-wrp .follow-modal .follow-show .right-show .vertical-screen{width:126px;height:225px}.setting .follow-setting .follow-wrp .follow-modal .follow-show .right-show .vertical-screen .vertical-img,.setting .public-setting .follow-wrp .follow-modal .follow-show .right-show .vertical-screen .vertical-img{width:100%;height:100%}.setting .follow-setting .follow-wrp .follow-modal .follow-show .right-show .vertical-screen .right-tag,.setting .public-setting .follow-wrp .follow-modal .follow-show .right-show .vertical-screen .right-tag{position:absolute;right:4px;bottom:4px;height:15px;width:15px;border-radius:50%}.setting .follow-setting .follow-wrp .follow-modal .follow-show .right-show .vertical-screen .right-tag img,.setting .public-setting .follow-wrp .follow-modal .follow-show .right-show .vertical-screen .right-tag img{border-radius:50%;width:100%;height:100%}.setting .follow-setting .follow-wrp .follow-modal .follow-show .fontvt,.setting .public-setting .follow-wrp .follow-modal .follow-show .fontvt{vertical-align:top;font-size:12px;z-index:100;background:#fff;border-radius:50%;height:12px;line-height:12px}.setting .follow-setting .follow-wrp .follow-modal .follow-show .icon-ic_follow,.setting .public-setting .follow-wrp .follow-modal .follow-show .icon-ic_follow{color:#ff7e9c}.setting .follow-setting .follow-wrp .follow-modal .follow-show .left-img,.setting .public-setting .follow-wrp .follow-modal .follow-show .left-img{position:absolute;left:385px;bottom:3px}.setting .follow-setting .follow-wrp .follow-modal .follow-show .right-img,.setting .public-setting .follow-wrp .follow-modal .follow-show .right-img{-webkit-transform:scale(.5);-ms-transform:scale(.5);position:absolute;right:0;bottom:-2px}.setting .public-setting{position:relative}.setting .public-setting .public-wrp:before{clear:both;content:" ";display:table}.setting .public-setting .dot{position:absolute;top:0;right:16px;top:16px;width:8px;height:8px;background:#fa5a57;border-radius:50%}.setting .public-setting .pos-right{right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute}.setting .public-setting .public-wrp{margin-top:36px}.setting .public-setting .public-wrp .title{padding:15px 0;font-size:14px;text-align:left}.setting .public-setting .public-wrp .setting-item{position:relative;padding-bottom:16px;font-size:14px;color:#000;display:-webkit-box;display:-webkit-flex;display:flex}.setting .public-setting .public-wrp .setting-item label{margin-left:6px}.setting .public-setting .public-wrp .setting-item input[type=radio]{margin:3px 3px 0 5px;display:none}.setting .public-setting .public-wrp .setting-item .circle-wrap{width:16px;height:16px;border-radius:50%;border:1px solid #99a2aa;position:relative;background:#fff;top:2px}.setting .public-setting .public-wrp .setting-item .circle-wrap.active{border:1px solid #00a1d6}.setting .public-setting .public-wrp .setting-item .circle-wrap .circle-inlie{width:8px;height:8px;background:#00a1d6;border-radius:50%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.setting .public-setting .public-wrp .button-wrap{text-align:center}.setting .public-setting .public-wrp .button-wrap .btn-text{height:28px;display:inline-block;line-height:28px;text-align:center;cursor:pointer;border-radius:4px;padding:0 10px;box-sizing:border-box;margin-right:18px;font-size:12px;border:0 none}.setting .public-setting .public-wrp .button-wrap .btn-text.ok{color:#fff;background:#00a1d6}.setting .public-setting .public-wrp .button-wrap .btn-text.ok.is-disable{background:#99a2aa;color:#ecf1f5;cursor:not-allowed}.setting .watermark-switcher{color:#99a2aa}.setting .watermark-switcher span{font-size:14px;color:#222}.setting .watermark-switcher .switcher-padding{display:inline-block;width:5px}.setting .watermark-switcher .switcher-tip{font-size:14px;height:14px;line-height:14px;margin-top:10px;color:#757575}.setting .section-title{float:left;font-size:16px;color:#222}.setting .section-title span{color:#99a2aa}.setting .section-edit{float:right;font-size:16px;color:#00a1d6;cursor:pointer}.setting .auto-reply-setting{width:860px;height:60px;margin-top:16px;padding:19px;border:1px solid #d9d9d9;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:16px}.setting .auto-reply-setting .section-title{color:#222}.setting .auto-reply-setting .section-operate{color:#00a1d6;cursor:pointer}.note-setting-wrp{margin-top:44px;font-size:14px}.note-setting-wrp .note-setting-tip{font-size:14px;line-height:20px;margin-top:10px;color:#757575}.note-setting-wrp .note-setting-img{width:100%;margin-top:10px}