*{ box-sizing: border-box;}
img { vertical-align: middle; }
.img-fluid { max-width: 100%; height: auto; }



/* top banner */
.top_txt{color: #505050; font-size: 32px; text-align: center;}
.top_txt span{color: #ff0215;background-color: #fff600;border-radius: 5px;margin: 0 9px;padding: 4px 12px;font-weight: bold;}
.top_txt {
    position: relative;
    border-bottom: 6px solid #0059d2;
    background: #fff;
    text-align: center;
    max-width: 790px;
    margin: auto;
    padding: 0 0 27px;
    font-size: 24px;
}
    /* 下三角 */ 
    .top_txt:before{
        content: "";
        position: absolute;
        bottom: -44px;
        left: 50%;
        margin-left: -2px;
        border: 22px solid transparent;
        border-top: 22px solid #fff;
        z-index: 2;
    }
    .top_txt:after {
        position: absolute;
        border: 27px solid transparent;
        border-top-color: #0059d2;
        border-bottom-width: 0;
        bottom: -30px;
        content: "";
        left: calc(50% + -7px);
        z-index: 1;
    }
.setsumei{ font-size: 30px; color: #0059d2; font-weight: bold ; text-align: center;}

.y_bck{
    background-image: url(../images/yellowbck.jpg);
    background-repeat: repeat;
}
.y_bck li i {color: #ff007e;font-size: 22px;}
.y_bck li{ font-size:22px; margin:0 0 10px;}
.y_bck ul{ width:650px;display:block; margin:auto;}

.theree_years{
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 10px 25px;
    display: inline-block;
    margin: auto;
    font-size: 18px;
}
.price_list dt{color: #505050; font-size: 32px; text-align: center;}
.price_list dt span{color: #ff0215; font-size: 1.2em;}

.price_list dt {
    position: relative;
    border-bottom: 4px solid #505050;
    background: #fff;
    text-align: center;
    max-width: 790px;
    margin: auto;
    padding: 0 0 27px;
}
    /* 下三角 */ 
.price_list dt:before{
        content: "";
        position: absolute;
        bottom: -44px;
        left: 50%;
        margin-left: -2px;
        border: 22px solid transparent;
        border-top: 22px solid #fff;
        z-index: 2;
    }
.price_list dt:after {
        position: absolute;
        border: 27px solid transparent;
        border-top-color: #505050;
        border-bottom-width: 0;
        bottom: -28px;
        content: "";
        left: calc(50% + -7px);
        z-index: 1;
    }
       
.oil_txt{
    background-color: #e1eeff;
    border-radius: 5px;
    padding: 10px 25px;
    margin:20px auto 50px;
    text-align: center;
    font-size: 18px;
}
@media(max-width:980px) {
    
}

@media(max-width:768px) {
    .top_txt {font-size: 24px;}
    .setsumei {font-size: 22px;}
    .y_bck li{ font-size:16px;}
    .y_bck ul{ width:500px;}
    .price_list dt {font-size:24px;}
    .w80p{ width: 80%;}
    .oil_txt,.theree_years{ font-size: 16px;}


}

@media(max-width:680px) {
    

}

@media(max-width:560px) {
    .y_bck ul {
    width: 100%;
}

}

@media(max-width:480px) {
    .w80p{ width: 100%; max-width:100%}

    .top_txt {font-size: 20px;}

    .top_txt {
        position: relative;
        border-bottom: 4px solid #0059d2;
        padding: 0 0 10px;
    }
    /* 下三角 */ 
    .top_txt:before{
        content: "";
        position: absolute;
        bottom: -30px;
        left: 50%;
        margin-left: -2px;
        border: 15px solid transparent;
        border-top: 15px solid #fff;
        z-index: 2;
    }
    .top_txt:after {
        border: 20px solid transparent;
        border-top-color: #0059d2;
        border-bottom-width: 0;
        bottom: -21px;
        content: "";
        left: calc(50% + -7px);
        z-index: 1;
    }
    
    .setsumei {font-size: 18px;}
    .setsumei br{display:none;}

    .price_list dt {
        font-size:20px;
        position: relative;
        border-bottom: 4px solid #505050;
        background: #fff;
        text-align: center;
        max-width: 790px;
        margin: auto;
        padding: 0 0 10px;
    }
        /* 下三角 */ 
    .price_list dt:before{
            content: "";
            position: absolute;
            bottom: -30px;
            left: 50%;
            margin-left: -2px;
            border: 15px solid transparent;
            border-top: 15px solid #fff;
            z-index: 2;
        }
    .price_list dt:after {
            position: absolute;
            border: 20px solid transparent;
            border-top-color: #505050;
            border-bottom-width: 0;
            bottom: -20px;
            content: "";
            left: calc(50% + -7px);
            z-index: 1;
        }

        .oil_txt,.theree_years{ font-size: 14px;}
   
}
@media (max-width:420px) {


}