.office-cont-border {
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
}

.contact-progress ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 80px 0;
    box-sizing: border-box;
}

    .contact-progress ul li {
        position: relative;
        font-size: 16px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #ABABAB;
        margin-left: 128px;
        display: flex;
        align-items: center;
    }

        .contact-progress ul li:first-child {
            margin: 0;
        }

            .contact-progress ul li:first-child::before {
                width: 0;
            }

        .contact-progress ul li span:first-child {
            display: block;
            width: 32px;
            height: 32px;
            opacity: 1;
            border: 1px solid #D9D9DA;
            border-radius: 50%;
            margin-right: 8px;
            text-align: center;
            line-height: 32px;
        }

        .contact-progress ul li::before {
            position: absolute;
            content: '';
            width: 96px;
            height: 1px;
            background: #EBEBEB;
            top: 50%;
            transform: translate(0%, -50%);
            left: -112px;
        }

    .contact-progress ul .li-over {
        font-weight: bold;
        color: #262626;
    }

        .contact-progress ul .li-over span:first-child {
            background: #FE5900;
            color: #FFFFFF;
            font-weight: 400;
            border: 0;
        }

        .contact-progress ul .li-over::before {
            background: #FE5900;
        }

.dk-con {
    width: 100%;
    /* display: flex; */
    background: rgba(250,251,252,.4);
    padding: 40px 80px;
    box-sizing: border-box;
    border-radius: 0px 0px 4px 4px;
}

.dk-con-a {
    display: flex;
}

.dk-con .dk-img {
    width: 130px;
    height: 130px;
    margin-right: 30px;
    border-radius: 4px;
}

    .dk-con .dk-img img {
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }

.dk-con .dk-r {
    width: calc(100% - 160px);
}

    .dk-con .dk-r .dk-r-person {
        display: flex;
        align-items: center;
    }

    .dk-con .dk-r .dk-name {
        font-size: 20px;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        color: #262626;
        margin-right: 10px;
    }

    .dk-con .dk-r .dk-area i {
        color: #8C8C8C;
        font-size: 14px;
    }

    .dk-con .dk-r .dk-area span {
        font-size: 12px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #8C8C8C;
    }

    .dk-con .dk-r .dk-intro {
        margin: 4px 0 12px;
        padding-bottom: 12px;
        box-sizing: border-box;
        border-bottom: 1px dashed #EBEBEB;
        font-size: 13px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #262626;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dk-con .dk-r dl {
        display: flex;
        align-items: center;
    }

        .dk-con .dk-r dl dt {
            font-size: 13px;
            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
            font-weight: 400;
            color: #8C8C8C;
            line-height: 22px;
        }

    .dk-con .dk-r .dk-field {
        margin-bottom: 8px;
    }

        .dk-con .dk-r .dk-field dd {
            padding: 3px 6px;
            background: #FFFFFF;
 
            font-size: 13px;
            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
            font-weight: 400;
            color: #595959;
        }

            .dk-con .dk-r .dk-field dd a {
                color: #595959;
            }

.dk-con .dk-contact dd {
    font-size: 0;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #262626;
    position: relative;
    margin-right: 24px;
}

    .dk-con .dk-contact dd::after {
        position: absolute;
        right: -12px;
        top: 3px;
        content: '';
        width: 1px;
        height: 13px;
        background: #D8D8D8;
        border-radius: 0px 0px 0px 0px;
    }

    .dk-con .dk-contact dd:last-child::after {
        width: 0;
    }

    .dk-con .dk-contact dd .dk-price {
        font-size: 16px;
        font-family: Verdana-Regular, Verdana;
        font-weight: 400;
        color: #FE5900;
    }

    .dk-con .dk-contact dd span {
        font-size: 13px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #8C8C8C;
        margin-left: 4px;
    }

.dk-con .consult-method dt {
    margin-top: 13px;
}

@font-face {
    font-family: 'control'; /* Project id 980246 */
    src: url('//at.alicdn.com/t/font_980246_n0wbzbnbqmo.woff2?t=1625123428924') format('woff2'), url('//at.alicdn.com/t/font_980246_n0wbzbnbqmo.woff?t=1625123428924') format('woff'), url('//at.alicdn.com/t/font_980246_n0wbzbnbqmo.ttf?t=1625123428924') format('truetype');
}

.dk-con .dk-r .consult-method {
    align-items: unset;
    margin-bottom: 12px;
}

.dk-con .consult-method dd > div {
    width: 500px;
    border-radius: 8px;
    opacity: 1;
    border: 1px solid #EBEBEB;
    padding: 12px 0;
    position: relative;
    padding-left: 12px;
    cursor:pointer;
}

    .dk-con .consult-method dd > div h5 {
        font-size: 15px;
        font-family: Source Han Sans CN-Bold, Source Han Sans CN;
        font-weight: bold;
        color: #262626;
        line-height: 20px;
        margin-bottom: 6px;
    }

    .dk-con .consult-method dd > div p {
        font-size: 12px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #8C8C8C;
    }

    .dk-con .consult-method dd > div.interview {
        margin-top: 8px;
    }

    .dk-con .consult-method dd > div .interview-area {
        display: flex;
        align-items: center;
        width: fit-content;
        height: 24px;
        background: #FFF3E6;
        border-radius: 200px;
        padding: 0 12px;
        margin-top: 8px;
    }

        .dk-con .consult-method dd > div .interview-area > p {
            display: flex;
            align-items: center;
            font-size: 12px;
            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
            font-weight: 400;
            color: #262626;
        }

            .dk-con .consult-method dd > div .interview-area > p i {
                font-size: 14px;
                color: #8C8C8C;
                margin-right: 2px;
            }

        .dk-con .consult-method dd > div .interview-area .area-map {
            display: flex;
            align-items: center;
            color: #1A8CFF;
        }

            .dk-con .consult-method dd > div .interview-area .area-map::before {
                content: '';
                display: block;
                width: 1px;
                height: 12px;
                background: #ABABAB;
                margin: 0 6px;
            }

            .dk-con .consult-method dd > div .interview-area .area-map i {
                font-size: 12px;
                color: #1A8CFF;
            }

.dk-con .consult-method dd .active-method {
    background: rgba(255, 243, 230, 0.2);
    border: 1px solid #FF7B29;
}

    .dk-con .consult-method dd .active-method h5 {
        color: #FF7B29;
    }

    .dk-con .consult-method dd .active-method .triangle {
        border-right: 28px solid #FE5900;
    }

.dk-con .consult-method div .triangle-box {
    width: 28px;
    height: 24px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
}

.dk-con .consult-method div .triangle {
    position: relative;
    border-top: 10px solid transparent;
    border-left: 0 solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 28px solid #EBEBEB;
    border-bottom-right-radius: 6px;
}

    .dk-con .consult-method div .triangle::before {
        content: '';
        border-left: 28px solid #FFFFFF;
        border-bottom: 24px solid transparent;
        border-right: 0 solid transparent;
        position: absolute;
        bottom: 0;
    }

    .dk-con .consult-method div .triangle::after {
        content: '\e63a';
        font-family: 'control';
        font-size: 16px;
        color: #FFFFFF;
        position: absolute;
        bottom: -4px;
        right: -28px;
    }

#map-iframe {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

    #map-iframe iframe {
        width: 100%;
        height: 100%;
    }

.map-pop-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .5);
}

.map-box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 1220px;
    height: 580px;
    margin: -290px 0 0 -610px;
}

.mt20 {
    margin-top: 20px;
}

.contact-input {
    padding: 40px 80px;
    box-sizing: border-box;
}

.contact-demo {
    margin-bottom: 28px;
}

.wt-demo {
    margin-bottom: 16px;
}

.contact-demo-tit {
    font-size: 15px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #262626;
    line-height: 21px;
    margin-bottom: 12px;
}

    .contact-demo-tit span {
        font-size: 13px;
        font-family: PingFang SC-常规体, PingFang SC;
        font-weight: normal;
        color: #ABABAB;
        margin-top: 12px;
        display: block;
    }

.form-text {
    height: 300px;
    background: #FAFBFC;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    padding: 16px 16px;
    box-sizing: border-box;
}

    .form-text textarea {
        width: 100%;
        height: 240px;
        font-size: 14px;
        font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
        font-weight: 400;
        color: #262626;
        line-height: 40px;
        resize: none;
        background: initial;
    }

        .form-text textarea::placeholder,
        .contact-demo input::placeholder {
            font-size: 14px;
            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
            font-weight: 400;
            color: #ABABAB;
        }

.online-contact.form-text {
    height: 100px;
}

    .online-contact.form-text textarea {
        height: 40px;
    }

.text-num {
    font-size: 14px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #ABABAB;
    text-align: right;
    padding-left: 16px;
    box-sizing: border-box;
}

.contact-time input {
    width: 250px;
    height: 44px;
    background-color: #FAFBFC;
    border-radius: 4px;
    opacity: 1;
    border: 1px solid #EBEBEB;
    margin-right: 16px;
    padding: 5px 16px;
    box-sizing: border-box;
    box-shadow: none;
}

.contact-time span {
    font-size: 13px;
    font-family: PingFang SC-常规体, PingFang SC;
    font-weight: normal;
    color: #ABABAB;
    line-height: 44px;
}

.contact-upload {
    height: 97px;
    display: flex;
    align-items: flex-end;
    font-size: 13px;
    font-family: PingFang SC-常规体, PingFang SC;
    font-weight: normal;
    color: #ABABAB;
}

.contact-img {
    display: flex;
    align-items: center;
}

.contact-upload-img {
    display: inline-block;
    width: 97px;
    height: 97px;
    background: #FAFBFC;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    position: relative;
    /* margin-left: 10px; */
}

    .contact-upload-img input {
        width: 100%;
        height: 100%;
        box-shadow: none;
        opacity: 0;
        position: absolute;
        cursor: pointer;
        z-index: 5;
    }

    .contact-upload-img i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-mask: url(https://static.jiaoyubao.cn/images/common/icon-plus-no-bg.svg) no-repeat;
        mask: url(https://static.jiaoyubao.cn/images/common/icon-plus-no-bg.svg) no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        display: block;
        margin: auto;
        width: 32px;
        height: 32px;
        background-color: #D8D8D8;
    }

.photo-item {
    position: relative;
    display: inline-block;
    width: 97px;
    height: 97px;
    margin: 0 10px 0px 0;
    border-radius: 4px;
    vertical-align: top;
    overflow: hidden;
}

    .photo-item:nth-last-child(10) {
        margin: 0;
    }

    .photo-item img {
        width: 100%;
        height: 100%;
    }

        .photo-item img:hover {
            cursor: zoom-in;
        }

    .photo-item .close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        width: 18px;
        height: 18px;
        background-color: rgba(38, 38, 38, .5);
        border-radius: 2px;
    }


    .photo-item .icon-cross-no-bg {
        -webkit-mask: url(https://static.jiaoyubao.cn/images/common/icon-cross-no-bg.svg) no-repeat;
        mask: url(https://static.jiaoyubao.cn/images/common/icon-cross-no-bg.svg) no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        display: block;
        margin: auto;
        width: 16px;
        height: 16px;
        background-color: #ffffff;
    }

.contact-form .contact-form-input {
    width: 250px;
    height: 44px;
    background: #FAFBFC;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    padding: 6px 16px;
    box-sizing: border-box;
    margin-right: 8px;
}

    .contact-form .contact-form-input input {
        width: 80%;
        height: 100%;
        background-color: initial;
        box-shadow: none;
    }

.contact-form .edit-tel {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ABABAB;
    float: right;
    cursor: pointer;
    line-height: 30px;
    display: none;
}

.contact-form input::placeholder {
    font-size: 14px;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    font-weight: 400;
    color: #ABABAB;
}

.contact-form .form-code input {
    width: 132px;
}

.contact-form .get-code {
    font-size: 14px;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #FE5900;
    float: right;
    line-height: 30px;
    cursor: pointer;
}

.contact-form .send-code {
    color: #B2B2B2 !important;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: 30px;
    float: right;
}

.contact-btn {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid #EBEBEB;
}

    .contact-btn button {
        display: inline-block;
        width: 130px;
        height: 44px;
        background: #FE5900;
        border-radius: 4px;
        font-size: 14px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #FFFFFF;
    }

.img-model {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.img-model-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.65);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10;
}
/* .img-model .img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 65%;
	max-height: 65%;
	width: auto;
	height: auto;
	margin: auto;
	border: 0;
	z-index: 99;
	display: flex;
	align-items: center;
}
.img-model .img img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
} */
/* 新增样式 */
.img-model img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 65%;
    max-height: 65%;
    width: auto;
    height: auto;
    margin: auto;
    border: 0;
    z-index: 99;
}

.mh100 {
    height: 100px !important;
}
.mh40 {
height:40px !important;
}



/* v1.1.2迭代 */
.dk-con-bg {
    background-color: #FFFFFF;
}

.dk-con-new .dk-r .dk-field dd {
    border: 0;
    padding-left: 0;
    font-size: 15px;
    font-family: PingFang SC-常规体, PingFang SC;
    font-weight: normal;
    color: #262626;
}

.dk-con-new .dk-contact dd .dk-price {
    margin-left: 0;
}

.dk-con-new .dk-contact dd {
    display: flex;
    align-items: center;
}

    .dk-con-new .dk-contact dd p {
        height: 20px;
        background: #F5F6F7;
        border-radius: 200px;
        padding: 1px 8px;
        display: flex;
        align-items: center;
        margin-left: 16px;
        font-size: 13px;
        font-family: PingFang SC-常规体, PingFang SC;
        font-weight: normal;
        color: #8C8C8C;
    }

.dk-con-new .dk-r dl dt {
    font-size: 15px;
    width: 123px;
    align-self: flex-start;
}

.contact-input-new .online-contact.form-text textarea {
    height: 48px;
}

.contact-input-new .form-text textarea, .contact-input-new .form-text textarea::placeholder {
    font-size: 16px;
}

.contact-input-new .contact-img {
    margin-top: 16px;
}

.contact-input-new .contact-upload {
    height: 80px;
}

    .contact-input-new .contact-upload .contact-upload-img, .contact-input-new .photo-item {
        width: 80px;
        height: 80px;
    }

.contact-input-new .contact-img .contact-demo-tit {
    margin: 0;
    margin-left: 16px;
    align-self: flex-end;
}

.contact-input-new .contact-demo {
    margin-bottom: 32px;
}

.contact-demo-remind {
    background: #FAFBFC;
    border-radius: 4px;
    padding: 16px;
}

    .contact-demo-remind .contact-remind-tit {
        display: flex;
        align-items: center;
    }

        .contact-demo-remind .contact-remind-tit img {
            width: 20px;
            height: 20px;
        }

        .contact-demo-remind .contact-remind-tit p {
            font-size: 14px;
            font-family: PingFang SC-常规体, PingFang SC;
            font-weight: normal;
            color: #262626;
            line-height: 20px;
            margin-left: 4px;
        }

        .contact-demo-remind .contact-remind-tit i {
            width: 16px;
            height: 16px;
            font-size: 12px;
            transform: scale(0.83);
            line-height: 16px;
            color: #ABABAB;
            margin-left: auto;
            cursor: pointer;
        }

    .contact-demo-remind ul {
        display: flex;
        align-items: center;
        margin-top: 8px;
    }

        .contact-demo-remind ul li {
            font-size: 13px;
            font-family: PingFang SC-常规体, PingFang SC;
            font-weight: normal;
            color: #ABABAB;
            line-height: 18px;
            display: flex;
            align-items: center;
        }

            .contact-demo-remind ul li + li {
                margin-left: 12px;
            }

            .contact-demo-remind ul li::before {
                content: '';
                width: 4px;
                height: 4px;
                background: #ABABAB;
                display: inline-block;
                margin: 0 8px;
                border-radius: 50%;
            }