{{> layout/writer_header_hk320}}
<div class="trial-nav">
    <span class="trial-nav-l">試用中心</span>
    <span class="trial-nav-r">我的試用</span>
</div>

<div class="trial-l-content trial-content trial-active-content">
    {{> channel/banner320}}
    <div class="home-content">
        <ul>
            {{# contentCenter}}
            <li class="content-item channel-{{channelType}} channel-beauty-trial">
                <a class="img-link" href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">
                    <img class="lazy" data-original="{{img}}"
                         src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="
                         alt=""/>
                </a>

                <h2>
                    <a href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">{{title}}</a>
                </h2>

                <h3>
                    <a href="{{link}}" target="_blank"
                       onclick="YOHODCLICK('channel','mobile','content')">{{subTitle}}</a>
                </h3>

                <div class="trial-product-info">
                    <span>價格：{{price}}元&nbsp;/&nbsp;</span>
                    <span>規格：{{size}}&nbsp;{{standand}}&nbsp;/&nbsp;</span>
                    <span>數量：{{num}}份</span>
                </div>
                <time class="{{# success}}trial-time-success{{/ success}}{{# fail}}trial-time-fail{{/ fail}}{{# ing}}trial-time-ing{{/ ing}}">
                    <span>申請時間：{{timeStart}}——{{timeEnd}}</span>
                    {{# timeOverplus}}
                        <span class="trial-time-overplus">距離結束還有{{.}}</span>
                    {{/ timeOverplus}}
                </time>
                <div class="trial-submit">
                    {{# isOver}}<b class="apply-link apply-link-over">活動已結束</b>{{/ isOver}}
                    {{^ isOver}}<a class="apply-link" href="{{link}}">免費申請</a>{{/ isOver}}
                    <span onclick="" class="apply-like-num {{# isLike}}apply-dislike{{/ isLike}}" data-cid="{{id}}">&#xe600;&nbsp;<b>{{likeNum}}</b></span>
                </div>
            </li>
            {{/ contentCenter}}
        </ul>
        {{# contentCenterSwitch}}
        {{> channel/page320}}
        {{/ contentCenterSwitch}}
    </div>
</div>
<div class="trial-r-content trial-content">
    <div class="home-content trial-tab-content-ing">
        <ul>
            {{# trialIng}}
            <li class="content-item channel-{{channelType}} channel-beauty-trial">
                <a class="img-link" href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">
                    <img class="lazy" data-original="{{img}}"
                         src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="
                         alt=""/>
                </a>

                <h2>
                    <a href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">{{title}}</a>
                </h2>

                <h3>
                    <a href="{{link}}" target="_blank"
                       onclick="YOHODCLICK('channel','mobile','content')">{{subTitle}}</a>
                </h3>

                <time class="{{# success}}trial-time-success{{/ success}}{{# fail}}trial-time-fail{{/ fail}}{{# ing}}trial-time-ing{{/ ing}}">
                    <span>申請時間：{{timeStart}}</span>
                </time>
                <div class="apply-status">
                    {{# success}}申請成功{{/ success}}{{# fail}}審核未通過{{/ fail}}{{# ing}}申請待審核{{/ ing}}
                </div>
                <div class="trial-submit">
                    <a class="apply-detail-link" href="{{applyDetailLink}}">查看詳情</a>
                </div>
            </li>
            {{/ trialIng}}
        </ul>

        {{# trialIngSwitch}}
        {{> channel/page320}}
        {{/ trialIngSwitch}}

        {{^ trialIng}}
        <div class="noting-trial-tip">
            <p>您還沒有申請中的試用品</p>
            <b>立即去</b><a href="#">免費申請</a>
        </div>
        {{/ trialIng}}
    </div>
    <div class="home-content trial-tab-content-success">
        <ul>
            {{# trialSuccess}}
            <li class="content-item channel-{{channelType}} channel-beauty-trial">
                <a class="img-link" href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">
                    <img class="lazy" data-original="{{img}}"
                         src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="
                         alt=""/>
                </a>

                <h2>
                    <a href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">{{title}}</a>
                </h2>

                <h3>
                    <a href="{{link}}" target="_blank"
                       onclick="YOHODCLICK('channel','mobile','content')">{{subTitle}}</a>
                </h3>

                <time class="{{# success}}trial-time-success{{/ success}}{{# fail}}trial-time-fail{{/ fail}}{{# ing}}trial-time-ing{{/ ing}}">
                    <span>申請時間：{{timeStart}}</span>
                </time>
                <div class="apply-status">
                    {{# success}}申請成功{{/ success}}{{# fail}}審核未通過{{/ fail}}{{# ing}}申請待審核{{/ ing}}
                </div>
                <div class="trial-submit">
                    <a class="apply-detail-link" href="{{applyDetailLink}}">查看詳情</a>
                </div>
            </li>
            {{/ trialSuccess}}
        </ul>

        {{# trialSuccessSwitch}}
        {{> channel/page320}}
        {{/ trialSuccessSwitch}}

        {{^ trialSuccess}}
        <div class="noting-trial-tip">
            <p>您還沒有申請成功的試用品</p>
            <b>立即去</b><a href="#">免費申請</a>
        </div>
        {{/ trialSuccess}}
    </div>
    <div class="home-content trial-tab-content-fail">
        <ul>
            {{# trialFail}}
            <li class="content-item channel-{{channelType}} channel-beauty-trial">
                <a class="img-link" href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">
                    <img class="lazy" data-original="{{img}}"
                         src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw=="
                         alt=""/>
                </a>

                <h2>
                    <a href="{{link}}" target="_blank" onclick="YOHODCLICK('channel','mobile','content')">{{title}}</a>
                </h2>

                <h3>
                    <a href="{{link}}" target="_blank"
                       onclick="YOHODCLICK('channel','mobile','content')">{{subTitle}}</a>
                </h3>

                <time class="{{# success}}trial-time-success{{/ success}}{{# fail}}trial-time-fail{{/ fail}}{{# ing}}trial-time-ing{{/ ing}}">
                    <span>申請時間：{{timeStart}}</span>
                </time>
                <div class="apply-status">
                    {{# success}}申請成功{{/ success}}{{# fail}}審核未通過{{/ fail}}{{# ing}}申請待審核{{/ ing}}
                </div>
                <div class="trial-submit">
                    <a class="apply-detail-link" href="{{applyDetailLink}}">查看詳情</a>
                </div>
            </li>
            {{/ trialFail}}
        </ul>

        {{# trialFailSwitch}}
        {{> channel/page320}}
        {{/ trialFailSwitch}}

        {{^ trialFail}}
        <div class="noting-trial-tip">
            <p>您還沒有申請中的試用品</p>
            <b>立即去</b><a href="#">免費申請</a>
        </div>
        {{/ trialFail}}
    </div>
</div>
{{> default/download320}}
<!--trialCat-->
<div id="trial-cat">
    <div class="trial-cat-main">
        <ul>
            <li><span onclick="YOHODCLICK('trial','mobile','')"></span></li>
            <li><span onclick="YOHODCLICK('trial','mobile','')"></span></li>
            <li><span onclick="YOHODCLICK('trial','mobile','')"></span></li>
        </ul>
    </div>
</div>
{{> layout/footer_hk320}}