.gswrapper{ max-width: 750px; margin:0 auto; } header{ } .logo{ width: 2.22rem; height: .4rem; margin-top: .2rem; font-size: 0; } .logo img{ width:100%; height: 100%; } .show{ float: left; height: .4rem; width: 2.22rem; margin-top: .2rem; margin-left: 2rem; font-size: 0; } .show img{ width:100%; height: 100%; } .banner{ width:6.9rem; height: 2.6rem; margin:0 auto .2rem; overflow: hidden; border-radius:.15rem; } .banner .swiper-slide{ font-size: 0; } .banner .swiper-slide img{ width:6.9rem; height: 2.6rem; } .gsblock{ margin:.2rem auto; line-height: 2; } .newgaokao{ width:6.9rem; margin:0 auto; } .newgaokao .gaokaotitle{ text-align: center; font-size: 0; } .newgaokao .gaokaotitle span, .newgaokao .gaokaotitle h3, .newgaokao .gaokaotitle h1{ display: inline-block; vertical-align: middle; } .newgaokao .gaokaotitle span.line{ width:.2rem; height:.02rem; background:#4593f3; margin:0 .05rem; } .newgaokao .gaokaotitle{ margin:.15rem 0; } .newgaokao .gaokaotitle span.circle{ width:.06rem; height: .06rem; border-radius: 50%; background:#4593f3; margin:0 .05rem; } .newgaokao .gaokaotitle h3, .newgaokao .gaokaotitle h1{ font-size: .24rem; margin:0 .1rem; color:#4593f3; } .gsyouxuan{ } .gsyouxuan .youxuanitem{ float:left; background-color: #fff; border-radius:.15rem; box-shadow: 0 0 .1rem rgba(0,0,0,.1); height: 2.2rem; width:2.2rem; box-sizing: border-box; padding:.15rem; text-align: center; margin-right: .15rem; } .gsyouxuan .youxuanitem:last-child{ margin-right: 0; } .gsyouxuan .youxuanitem h4, .gsyouxuan .youxuanitem p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5; } .gsyouxuan .youxuanitem h4{ font-size: .3rem; color:#222; } .gsyouxuan .youxuanitem p{ font-size: .24rem; color:#999; } .gsyouxuan .youxuanitem img{ display: block; width:1.5rem; height: .85rem; margin:.1rem auto ; object-fit: cover; border-radius:.15rem; } .gsblock .title{ width:6.9rem; margin:0 auto; } .gsblock .title h2{ font-weight: bold; color:#222; font-size: .32rem; } .gsblock .title a{ font-size: .2rem; color:#999; margin-top:.06rem; } .gsrankcon{ width:6.9rem; margin:.05rem auto 0; overflow: hidden; } .gsrankcon .swiper-wrapper{ width:1000rem; } .gsrankcon .swiper-slide{ float:left; margin-right: .2rem; width:4.2rem; height: 4rem; border-radius:.15rem; box-sizing: border-box; padding:.15rem; color:#fff; background-size:100% 100%; background-position: left top; background-repeat: no-repeat; } .gsrankcon .swiper-slide.rankitem1{ /* background:linear-gradient(#15befd,#0898ff); */ background-image: ; } .gsrankcon .swiper-slide.rankitem2{ background-image: ; } .gsrankcon .swiper-slide.rankitem3{ background-image: ; } .gsrankcon .swiper-slide h2{ font-size: .32rem; color:#fff; font-weight: bold; margin-bottom:.05rem; } .gsrankcon .swiper-slide li{ display: flex; justify-content: space-between; align-items: top; margin-bottom: .2rem; } .gsrankcon .swiper-slide li .turn{ font-size: 0; width: .6rem; height: .6rem; border-radius: 50%; text-align: center; line-height: .6rem; color:#fff; background-repeat: no-repeat; background-size: .6rem .6rem; background-position: center center; margin-top:.08rem; } .gsrankcon .swiper-slide li .turn.turn1{ background-image:; } .gsrankcon .swiper-slide li .turn.turn2{ background-image:; } .gsrankcon .swiper-slide li .turn.turn3{ background-image:; } .gsrankcon .swiper-slide li .gsarticleimg{ font-size: 0; width:.56rem; height: .76rem; border-radius:.1rem; overflow: hidden; margin-top:.06rem; } .gsrankcon .swiper-slide.rankitem2 li .gsarticleimg{ width:.6rem; height: .6rem; border-radius:50%; } .gsrankcon .swiper-slide li .gsarticleimg img{ width:100%; height: 100%; object-fit:cover; } .gsrankcon .swiper-slide li article{ width: 3.1rem; } .gsrankcon .swiper-slide li article h3{ font-size: .3rem; /* margin-bottom:.1rem; */ } .gsrankcon .swiper-slide li article p{ font-size: .24rem; } .gsrankcon .swiper-slide li article h3, .gsrankcon .swiper-slide li article p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#fff; line-height: 1.5; } .gsrankcon .swiper-slide li article h3 a, .gsrankcon .swiper-slide li article p a{ color:#fff; } .gsrankcon .swiper-slide li article .basicinfor{ font-size: .24rem; line-height: 1.5; margin-bottom: .05rem; color:#fff; } .gsrankcon .swiper-slide li article .basicinfor span{ font-size: .24rem; } .gsspecialnav{ margin:.1rem auto; width:6.9rem; overflow: hidden; } .gsspecialnav .swiper-wrapper{ white-space: nowrap; font-size: 0; } .gsspecialnav .swiper-slide{ width:auto; font-size: .28rem; color: #999; line-height: 2; background: #fafafa; padding: 0 .2rem; margin-right: .2rem; border-radius: .3rem; display: inline-block; vertical-align: middle; } .gsspecialnav .swiper-slide.active{ color:#fff; background-color: #4593f3; } .gsspecialconwrapper{ margin:.2rem auto 0; width:6.9rem; } .gsspecialconwrapper .gsspecialitem{ display: none; background-color: #fff; box-shadow:0 0 .05rem rgba(0,0,0,.2); border-radius:.15rem; overflow: hidden; } .gsspecialconwrapper .gsspecialitem.active{ display: block; } .gsspecialconwrapper .gsspecialitem .recocon{ width:6.9rem; height: 1.2rem; font-size: 0; } .gsspecialconwrapper .gsspecialitem .recocon img{ width: 100%; height: 100%; object-fit:cover; border-radius:.15rem .15rem 0 0; } .gsspecialconwrapper .gsspecialitem .swiper-container{ width:6.9rem; overflow: hidden; } .gsspecialconwrapper .gsspecialitem .swiper-container .swiper-wrapper{ width:1000rem; } .gsspecialconwrapper .gsspecialitem .swiper-slide{ width:1.3rem; float:left; margin:.2rem .1rem; } .gsspecialconwrapper .gsspecialitem .swiper-slide img{ display: block; width:1.3rem; height: 1.75rem; border-radius:.15rem; object-fit: cover; } .gsspecialconwrapper .gsspecialitem .swiper-slide p{ font-size: .24rem; color:#222; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gaokao_article{ width:6.9rem; margin:0 auto .2rem; } .cooperation{ width:7.5rem; padding:0 .3rem; box-sizing: border-box; } .cooperation .tabbox li { font-size: .2rem; padding: .15rem; border-bottom: .02rem solid transparent; float: left; color: #222; box-sizing: border-box; margin-right: .2rem; } .cooperation .tabbox li.active { display: block; border-color: #35a2ff; color: #35a2ff; } .cooperation .tab_item { display: none; font-size: 0; margin-top: .2rem; } .cooperation .tab_item a { color: #999; font-size: .2rem; line-height: 2; display: inline-block; vertical-align: middle; margin-right: .2rem; } .cooperation .tab_item a:hover { color: #35a2ff; } .cooperation .tab_item.active { display: block; } /* ------------------------------------------------------------footer-------------------------------- */ .footer{ height: 2.38rem; float: left; width: 100%; } .footer .footer-img{ width: 1.4rem; height:0.3rem; margin: 0 auto; display: block; margin-top: 0.7rem; } .footer .slogan{ color: #cecdcd; font-size: 0.22rem; text-align: center; margin-top: 0.2rem; }