.content{
padding-bottom: 120px;
&.hasColor{
background: rgba(223, 38, 22, 0.04);
}
}
@media (max-width: 767px) {
.content{
padding-bottom: 50px;
}
}
.tabBar_{
position: relative;
background: #F6F8FA;
width: 100%;
height: 70px;
}
.tabBar{
position: relative;
background: #F6F8FA;
width: 100%;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
.tab{
position: relative;
height: 100%;
margin-left: 20px;
margin-right: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
.txt{
font-size: 17px;
color: #222325;
text-align: center;
font-weight: 400;
}
.bar{
position: absolute;
width: 20px;
height: 4px;
left: 50%;
bottom: 0;
margin-left: -10px;
background: #E60012;
display: none;
}
&.curr{
.bar{
display: block;
}
}
}
&.fixed{
position: fixed;
left: 0;
top: 0;
z-index: 10;
}
}
@media (max-width: 1440px) {
.tabBar_{
height: 60px;
}
.tabBar{
height: 60px;
.tab{
.txt{
font-size: 16px;
}
}
}
}
.content1{
position: relative;
.info{
width: 395px;
margin: auto;
margin-top: 70px;
.button{
background: url(/webfile/gxntd/assets/images/btnBg2.png);
background-size: 100% 100%;
.txt{
color: #fff;
}
}
.tip{
font-size: 15px;
color: #8A8D92;
text-align: center;
line-height: 30px;
font-weight: 300;
margin-top: 10px;
}
}
}
@media (max-width: 767px) {
.content1{
.info{
width: 100%;
margin-top: 30px;
.button{
width: 290px;
height: 50px;
margin: auto;
.txt{
font-size: 16px;
line-height: 24px;
}
.arrow{
width: 24px;
height: 24px;
margin-top: -12px;
}
}
.tip{
font-size: 12px;
line-height: 24px;
margin-top: 10px;
}
}
}
}
.content2{
background: url(/webfile/gxntd/assets/images/js-pic1_m.jpg);
background-size: cover;
.title{
width: 345px;
display: block;
margin: auto;
margin-top: 40px;
&.num2{
width: 463px;
}
}
.infoList{
display: flex;
justify-content: center;
margin-top: 30px;
flex-wrap: wrap;
&.small{
justify-content: start;
}
.infoBox{
position: relative;
width: 14.28%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 30px;
.avatar{
width: 100%;
display: block;
}
.name{
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
margin-top: 10px;
}
.desc{
opacity: 0.8;
font-size: 13px;
color: #FFFFFF;
line-height: 20px;
font-weight: 400;
margin-top: 5px;
}
}
}
}
@media (max-width: 767px) {
.content2{
.title{
width: 216px;
margin-top: 20px;
&.num2{
width: 290px;
}
}
.infoList{
width: 100%;
justify-content: start;
margin-top: 20px;
&.small{
justify-content: start;
flex-wrap: wrap;
.infoBox{
width: 25%;
padding-left: 5px;
padding-right: 5px;
}
}
.infoBox{
position: relative;
width: 33.33%;
padding-left: 7px;
padding-right: 7px;
margin-bottom: 15px;
.avatar{
width: 100%;
display: block;
}
.name{
font-size: 12px;
margin-top: 5px;
}
.desc{
font-size: 10px;
line-height: 14px;
margin-top: 4px;
font-weight: 300;
}
}
}
}
}
.content3{
.info{
width: 100%;
max-width: 1080px;
margin: auto;
margin-top: 5%;
display: block;
}
}
@media (max-width: 767px) {
.content3{
.info{
margin-top: 20px;
}
}
}
.content4{
background: url(/webfile/gxntd/assets/images/hg2022-pic3.jpg);
background-size: cover;
.pc-swiper{
margin-top: 50px;
position: relative;
.swiper-button-prev{
width: 40px;
height: 60px;
background: url(/webfile/gxntd/assets/images/l.png);
background-size: 100% 100%;
left: -60px;
}
.swiper-button-next{
width: 40px;
height: 60px;
background: url(/webfile/gxntd/assets/images/r.png);
background-size: 100% 100%;
right: -60px;
}
}
.mb-swiper{
margin-top: 20px;
position: relative;
.swiper-pagination{
width: 100%;
bottom: -30px;
}
}
.swiper-container{
.swiper-slide{
.pic{
width: 100%;
}
}
}
}
@media (max-width: 1420px) {
.content4{
.pc-swiper{
position: relative;
.swiper-button-prev{
left: 0px;
}
.swiper-button-next{
right: 0px;
}
}
}
}
@media (max-width: 1199px) {
.content4{
.pc-swiper{
position: relative;
.swiper-button-prev{
left: -60px;
}
.swiper-button-next{
right: -60px;
}
}
}
}
@media (max-width: 1050px) {
.content4{
.pc-swiper{
position: relative;
.swiper-button-prev{
left: 0px;
}
.swiper-button-next{
right: 0px;
}
}
}
}
@media (max-width: 991px) {
.content4{
.pc-swiper{
position: relative;
.swiper-button-prev{
left: -60px;
}
.swiper-button-next{
right: -60px;
}
}
}
}
@media (max-width: 830px) {
.content4{
.pc-swiper{
position: relative;
.swiper-button-prev{
left: 0px;
}
.swiper-button-next{
right: 0px;
}
}
}
}
@media (max-width: 767px) {
.content4{
.info{
width: 100%;
margin-top: 30px;
.button{
width: 290px;
height: 50px;
margin: auto;
.txt{
font-size: 16px;
line-height: 24px;
}
.arrow{
width: 24px;
height: 24px;
margin-top: -12px;
}
}
.tip{
font-size: 12px;
line-height: 24px;
margin-top: 10px;
}
}
}
}
.content5{
.infoList{
display: flex;
flex-wrap: wrap;
margin-top: 50px;
.infoBox{
width: 33.33%;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 35px;
text-decoration: none;
cursor: pointer;
.pic{
width: 100%;
display: block;
}
.title{
font-weight: bold;
font-size: 18px;
color: #333436;
line-height: 26px;
margin-top: 15px;
}
.desc{
font-weight: 300;
font-size: 13px;
color: #505558;
line-height: 24px;
margin-top: 5px;
}
}
}
}
@media (max-width: 1024px) {
.content5{
.infoList{
.infoBox{
width: 50%;
}
}
}
}
@media (max-width: 767px) {
.content5{
.infoList{
margin-top: 20px;
.infoBox{
width: 100%;
padding-left: 0;
padding-right: 0;
margin-bottom: 20px;
.title{
font-size: 16px;
margin-top: 9px;
line-height: 22px;
}
.desc{
font-size: 12px;
margin-top: 5px;
line-height: 17px;
}
}
}
}
}HoME日本不卡一区 日本不卡一区二区三区 日本不卡一区二区高清更新 日本不卡一区免费更新一区 日本不卡三区