/* BASIC css start */
.topBanner {
    width: 100%;
    height: 40px;
    text-align: center;
    background: linear-gradient(to right, rgb(133, 37, 139), rgb(60, 19, 85));
}
.join-logo { widht:100%; text-align:center; margin:40px auto 20px; }
.join-logo img { width:29px; }
.join-step { width:100%; height:21px; box-sizing:border-box; text-align:center; line-height:21px; margin-bottom:35px; }
.join-step-inner { width:100%; margin:0 auto; }
.join-step-inner .sequence { width:100%; text-align:center; margin:0 auto; }
#bbsData .sequence { text-align:right; margin:20px auto 30px; }
.join-step-inner .sequence ul li,
#bbsData .sequence ul li { position:relative; display:inline-block; padding:0 14px; font-size:15px; color:#9a9a9a; }
.join-step-inner .sequence ul li.active { color:#8b3a97; font-weight:500; }
.join-step-inner .sequence ul li:after,
#bbsData .sequence ul li:after { display:block; content:''; width: 6px; height: 10px; position: absolute; right: -5px; top: 5px; background:url('/design/mpmall2025/Img/icon_angle.png') no-repeat;  }
#bbsData .sequence ul li:after { top: 4px; }
.join-step-inner .sequence ul li:last-child:after,
#bbsData .sequence ul li:last-child:after { display:none; }
/* BASIC css end */