You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.7 KiB
HTML
64 lines
1.7 KiB
HTML
<div id="useing_box">
|
|
<style>
|
|
.useing_box {padding:2rem;}
|
|
.useing_box h5 {font-size:1.4rem;line-height:2;}
|
|
.useing_list {}
|
|
.useing_list li{line-height:1.6;}
|
|
.useing_list i{margin-right:.5rem;font-style:normal;display:inline-block;width:1.5rem;height:1.5rem;background:#f2a756;color:#FFF;border-radius:50%;text-align:center;font-size:1rem;}
|
|
.useing_list span{}
|
|
@media screen and (min-width: 300px) {
|
|
.blank {
|
|
height:7.5rem;
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
.blank {
|
|
height:158px;
|
|
}
|
|
@media screen and (min-width: 1080px) {
|
|
.blank {
|
|
height:158px;
|
|
}
|
|
@media screen and (min-width: 1200px) {
|
|
.blank {
|
|
height:200px;
|
|
}
|
|
@media screen and (min-width: 1440px) {
|
|
.blank {
|
|
height:218px;
|
|
}
|
|
@media screen and (min-width: 1920px) {
|
|
.blank {
|
|
height:258px;
|
|
}
|
|
}
|
|
</style>
|
|
<header class="header trade-header header-btn">
|
|
<a class="xg-back" id="jsuseing" href="javascript:;"></a>
|
|
<h1 class="xg-title trade_caption">使用说明</h1>
|
|
</header>
|
|
<div class="blank"> </div>
|
|
<main class="xg-main wrapper" style="position:relative;">
|
|
<div class="useing_box">
|
|
<h5>你已成功获得角色，请按步骤登录使用</h5>
|
|
<ul class="useing_list">
|
|
<li><i>1</i><span>使用自己的账号登录游戏</span></li>
|
|
<li><i>2</i><span>选择“购买到”的小号</span></li>
|
|
<li><i>3</i><span>按指定的区服进入游戏</span></li>
|
|
<li><i>4</i><span>登录角色</span></li>
|
|
</ul>
|
|
</div>
|
|
</main>
|
|
<script>
|
|
$(function() {
|
|
|
|
$('#jsuseing').click(function() {
|
|
var p = $('.popwin2').fadeOut(200);
|
|
setTimeout(function(){p.find('#useing_box').remove();},210);
|
|
return false;
|
|
});
|
|
|
|
|
|
|
|
});
|
|
</script>
|
|
</div> |