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>11选5是一种在线即开型彩票玩法，属于基诺型彩票范畴，由省体育彩票管理中心负责承销。</p>
        </li>
        <li>
            <div class="titleWrap"><span class="circle">二</span> <span class="title">开奖与购买方式</span></div>
            <ol class="subList">
                <li>本站三分11选5游戏每天进行<strong>440期</strong>，<strong>开奖时间为08:03至次日06:00</strong>，<strong>每隔3分钟开奖一次</strong>。开奖号码通过电脑体育彩票每期开奖结果通过随机数码生成器，从01-11共11个号码中按顺序自动生成5个不同号码作为当期中奖号码。</li>
                <li>购买者可透过本站进行投注，在对其选定的投注号码进行投注；或返点投注，返点越高投注赔率则低。每注金额人民币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>11选5投注区号码范围为01～11，每期开出5个号码作为中奖号码。11选5玩法即是竞猜5位开奖号码的全部或部分号码。
                    <div class="descBall">
                        <ul class="expBall">
                            <li>
                                <div class="ball">03</div>
                                万位</li>
                            <li>
                                <div class="ball">09</div>
                                千位</li>
   ...