.section{ margin-top: 1.65em; } .section h2{ font-size: 0.95rem; color: #154caf; position: relative; z-index: 2; height: 1.1rem; } .section h2 span{ display: flex; position: relative; z-index: -1; height: 100%; } .section h2 span img{ width: 2rem; } .section h2 span:nth-child(1){ left: 1.2rem; align-items: flex-end; } .section h2 span:nth-child(2){ align-items: flex-start; right: 1.7rem; top: 0.1rem; } .section h2 span:nth-child(2) img{ width: 2.5rem; } .section .content{ padding: 0 .5rem; margin-top: .73rem; } .section .btn_box{ margin-top: .75rem; } .section .btn{ width: 6.5rem; height: 1.5rem; background-color: #ee1b24; border-radius: 0.74rem; font-size: 0.65rem; color: #ffffff; } .section .btn:nth-child(2){ margin-left: .5rem; } .section1 li{ width: 3.5rem; height: 1.75rem; background-color: #2c5ab0; font-size: 0.65rem; color: #ffffff; } .section1 li.active{ background-color: #ee1b24; } .section1 .detail{ width: 100%; height: auto; background-color: #f5f5f5; padding: .5rem; } .section1 .detail>div{ display: none; } .section1 .detail>div:nth-child(2){ padding-bottom: 0.7rem; } .section1 .detail>div.active{ display: block; } .section1 .detail h3{ font-size: 0.65rem; color: #000000; margin-bottom: .3rem; } .section1 .detail p{ font-size: 0.6rem; line-height: 0.9rem; color: #666666; } .section2 li{ height: 2.5rem; } .section2 li:nth-child(2){ margin: .5rem 0; } .section2 li span{ width: 3.75rem; height: 2.5rem; background-color: #2c5ab0; flex-shrink: 0; font-size: 0.65rem; line-height: 0.9rem; color: #ffffff; text-align: center; margin-right: .7rem; } .section2 li p{ font-size: 0.6rem; font-weight: normal; font-stretch: normal; line-height: 0.8rem; letter-spacing: 0rem; color: #333333; } .section3 { padding: 0 .5rem; } .section3 .swiper-container{ border: solid 0.05rem #f5f5f5; padding: 1rem 1rem .85rem 1.23rem; } .section3 .top{ align-items: flex-start; } .section3 .top span{ font-size: 0.45rem; } .section3 .top h3{ font-size: 0.8rem; font-weight: 400; } .section3 .sch_btn{ width: 4.5rem; height: 1.5rem; background-color: #010101; font-size: 0.65rem; color: #ffffff; } .section3 .sch_btn:nth-child(2){ background-color: #ee1b24; margin-top: .25rem; } .section3 .content p{ font-size: 0.6rem; line-height: 0.9rem; color: #000000; margin-top: .8rem; } .section3 .swiper-pagination{ position: relative; bottom: 0; margin-top: .75rem; } .swiper-pagination span{ margin-right: .2rem; } .swiper-pagination-bullet-active{ background-color: #ee1b24; } form{ background-color: #2c5ab0; padding: .5rem .5rem .75rem; flex-wrap: wrap; } form .item{ width: 49%; margin-bottom: .23rem; } form input,select{ width: 100%; height: 1.53rem; background-color: #ffffff; font-size: 0.55rem; line-height: 1.53rem; color: #a1a1a1; padding-left: .43rem; } form input::placeholder{ color: #a1a1a1; } form select{ background: #ffffff url(/uploads/image/zucimg/arrow.png) no-repeat; background-size: 7%; background-position: 95% center; } form .item.yzm{ width: 100%; } form .item.yzm span{ width: 5.5rem; height: 1.53rem; background-color: #333333; flex-shrink: 0; font-size: 0.55rem; color: #ffffff; } form .btn{ width: 6rem; margin: 0.5rem auto 0; } .section5 table th{ width: 25%; height: 2rem; background-color: #2c5ab0; font-size: 0.6rem; line-height: 0.8rem; color: #ffffff; border-right: 1px solid #ffffff; } .section5 table th:last-child{ border-right: 1px solid #2c5ab0; } .section5 table th:nth-child(1){ background: #2c5ab0 url(/uploads/image/zucimg/biaotou.png) no-repeat; background-size: 100%; position: relative; border-left: 1px solid #2c5ab0; } .section5 table th span{ position: absolute; } .section5 table th span:nth-child(1){ bottom: .3rem; left: .3rem; } .section5 table th span:nth-child(2){ top: .3rem; right: .3rem; } .section5 table td{ font-size: 0.55rem; line-height: 0.75rem; color: #000000; border: 1px solid #e6e6e6; padding: .4rem .45rem; } .section6 .top { height: 5.7rem; overflow: hidden; } .section6 .img{ width: 5rem; } .section6 .top h3{ font-size: 0.7rem; color: #000000; margin-bottom: .5rem; } .section6 .top p{ font-size: 0.6rem; line-height: 0.9rem; color: #333333; } .section7 li{ width: 48%; } .section7 li a{ display: block; width: 100%; height: 100%; } .section8 .item{ align-items: flex-start; } .section8 label{ font-size: 0.6rem; font-weight: 700; color: #000000; } .section8 textarea{ width: 11.5rem; height: 5rem; background-color: #f2f2f2; font-size: 0.55rem; line-height: .9rem; color: #a1a1a1; padding: 0.43rem; } .section8 .content .btn{ margin: 0 auto; margin-top: .75rem; } /* 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>div { width: 13.75rem; position: fixed; top: 47%; left: 50%; transform: translate3d(-50%, -50%, 0); background: url(/uploads/image/zucimg/lay1.png) no-repeat; background-size: 100%; text-align: center; padding-top: .4rem; } #main .layout form{ background: none; } #main .layout .title { margin-bottom: 1.1rem; } #main .layout h2 { font-size: .95rem; color: #000000; font-weight: 400; } #main .layout p { font-size: 0.75rem; color: #000000; margin-top: .1rem; margin-bottom: .3rem; } #main .layout .item{ margin-bottom: .33rem; } #main .layout .w_1{ width: 100%; } #main .layout input,#main .layout select{ box-shadow: 0.06rem 0.11rem 0.75rem 0rem rgba(110, 110, 110, 0.35); } #main .layout .yzm{ width: 49%; } #main .layout .yzm span{ width: 50%; background-color: #ffdb22; font-size: .45rem; color: #000000; } #main .layout .submit { width: 4.5rem; height: 1.75rem; margin: 0.4rem auto 0; line-height: 1.75rem; background: url(/uploads/image/zucimg/btn.png) no-repeat; background-size: 100%; font-weight: 700; font-size: .75rem; color: #0e3a8d; } #main .layout .close { width: 1rem; height: 1rem; position: absolute; top: -1.5rem; right: 0; cursor: pointer; } #main input:-webkit-autofill { color: #b2b2b2; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; } #main .layout .layout_box2 { background: url(/uploads/image/zucimg/lay2.png) no-repeat; background-size: 100%; padding-top: .8rem; display: none; } #main .layout .layout_box2 .yzm{ width: 100%; } #main .layout .layout_box2 span{ width: 4.55rem; font-size: .55rem; } #main .layout .ewm{ width: 7.5rem; padding: 0; display: none; }