JSFiddle - React, Tailwind, and code Playground

by apasaja

HTML

<div class="tutDetails">
    <ul class="descTitle">
		<li>
            <div class="titleWrap"><span class="circle">★</span> <span class="title"><a style="color: #2d8cf0;" href="#liangmian">两面玩法</a></span></div>
        </li>
        <li>
            <div class="titleWrap"><span class="circle">一</span> <span class="title">玩法类型及承销</span></div>
            <p>上海时时乐是一种小盘玩法游戏，属数字型彩票范畴，由中国福利彩票发行管理中心统一组织发行，在全国范围内销售。</p>
        </li>
        <li>
            <div class="titleWrap"><span class="circle">二</span> <span class="title">开奖与购买方式</span></div>
            <ol class="subList">
                <li>本站上海时时乐游戏每天进行<strong>23期</strong>，<strong>开奖时间为10:30至22:00</strong>，<strong>每30分钟开奖一次</strong>，开奖号码通过摇奖方式产生，中央广播电台中国之声对开奖进行现场直播。购买者可透过本站进行投注，在对其选定的投注号码进行投注；或返点投注，返点越高投注赔率则低。每注金额人民币1元。</li>
                <li>购买者可选择机选号码投注、自选号码投注。机选号码投注是指由投注机随机产生投注号码进行投注，自选号码投注是指将购买者选定的号码输入投注机进行投注。</li>
                <li>购买者还可进行多倍投注、追号投注。多倍投注是指同样的投注号码进行翻倍数额购买的投注。追号投注指将一注或一组号码进行两期或两期以上的投注。追号可分为连续追号和间隔追号，连续追号指追号的期数是连续的，间隔追号指追号的期数不连续。</li>
                <li>如果用户投注成功后，若因销售终端故障、通讯线路故障和投注站信用额度受限等原因造成当期无法开奖的，应退还购买者投注金额。</li>
            </ol>
        </li>
        <li>
            <div class="titleWrap"><span class="circle">三</span> <span class="title">兑奖</span></div>
            <p><strong>返奖：</strong>无论大小奖均返还至用户在本站的账户中，一旦用户中奖，系统将自动返还中奖金额。可继续投注或提款，永无弃奖。</p>
        </li>
        <li>
            <div class="titleWrap"><span class="circle">四</span> <span class="title">玩法说明</span></div>
            <ol class="subList">
                <li>上海时时乐投注区分为百位、十位和个位，以一个3位自然数为投注号码的彩种玩法，投注者从000到999的范围内选择一个3位数进行投注，上海时时乐玩法即是竞猜3位开奖号码。
                    <div class="descBall">
                        <ul class="expBall">
                            <li>
                                <div class="ball">2</div>
                                百位</li>
                            <li>
                                <div class="ball">6</div>
                                十位</li>
                           ...