.api-page {
    padding-bottom: 50px;
}
.api-page .api-logo-box{
    color: #1e9dba;
    font-size: 24px;
    padding: 50px 0 40px;
    text-align: center;
}
.api-page .api-logo-box .api-logo-img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.api-page .api-form{
    background: url("../img/api-bg.jpg") no-repeat center;
    padding: 30px 0;
}
.api-page .api-form .container-fluid{
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
    line-height: 34px;
}

.radio-inline input[type=radio]{
  margin-top: 10px;
}
.api-page .api-btns{
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
}
.api-page .api-btns span {
    background: #1e9dba;
    background: linear-gradient(to bottom, #0fbbd8, #067db2);
}
.api-page .api-btns span:hover {
    background: #20a9d3;
}
.api-page .api-btns span + span{
    border-left: 1px solid #9ed1e2;
}
.api-page .api-link-box{
    background: #efefef;
    color: #cecece;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
}
.api-page .api-demo{
    border: 1px solid #c0cccc;
    margin-top: 15px;
    color: #000;
}
.api-page .api-demo>.container-fluid {
    text-align: center;
    padding: 20px 0;
}
.api-page .api-demo>.container-fluid + .container-fluid{
    border-top: 1px solid #c0cccc;
    margin: 0 15px;
}
.api-page .api-demo .api-demo-title {
    font-size: 22px;
}
.api-page .api-demo .api-demo-remark {
    font-size: 18px;
    padding-top: 10px;
}
.api-page .api-demo .api-error {
    font-size: 16px;
    line-height: 30px;
    border-right: 1px solid #c0cccc;
    border-bottom: 1px solid #c0cccc;
}
.api-page .api-demo .api-error .col-lg-6{
    padding: 5px;
    border-top: 1px solid #c0cccc;
    border-left: 1px solid #c0cccc;
    min-height: 40px;
}