.tip-box {border-radius:8px;padding:6px 16px;margin-top:20px;font-size:14px;box-shadow:0 2px 5px rgba(0,0,0,0.05);line-height:1.6;margin-top: -5px;
    margin-bottom: 20px;}
.tip-yellow {background:#fef9c3;border:1px solid #fcd34d;color:#92400e;}
.tip-yellow strong {color:#b45309;}
.tip-green {background:#c9daf8;border:1px solid #9fc5e8;color:#1c4587;}
.tip-green strong {color:#1c4587;}
.tip-red {background:#fee2e2;border:1px solid #f87171;color:#7f1d1d;}
.tip-red strong {color:#b91c1c;}
.tip-blue {background:#dbeafe;border:1px solid #60a5fa;color:#1e3a8a;}
.tip-blue strong {color:#1d4ed8;}
.tips{
   overflow: hidden;
    border: 2px dashed #18beff;
    border-radius: 9px;
    padding: 10px 15px;
    font-size: 13px;
    position: relative;
    line-height: 1.5;}
.tips ul{
list-style: disc;
margin: 0 0 0 50px;
}
.tips li{
margin: 6px 6px;
}
@media (max-width: 640px){
.tips ul{
margin-left:20px;
}
}