/* pages/learn/learn.wxss */
|
.swiper-tab{
|
position: fixed;
|
width: 100%;
|
text-align: center;
|
line-height: 80rpx;
|
white-space: nowrap;
|
z-index: 2;
|
background-color: #65EAD2;
|
}
|
|
.swiper-tab-list{
|
font-size: 30rpx;
|
display: inline-block;
|
min-width: 18%;
|
padding: 0 1%;
|
color: rgba(255, 255, 255, 0.658);
|
}
|
|
.on{
|
color: white;
|
font-weight: bold;
|
border-bottom: 4rpx solid white;
|
}
|
|
.swiper-box{
|
position: absolute;
|
display: block;
|
top: 80rpx;
|
width: 100%;
|
margin-top: 10px;
|
background-color: var(--fyui-BG_1);
|
}
|
|
.city-item{
|
width: 100%;
|
display: flex;
|
flex-flow: row nowrap;
|
margin-bottom: 10px;
|
}
|
|
.img{
|
width: 40%;
|
height: 100px;
|
}
|
|
.text{
|
width: 60%;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
font-size: 24px;
|
border: 1px solid #ddd;
|
box-sizing: border-box;
|
}
|
|
.swiper-item-images{
|
width: 100%;
|
height: 300rpx;
|
}
|
|
.image-btn{
|
position: relative;
|
width: 46vw;
|
height: 20vw;
|
background-color: #ECEEF9;
|
}
|
|
.image-btn_title{
|
position: relative;
|
white-space: nowrap;
|
z-index: 1;
|
color: var(--fyui-text-color_2);
|
font-size: 12px;
|
margin: 10px;
|
}
|
|
.image-btn_title_t{
|
color: var(--fyui-text-color_1);
|
font-weight: 600;
|
font-size: 16px;
|
}
|
|
.image-btn__2 {
|
position: absolute;
|
width: 30vw;
|
height: 20vw;
|
/* background-color: red; */
|
right: 0;
|
bottom: 0;
|
z-index: 0;
|
}
|
|
.image-btn_goto{
|
display: block;
|
background-color: white;
|
width: 20px;
|
height: 20px;
|
text-align: center;
|
border-radius: 50%;
|
}
|
|
.fyui-panel_video .video-poster {
|
width: 100%;
|
background-color: black;
|
}
|
|
.fyui-panel_video .video-title{
|
padding: 2px 16px;
|
font-size: 16px;
|
}
|
|
.fyui-panel_video .video-play {
|
position: absolute;
|
top: calc(50% - 25px);
|
left: calc(50% - 25px);
|
z-index: 10;
|
background-color: rgba(138, 138, 138, 0.712);
|
border-radius: 50%;
|
}
|
|
.fyui-panel_video .tag{
|
display: flex;
|
justify-content: space-between;
|
font-size: 12px;
|
color: var(--fyui-text-color_2);
|
padding: 4px 16px;
|
}
|
