锘? { margin: 0; padding: 0; } a { text-decoration: none; } #main * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #main input, #main select, #main textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; } #main i, #main em { font-style: normal; } #main { width: 100%; font-size: 0.7rem; box-sizing: border-box; padding: 2rem 0 2rem; box-sizing: border-box; background: url(/uploads/image/zlsimg/body.jpg) no-repeat; background-size: 100% 100%; } .dis_f { display: flex; align-items: center; justify-content: flex-start; } .dis_b { display: flex; align-items: center; justify-content: space-between; } .dis_c { display: flex; align-items: center; justify-content: center; } /* input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f1f1f1 inset !important; } */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; } table { width: 100%; text-align: center; /*鏂囨湰灞呬腑*/ border-collapse: collapse; /*琛ㄦ牸鐨勮竟妗嗗悎骞讹紝濡傛灉鐩搁偦锛屽垯鍏辩敤涓€涓竟妗?/ border-spacing: 0; /*璁剧疆琛屼笌鍗曞厓鏍艰竟妗嗙殑闂磋窛銆傚綋琛ㄦ牸杈规鐙珛锛堝嵆border-collapse:separate;锛夋灞炴€ф墠璧蜂綔鐢?/ } table td { word-break: break-all; /*鍏佽鍦ㄥ瓧鍐呮崲琛?鍗冲崟璇嶅彲鍒?/ word-wrap: break-word; /*鍏佽闀垮崟璇嶆垨url鍦板潃鎹㈣*/ border-right: 1px solid #939598; border-bottom: 1px solid #939598; } /* 婊氬姩妲?*/ .section5 .school::-webkit-scrollbar { width: 6px; height: 6px; } .section5 .school::-webkit-scrollbar-track { border-radius: 3px; background: rgba(0, 0, 0, 0.06); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08); } /* 婊氬姩鏉℃粦鍧?*/ .section5 .school::-webkit-scrollbar-thumb { border-radius: 3px; background: #f65e5e; } #main .banner { width: 100%; } #main .banner img { width: 100%; } section { margin: 0 auto; margin-top: .85rem; padding-top: 0.1rem; z-index: 3; width: 14.93rem; background-color: #ffffff; border-radius: 0.43rem; padding: .1rem .3rem .3rem; } section .title { width: 100%; font-size: 0.8rem; color: #000000; padding: 0 .45rem; } section .title div { height: 2.01rem; width: 100%; letter-spacing: 0.09rem; text-align: center; border-bottom: 1px dashed #e5e5e5; } section .title div img{ width: 2.11rem; margin-right: .45rem; } section .title div img:nth-child(2){ margin-right: 0; margin-left: .45rem; transform: rotatez(180deg); } .same_btn { width: 9.81rem; height: 1.88rem; background-color: #c90f26; border-radius: 0.93rem; font-size: 0.68rem; font-weight: 700; text-align: center; line-height: 1.88rem; margin: 0 auto; margin-top: 0; color: #ffffff; margin-top: .85rem; } .same_btn a{ display:block; width:100%; height:100%; color: #ffffff; } section .swiper-pagination { width: 100%; display: flex; justify-content: center; position: relative; margin-top: .5rem; } section .swiper-pagination span { margin-right: .4rem; } section .swiper-pagination span:last-child { margin-right: 0; } .swiper-pagination-bullet-active { opacity: 1; background: #ea3946; } /* section1 */ .section1 ul { width: 14.93rem; margin-top: .93rem; flex-wrap: wrap; } .section1 ul li { width: 48%; border-radius: 0.26rem; flex-direction: column; position: relative; z-index: 1; flex-shrink: 0; margin-bottom: .43rem; height: 6.8rem; } .section1 ul li:nth-child(3),.section1 ul li:nth-child(4){ margin-bottom: 0; } .section1 ul li h2 { width: 100%; height: 1.49rem; background-color: #ff9e00; border-radius: 0.74rem; background-size: 100%; width: 100%; font-size: 0.64rem; font-weight: 700; color: #ffffff; text-align: center; position: relative; z-index: 1; flex-shrink: 0; } .section1 ul li p { font-size: 0.6rem; height: 5.97rem; line-height: 0.85rem; color: #000000; background-color: #f5f5f5; padding: 1rem .45rem 0; border-top: none; position: relative; top: -1rem; flex-shrink: 0; } /* section2 */ .section2 { margin-top: 0.5rem; top: 0; } .nolay form { width: 100%; margin: 0.64rem auto 0; padding-top: .64rem; padding-right: .34rem; padding-bottom: .3rem; } .nolay form .item { width: 100%; margin-bottom: .5rem; } .nolay form label { width: 2.15rem; font-size: 0.6rem; font-weight: 700; line-height: 0.6rem; color: #000000; flex-shrink: 0; text-align: right; } .nolay form input, .nolay form select { width: 11.66rem; height: 1.53rem; line-height: 1.53rem; background-color: #f5f5f5; border-radius: 0.15rem; font-size: 0.6rem; padding-left: .45rem; font-size: 0.6rem; color: #999999; } .nolay form select { background: #ffffff url(/uploads/image/zlsimg/arrow.png) no-repeat; background-size: 4%; background-position: 11rem center; } .nolay form input::placeholder { color: #999999; } .nolay form img { height: 1rem; } .nolay form .yzm input { width: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; } .nolay form .yzm div{ width: 11.66rem; } .nolay form .yzm span { line-height: 1.53rem; border-radius: 0.26rem; border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: 0.6rem; color: #ffffff; text-align: center; flex-shrink: 0; width: 4.26rem; background-color: #171717; } .nolay form .btn { width: 5.65rem; height: 1.88rem; background-color: #c90f26; border-radius: 0.93rem; height: 1.9rem; line-height: 1.9rem; text-align: center; font-size: .7rem; margin: 1rem auto 0; font-weight: 700; color: #ffffff; } /* section3 */ .section3{ top: 0; } .section3 .title { margin-bottom: .4rem; } .section3 h3 { font-size: 0.7rem; color: #000000; text-align: center; margin-bottom: .4rem; position: relative; } .section3 .content{ flex-direction: column; } .section3 .content_li{ background-color: #ffffff; } .section3 .content_li:first-child{ margin-bottom: .4rem; } .section3 .content_li>div{ padding: .45rem; } .section3 h3::before, .section3 h3::after { content: ""; width: 0.55rem; height: 0.13rem; background-color: #000000; position: absolute; top: 50%; transform: translatey(-50%); } .section3 h3::before { left: 24%; } .section3 h3::after { right: 24%; } .section3 .subhead{ align-items: flex-start; margin-bottom: .2rem; } .section3 .subhead b { font-size: 0.6rem; font-weight: 700; position: relative; z-index: 1; margin-bottom: .3rem; flex-shrink: 0; } .section3 .subhead span{ font-size: 0.6rem; line-height: 0.85rem; color: #333333; } .section3 .subhead b.mar_t { margin-top: 0; } .section3 .subhead b:after { content: ''; width: 100%; height: 0.23rem; background-color: #f2f2f2; border-radius: 0.1rem; position: absolute; z-index: -1; bottom: 0; left: 0; } .section3 .fir_swiper li { margin-bottom: .4rem; } .section3 .fir_swiper li:last-child { margin-bottom: 0; } .section3 li { font-size: 0.6rem; color: #333333; line-height: .9rem; } .section3_btn{ margin-top: 1rem; } /* section4 */ .section4{ top: 0; padding-bottom: .5rem; } .section4 .swiper-slide { height: auto; } .section4 .schedule { background-color: #ffffff; border-radius: 0.15rem; padding: 0rem 0 0rem; flex-wrap: wrap; font-size: 0.6rem; line-height: 0.85rem; margin-top: .85rem; height: 100%; } .section4 .schedule .sec_title { font-size: 0.75rem; font-weight: 700; color: #000000; text-align: center; position: relative; margin-bottom: .6rem; } .section4 .sec_title::before, .section4 .sec_title::after { content: ""; width: 0.45rem; height: 0.1rem; background-color: #e6e6e6; position: absolute; top: 50%; transform: translatey(-50%); } .section4 .sec_title::before { left: 39%; } .section4 .sec_title::after { right: 39%; } .section4 .schedule>.dis_c { align-items: flex-start; } .section4 .schedule .line { width: 0.2rem; height:20.3rem; background-color: #f5f5f5; border-radius: 0.09rem; } .section4 .slide_2 .schedule span { width: 4.5rem; } .section4 .slide_2 .schedule li { margin-top: 3.5rem; } .section4 .slide_2 .schedule ul:nth-child(3) li{ margin-top: 3.5rem; } .section4 .schedule ul span { display: block; width: 3rem; font-size: 0.6rem; height: 1rem; line-height: 1rem; text-align: center; background-color: #ea3946; border-radius: 0.49rem 0rem 0rem 0.49rem; color: #ffffff; margin-bottom: .33rem; } .section4 .schedule li { margin-top: .6rem; } .section4 .schedule li.four_step{ margin-top: 2rem; } .section4 .schedule li.six_step{ margin-top: 6rem; } .section4 .schedule li:nth-child(1) { margin-top: 0; } .section4 .schedule ul:nth-child(1) li { flex-direction: column; align-items: flex-end; } .section4 .schedule ul:nth-child(1) p { text-align: right; padding-right: .6rem; } .section4 .schedule ul:nth-child(3) p { padding-left: .6rem; } .section4 .schedule ul:nth-child(3) { margin-top: 1rem; } .section4 .schedule li:nth-child(1) span { margin-top: 0; } .section4 .schedule ul:nth-child(1) li:nth-child(3) span { margin-bottom: 0.13rem; } .section4 .schedule ul:nth-child(1) li:nth-child(4) span { margin-top: 0.13rem; margin-bottom: 0.33rem; } .section4 .schedule ul:nth-child(3) span { border-radius: 0rem 0.49rem 0.49rem 0rem; background-color: #ea3946; } .section4 .slide_3 .schedule span { width: 4.5rem; } .section4 .slide_3 li{ margin-top: 1rem; } .section4_btn{ margin-top: 1rem; } /* section5 */ .section5 { top: 0; } .section5 article{ margin-top: 0.85rem; } .section5 .school { padding-bottom: .5rem; position: relative; } .section5 ul { width: auto; margin-top: .8rem; } .section5 .swiper-slide{ padding: .57rem .25rem .4rem; background-color: #ffffff; width: 12.5rem; height: auto; border-radius: 0.15rem; flex-shrink: 0; } .section5 .swiper-slide .top { padding: 0rem 0 .7rem; padding-bottom: .28rem; } .section5 .swiper-slide img { width: 3.45rem; margin-right: .6rem; } .section5 .swiper-slide.six img{ width: 2.5rem; } .section5 .swiper-slide .top h2 { font-size: .7rem; margin-bottom: .23rem; } .section5 .swiper-slide .top p { font-size: .5rem; line-height: 0.85rem; } .section5 .swiper-slide .detail { padding: 0 .7rem 0 .5rem; font-size: 0.6rem; margin-top: .78rem; } .section5 .swiper-slide .btn_box{ width: 90%; margin: 1.3rem auto 0; } .section5 .swiper-slide .btn_box>div{ font-size: 0.68rem; font-weight: 700; text-align: center; line-height: 1.88rem; color: #ffffff; width: 5.54rem; height: 1.88rem; background-color: #c90f26; border-radius: 0.93rem; } .section5 .swiper-slide .btn_box>div a{ display: block; width: 100%; height: 100%; color: #ffffff; } .section5 .swiper-slide .detail:nth-child(3) { height: auto; } .section5 .swiper-slide .detail b { display: block; margin-bottom: .4rem; position: relative; z-index: 1; } .section5 .swiper-slide .detail:nth-child(3) p{ height: 2.2rem; } .section5 .swiper-slide .detail b:after { content: ''; width: 2.88rem; height: 0.25rem; background-color: #f2f2f2; border-radius: 0.11rem; position: absolute; left: 0; bottom: -.05rem; z-index: -1; } .section5 article .same_btn { width: 7.5rem; } .section5_btn{ margin-top: 1rem; } /* .section6 */ .section6{ top: 0; padding-bottom: .5rem; } .section6 article { margin-top: .85rem; } .section6 .item { width: 100%; font-size: 0.6rem; font-weight: 700; color: #ffffff; flex-direction: column; } .section6 .item>li { width: 100%; text-align: center; margin-bottom: .2rem; } .section6 .item>li h2{ padding: 0 .8rem; height: 1.71rem; line-height: 1.71rem; background-color: #262626; } .section6 .item>li.active h2{ background-color: #ff9e00 } .section6 .item>li img{ width: 0.51rem; } .section6 .item>li ul{ width: 100%; background-color: #f5f5f5; padding: 0; font-size: 0.55rem; color: #666666; font-weight: normal; height: 0; overflow: hidden; transition: all .3s; } .section6 .item>li.active ul{ display: block; height: auto; padding: .4rem 0 .4rem 0.7rem; transition: all .3s; } .section6 .item>li ul li{ margin-bottom: .2rem; text-align: left; align-items: flex-start; padding-right: .3rem; flex-direction: column; margin-bottom: .2rem; } .section6 .item>li ul b{ color: #000000; font-weight: 700; margin-right: .2rem; flex-shrink: 0; } .section6 .same_btn{ margin-top: .8rem; } /* .section7 */ .section7{ top: 0; padding-bottom: .5rem; } .section7 article { margin-top: .85rem; padding: .4rem; background-color: #ffffff; } .section7 .exam { width: 100%; height: auto; position: relative; overflow: hidden; font-size: 0.6rem; font-weight: 700; margin-bottom: .48rem; } .section7 .exam:nth-child(2) { margin-bottom: 0; } .section7 .exam h2 { text-align: center; background-color: #ff9e00; font-size: 0.7rem; margin-bottom: 0rem; color: #ffffff; padding: .3rem 0; } .section7 .exam:nth-child(2) h2{ background-color: #262626; } .section7 .exam ul { padding: .65rem .3rem .8rem .6rem; background-color: #ffffff; border: solid 0.02rem #eeeeee; border-top: none; font-size: .6rem; } .section7 .exam li { margin-bottom: .4rem; } .section7 .exam li:nth-child(2){ align-items: flex-start; } .section7 .exam li:nth-child(1) span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .section7 .exam li:nth-child(2) span{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /* 鍑犺鍚庢樉绀轰笉寮€鐪佺暐 */ -webkit-line-clamp: 2; } .section7 .exam li:last-child { margin: 0; } .section7 .exam li b { width: 3.23rem; height: 1.1rem; background-color: #eeeeee; border-radius: 0.52rem; flex-shrink: 0; color: #666666; margin-right: .5rem; } .section7 .exam span { font-weight: normal; line-height: 0.85rem; } .section7_btn{ margin-top: 1rem; } /* .public */ .public_title { font-size: 0.88rem; color: #ffffff; line-height: 0.8rem; } .public_title2 { font-size: 0.88rem; color: #ffffff; } .public_title img { width: 1.38rem; margin-left: 0.6rem; vertical-align: middle; } .teacher { width: 100%; top: 0; background: none; padding: 0.5rem; margin-top: .5rem; } .teacher .swiper-container { margin-top: 0.6rem; } .teacher .swiper-slide { width: 100%; padding: 0.5rem 0 0.5rem 0.5rem; background-color: #ffffff; font-size: 0.6rem; font-weight: 700; color: #000000; } .teacher .swiper-slide .left { width: 4.5rem; height: 6rem; flex-shrink: 0; margin-right: 0.95rem; } .teacher .swiper-slide img { width: 100%; height: 100%; } .teacher .swiper-slide .right { width: 7.65rem; } .teacher .swiper-slide .right p { line-height: 0.85rem; margin-bottom: 0.2rem; } .teacher .swiper-slide .right p:nth-child(1) { font-size: 0.7rem; margin-bottom: 0.5rem; } /* .teacher.swiper-slide .right p:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }*/ .teacher .swiper-slide .right p:nth-child(2) { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /* 鍑犺鍚庢樉绀轰笉寮€鐪佺暐 */ -webkit-line-clamp: 4; } .teacher .swiper-slide .right p span { font-weight: normal; } .teacher .swiper-pagination { margin-top: .8rem; } .teacher .swiper-container-horizontal>.swiper-pagination-bullets, .teacher .swiper-pagination-custom, .teacher .swiper-pagination-fraction { bottom: 0; } .teacher .swiper-pagination-bullet { background: #00a1f5; } .teacher .swiper-pagination-bullet-active { background: #ea3946; } .teacher .same_btn{ margin-top: 1rem; } .btm_form { width: 100%; margin-top: 0.35rem; padding: 0.5rem; padding-top: 0; top: 0; background: none; } .btm_form form{ background: none !important; padding: 0; } .btm_form form input, .btm_form form select { width: 11.94rem; background-color: #ffffff; color: #999999; } .btm_form form .yzm div{ width: 11.97rem; } .same_form .item, .same_form input, .same_form select { width: 100%; height: 1.5rem; background-color: #f5f5f5; border-radius: 0.15rem; line-height: 1.5rem; font-size: 0.6rem; color: #b3b3b3; padding-left: 1.7rem; } .same_form input::placeholder { color: #b3b3b3; } .same_form .item { padding-left: 0; margin-bottom: 0.5rem; position: relative; } .same_form .item img { height: 1rem; margin-right: 0.5rem; position: absolute; left: .4rem; top: 50%; transform: translatey(-50%) } .same_form .item img.arrow { height: 0.2rem; left: auto; right: .3rem; } .same_form .item.yzm input { padding-left: 0.7rem; } .same_form .item.yzm span { width: 5rem; height: 1.5rem; line-height: 1.5rem; background-color: #fdd402; border-radius: 0.15rem; text-align: center; font-size: 0.6rem; color: #000000; flex-shrink: 0; } .same_form .btn { width: 9.5rem; height: 1.75rem; background-color: #f57f00; border-radius: 0.86rem; line-height: 1.75rem; text-align: center; font-size: 0.7rem; color: #ffffff; font-weight: 700; margin: 0.75rem auto 0; } /* layout */ #main .layout { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none; } #main .layout .same_form { width: 12.5rem; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); } #main .same_form h2 { width: 100%; height: 2.03rem; background-image: linear-gradient(0deg, #ea394600 0%, #ea3946 100%); border-radius: 0.15rem; font-size: .8rem; color: #ffffff; text-align: center; line-height: 2.03rem; } #main .same_form form { background-color: #ea3946; border-radius: 0.15rem; padding: .5rem .5rem .75rem .5rem; } .same_form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important; } #main .same_form .btn { width: 7rem; background-color: #fdd402; border-radius: 0.86rem; color: #000000; } #main .same_form .close { width: 1.05rem; height: 1.05rem; position: absolute; top: -1.45rem; right: 0; cursor: pointer; }