.care table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #8db72c;
    margin-top: 20px;
}


.care table td, .care table th {border:1px solid #ddd;
    font-size:15px;
    padding:10px;
    background-color:#fff;}

.care table th {
    background-color: #f3fddc;
    text-align: center;
}
.care table td:first-child{ text-align: center;}
.care table td{text-align:left; padding-left:10px; vertical-align:middle; line-height:30px;}


.care h3 {
    font-size: 25px;
    letter-spacing: -1.5px;
    margin-bottom: 10px;
    margin-top:50px;
}
.care h3:before {content:''; display:inline-block; width:10px; height:25px; background:#8db72c; border-radius:5px; margin-bottom:-3px; }

.care p{  padding: 30px; font-size:15px;
    background: #f9f9f9;
    border: 1px solid #eee; margin-bottom:30px;}
.care ul {
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #eee;
}
.care ul li { 
    background: url(/app/dubu_sourcecode/docs/imgs/1594787641_1585413155_icon.png) no-repeat 0px 4px;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: -1px;
    text-align: left;
    padding-left: 20px;
    background-size: 15px;
    margin-bottom: 5px;
}
.care ul li:last-child {margin-bottom:0;}

.care em {color:#8db72c;}

.care p.tt{font-size:23px; text-align:left;color:#8db72c; margin-bottom:0px; font-weight:500; letter-spacing:-2px; background:#fff; border-color:#fff; padding:0;}


.care ul.flow{clear:both;padding: 0;
    background: #fff;
    border: 1px solid #fff; margin:30px;}
.care ul.flow li{float:left; width:29%; background:#8db72c; margin:20px; padding:10px 40px; color:#fff; border-radius:5px; position:relative;  }
.care ul.flow li span{background:#fff; color:#8db72c; width:30px; height:30px; display:inline-block; text-align:center; border:2px solid #8db72c; position:absolute; top:-10px; left:5px; border-radius:50%;  }

.care ul.flow li:last-child{background:#ff6600;}
.care ul.flow li:last-child span{color:#ff6600; border:2px solid #ff6600; }


ul.pic {margin:50px 0 20px;  display:inline-block; width:100%;}
ul.pic li{float:left; width:33.33333%; text-align:center;}
/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .care ul.flow li{width:40%}
    ul.pic {margin:20px 0; display:inline-block; width:100%; }
    ul.pic li{float:left; width:33.33333%; text-align:center; overflow:hidden;}
}

/* mobile */
@media screen and (max-width:767px){
    .care ul li {  font-size: 15px;}
    .care ul.flow li{float:none; width:100%; margin:20px 0}
     ul.pic li{float:none; width:100%; text-align:center; overflow:hidden; padding:10px;}
}

