/**!
* 更多
* date:2019-12-31
* author: huangweiping;
*/

.banner-wrap {
    height: 171px;
}

.banner-wrap>p {
    width: 1200px;
    margin: 0 auto;
    font-size: 43px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    padding-top: 25px;
}

.person.banner-wrap {
    background: url("../images/adminpermit2/person-banner.jpg") no-repeat center;
    background-size: 1920px 171px;
}

.company.banner-wrap {
    background: url("../images/adminpermit2/company-banner.jpg") no-repeat center;
    background-size: 1920px 171px;
}

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

.deal-list {
    padding-top: 53px;
    margin-right: -88px;
    padding-left: 80px;
}

.deal-list > li {
    float: left;
    margin: 0 88px 30px 0;
    /* box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); */
    width: 102px;
}

.deal-list > li > a {
    position: relative;
    display: block;
    height: 165px;
    text-align: center;
    overflow: hidden;
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}

.deal-list > li:hover .icon-wrap::before {
    animation: rotate 2s;
}

.icon-wrap {
    position: relative;
    height: 104px;
    line-height: 104px;
    text-align: center;
}

.icon-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/home-index/pie-bg.png") no-repeat;
    z-index: 0;
}

.icon-wrap > img {
    position: relative;
    /* width: 55px;
    height: 55px; */
    vertical-align: middle;
    z-index: 3;
    margin-top: -2px;
}

.deal-name {
    display: block;
    font-size: 16px;
    margin-top: 22px;
}

.deal-ho {
    position: absolute;
    height: 156px;
    width: 198px;
    left: -198px;
    top: 0;
    background-color: #22aaf6;
    right: 0;
    transition: all 0.4s;
}

.deal-ho .deal-name {
    color: #fff;
}

.deal-list > li > a:hover .deal-ho {
    left: 0;
    transition: all 0.4s;
}