

@media screen and(min-width:768px){
    .exp-det{
        font-size: 16px;
    }

    .company-info{
        font-size: 16px;
    }
}

@media screen and(max-width:767px){
    .exp-det{
        font-size: 13px;
    }

    .company-info{
        font-size: 12px;
    }
}


.exp-wrap{
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 0 -4px 0 0 #656d78;
    box-shadow: 0 -4px 0 0 #656d78;
    text-align: left;
    text-indent: 32px;
    padding: 14px 35px 30px  33px;
    // padding: 16px 35px 30px 70px;
    margin: 5px auto;
    position: relative;
    border-radius: 5px;

    .exp-det{
        line-height: 1.8;
        color: #595959;
        margin-top: 5px;
        // &::before{
        //     content: '\201C';
        //     color: #37a7c1;
        //     font-size: 80px;
        //     font-weight: bold;
        //     font-family: sans-serif, Arial, Helvetica;
        //     padding-right: 3px;
        //     margin: 0 7px;
        //     position: absolute;
        //     left: -3px;
        //     top: -13px;
        //     opacity: 0.7;
        // }
    }

    .exp-arrow{
        width: 117px;
        left: 0;
        position: absolute;
        height: 14px;
        right: 0px;
        bottom: -14px;
        &::before{
            content: '';
            height: 0;
            width: 0;
            border-style: solid;
            border-width: 10px;
            // border-color: #dcdcdc transparent transparent transparent;
            border-color: #fff transparent transparent transparent;
            border-top-width: 16px;
            border-left-width: 21px;
            position: absolute;
            right: 58px;
            top: -1px;
            left: 49px;
            z-index: 9;
        }
        &::after{
            content: '';
            height: 0;
            width: 0;
            border-style: solid;
            border-width: 10px;
            // border-color: #dcdcdc transparent transparent transparent;
            border-color: #dcdcdc transparent transparent transparent;
            border-top-width: 17px;
            border-left-width: 22px;
            position: absolute;
            right: 58px;
            top: 0px;
            left: 49px;
            z-index: 8;
        }
    }

}

.company-info{
    margin-top: 20px;
    padding-left: 20px;
    color: #2f2f2f;
    line-height: 1.2;
    .img-wrap{
        width: 85px;
        height: 85px;
        // background-image: url("../../../../../assets/images/home_icon_1.png");
        background-size: 100% 100%; 
        border-radius: 50%;
    }
    .exp-tit{
        margin-top: 10px;
        padding-left: 25px;
    }
    .lists-tips{
        padding-right: 0;
    }
    .company-list{
        li{
            clear: both;
            overflow: hidden;
            cursor: pointer;
            div{
                width: 12px;
                height: 12px;
                // border: 2px solid #d1d1d1;
                border-radius: 6px;
                margin-bottom: 10px;
                float: right;
            }
           
        }
    }
}

.activeDot{
    background: #d1d1d1;
}
.defaultDot{
    border: 2px solid #d1d1d1;
}