.point_top{margin-bottom:30px}
.point_top .point_my{background:#3B61F4;padding:30px 40px;border-radius:20px 20px 0 0;display:flex;justify-content: space-between}
.point_top .point_my h3{color:#fff;font-size:28px;}
.point_top .point_my h3 span{font-weight:400;font-size:20px}
.point_top .point_my p{font-size:30px;color:#fff;font-weight:300}
.point_top .point_my p span{font-weight:800;display:inline-block;margin-right:10px}
.point_top .point_month{font-size:16px;padding:20px 40px;border-radius:0 0 20px 20px;border:1px solid #ddd;display:flex;justify-content: space-between}

.point_mission{}
.point_mission_itm{display:flex;justify-content: space-between;align-items:center;border:1px solid #ddd;border-radius:20px;padding:20px;margin-bottom:10px}
.point_mission_itm > div{align-items: center;gap:20px}
.point_mission_itm span{display:inline-block;width:80px;height:80px;line-height:80px;border-radius:50%;text-align:center;}
.point_mission_itm span.start{border:1px solid #ddd;color:#777}
.point_mission_itm span.earn{border:1px solid #3d8bff;color:#3d8bff}
.point_mission_itm span.used{border:1px solid #ff4444;color:#ff4444}
.point_mission_itm dt{font-size:18px;color:#333;margin-bottom:10px;font-weight:500}




/****** Mobile ******/
@media screen and (min-width:320px) and (max-width:690px) {
    .point_top .point_my{padding:20px;flex-direction: column;gap:20px}
    .point_top .point_my h3{color:#fff;font-size:22px;}
    .point_top .point_my p{text-align:right}

    .point_top .point_month{padding:20px;font-size:14px;}

    .point_mission_itm{padding:20px 10px}
    .point_mission_itm > div{gap:10px}
    .point_mission_itm span{width:60px;height:60px;line-height:60px}

}