.headclass {
    width: auto;
    height: 72px;
    margin-left: auto;
    margin-right: auto;
}

.headclass {
    background-color: #FFFFFF;
    color: rgba(0, 0, 0, 0.85);;
}

.dark .headclass {
    background-color: #333333;
    color: rgba(255, 255, 255, 0.85);
}

.iServerLogo {
    width: 110px;
    background-image: url(images/menu/newpage/logo.svg);
}

.headlogo_white {
    height: 48px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 40px;
    float: left;
}

.dark .iServerLogo {
    background-image: url(images/menu/newpage/dark/logo.svg);
}

.headclass .headMenus {
    width: auto;
    height: 72px;
    float: left;
    text-align: left;
    margin-left: 42px;
}

.headMenus ul {
    float: left;
    padding: 0px
}

.headMenus .subHeadMenu {
    float: left;
    width: auto;
    height: 72px;
    line-height: 72px;
    margin-left: 20px;
    margin-right: 20px;
    list-style-type: none;
    font-size: 16px;
}

.headMenus .subHeadMenu a {
    font-size: 16px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.85);
}

.dark .headMenus .subHeadMenu a {
    color: rgba(255, 255, 255, 0.85);
}

.headMenus .subHeadMenu a:hover {
    color: rgba(255, 72, 62, 0.85);
}

.subHeadMenu .new {
    margin-right: 1px;
}

.headclass .headMenus .services a{
    color: rgba(255, 72, 62, 0.85) !important;
}

.dark .headclass .headMenus .services a{
    color: rgba(224, 76, 64, 0.85) !important;
}

.headclass .openclose {
    width: 10px;
    height: 72px;
    /*margin-left: 8px;*/
    vertical-align: middle;
}

.headclass .head_right {
    height: 72px;
    width: auto;
    float: right;
}

.headclass .head_right #language {
    height: 72px;
    margin-right: 16px;
    display: inline-block;
}

.headclass .head_right #language .btnSample:hover {
    color: rgba(255, 72, 62, 0.85)
}

.headclass .head_right #theme {
    height: 72px;
    margin-right: 16px;
    display: inline-block;
}

.headclass .themesvg {
    width: 20px;
    height: 20px;
    margin-left: 8px;
    vertical-align: middle;
}

.headclass .head_right .btn-group > .btn:first-child {
    font-size: 16px;
    font-family: "微软雅黑";
}

.headclass .head_right .divider {
    height: 16px;
    margin-right: 16px;
    /*margin-bottom: 2px;*/
    vertical-align: middle;
    display: inline-block;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    line-height: 72px;
}

.dark .headclass .head_right .divider {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.btn-login {
    display: inline-block;
    margin-right: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: "微软雅黑";
    background-color: transparent;
    width: 74px;
    height: 32px;
    border-radius: 4px;

    color: rgba(0, 0, 0, 0.85);
    border: 1px solid rgba(0, 0, 0, 0.25);
}

.dark .btn-login {
    color: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.btn-login:hover {
    color: rgba(255, 72, 62, 0.85);
    border: 1px solid rgba(255, 72, 62, 0.85);
}

.dark .btn-login:hover {
    color: rgba(224, 76, 64, 0.85);
    border: 1px solid rgba(224, 76, 64, 0.85);
}

.btnSample {
    padding: 0px;
    border: none;
    height: 72px;
    line-height: 72px;
}

.btnSample.active, .btnSample:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dark .headclass .head_right #theme .btnSample:hover {
    color: rgba(224, 76, 64, 0.85);
}

.dropdown-menu {
    min-width: 100px;
    margin-left: -15px;
    margin-top: -20px;
    background-color: #FFFFFF;
}

.dropdown-menu > li > a {
    text-align: left;
    padding: 8px 13px;
    height: 40px;
    color: rgba(0, 0, 0, 0.85);
}

.dark .dropdown-menu {
    background-color: #333333;
}

.dark .dropdown-menu > li > a {
    color: rgba(255, 255, 255, 0.85);
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: rgba(255, 72, 62, 0.85);
    background-color: rgba(0, 0, 0, 0.04);
    border-color: rgba(255, 72, 62, 0.85);
}

.dark .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: rgba(224, 76, 64, 0.85);
    background-color: rgba(255, 255, 255, 0.04);
    border-color: rgba(224, 76, 64, 0.85);
}

.btn-group {
    float: left;
    height: 72px;
}

.headclass .head_right .btn-group > .btn:first-child {
    color: rgba(0, 0, 0, 0.85);
}

.dark .headclass .head_right .btn-group > .btn:first-child {
    color: rgba(255, 255, 255, 0.85);
}

.foot {
    width: 100%;
    height: auto;
    line-height: auto;
    float: left;
}

.foot {
    background-color: #F2F2F2;
}

.dark .foot {
    background-color: #1F1F1F;
}

#footer {
    background-color: #FFFFFF !important;
    margin-top: 16px !important;
}

.dark #footer {
    background-color: #333333 !important;
}

#footer p {
    color: rgba(0, 0, 0, 0.45) !important;
}

.dark #footer p {
    color: rgba(255, 255, 255, 0.45) !important;
}

#footer a {
    color: rgba(0, 0, 0, 0.45) !important;
}

.dark #footer a {
    color: rgba(255, 255, 255, 0.45) !important;
}

@media screen and (max-width:991px){
    .headMenus .subHeadMenu{
        margin-left:16px;
        margin-right:16px;
    }
    .headclass .headMenus{
        width:auto;
        height:72px;
        float:left;
        text-align:left;
        margin-left: 0px;
    }
    .headclass .headlogo_white {
        margin-left: 24px;
    }

    .btn-login {
        margin-right: 0px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .headMenus .subHeadMenu {
        margin-left: 16px;
        margin-right: 16px;
    }

    .headclass .headMenus {
        width: auto;
        height: 72px;
        float: left;
        text-align: left;
        margin-left: 42px;
    }
}