@font-face {
    font-family: 'PangMenZhengDao';
    src: url("PangMenZhengDaoBiaoTiTi-1.ttf");
    font-stretch: normal;
    font-weight: 400;
}

:root {
    --alloy-core-width: 1200px;
}

body {
    font-size: 14px;
    font-family: Microsoft YaHei;
}

a {
    color: inherit;
    outline: none;
    text-decoration: none;
}

/*去除交互状态a标签的下划线*/
a:link, a:visited, a:hover, a:active, a:focus {
    text-decoration: none;
}

div {
    box-sizing: border-box;
}

.flex1 {
    flex: 1;
}

.red {
    background-color: red;
}

.alloy-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.alloy-index-btn {
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    background: #4689F6; /* 针对不支持渐变的浏览器 */
    background: -webkit-linear-gradient(left, #4689F6, #377CEE);
    background: -o-linear-gradient(right, #4689F6, #377CEE);
    background: -moz-linear-gradient(right, #4689F6, #377CEE);
    background: linear-gradient(to right, #4689F6, #377CEE);
}

/*区域样式, 上下左右居中*/
.alloy-top, .alloy-nav, .alloy-focus, .alloy-enter, .alloy-news, .alloy-lab, .alloy-link, .alloy-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--alloy-core-width);
}

/*核心域样式*/
.alloy-top-core, .alloy-nav-core, .alloy-focus-core, .alloy-enter-core, .alloy-news-core, .alloy-lab-core, .alloy-link-core, .alloy-footer-core {
    width: var(--alloy-core-width);
    min-width: var(--alloy-core-width);
    display: flex;
}

/* 顶部  顶部  顶部  顶部  顶部  顶部  顶部  顶部 */
.alloy-top {
    background-color: #111111;
}

.alloy-top-core {
    height: 25px;
    align-items: center;
}

.alloy-top-lang {
    color: #C6C6C6;
    font-size: 12px;
}


/* 导航头区  导航头区  导航头区  导航头区  导航头区  导航头区  导航头区  导航头区 */

.alloy-nav {
    background-color: #FFFFFF;
}

.alloy-nav-core {
    height: 74px;
    align-items: center;
}

.alloy-nav-title {
    display: flex;
    padding-right: 45px;
}

.alloy-nav-logo {
    width: 40px;
    height: 40px;
}

.alloy-nav-title-txt {
    font-family: PangMenZhengDao;
    padding: 0px 16px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    color: #253554;
}

.alloy-nav-items {
    display: flex;
}

.alloy-nav-item {
    height: 75px;
    margin-right: 60px;
    display: flex;
    align-items: center;
    border-bottom: #FFFFFF solid 3px;
    cursor: pointer;
    color: #707172;
    font-size: 14px;
}

.alloy-nav-item-active, .alloy-nav-item:hover {
    color: #387BEC;
    border-bottom: #387BEC solid 3px;
}

.alloy-nav-search {
    display: flex;
    padding: 0px 15px;
    position: relative;
}

.alloy-nav-search-input {
    background-color: #F8F9FB;
    border: none;
    width: 225px;
    height: 40px;
    padding: 0px 20px;
    outline: none;
    box-sizing: border-box;
}

/*首页搜索栏放大镜*/
.alloy-nav-search-icon {
    width: 18px;
    height: 16px;
    position: absolute;
    right: 35px;
    top: 12px;
    cursor: pointer;
}

.alloy-nav-person {
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.alloy-nav-person-header {
    width: 28px;
    height: 28px;
    border-radius: 14px;
}

.alloy-nav-person-info {
    padding-left: 10px;
    color: #5D6574;
    font-weight: 400;
}


/* 焦点区域  焦点区域  焦点区域  焦点区域  焦点区域  焦点区域  焦点区域  焦点区域 */
.alloy-focus {
    /*background-color: #E9F3FF;*/
    background: url("/static/images/login/focus-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.alloy-focus-core {
    height: 620px;

}

.alloy-focus-core-left {
    width: 450px;
    height: auto;
    display: flex;
    /*垂直居中*/
    align-items: center;
}

.alloy-focus-core-desc {
    /*border: #387BEC 1px solid;*/
}

.alloy-focus-core-desc-1 {
    font-family: Bahnschrift;
    font-size: 20px;
    line-height: 1;
    font-weight: Light SemiCondensed;
    color: #5D6574;
}

.alloy-focus-core-desc-2 {
    width: 18px;
    height: 4px;
    background: rgba(55, 124, 238, 1);
    margin-top: 20px;
    margin-bottom: 20px;
}

.alloy-focus-core-desc-3, .alloy-focus-core-desc-4 {
    font-family: Microsoft YaHei;
    color: #253554;
    font-weight: 400;
    font-size: 60px;
    line-height: 1;
    height: 60px;
}

.alloy-focus-core-desc-4 {
    margin-top: 7px;
}

.alloy-focus-core-desc-5 {
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400;
    color: #5D6574;
    line-height: 30px;
    vertical-align: top;
    margin-top: 37px;
}

.alloy-focus-core-more {
    margin-top: 80px;
    width: 215px;
    height: 70px;
    background: #4689F6; /* 针对不支持渐变的浏览器 */
    background: -webkit-linear-gradient(left, #4689F6, #377CEE);
    background: -o-linear-gradient(right, #4689F6, #377CEE);
    background: -moz-linear-gradient(right, #4689F6, #377CEE);
    background: linear-gradient(to right, #4689F6, #377CEE);
    /*line-height: 70px;*/
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.alloy-focus-core-more-icon {
    width: 20px;
    height: 28px;
    vertical-align: center;
}

.alloy-focus-core-more-text {
    vertical-align: center;
    padding-left: 20px;
}

/*入口*/
/*入口*/
.alloy-enter {
    background-color: #FFFFFF;
    border-bottom: #F7F7F7 solid 1px;
}

.alloy-enter-core {
    height: 170px;
    align-items: center;
    justify-content: space-around;
    opacity: 0.9;
}

.alloy-enter-core-item {
    width: 90px;
}

.alloy-enter-core-item-title {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #5D6574;
    line-height: 1;
    margin-top: 21px;
}

/*副文案*/
.alloy-enter-core-item-sub {
    font-family: Arial;
    font-size: 10px;
    color: #B0B8C8;
    text-align: center;
    margin-top: 12px;
    line-height: 1;
}

.alloy-enter-core-item-icon {
    text-align: center;
    line-height: 1;
}

.alloy-enter-core-item-icon > img {
    max-width: 36px;
    height: 36px;
}


/*数据库动态*/
/*数据库动态*/
.alloy-news {
    padding: 50px 0px;
}

.alloy-news-core {
    border: #EFF1F1 solid 1px;
    flex-direction: column;
    padding: 50px;
}

.alloy-news-core-title {
    font-size: 46px;
    font-weight: 300;
    color: #377CEE;
    line-height: 1;
    text-align: center;
}

.alloy-news-core-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 19px;
}

.alloy-news-core-icon-line {
    background-color: #C9E2F4;
    width: 90px;
    height: 1px;
}

.alloy-news-core-icon-img {
    padding: 0px 9px;
    width: 39px;
    height: 21px;
}

.alloy-news-core-icon-img > img {
    width: 21px;
    height: 21px;
}

.alloy-news-core-sub {
    font-family: Arial;
    font-size: 10px;
    color: #B0B8C8;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    margin-top: 10px;
}

.alloy-news-core-content {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.alloy-news-core-content-logo {
    width: 450px;
    height: 450px;
}

.alloy-news-core-content-logo > img {
    width: 450px;
    height: 450px;
}

.alloy-news-core-content-list {
    width: 458px;
}

.alloy-news-core-content-query {
    width: 151px;
}

/*数据库动态项*/
.alloy-news-core-content-item {
    height: 50px;
    display: flex;
    align-items: center;
    line-height: 1;
    background-color: #F6F9FB;
}

.alloy-news-core-content-item:nth-child(add) {
    background-color: #F6F9FB;
}

.alloy-news-core-content-item:nth-child(even) {
    background-color: #FBFDFD;
}

.alloy-news-core-content-item-icon {
    width: 50px;
    text-align: center;
}

.alloy-news-core-content-item-icon > img {
    width: 12px;
    height: 14px;
}

.alloy-news-core-content-item-title {
    flex: 1;
    color: #5D6574;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}

.alloy-news-core-content-item-time {
    width: 150px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #B0B8C8;
}

.alloy-news-core-content-query {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 1;
}

.alloy-news-core-content-query-db, .alloy-news-core-content-query-model {
    height: 215px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 12px;
    border: #F3F7FA solid 1px;
    background-color: #FFFFFF;
}

.alloy-news-core-content-query-icon {
    width: 125px;
    height: 108px;
}

.alloy-news-core-content-query-db {

}

.alloy-news-core-content-query-model {

}

.alloy-news-core-content-query-title {
    font-size: 18px;
    font-weight: 400;
    color: #253554;
    padding-top: 5px;
}

.alloy-news-core-content-query-sub {
    font-family: Arial;
    font-size: 10px;
    font-weight: 400;
    color: #B0B8C8;
    padding-top: 12px;
}


/*实验室*/
/*实验室*/
/*实验室*/
.alloy-lab {
    background: url("/static/images/login/lab-bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.alloy-lab-core {
    height: 194px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.alloy-lab-core-logo, .alloy-lab-core-logo > img {
    width: 80px;
    height: 80px;
    border-radius: 40px;
}

.alloy-lab-core-name {
    padding-left: 20px;
}

.alloy-lab-core-name-cn {
    font-size: 40px;
    font-weight: 300;
    color: #253554;
}

.alloy-lab-core-name-en {
    font-size: 10px;
    font-weight: 400;
    color: #B0B8C8;
    padding-top: 19px;
}

.alloy-lab-core-btn {
    margin-left: 89px;
    width: 153px;
    height: 50px;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
}


/*友情链接*/
/*友情链接*/
/*友情链接*/
.alloy-link {
    background-color: #F7FAFF;
}

.alloy-link-core {
    justify-content: space-between;
    height: 300px;
    padding-top: 48px;
    line-height: 1;
}

.alloy-link-core-title {
    font-size: 16px;
    color: #5D6574;
    margin-bottom: 28px;
}

.alloy-link-core-item {
    font-size: 14px;
    color: #9CA6BC;
    margin-bottom: 23px;
}


/*底部*/
/*底部*/
/*底部*/
.alloy-footer {
    background-color: #F7FAFF;
}

.alloy-footer-core {
    border-top: #E4EFF8 solid 1px;
    font-size: 14px;
    color: #9CA6BC;
    line-height: 52px;
    justify-content: center;
}


.alloy-login-bg {
    background: url("/static/images/login/login-bg.png");
}

.alloy-login-main {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    min-width: 1200px;
}

.alloy-login-left {
    background: url("/static/images/login/login-left.png");
    width: 671px;
    height: 700px;
}

.alloy-login-right {
    width: 528px;
    height: 700px;
    padding: 40px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}

.alloy-login-right-title {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.alloy-login-right-title-icon {
    width: 34px;
    height: 34px;
}

.alloy-login-right-title-text, .alloy-login-right-title-sub {
    font-family: "PingFang SC";
    font-weight: 900;
    color: #333333;
    padding-left: 20px;
}

.alloy-login-right-title-text {
    font-size: 46px;
}

.alloy-login-right-title-sub {
    font-size: 14px;
    padding-top: 32px;
}

.alloy-login-right-form {
    margin-top: 60px;
    flex: 1;
}

.alloy-login-right-form-item {
    margin-bottom: 20px;
}

.alloy-login-right-form-title {
    font-family: "Microsoft YaHei";
    font-weight: 400;
    font-size: 14px;
    color: #757575;
    padding-bottom: 10px;
}

.alloy-login-right-form-input {
    width: 100%;
    height: 60px;
    padding: 20px;
    line-height: 20px;
    box-sizing: border-box;
    background-color: #F6F7F9;
    border: none;
    outline: none;
}

.alloy-login-right-forget {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #757575;
}

.alloy-login-right-forget > img {
    width: 22px;
    height: 22px;
}

.alloy-login-right-btn {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}

.alloy-login-right-form-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}