You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
1.6 KiB
101 lines
1.6 KiB
4 years ago
|
.topic_index {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topic_index image {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.answer1{
|
||
|
|
margin-top: 100rpx;
|
||
|
|
}
|
||
|
|
.answer2{
|
||
|
|
margin-top: 40rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.topic_answer {
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
background: url("https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b17100c71a32d5df7e5374efc99918f632401e19f77.jpg");
|
||
|
|
background-size: 100% 100%;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pop {
|
||
|
|
width: 75%;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.pop image{
|
||
|
|
/* width: 200rpx;
|
||
|
|
height: 200rpx; */
|
||
|
|
/* display: block; */ vertical-align: middle;
|
||
|
|
}
|
||
|
|
.pop .ans{
|
||
|
|
|
||
|
|
}
|
||
|
|
.answer_topic{
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
.topic_answer .di {
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
.topic_last{
|
||
|
|
/* width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
background: url("https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b1bd95440f58318553fb8add327f558e5508d778756.jpg");
|
||
|
|
background-size: 100% 100%; */
|
||
|
|
/* position: relative; */
|
||
|
|
|
||
|
|
}
|
||
|
|
.last_pic{
|
||
|
|
}
|
||
|
|
.last_pic image{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.last_pic .pic1{
|
||
|
|
height: 74vh;
|
||
|
|
margin-top: -1rpx;
|
||
|
|
}
|
||
|
|
.last_pic .pic2{
|
||
|
|
margin-top: -1rpx;
|
||
|
|
height:26vh;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.last_btn{
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
position: absolute;
|
||
|
|
top: 10rpx;
|
||
|
|
left: 176rpx;
|
||
|
|
}
|
||
|
|
.last_btn .img image{
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.last_btn .img{
|
||
|
|
width: 128rpx;
|
||
|
|
height: 43rpx;
|
||
|
|
}
|
||
|
|
.maRight{
|
||
|
|
margin-right: 12rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.share_btn{
|
||
|
|
border: 0 !important;
|
||
|
|
height: 43rpx;
|
||
|
|
line-height: 43rpx;
|
||
|
|
padding: 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|