.tu1{
text-align:center;
   margin: 0 auto;
   vertical-align: middle;
   width: 620px;
   height: 200px;
   background-color: aqua;
   overflow: hidden;

}
.tu2{
margin: 0 auto;
   vertical-align: middle;
   width: 620px;
   height: 100px;
   background-color: aqua;

}
.tu3{
margin: 0 auto;
   vertical-align: middle;
   width: 620px;
   height: 300px;
   background-color: aqua;
}
.tu4{
margin: 0 auto;
   vertical-align: middle;
   width: 620px;
   height: 150px;
   background-color: aqua;

}
.tu5{
margin: 0 auto;
   vertical-align: middle;
   width: 620px;
   height: 150px;
   background-color: aqua;
   background-repeat: no-repeat;

}
.p{
/*字体大小*/
   font-size: 30px;
   /*文字位置*/
   line-height: 130px;
   color: white;
}
.p1{
position: relative;
   font-size: 25px;
   color: white;
   word-wrap: normal;
}
.p3{
font-size: 30px;
   line-height: 130px;
   color: white;
}
.p4{
font-size: 30px;
   line-height: 80px;
   color: white;
   text-align: right;

}

<div class="tu1 ">
   <img src="tupian/Status%20Bar.png" alt="顶部" height="23">
   <img src="tupian/Arrow.png" alt="返回" style=" position: relative;right: 290px;top: 25px;">
</div>
<div class="tu2 ">
   <img src="tupian/记录页_03.png " alt="记录" style=" position:relative;bottom: 100px;">
   <img src="tupian/整合透底.png" alt="logo" style="width: 181px;height: 70px;position: relative;left: 150px;">
</div>
<div class="tu3 p1">葡萄藤轻游戏专注于桌游领域，提供在线杀人游戏，捉鬼，炸狼堡等多种聚会游戏，以下线下聚会桌游道具。</div>
<div class="tu4">
   <img src="tupian/葡萄藤logo.png " alt="logo" style=" position:relative;top: 100px;left: 60px;">
   <img src="tupian/椭圆%201.png " alt="logo" style=" position:relative;top: 105px;left: 330px;">
</div>
<div class="tu5 p3">290560933 </div>

明天计划：完成接下来的任务