body {
    padding: 20px;
    background-color: #fff;
}

main {
    margin-top: 8px;
}
@media (max-width: 768px) {
    /*没有设置.container类的宽度属性。这样当浏览器宽度小于768px时，.container框架的宽度为100%*/
    /*在这个区域使用.col-xs选择器*/
    .container {

    }
}

@media (min-width: 768px) {
    /*在这个区域使用.col-sm选择器*/
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    /*在这个区域使用.col-md选择器*/
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    /*在这个区域使用.col-lg选择器*/
    .container {
        width: 1170px;
    }
}
.track-card {
    margin: 14px 0;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.panel {
    padding: 15px 0;
    border-top: 1px solid #ccc;
}

.panel:first-child {
    border-top: none;
}

.btn {
    background-color: #ffecb5;
    outline: none;
}

.btn:hover, .btn:active {
    background-color: #eabe3d;
}

.btn:active, .btn:focus {
    outline: none;
    box-shadow: none !important;
}

.btn + .btn {
    /*margin-left: 18px;*/
}

#track-tab-content {
    padding-left: 0;
}

.app-info {
    line-height: 1.7;
}
#my-conf-form {
    margin: 14px 0;
}

#my-conf-form label {
    margin: 0px;
}

.input-item {
    /*max-width: 530px;*/
    padding: 4px 0;
    /*display: flex;*/
}


.input-label {
    width: 130px;
    padding: 0;
    background-color: #fff;
    border: 0;
    text-align: right;
}

.input-label-100 {
    width: 100px;
    padding: 0;
    background-color: #fff;
    border: 0;
    text-align: right;
}

.input-item .input-item-addon-set {
    cursor: pointer;
}


.json-conf-view {
    margin: 24px 0;
}

.track-form-group {
    width: 100%;
}

.track-form-group > .track-group-form-item {
    padding-right: 14px;
}

.track-form-commit {
    margin: 12px 0 0 130px;
}


.app-conf-view {
    margin: 14px 0;
}

.global-conf-view {
    margin: 14px 0;
}

.upload-host-card .input-label {
    width: 100px;
}
.host_set_item {
    margin: 8px 0;
}