#cloud{
    background: url("/img/common/cloud.jpg") center no-repeat;
    min-height: 90vh;
    width: 100%;
    background-size:cover;
    overflow: hidden;

    padding: 0;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, opensans, Optima, "Microsoft Yahei", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 标签页 */
.query_content{
    margin: 200px auto auto;
    width:45vw;
}

.nav-tabs {
    border-color: #fff;
}

.nav-tabs .nav-link {
    color: #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background-color: rgb(241, 84, 34);
    padding:7px 25px;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: #fff;
    background-color: rgb(243, 116, 76);
    border-color:rgb(243, 116, 76);
}

.nav-tabs .nav-link.active {
    color: rgba(0, 81, 140, 1);
    background-color: #fff;
    border-color: #fff;
}


.nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.tab-content{
    background: #fff;
    padding:20px 25px;
}

.tab-content > .tab-pane {
    padding: 20px 0 0 0;
    overflow: inherit !important;
}



/**
登录
 */

.user_login{
    margin: 40px auto auto;
    width:30vw;
}


@media (max-width: 576px) { /* 小屏幕设备，例如手机 */

    .query_content{
        margin: 150px auto auto;
        width:90vw;
    }

    .user_login {
        margin: 20px auto auto;
        width: 50vw;
    }
}

@media (min-width: 577px) and (max-width: 992px) { /* 平板设备 */
    .query_content{
        margin: 150px auto auto;
        width:90vw;
    }

    .user_login {
        margin: 20px auto auto;
        width: 50vw;
    }
}