|
...
|
...
|
@@ -10,6 +10,54 @@ |
|
|
|
video, img {
|
|
|
|
width:100%;
|
|
|
|
}
|
|
|
|
.tips_box {
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
z-index:999;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
background: rgba(0, 0, 0, 0.5);
|
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
padding: 0 0.32rem;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tips_top {
|
|
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content:flex-end;
|
|
|
|
margin-bottom: 0.1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tips_img {
|
|
|
|
width: 1.1rem;
|
|
|
|
height: 1.2rem;
|
|
|
|
margin-bottom: 0.2rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tips_bottom {
|
|
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tips_txt {
|
|
|
|
font-size: 0.28rem;
|
|
|
|
color: rgba(0, 0, 0, 0.8);
|
|
|
|
}
|
|
|
|
|
|
|
|
.tips_icon {
|
|
|
|
width: 0.68rem;
|
|
|
|
height: 0.68rem;
|
|
|
|
margin: 0.2rem 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
...
|
...
|
@@ -63,6 +111,23 @@ |
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="tips_box">
|
|
|
|
<div class="tips_top">
|
|
|
|
<div class="tips_img">
|
|
|
|
<img src="/assets/cai/image/jiantou_img@2x.png" alt="">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="tips_bottom">
|
|
|
|
<div class="tips_txt">请选择浏览器</div>
|
|
|
|
<div class="tips_icon">
|
|
|
|
<img src="/assets/cai/image/liulanqi_icon@2x.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="tips_txt">中打开</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<script src="/assets/cai/js/base.js"></script>
|
|
|
|
<script src="/assets/cai/js/app.js"></script>
|
...
|
...
|
|
