22

✏️ Editing: payment_settings.css

.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.horizontal-collapse-transition{transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-menu{background-color:#fff;border-right:1px solid #e6e6e6;list-style:none;margin:0;padding-left:0;position:relative}.el-menu:after,.el-menu:before{content:"";display:table}.el-menu:after{clear:both}.el-menu.el-menu--horizontal{border-bottom:1px solid #e6e6e6}.el-menu--horizontal{border-right:none}.el-menu--horizontal>.el-menu-item{border-bottom:2px solid transparent;color:#909399;float:left;height:60px;line-height:60px;margin:0}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover{background-color:#fff}.el-menu--horizontal>.el-submenu{float:left}.el-menu--horizontal>.el-submenu:focus,.el-menu--horizontal>.el-submenu:hover{outline:0}.el-menu--horizontal>.el-submenu:focus .el-submenu__title,.el-menu--horizontal>.el-submenu:hover .el-submenu__title{color:#303133}.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{border-bottom:2px solid #409eff;color:#303133}.el-menu--horizontal>.el-submenu .el-submenu__title{border-bottom:2px solid transparent;color:#909399;height:60px;line-height:60px}.el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:#fff}.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow{margin-left:8px;margin-top:-3px;position:static;vertical-align:middle}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-submenu__title{background-color:#fff;color:#909399;float:none;height:36px;line-height:36px;padding:0 10px}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{color:#303133}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{color:#303133;outline:0}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid #409eff;color:#303133}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-]{margin:0;text-align:center;vertical-align:middle;width:24px}.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-submenu>.el-submenu__title span{display:inline-block;height:0;overflow:hidden;visibility:hidden;width:0}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-submenu{min-width:200px}.el-menu--collapse .el-submenu{position:relative}.el-menu--collapse .el-submenu .el-menu{border:1px solid #e4e7ed;border-radius:2px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);left:100%;margin-left:5px;position:absolute;top:0;z-index:10}.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{transform:none}.el-menu--popup{border:none;border-radius:2px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);min-width:200px;padding:5px 0;z-index:100}.el-menu-item,.el-submenu__title{line-height:56px;list-style:none;padding:0 20px;position:relative;white-space:nowrap}.el-menu--popup-bottom-start{margin-top:5px}.el-menu--popup-right-start{margin-left:5px;margin-right:5px}.el-menu-item{box-sizing:border-box;color:#303133;cursor:pointer;font-size:14px;height:56px;transition:border-color .3s,background-color .3s,color .3s}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:#909399}.el-menu-item:focus,.el-menu-item:hover{background-color:#ecf5ff;outline:0}.el-menu-item.is-disabled{background:0 0!important;cursor:not-allowed;opacity:.25}.el-menu-item [class^=el-icon-]{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:24px}.el-menu-item.is-active{color:#409eff}.el-menu-item.is-active i{color:inherit}.el-submenu{list-style:none;margin:0;padding-left:0}.el-submenu__title{box-sizing:border-box;color:#303133;cursor:pointer;font-size:14px;height:56px;transition:border-color .3s,background-color .3s,color .3s}.el-submenu__title *{vertical-align:middle}.el-submenu__title i{color:#909399}.el-submenu__title:focus,.el-submenu__title:hover{background-color:#ecf5ff;outline:0}.el-submenu__title.is-disabled{background:0 0!important;cursor:not-allowed;opacity:.25}.el-submenu__title:hover{background-color:#ecf5ff}.el-submenu .el-menu{border:none}.el-submenu .el-menu-item{height:50px;line-height:50px;min-width:200px;padding:0 45px}.el-submenu__icon-arrow{font-size:12px;margin-top:-7px;position:absolute;right:20px;top:50%;transition:transform .3s}.el-submenu.is-active .el-submenu__title{border-bottom-color:#409eff}.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow{transform:rotate(180deg)}.el-submenu.is-disabled .el-menu-item,.el-submenu.is-disabled .el-submenu__title{background:0 0!important;cursor:not-allowed;opacity:.25}.el-submenu [class^=el-icon-]{font-size:18px;margin-right:5px;text-align:center;vertical-align:middle;width:24px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{color:#909399;font-size:12px;line-height:normal;padding:7px 0 7px 20px}.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow{opacity:0;transition:.2s}

.ff_pre_settings_wrapper{background:#f1f1f1;border-radius:20px;margin:50px auto;max-width:800px;padding:20px 50px 50px;text-align:center}.ff_pre_settings_wrapper h2{font-size:26px;line-height:36px;margin-bottom:10px}.ff_pre_settings_wrapper p{font-size:16px;margin-bottom:20px}.ff_payment_wrapper .el-tabs--border-card>.el-tabs__content{padding:45px}.ff_payment_sub_section{background:#f2f2f2;border-radius:8px;padding:20px 30px}.ff_connect_ok{background:#f0f9eb;border-left:5px solid #67c23a}.ff_connect_ok,.ff_connect_require{border-radius:5px;margin-bottom:20px;padding:15px 20px}.ff_connect_require{background:#fcf4e6;border-left:5px solid #ff6154}.ff_connect_require img{max-width:200px}.ff_pay_navigation{border-bottom:1px solid #e4e7ec;display:block;margin-bottom:20px;width:100%}.ff_pay_navigation li{cursor:pointer;display:inline-block;font-size:14px;font-weight:500;margin:0;padding-bottom:15px;position:relative}.ff_pay_navigation li:not(:last-child){margin-right:20px}.ff_pay_navigation li:after{background-color:#1a7efb;bottom:-1px;content:"";height:2px;left:0;position:absolute;transition:.3s;width:0}.ff_pay_navigation li.ff_active{color:#1a7efb}.ff_pay_navigation li.ff_active:after{width:100%}.el-menu-demo{background-color:transparent}.el-menu-demo.el-menu--horizontal{border-bottom:0}.el-menu-demo.el-menu--horizontal>.el-menu-item{border-bottom:0;border-radius:6px;color:#606266;display:block;float:none;height:auto;line-height:inherit;margin-bottom:10px;padding:8px 14px}.el-menu-demo.el-menu--horizontal>.el-menu-item.is-active,.el-menu-demo.el-menu--horizontal>.el-menu-item:hover{background-color:#ddddde;color:#1e1f21}.el-tabs__item{color:#606266;font-weight:400;height:auto;line-height:inherit;padding-bottom:15px;padding-left:15px;padding-right:15px}.el-tabs__nav-wrap:after{height:1px}.ff_method_settings_form h2{font-size:18px;margin-bottom:6px}.ff_method_settings_form p:not(.text-note){margin-bottom:15px}

MR SKB