@font-face {
    font-family: "fz";
    src: url("../fonts/fz.eot");
    src: url("../fonts/fz.eot?#font-spider") format("embedded-opentype"),
        url("../fonts/fz.woff") format("woff"),
        url("../fonts/fz.ttf") format("truetype"),
        url("../fonts/fz.svg#fz") format("svg");
    font-weight: normal;
    font-style: normal;
}

#home {
    position: relative;
}

img {
    width: 100%;
    height: 100%;
}

#home .home-box .home-header {
    width: 100%;
}

.home-box .home-header .home-header-box {
    width: 100%;
    height: 152px;
    background: #fff;
    /* padding: 0 240px; */
    padding-top: 29px;
    box-sizing: border-box;
}

@media screen and (max-width:1280px) {
    .home-main .home-main-1 {
        padding-left: 3%;
        padding-right: 3%;
    }

    .home-box .home-header .home-header-box {
        padding-left: 3%;
        padding-right: 3%;
    }

    .header-box-bottom>.header-tab>.tab-item {
        margin-left: 14px;
        font-size: 16px;
    }

    .home-main-consult .consult-right-container>.right-middle {
        padding: 0 2px;
    }

    .consult-right-container>.right-middle>.submit-btn {
        width: 131px !important;
    }

    .home-main-manage {
        padding: 86px 3% 56px 3%;
    }

    .home-main-manage>.manage-container>.container-left {
        width: 880px;
        padding: 29px 30px 53px 30px;

    }

    .home-main-manage>.manage-container>.container-right {
        width: calc(100% - 880px);
        padding: 56px 12px 0 12px;
    }

    .home-main-basicIndicator>.basic-edu,
    .home-main-basicIndicator>.basic-age,
    .home-main-basicIndicator>.basic-certificate {
        padding: 0;
    }

    .home-main-basicIndicator>.basic-edu>.container-1 {
        padding: 0;
    }

    .home-main-basicIndicator .basic-edu .container-2 {
        padding: 0;
    }

    .home-main-bonus>.bonus-specific {
        padding: 0;
    }

    .home-main-basicIndicator .pic-container {
        width: 236px;
    }

    .minus-container>.minus-item .title {
        font-size: 17px
    }

    .minus-container>.minus-item .content {
        font-size: 14px;
    }

    .home-main-veto>.veto-container {
        padding: 0;
    }


    .home-main-service {
        padding: 52px 10% 42px 10%;
    }


}

@media screen and (min-width:1281px) and (max-width:1366px) {
    .home-main .home-main-1 {
        padding-left: 4.4%;
        padding-right: 4.4%;

    }

    .home-box .home-header .home-header-box {
        padding-left: 4.4%;
        padding-right: 4.4%;

    }

    .header-box-bottom>.header-tab>.tab-item {
        margin-left: 18px;
        font-size: 18px;

    }

    .home-main-consult .consult-right-container>.right-middle {
        padding: 0 10px;
    }

    .home-main-manage {
        padding: 86px 4.4% 56px 4.4%;
    }

    .home-main-manage>.manage-container>.container-left {
        width: 950px;
        padding: 29px 54px 53px 54px;

    }

    .home-main-manage>.manage-container>.container-right {
        width: calc(100% - 950px);
        padding: 56px 12px 0 12px;
    }

    .home-main-manage>.manage-container>.container-right {
        width: calc(100% - 950px);
        padding: 56px 12px 0 12px;
    }

    .home-main-basicIndicator>.basic-edu,
    .home-main-basicIndicator>.basic-age,
    .home-main-basicIndicator>.basic-certificate {
        padding: 0;
    }

    .home-main-basicIndicator>.basic-edu>.container-1 {
        padding: 0;
    }

    .home-main-basicIndicator .basic-edu .container-2 {
        padding: 0;
    }

    .home-main-bonus>.bonus-specific {
        padding: 0;
    }

    .home-main-basicIndicator .pic-container {
        width: 236px;
    }

    .minus-container>.minus-item .title {
        font-size: 18px
    }

    .minus-container>.minus-item .content {
        font-size: 15px;
    }

    .home-main-veto>.veto-container {
        padding: 0;
    }


    .home-main-service {
        padding: 52px 10% 42px 10%;
    }
}

@media screen and (min-width:1367px) and (max-width:1600px) {
    .home-main .home-main-1 {
        padding-left: 5.4%;
        padding-right: 5.4%;

    }

    .home-box .home-header .home-header-box {
        padding-left: 5.4%;
        padding-right: 5.4%;

    }

    .header-box-bottom>.header-tab>.tab-item {
        margin-left: 22px;
        font-size: 18px;
    }

    .home-main-consult .consult-right-container>.right-middle {
        padding: 0 38px;
    }

    .home-main-manage {
        padding: 86px 5.4% 56px 5.4%;
    }

    .home-main-manage>.manage-container>.container-left {
        width: 1021px;
        padding: 29px 54px 53px 54px;

    }

    .home-main-manage>.manage-container>.container-right {
        width: calc(100% - 1021px);
        padding: 56px 34px 0 34px;
    }

    .home-main-basicIndicator>.basic-edu,
    .home-main-basicIndicator>.basic-age,
    .home-main-basicIndicator>.basic-certificate {
        padding: 0 57px;
    }

    .home-main-basicIndicator>.basic-edu>.container-1 {
        padding: 0 57px;
    }

    .home-main-basicIndicator .basic-edu .container-2 {
        padding: 0 57px;
    }

    .home-main-basicIndicator .pic-container {
        width: 322px;
    }

    .home-main-bonus>.bonus-specific {
        padding: 0 57px;
    }

    .minus-container>.minus-item .title {
        font-size: 22px
    }

    .minus-container>.minus-item .content {
        font-size: 20px;
    }

    .home-main-veto>.veto-container {
        padding: 0 57px;
    }

    .home-main-service {
        padding: 52px 10% 42px 10%;
    }
}

@media screen and (min-width:1601px) and (max-width:1920px) {
    .home-main .home-main-1 {
        padding-left: 12.5%;
        padding-right: 12.5%;
    }

    .home-box .home-header .home-header-box {
        padding-left: 12.5%;
        padding-right: 12.5%;
    }

    .header-box-bottom>.header-tab>.tab-item {
        margin-left: 45px;
        font-size: 20px;
    }

    .home-main-consult .consult-right-container>.right-middle {
        padding: 0 58px;
    }

    .home-main-manage {
        padding: 86px 12.4% 56px 12.4%;
    }

    .home-main-manage>.manage-container>.container-left {
        width: 1021px;
        padding: 29px 54px 53px 54px;

    }

    .home-main-manage>.manage-container>.container-right {
        width: calc(100% - 1021px);
        padding: 56px 52px 0 52px;
    }

    .home-main-basicIndicator>.basic-edu,
    .home-main-basicIndicator>.basic-age,
    .home-main-basicIndicator>.basic-certificate {
        padding: 0 57px;
    }

    .home-main-basicIndicator .pic-container {
        width: 322px;
    }

    .home-main-bonus>.bonus-specific {
        padding: 0 57px;
    }

    .minus-container>.minus-item .title {
        font-size: 22px
    }

    .minus-container>.minus-item .content {
        font-size: 20px;
    }

    .home-main-veto>.veto-container {
        padding: 0 57px;
    }

    .home-main-service {
        padding: 52px 23% 42px 23%;
    }
}

/* banner区域 */
.home-header-banner {
    height: 380px;
}

/* 主内容区域 */
.home-main {
    width: 100%;
    background: #f9f9fc;
}

.home-main .home-main-1 {
    width: 100%;
    /* padding: 0 240px; */
    padding-top: 48px;
}

/* 上海居住证积分的用途 */
.home-main-purpose {
    width: 100%;
    box-sizing: border-box;
}

.home-main-purpose>.title,
.home-main-interpretation>.title {
    /* margin-top: 59px; */
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    color: #272727;
}

.home-main-purpose>.title>.pic,
.home-main-interpretation>.title>.pic {
    width: 37px;
    height: 30px;
    margin: auto 20px;
}

.home-main-purpose>.title>.pic:nth-child(2),
.home-main-interpretation>.title>.pic:nth-child(2) {
    transform: rotate(-180deg);
}

.home-main-purpose>.purpose-container {
    margin-top: 32px;
    width: 100%;
    /* height: auto; */
    height: 203px;
    background: url('../images/home/purpose-bg.jpg') no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    /* padding: 36px 70px; */
    padding: 36px 446px 70px 36px;
}

.purpose-container .purpose-item {
    display: flex;
    /* justify-content: flex-start;
    align-items: center; */
}

.purpose-container .purpose-item .dot {
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-right: 30px;
    background: #FF534F;
    border-radius: 50%;
}

.purpose-container .purpose-item>p {
    /* word-wrap:break-word; */
    /* max-width: 350px; */
    font-size: 20px;
    color: #404040;
}

/*上海市居住证积分细则详细解读*/
.home-main-interpretation {
    margin-top: 54px;
}

.home-main-interpretation>.interpretation-container {
    margin-top: 32px;
    width: 100%;
    height: 203px;
    background: url('../images/home/interpretation-bg.jpg') no-repeat;
    background-size: 100% 100%;
    padding: 42px 91px 42px 375px;
}

.interpretation-container>.text:nth-child(1) {
    font-size: 18px;
    color: #686868;
    line-height: 30px;
}

.interpretation-container>.text:nth-child(1)>span {
    color: #FF534F;
}

.interpretation-container>.text:nth-child(2) {
    font-size: 18px;
    color: #FF534F;
    margin-top: 27px;
}

/* 基础指标 */
.home-main-points {
    margin-top: 74px;
    width: 100%;
}

.home-main-points>.points-container {
    width: 100%;
    display: flex;
    margin-top: -3px;
}

.home-main-points>.points-container>.points-item {
    width: 25%;
    height: 84px;
    font-size: 24px;
    background: #eee;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
}

.indicator-active {
    color: #FF4A46;
    background: none !important;
    border: none !important;
}

.home-main-basicIndicator>.basic-edu,
.home-main-basicIndicator>.basic-age,
.home-main-basicIndicator>.basic-certificate {
    margin-top: 43px;
    /* padding: 0 57px; */
}

.home-main-basicIndicator>.basic-edu>.container-1 {
    /* padding: 0 57px; */
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.edu-table tr:nth-child(1) td {
    width: 164px;
    height: 104px;
    background: #EDECF3;
    text-align: center;
    font-size: 22px;
    border: 2px solid #fff;
    border-top: none;
}

.edu-table tr:nth-child(1) td:nth-child(1) {
    width: 121px;
    height: 104px;
    background: #A6A8B3;
    border-left: none;
    color: #fff;
}

.edu-table tr:nth-child(1) td:last-child {
    border-right: none;
}

.edu-table tr:nth-child(2) td {
    width: 164px;
    height: 79px;
    background: #FFF8F5;
    color: #FF534F;
    font-size: 22px;
    text-align: center;
    border: 2px solid #fff;
    border-bottom: none;
}

.edu-table tr:nth-child(2) td:nth-child(1) {
    width: 121px;
    height: 79px;
    background: #FF534F;
    border-left: none;
    color: #fff;
}

.edu-table tr:nth-child(2) td:last-child {
    border-right: none;
}

.home-main-basicIndicator .pic-container {
    /* width: 322px; */
    height: 186px;
}

.home-main-basicIndicator .basic-edu .container-2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 26px;
    /* padding: 0 57px; */
}

.basic-edu .container-2>.container-inner {
    width: 48%;
    height: 333px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
    display: flex;
}

.basic-edu .container-2>.container-inner>.inner-left {
    width: 121px;
    height: 333px;
    background: #FF534F;
    border-radius: 10px 0px 0px 10px;
    font-size: 20px;
    color: #FEFEFE;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
}

.basic-edu .container-2>.container-inner:nth-child(2)>.inner-left {
    background: #A6A8B3;
}

.basic-edu .container-2>.container-inner>.inner-right {
    display: table-cell;
    width: calc(100% - 121px);
    padding: 10px 50px 5px 32px;
    box-sizing: border-box;
    position: relative;

}

.float-pic {
    width: 119px;
    height: 119px;
    position: absolute;
    right: 68px;
    bottom: 23px;
}

.basic-edu .container-2>.container-inner>.inner-right>.right-item {
    padding: 10px 0;
    border-bottom: 2px dashed #FF534F;
}

.basic-edu .container-2>.container-inner>.inner-right>.right-item:last-child {
    border-bottom: none;
}

.basic-edu .container-2>.container-inner>.inner-right>.right-item span:nth-child(1) {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: #FFEDED;
    border-radius: 50%;
    color: #FF534F;
    font-size: 22px;
    margin-right: 11px;
}

.basic-edu .container-2>.container-inner>.inner-right>.right-item span:nth-child(2) {
    font-size: 20px;
    color: #717171;
}

.home-main-basicIndicator>.basic-edu>.container-3 {
    margin-top: 37px;
    padding-bottom: 15px;
    height: 196px;
    background: url('../images/home/edu-1.jpg') no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.basic-edu .container-3>.el-button {
    width: 279px;
    height: 57px;
    background: #FF843D;
    border-radius: 29px;
    font-size: 23px;
    color: #FFFFFF;
    border: none;
}

.basic-edu .container-3>.el-button:nth-child(2) {
    background: #FF534F;
}

.home-main-bonus>.bonus-base>.container-1,
.home-main-bonus>.bonus-base>.container-2 {
    margin-top: 27px;
    padding: 0 57px;
    width: 100%;
}

.base-table tr:nth-child(1) td {
    width: 23%;
    height: 69px;
    background: #EDECF3;
    text-align: center;
    font-size: 20px;
    border: 2px solid #fff;
    border-top: none;
}

.base-table tr:nth-child(1) td:nth-child(1) {
    width: 8%;
    background: #A6A8B3;
    border-left: none;
    color: #fff;
}


.base-table tr:nth-child(1) td:last-child {
    border-right: none;
}

.base-table tr:nth-child(2) td {
    width: 23%;
    height: 69px;
    background: #EDECF3;
    font-size: 20px;
    text-align: center;
    border: 2px solid #fff;
    border-bottom: none;
}

.base-table tr:nth-child(2) td:nth-child(1) {
    width: 8%;
    background: #A6A8B3;
    border-left: none;
    color: #fff;
}

.base-table tr:nth-child(2) td:last-child {
    border-right: none;
}

.base-table tr:nth-child(3) td {
    width: 23%;
    height: 69px;
    background: #FFF8F5;
    color: #FF534F;
    font-size: 22px;
    text-align: center;
    border: 2px solid #fff;
    border-bottom: none;
}

.base-table tr:nth-child(3) td:nth-child(1) {
    width: 8%;
    background: #FF534F;
    border-left: none;
    color: #fff;
}

.base-table tr:nth-child(3) td:last-child {
    border-right: none;
}

.home-main-basicIndicator>.basic-age>.container-1 {
    padding: 0 57px;
    width: 100%;
}

.age-table tr:nth-child(1) td {
    width: 80px;
    height: 67px;
    background: #EDECF3;
    text-align: center;
    font-size: 20px;
    border: 2px solid #fff;
    border-top: none;
}

.age-table tr:nth-child(1) td:nth-child(1) {
    width: 122px;
    background: #A6A8B3;
    border-left: none;
    color: #fff;
}

.age-table tr:nth-child(1) td:nth-child(2) {
    width: 106px;
}

.age-table tr:nth-child(1) td:last-child {
    border-right: none;
}

.age-table tr:nth-child(2) td {
    width: 80px;
    height: 67px;
    background: #FFF8F5;
    color: #FF534F;
    font-size: 20px;
    text-align: center;
    border: 2px solid #fff;
    border-bottom: none;
}

.age-table tr:nth-child(2) td:nth-child(1) {
    width: 122px;
    background: #FF534F;
    border-left: none;
    color: #fff;
}

.age-table tr:nth-child(2) td:nth-child(2) {
    width: 106px;
}

.age-table tr:nth-child(2) td:last-child {
    border-right: none;
}

.home-main-basicIndicator>.basic-age>.container-2 {
    width: 100%;
    /* width: 1440px; */
    height: 156px;
    background: #FBFBFB;
    display: flex;
    align-items: center;
    margin-top: 47px;

}

.basic-age>.container-2>.left {
    padding: 49px 0 50px 49px;

}

.basic-age>.container-2>.left>.tip {
    width: 162px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: #EDECF3;
    border-radius: 5px;
    font-size: 20px;
    color: #515151;

}

.basic-age>.container-2>.right {
    padding: 26px 36px;

}

.basic-age>.container-2>.right p {
    font-size: 18px;
    color: #515151;
    line-height: 30px;
}

.basic-age>.container-2>.right span {
    color: #FF4742;
}

/* 专业技术职称 */
.home-main-basicIndicator>.basic-certificate>.container-1 {
    padding: 0 57px;
    width: 100%;
}

.certificate-table tr:nth-child(1) td {
    width: 176px;
    height: 125px;
    background: #EDECF3;
    text-align: center;
    font-size: 20px;
    border: 2px solid #fff;
    padding: 0 5px;
    box-sizing: border-box;
    border-top: none;
}

.certificate-table tr:nth-child(1) td:nth-child(1) {
    width: 119px;
    background: #A6A8B3;
    border-left: none;
    color: #fff;
}

.certificate-table tr:nth-child(1) td:nth-child(5) {
    width: 413px;
}

.certificate-table tr:nth-child(1) td:last-child {
    width: 248px;
    border-right: none;
}

.certificate-table tr:nth-child(2) td {
    width: 176px;
    height: 66px;
    background: #FFF8F5;
    color: #FF534F;
    font-size: 22px;
    text-align: center;
    border: 2px solid #fff;
    border-bottom: none;
}

.certificate-table tr:nth-child(2) td:nth-child(1) {
    width: 119px;
    background: #FF534F;
    border-left: none;
    color: #fff;
}

.certificate-table tr:nth-child(2) td:nth-child(5) {
    width: 413px;
}

.certificate-table tr:nth-child(2) td:last-child {
    border-right: none;
}

.basic-certificate>.container-2 {
    width: 100%;
    padding: 0 57px;
    margin-top: 44px;

}

.basic-certificate>.container-2>.inner {
    width: 100%;
    height: 194px;
    background: url('../images/home/certificate-bg.png') no-repeat;
    background-size: 100% 100%;
    padding-bottom: 18px;
    display: flex;
    justify-content: center;
    align-items: flex-end;

}

.basic-certificate>.container-2>.inner>.el-button {
    width: 355px;
    height: 54px;
    background: #FF843D;
    border-radius: 29px;
    font-size: 23px;
    color: #FFFFFF;
    border: none;
}

.basic-certificate>.container-2>.inner>.el-button:nth-child(2) {
    background: #FF534F;
}

.basic-certificate>.container-3,
.basic-payment>.container-2,
.bonus-innovate>.container-3 {
    width: 100%;
    height: 196px;
    background: #FBFBFB;
    display: flex;
    align-items: center;
    margin-top: 47px;
}

.basic-certificate>.container-3>.left,
.basic-payment>.container-2>.left,
.bonus-innovate>.container-3>.left {
    padding: 49px 0 50px 49px;
}

.basic-certificate>.container-3>.left>.tip,
.basic-payment>.container-2>.left>.tip,
.bonus-innovate>.container-3>.left>.tip {
    width: 162px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    background: #EDECF3;
    border-radius: 5px;
    font-size: 20px;
    color: #515151;
}

.basic-certificate>.container-3>.right,
.basic-payment>.container-2>.right,
.bonus-innovate>.container-3>.right {
    padding: 26px 36px;

}

.basic-certificate>.container-3>.right p,
.basic-payment>.container-2>.right p,
.bonus-innovate>.container-3>.right p {
    font-size: 18px;
    color: #515151;
    line-height: 30px;
}

/* 社保缴纳 */
.home-main-basicIndicator>.basic-payment {
    margin-top: 48px;
}

.basic-payment>.container-1 {
    width: 100%;
    height: 188px;
    padding: 0 57px;
    display: flex;
    justify-content: space-between;
}

.basic-payment>.container-1>.left {
    width: 72%;
    background: url('../images/home/payment-1.png') no-repeat;
    background-size: 100% 100%;
    padding-bottom: 18px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.basic-payment>.container-1>.left>.el-button {
    width: 344px;
    height: 51px;
    background: #FF843D;
    border-radius: 29px;
    font-size: 23px;
    color: #FFFFFF;
    border: none;
}

.basic-payment>.container-1>.right {
    width: 25%;
    background: url('../images/home/payment-2.png') no-repeat;
    background-size: 100% 100%;
}

/* 加分指标 */

.home-main-bonus>.bonus-base>.container-2 {
    height: 189px;
    display: flex;
    justify-content: space-between;
}

.bonus-base>.container-2>.left {
    width: 74%;
    height: 100%;
    background: url('../images/home/base-bg.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    padding: 20px 0;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}


.bonus-base>.container-2>.left .title:nth-child(1) {
    font-size: 19px;
    color: #3C3C3C;
}

.bonus-base>.container-2>.left .title:nth-child(2) {
    font-size: 24px;
    color: #F20C0C;
}

.bonus-base>.container-2>.left .el-button {
    width: 291px;
    height: 48px;
    background: #FF843D;
    border-radius: 22px;
    font-size: 22px;
    color: #FFFFFF;
    border: none;

}

/* 加分指标-创新创业人才，紧缺 */

.bonus-base>.container-2>.right {
    width: 24%;
    height: 100%;
}

.bonus-innovate>.container-1 {
    margin-top: 37px;
    width: 100%;
    padding: 0 57px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.bonus-innovate>.container-1>.innovate-table {
    width: 72%;
}

.bonus-innovate>.container-1>.pic-container {
    width: 25%;
    height: 190px;
}

.innovate-table tr:nth-child(1) td {
    width: 271px;
    height: 103px;
    background: #EDECF3;
    text-align: center;
    font-size: 20px;
    border: 2px solid #fff;
    border-top: none;
}

.innovate-table tr:nth-child(1) td:nth-child(1) {
    width: 118px;
    background: #A6A8B3;
    border-left: none;
    color: #fff;
}

.innovate-table tr:nth-child(1) td:last-child {
    border-right: none;
}

.innovate-table tr:nth-child(2) td {
    width: 271px;
    height: 85px;
    background: #FFF8F5;
    color: #FF534F;
    font-size: 20px;
    text-align: center;
    border: 2px solid #fff;
    border-bottom: none;
}

.innovate-table tr:nth-child(2) td:nth-child(1) {
    width: 118px;
    background: #FF534F;
    border-left: none;
    color: #fff;
}

.innovate-table tr:nth-child(2) td:last-child {
    border-right: none;
}

.bonus-innovate>.container-2 {
    margin-top: 31px;
    width: 100%;
    padding: 0 57px;

}

.bonus-innovate>.container-2>.inner {
    width: 100%;
    height: 108px;
    background: url('../images/home/innovate-2.png')no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 140px;
}

.bonus-innovate>.container-2>.inner>.el-button {
    width: 279px;
    height: 52px;
    background: #FF843D;
    border-radius: 29px;
    font-size: 23px;
    color: #FFFFFF;
    border: none;
}

.bonus-innovate>.container-3 {
    margin-top: 22px !important;
}

.home-main-bonus>.bonus-tax {
    margin-top: 46px;
    width: 100%;
    padding: 0 57px;

}

.bonus-tax>.container-1 {
    width: 100%;
    height: 189px;
    display: flex;
    justify-content: space-between;
}

.bonus-tax>.container-1>.left {
    width: 72%;
    height: 100%;
    background: url('../images/home/tax-bg.png') no-repeat;
    background-size: 100% 100%;
    padding-bottom: 11px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.bonus-tax>.container-1>.left>.el-button {
    width: 340px;
    height: 60px;
    background: #FF843D;
    border-radius: 29px;
    font-size: 23px;
    color: #FFFFFF;
    border: none;
}

.bonus-tax>.container-1>.right {
    width: 25%;

}

/* 特定服务领域，远郊重点区域 */
.home-main-bonus>.bonus-specific {
    width: 100%;
    margin-top: 49px;
    /* padding: 0 57px; */

}

.bonus-specific>.container-1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.bonus-specific>.container-1>.inner-container {
    width: 49%;
}

.bonus-specific>.container-1>.inner-container>.header {
    width: 100%;
    /* width: 642px; */
    height: 77px;
    line-height: 77px;
    text-align: center;
    background: #FF843D;
    border-radius: 5px 5px 0px 0px;
    font-size: 25px;
    color: #FFFFFF;
}

.bonus-specific>.container-1>.inner-container:nth-child(2)>.header {
    background: #FF534F;
}

.bonus-specific>.container-1>.inner-container>.content {
    width: 100%;
    height: 332px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
    padding: 30px 25px 15px 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bonus-specific>.container-1>.inner-container>.content>.content-1>p {
    font-size: 20px;
    color: #717171;
}

.bonus-specific>.container-1>.inner-container>.content>.content-1>p:nth-child(2) {
    font-size: 23px;
    color: #FF4742;
}

.bonus-specific>.container-1>.inner-container>.content>.content-1>p:nth-child(3) {
    font-size: 18px;
    color: #949494;
}

.bonus-specific>.container-1>.inner-container>.content>.content-2 {
    width: 100%;
    height: 137px;
    background: #FBFBFB;
    padding: 19px 22px;
}

.bonus-specific>.container-1>.inner-container>.content>.content-2>.tip {
    width: 163px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #EDECF3;
    border-radius: 5px;
    font-size: 20px;
    color: #515151;
}

.bonus-specific>.container-1>.inner-container>.content>.content-2>p {
    font-size: 16px;
    line-height: 30px;
    color: #949494;
}

.home-main-bonus>.bonus-other {
    width: 100%;
    padding: 0 57px;

}

.bonus-other>.container-1 {
    margin-top: 37px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.bonus-other>.container-1>.inner-container {
    width: 49%;
}

.bonus-other>.container-1>.inner-container>.header {
    width: 100%;
    height: 85px;
    line-height: 85px;
    text-align: center;
    background: #FF843D;
    border-radius: 5px 5px 0px 0px;
    font-size: 25px;
    color: #FFFFFF;
}

.bonus-other>.container-1>.inner-container:nth-child(2)>.header {
    background: #FF534F;
}

.bonus-other>.container-1>.inner-container>.content {
    width: 100%;
    height: 137px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bonus-other>.container-1>.inner-container>.content {
    font-size: 22px;
}

.bonus-other>.container-1>.inner-container>.content>p span,
.bonus-other>.container-1>.inner-container>.content>p:nth-child(2) {
    color: #FF4742;
}

.bonus-other>.container-2 {
    width: 100%;
    margin-top: 43px;
}

.bonus-other>.container-2>.header {
    width: 100%;
    height: 85px;
    line-height: 85px;
    text-align: center;
    background: #9E77E4;
    border-radius: 5px 5px 0px 0px;
    font-size: 25px;
    color: #FFFFFF;
}

.bonus-other>.container-2>.inner-container {
    width: 100%;
    padding: 22px 52px;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
}

.other-table tr:nth-child(1) td {
    width: 364px;
    height: 69px;
    background: #EDECF3;
    text-align: center;
    font-size: 20px;
    border: 2px solid #fff;
    border-top: none;
}

.other-table tr:nth-child(1) td:nth-child(1) {
    width: 118px;
    background: #A6A8B3;
    border-left: none;
    color: #fff;
}

.other-table tr:nth-child(1) td:last-child {
    border-right: none;
}

.other-table tr:nth-child(2) td {
    width: 364px;
    height: 69px;
    background: #FFF8F5;
    color: #FF534F;
    font-size: 20px;
    text-align: center;
    border: 2px solid #fff;
    border-bottom: none;
}

.other-table tr:nth-child(2) td:nth-child(1) {
    width: 118px;
    background: #FF534F;
    border-left: none;
    color: #fff;
}

.other-table tr:nth-child(2) td:last-child {
    border-right: none;
}

.bonus-other>.container-2>.inner-container>.tip {
    width: 100%;
    height: 107px;
    margin-top: 31px;
    background: #FBFBFB;
    padding: 25px 26px 25px 17px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bonus-other>.container-2>.inner-container>.tip>.tip-left {
    width: 132px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #EDECF3;
    border-radius: 5px;
    font-size: 20px;
    color: #515151;
}

.bonus-other>.container-2>.inner-container>.tip>.tip-right {
    width: calc(100% - 175px);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bonus-other>.container-2>.inner-container>.tip>.tip-right>.text {
    font-size: 20px;
    color: #515151;
}

.bonus-other>.container-2>.inner-container>.tip>.tip-right>.text span {
    font-size: 24px;
    color: #FF625E;
}

.bonus-other>.container-2>.inner-container>.tip>.tip-right>.el-button {
    width: 271px;
    height: 56px;
    background: #FF843D;
    border-radius: 28px;
    font-size: 24px;
    color: #FFFFFF;
    border: none;
}

/* 减分指标 */
.home-main-minus>.minus-container {
    margin-top: 47px;
    padding: 0 57px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.minus-container>.minus-item {
    width: 24%;
}

.minus-container>.minus-item>.inner {
    width: 100%;
    height: 150px;
    background: #F6EFFC;
    border: 2px solid #AA60E5;
}

.minus-container>.minus-item .title {
    width: 100%;
    /* font-size: 22px; */
    color: #AA60E5;
    padding: 10px 30px 5px 30px;
    text-align: center;
    white-space: nowrap;

}

.minus-container>.minus-item .content {
    /* font-size: 20px; */
    color: #767676;
    padding: 0 20px;
}

.minus-container>.minus-item .notice {
    width: 100%;
    height: 39px;
    line-height: 39px;
    text-align: center;
    background: #AA60E5;
    border-radius: 0px 0px 5px 5px;
    font-size: 24px;
    color: #FFFFFF;
}

/* 一票否决指标 */
.home-main-veto>.veto-container {
    /* padding: 0 57px; */
}

.veto-container>.container-1 {
    margin-top: 42px;
    width: 100%;
    height: 190px;
    display: flex;
    justify-content: space-between;
}

.veto-container>.container-1>.left {
    width: 72%;
    background: #FBFBFB;
    border-radius: 5px;
    font-size: 24px;
    color: #515151;
    padding: 60px 40px 40px 80px;
}

.veto-container>.container-1>.left>span {
    color: #FF534F;
}

.veto-container>.container-1>.right {
    width: 25%;

}

.veto-container>.container-2 {
    margin-top: 29px;
    width: 100%;
    height: 100px;
    background: url("../images/home/veto-bg-2.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 75px;
    position: relative;
}

.veto-person {
    width: 240px;
    height: 169px;
    position: absolute;
    bottom: 0;
    left: 40px;
}

.veto-container>.container-2>.el-button {
    width: 367px;
    height: 56px;
    background: #FF843D;
    border-radius: 28px;
    font-size: 22px;
    color: #FFFFFF;
    border: none;

}

/* 上海居住证积分 */
/* 落户方式 */
.home-main-info {
    width: 100%;
    margin-top: 50px;
    display: flex;
}

.home-main-jifen {
    height: 337px;
}

.home-main-luohu {
    height: 385px;
}

.home-main-promote {
    height: 285px;
}

.home-main-certificate {
    height: 339px;
}

.home-main-service {
    width: 100%;
    height: 206px;
    background: #fff;
}

/* 一站式服务 */
.home-main-service {
    /* padding: 52px 446px 42px 446px; */
    box-sizing: border-box;
    margin-top: 49px;
}

.home-main-service>p {
    width: 100%;
    text-align: center;
    font-size: 27px;
    color: #000000;
    line-height: 31px;
}

.home-main-service>.service-container {
    display: flex;
    justify-content: space-between;
}

.home-main-service>.service-container>.service-item {
    display: flex;
    align-items: center;
    padding: 0 41px;
    box-sizing: border-box;
    border-right: 1px solid rgb(172, 166, 166);
    margin-top: 60px;
}

.home-main-service>.service-container>.service-item:last-child {
    border-right: none;
}

.home-main-service>.service-container>.service-item>.pic-container {
    width: 26px;
    height: 30px;
}

.home-main-service>.service-container>.service-item>.text {
    font-size: 20px;
    color: #2a2a2a;
    margin-left: 9px;
}


/* 悬浮窗 */
.float-window {
    position: fixed;
    right: 0;
    bottom: 20%;
    z-index: 10000;
}

.float-window>ul li {
    width: 68px;
    height: 68px;
    margin: 0 0 4px 0;
    background-color: #000;
    opacity: 0.5;

}