.p1p-two-column-list-box{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.p1p-two-column-list-box ul{
    background-color: #fff;
    border: 1px solid #e6effa;
    box-shadow: 0 7px 10px rgba(230, 239, 250, 0.5);
    width: 48%;
    padding: 34px;
}

.p1p-two-column-list-box ul li{
    font-size:1.8rem;
    line-height:2.7rem;
    margin-bottom: 10px;
    padding-left: 42px;
    position: relative;
}

.p1p-two-column-list-box ul li .number{
    position: absolute;
    left: 0;
}
.p1p-two-column-list-box ul li .pro-tip{
    font-size:1.5rem;
    line-height:2.2rem;
    margin-top: 16px;
    position: relative;
}

.p1p-two-column-list-box ul li .pro-tip::before{
    background: url(/app/themes/hloom-child/img/bulb.png) no-repeat;
    content: "";
    display: block;
    height: 56px;
    width: 36px;
    position: absolute;
    left: -55px;
    top: 0;
}

.p1p-two-column-list-box ul li .pro-tip a{
    color: #0077d6;
    font-weight: 700;
}

.two-column-list-full-width-bg .p1p-two-column-list-box{
    background-color: #fff;
    border: 1px solid #e6effa;
    box-shadow: 0 7px 10px rgb(230 239 250 / 50%);
}

.two-column-list-full-width-bg .p1p-two-column-list-box ul{
    border: 0;
    box-shadow: none;
}

@media screen and (max-width: 767px){
    .p1p-two-column-list-box{
        display: block;
        border: 1px solid #e6effa;
        box-shadow: 0 7px 10px rgba(230, 239, 250, 0.5);
        padding: 34px;
    }

    .p1p-two-column-list-box ul{
        border: none;
        box-shadow: none;
        padding: 0;
        width: 100%;
    }

    .p1p-two-column-list-box ul li{
        font-size:1.6rem;
        line-height:2.4rem;
    }

    .p1p-two-column-list-box ul li .pro-tip{
        font-size:1.4rem;
        line-height:2.0rem;
        margin-top: 12px;
    }

    .p1p-two-column-list-box ul li .pro-tip::before{
        background-size: contain;
        width: 30px;
    }
}