html {
font-size: 1rem;
/* width: 100%;
height:7rem;
overflow: hidden; */
}
body{
width: 100%;
height:7rem;
overflow: hidden;
background: #65A583;
}
html, body, p, h1, h2, h3, h4, a, ul, li, img {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
color: black;
font-family: "Microsoft YaHei UI";
}
a{
color: #FFF
}
img, a {
display: block;
}
:root{
--swiper-theme-color: #0070b0;
}
.mt-15 {
margin-top: 0.16rem;
}
.pd-15 {
padding: 0.15rem;
}
::-webkit-scrollbar {
display: none;
}
body {
max-width: 6.4rem;
margin: 0 auto;
width: 100%;
height: 100%;
font-size: 0.16rem;
}
.bg{
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 100%;
}
.main{
width: 100%;
height: 100%;
position: relative;
transition: all ease 3s;
}
.warp{
background-image: url(../img/0102bg.jpg);
}
.com{
width: 90%;
margin: 0 auto;
padding: .2rem 0;
position: relative;
padding-bottom: 0;
}
.warp ul li:nth-child(1) img{
width: 1.7rem;
height: .3rem;
margin: .24rem auto;
}
.warp ul li:nth-child(2) img{
width: 2.6rem;
height: .6rem;
margin: 0 auto;
}
.warp ul li:nth-child(3) img{
width: 2.9rem;
height: 2.9rem;
margin: .3rem auto 0 auto;
}
.warp ul li:nth-child(3) p{
width: 2.4rem;
height: 2.4rem;
margin: .3rem auto 0.5rem auto;
font-size:0.14rem;
line-height:1.5;
color:#67A686;
}
.warp ul li:nth-child(4) img{
width: .8rem;
height: 2.3rem;
position: relative;
left: .18rem;
top: -.2rem;
}
/* 修改-- */
/* .warp ul li:nth-child(5) img{
width: 1.8rem;
height: 2.7rem;
margin: 0 auto;
} */
/* .warp ul li:nth-child(5){
position: absolute;
left: .8rem;
bottom: 0rem;
} */
/* .warp ul li:nth-child(6) img{
width: .8rem;
height: .8rem;
margin: 0 auto;
}
.warp ul li:nth-child(6){
position: absolute;
bottom: .2rem;
left: 1.3rem;
} */
/* --修改 */
.warp2{
background-image: url(../img/03zzbg.jpg);
}
.cityName img{
width: 3.3rem;
height: .8rem;
margin: 0 auto;
margin-bottom: .2rem;
}
.zzCity #chose{
background-image: url(../img/03chose.png);
}
/* 添加------------ */
/* -------------添加 */
.zzCity li{
display: inline-block;
background-image: url(../img/03cityBtn.png);
background-size: 100%;
background-repeat: no-repeat;
width: .63rem;
height: .2rem;
text-align: center;
line-height: .2rem;
color: #ffffff;
/* padding: .1rem .2rem; */
font-size: .1rem;
}
.zzCity li:nth-child(4){
margin-right: .2rem;
}
.zzCity{
margin-bottom: .2rem;
}
.newsImg img{
width: 3.3rem;
height: 1.93rem;
margin: 0 auto;
}
.newsImg iframe{
width: 3.3rem;
height: 1.93rem;
margin: 0 auto;
/* display: none; */
border-radius: 10px;
}
.text{
width: 85%;
margin: 0 auto;
background-color: #347A93;
border-radius: 0 0 .1rem .1rem;
}
.text p{
color: #ffffff;
width: 90%;
margin: 0 auto;
padding: .1rem 0;
}
.text p:nth-child(1){
font-size: .15rem;
line-height: .26rem;
}
.text p:nth-child(3){
font-size: .1rem;
line-height: .15rem;
height: 1.35rem;
}
.active img{
display: inline-block;
}
/* 修改-- */
.active img:nth-child(1),
.active img:nth-child(2){
width: 0.6rem;
height: 0.6rem;
margin-bottom: .4rem;
}
/* --修改 */
.active img:nth-child(1){
margin-left: .3rem;
}
.active img:nth-child(2){
margin-left: 1.6rem;
}
/* 修改-- */
/* .active img:nth-child(2){
width: 1rem;
height: 1.57rem;
margin-top: -.1rem;
margin-left: .3rem;
margin-right: .2rem;
} */
/* --修改 */
.warp3{
background-image: url(../img/04kfbg.jpg);
}
.kf .cityName,
.kf .text,
.pds .cityName,
.pds .text,
.xx .cityName,
.xx .text,
.lh .cityName,
.lh .text,
.jy .cityName,
.jy .text,
.ny .text,
.py .text{
margin-bottom: .4rem;
}
.warp4{
background-image: url(../img/05pdsbg.jpg);
}
.warp5{
background-image: url(../img/06xxbg.jpg);
}
.warp6{
background-image: url(../img/07pybg.jpg);
}
.pyCity,
.nyCity{
margin-bottom: .3rem;
text-align: center;
}
.pyCity #chose{
background-image: url(../img/07chose.png);
}
.pyCity li,
.nyCity li{
display: inline-block;
background-image: url(../img/07cityBtn.png);
background-size: 100%;
background-repeat: no-repeat;
width: .63rem;
height: .2rem;
text-align: center;
line-height: .2rem;
color: #ffffff;
/* padding: .1rem .2rem; */
font-size: .1rem;
}
.warp7{
background-image: url(../img/08lhbg.jpg);
}
.warp8{
background-image: url(../img/09nybg.jpg);
}
.nyCity{
display: flex;
justify-content: space-between;
}
.nyCity #chose{
background-image: url(../img/09chose.png);
}
.nyCity li{
background-image: url(../img/09cityBtn.png);
width: .73rem;
}
.warp9{
background-image: url(../img/10jybg.jpg);
}
/* .hide{
display: none
} */
/* 添加--- */
.startBtn{
width: 0.9rem!important;
height: 0.9rem!important;
position: absolute;
bottom: 0.2rem;
left: 50%;
transform: translate(-50%,0);
z-index:199
}
.startBtn img{
width: 0.9rem!important;
height: 0.9rem!important;
z-index: 199;
}
.sportiveBoy{
width: 1.8rem;
height: 2.7rem;
transition: all ease 3s;
top: 4.2rem;
left: 50%;
transform: translate(-50%,0);
position: absolute;
}
.zzCity .on{
background-image: url(../img/03chose.png);
}
.zzCityNews {
margin-bottom: 0.4rem;
}
.zzCityNews div{
display: none;
}
.zzCityNews div.on{
display: block;
}
.pyCity .on{
background-image: url(../img/07chose.png);
}
.pyCityNews {
margin-bottom: 0.4rem;
}
.pyCityNews div{
display: none;
}
.pyCityNews div.on{
display: block;
}
.nyCity .on{
background-image: url(../img/07chose.png);
}
.nyCityNews {
margin-bottom: 0.4rem;
}
.nyCityNews div{
display: none;
}
.nyCityNews div.on{
display: block;
}
/* ----添加 */