/**!
* 破产事务查询
* date:2023-06-21
* author: qxy
*/

@font-face {
    font-family: 'PangMenZhengDao';
    src: url('./fonts/PangMenZhengDao/PangMenZhengDao.woff') format('woff'),
        url('./fonts/PangMenZhengDao/PangMenZhengDao.ttf') format('truetype'),
        url('./fonts/PangMenZhengDao/PangMenZhengDao.eot') format('embedded-opentype');
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.banner {
    height: 622px;
    padding-top: 186px;
    background: url('../images/banner.jpg') center 0 no-repeat;
}

.banner-main {
    display: flex;
    justify-content: space-between;
}

.bankrupt-title {
    letter-spacing: 0.125em;
    font-family: 'PangMenZhengDao';
    line-height: 59px;
    font-size: 59px;
    color: #fff;
    text-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

.bankrupt-list {
    display: flex;
}

.bankrupt-item + .bankrupt-item {
    margin-left: 34px;
}

.bankrupt-link {
    display: block;
    width: 240px;
    height: 280px;
    padding-top: 48px;
    text-align: center;
    line-height: 29px;
    letter-spacing: -0.01em;
    font-size: 24px;
    border: 10px solid rgba(255, 255, 255, 0.23);
    box-shadow: 0px 4px 20px rgba(22, 20, 73, 0.06);
}

.bankrupt-link.query {
    background-image: linear-gradient(125.34deg, #dbf4ff 15.53%, #caefff 96.93%);
}

.bankrupt-link.qyzxdj {
    background-image: linear-gradient(125.34deg, #dbf4ff 15.53%, #caefff 96.93%);
}

.bankrupt-link.result {
    background-image: linear-gradient(154.11deg, #fdfcff -43.72%, #e0e7ff 96.45%);
}

.bankrupt-ico {
    z-index: 1;
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin-bottom: 27px;
    vertical-align: top;
    border: 1px solid transparent;
    border-radius: 50%;
    transition: all ease 200ms;
}

.bankrupt-ico::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.bankrupt-ico::after {
    z-index: -1;
    position: absolute;
    top: 4px;
    left: 47px;
    content: '';
    width: 133px;
    height: 171px;
    background-size: 100% 100%;
}

.bankrupt-ico img {
    z-index: 2;
    position: relative;
    vertical-align: middle;
}

.bankrupt-link.query .bankrupt-ico::before {
    background: linear-gradient(180deg, #c9eefe 0%, #e9f7fe 100%);
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(255, 254, 254, 0.25);
}

.bankrupt-link.qyzxdj .bankrupt-ico::before {
    background: linear-gradient(180deg, #c9eefe 0%, #e9f7fe 100%);
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(255, 254, 254, 0.25);
}

.bankrupt-link.query .bankrupt-ico::after {
    background-image: url('../images/bankrupt-decorate1.png');
}

.bankrupt-link.qyzxdj .bankrupt-ico::after {
    background-image: url('../images/bankrupt-decorate1.png');
}

.bankrupt-link.result .bankrupt-ico::before {
    line-height: 110px;
    background: linear-gradient(162.97deg, #c9cefe -19.15%, #f5f8ff 88.28%);
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.04), 0px 4px 12px rgba(255, 255, 255, 0.04);
}

.bankrupt-link.result .bankrupt-ico::after {
    background-image: url('../images/bankrupt-decorate2.png');
}

.bankrupt-link.query:hover .bankrupt-ico {
    border: 1px solid #0495f7;
}

.bankrupt-link.qyzxdj:hover .bankrupt-ico {
    border: 1px solid #0495f7;
}

.bankrupt-link.result:hover .bankrupt-ico {
    border: 1px solid #3515f7;
}