.supplierPage{width:100%}.supplierPage .supplier-name-cell{line-height:20px}.supplierPage .supplier-name-cell .supplier-name{font-weight:600;color:#17233d}.supplierPage .supplier-name-cell .supplier-code{margin-top:2px;font-size:12px;color:#808695}.supplierPage .api-status-tag{min-width:58px;text-align:center}.supplierPage .container{width:100%}.supplierPage .container .bar{width:100%;display:flex;flex-wrap:wrap;line-height:55px;align-items:center;justify-content:start}.supplierPage .container .bar .flexItem{margin-right:5px}.supplierPage .container .bar .flexItem .small{width:100px}.supplierPage .container .bar .flexItem .median{width:200px}.supplierPage .container .bar .flexItem .large{width:300px}.supplierPage .container .bar .flexItem .btn i{position:relative;top:-3px;margin-right:5px}.forms .form{width:100%}.forms .form .api-card{margin:18px 0;padding:18px 20px 8px;border:1px solid #dcdee2;border-radius:6px;background:linear-gradient(180deg,#f8fbff,#fff)}.forms .form .api-card .api-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid #e8eaec}.forms .form .api-card .api-card-title{font-size:16px;font-weight:600;color:#17233d}.forms .form .api-card .api-card-desc{margin-top:4px;font-size:12px;color:#808695}.forms .form .api-card .api-item{margin:8px 0}.forms .form .api-card .api-date{width:260px}.forms .form .api-card .api-disabled-tip{margin-top:8px;font-size:12px;color:#ed4014}.forms .form .api-card .api-permission-list{display:flex;flex-wrap:wrap;gap:8px}.forms .form .api-card .api-permission-item{padding:5px 12px;margin-right:0;border:1px solid #dcdee2;border-radius:16px;background:#fff}.forms .form .api-card .api-token-input{max-width:720px}.forms .form .api-card .api-action{padding:6px 0 8px 160px;margin-bottom:0}.forms .form .line{margin:30px 0 10px 0}.forms .form .label{font-size:16px;margin:5px;display:flex;justify-content:space-between}.forms .form .item{margin:5px}.forms .form .select .selectItem{display:flex;align-items:center;justify-content:start}.forms .form .select .selectItem .img{width:40px;height:40px;background-size:cover;background-repeat:no-repeat;background-position:top;border-radius:50%}.forms .form .select .selectItem .label{margin:0 10px}.forms .form .textarea{border:1px solid #ddd;border-radius:0}.forms .form .button{width:100%;padding:30px 80px;text-align:right}.forms .form .button button{margin-right:5px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rotation{animation:spin 2s linear infinite}