.setting-page{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%;height:100%}.setting-page>div{width:calc(50% - 8px);height:100%;overflow:auto;border-radius:4px}.setting-page>div .card-name{padding:16px;font-size:16px;font-weight:700;display:flex;justify-content:space-between;border-bottom:1px solid #ccc}.setting-page>div .name-list>p{display:flex;justify-content:space-between;padding:16px;border-bottom:1px dashed #ccc;cursor:pointer}.setting-page>div .name-list .current-item,.setting-page>div .name-list>p:hover{background:#999}.setting-page>div .name-list .current-item i{color:#00b477}.setting-page>div .detail-info-container{position:relative;height:calc(100% - 57px);overflow:auto;padding:16px}.setting-page>div .detail-info-container .demo-spin-icon-load{animation:ani-demo-spin 1s linear infinite}@keyframes ani-demo-spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}