.SUMSUU { display:flex; padding-top:10px; width:50%; float:left; } @media(max-width:767px) { .SUMSUU { width:100%; justify-content:center; } }.phone { width:300px; height:606px; background-color:#252772; border-radius:50px; display:flex; justify-content:center; align-items:center; box-shadow:-1px 2px 15px 1px #3d3d3f; } .screen2 { width:93%; height:96%; background:#fff; /* background-size:cover; */ background-image:linear-gradient(45deg,#007afe 0%,#007aff 100%); border-radius:40px; position:relative; overflow:hidden; } .wrapper2 { width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between; align-items:center; position:absolute; } .top2 { margin-top:-5px; width:50%; height:20px; background:#252772; border-radius:5px 5px 20px 20px; display:flex; justify-content:center; align-items:center; } .tingtong { height:5px; width:50%; background-color:#28282b; border-radius:5px; } .bottom { width:35%; height:5px; background:#000; border-radius:5px; margin-bottom:8px; position:relative; z-index:31 } .content2 { width:100%; height:100%; z-index:1; background-color:rgba(0,0,0,0); position:absolute; } .notice-bar2 { color:#fff; font-size:11px; padding-left:25px; padding-top:7px; width:100%; height:3%; } .main2 { margin-top:20px; width:100%; height:97%; display:flex; flex-wrap:wrap; align-content:flex-start; } .app { height:70px; width:25%; box-sizing:border-box; padding:5px; margin-bottom:20px; } .app-content { width:100%; height:100%; background:#fff; box-shadow:1px 1px 5px 1px #5c5a5a; border-radius:7px; } /* 下面是内部图片的滑动条隐藏 */ .SUMSUU2::-webkit-scrollbar { width:1px; height:4px; } .SUMSUU2::-webkit-scrollbar-thumb { border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.0); background:rgba(0,0,0,.0); } .SUMSUU2::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.0); border-radius:0; background:rgba(0,0,0,0.0); }