锘?lead { width: 100%; position: relative; padding: 0 .18rem 0 .43rem; margin-top: -4.4rem; z-index: 1; margin-bottom: 1.05rem; } .lead .content { width: 100%; height: 15.18rem; background: url(/uploads/image/zacimg/lead.png) no-repeat; background-size: 100%; padding: 7.6rem 1.2rem 0; } .lead p { font-size: 0.55rem; line-height: .85rem; letter-spacing: 0rem; color: #4d4d4d; } .lead .leyu { width: 11.35rem; height: 1.73rem; background-color: #ff893a; border-radius: 0.84rem; font-size: 0.6rem; font-weight: 700; color: #ffffff; margin: 1.2rem auto 0; } .tab_box>div { width: 100%; padding: 0.85rem .43rem 0; background-color: #2b3782; height: 4.3rem; align-items: flex-start; } .tab_box.fixed{ width: 100%; position: fixed; top: 2rem; z-index: 2; height: auto; } .tab_box.fixed>div{ height: auto; padding: .4rem 0; } .tab_box .tab { width: 7.48rem; height: 1.73rem; background-color: #ffffff; color: #000000; padding: 5px; font-size: 0.75rem; } .tab_box .tab.active { background-color: #ff893a; color: #ffffff; } .tab_box .tab>div { width: 100%; height: 100%; border: solid 1px #e5e5e5; background: url(/uploads/image/zacimg/au.png) no-repeat; background-size: 65%; background-position: center center; } .tab_box .tab:nth-child(2)>div { background: url(/uploads/image/zacimg/nz.png) no-repeat; background-size: 80%; background-position: center center; } .tab_box .tab.active>div { border: solid 1px #ffffff; } .part{ margin-bottom: .8rem; } .part .nz { display: none; } .part>.content { width: 100%; padding: 0 .43rem; } .part>.content>div { width: 100%; height: auto; background-color: #ffffff; box-shadow: 0rem 0rem 1.08rem 0rem rgba(11, 3, 6, 0.1); padding: .75rem .63rem 1.08rem; } .part .t { font-size: 0.85rem; font-weight: 700; line-height: 0.85rem; color: #333333; padding-left: .68rem; position: relative; } .part .t::before { content: ""; width: 0.3rem; height: 0.3rem; background-color: #3b4ec9; position: absolute; top: 0.1rem; left: 0; } .part .btn_box { margin: 0 auto; } .part .btn { width: 12.6rem; height: 1.73rem; background-color: #ff893a; border-radius: 0.84rem; font-size: 0.6rem; font-weight: 700; color: #ffffff; } /* 椤圭洰浜偣 */ .part1 { position: relative; z-index: 1; margin-top: -1.05rem; } .part1 .light { width: 100%; height: auto; background-color: #ffffff; box-shadow: 0rem 0rem 1.08rem 0rem rgba(11, 3, 6, 0.1); padding: .75rem .63rem 1.08rem; } .part1 .light_box { width: 100%; height: auto; } .part1 .light_box ul { margin-top: .63rem; margin-bottom: .85rem; flex-direction: column; } .part1 .light_box li { width: 100%; height: 2.38rem; background-color: #3b4ec9; position: relative; overflow: hidden; margin-bottom: .4rem; } .part1 .light_box p { font-size: 0.55rem; line-height: .8rem; color: #ffffff; padding-left: .7rem; } .part1 .icon_box { flex-shrink: 0; width: 2.6rem; } .part1 .ts { font-size: 30px; font-weight: 700; line-height: 30px; color: #333333; } .part1 .ts em { font-size: 26px; letter-spacing: 3px; color: #e6e6e6; font-weight: normal; } .part2 ul { flex-wrap: wrap; margin-top: .83rem; margin-bottom: .83rem; } .part2 li { width: 30.9%; height: 1.73rem; background-color: #ffffff; border: solid 0.04rem #f2f2f2; font-size: 0.55rem; color: #000000; margin-right: .5rem; margin-bottom: .63rem; text-align: center; } .part2 li:nth-child(3n) { margin-right: 0; } .part2 li.nomar { margin-bottom: 0; } .part2 li.active { background-color: #ff893a; border: solid 0.04rem #ff893a; color: #ffffff; } .part2 .detail { background-color: #ffffff; border: solid 0.04rem #dadada; padding: .5rem; } .part2 .detail .top{ align-items: flex-start; } .part2 .detail .img { width: 2.95rem; height: 2.95rem; flex-shrink: 0; overflow: hidden; margin-right: .7rem; } .part2 .detail .img img { width: 100%; } .part2 .detail .top h4 { font-size: 0.6rem; margin-top: .1rem; margin-bottom: .2rem; } .part2 .detail .top span { width: 9rem; font-size: 0.5rem; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /* 鍑犺鍚庢樉绀轰笉寮€鐪佺暐 */ -webkit-line-clamp: 1; margin-bottom: .2rem; } .part2 .detail .top p { font-size: 0.55rem; } .part2 table{ box-shadow: 0rem 0rem 1.08rem 0rem rgba(11, 3, 6, 0.1); margin-top: .33rem; margin-bottom: .4rem; } .part2 thead th{ height: 1.73rem; background-color: #3b4ec9; font-size: 0.55rem; color: #ffffff; border: 1px solid #e6e6e6; padding: 0 .4rem; } .part2 tbody td{ color: #999999; font-size: 0.64rem; height: 1.7rem; } .part2 .intr{ font-size: 0.55rem; font-weight: normal; font-stretch: normal; line-height: .9rem; letter-spacing: 0rem; color: #4d4d4d; opacity: .9; } .part2 .btn_box{ padding: 0 .85rem; margin-top: .83rem; } .part2 .btn{ width: 5.38rem; height: 1.73rem; background-color: #ff893a; border-radius: 0.84rem; } .part3 .ads{ margin-top: .8rem; margin-bottom: 1.25rem; } .part3 .ads li{ width: 4.4rem; height: 4.4rem; margin-right: .4rem; } .part3 .ads li:last-child{ margin-right: 0; } .part3 .form_box { width: 100%; } .part3 .form_box .top span{ width: 100%; font-size: 0.81rem; line-height: 0.81rem; height: 0.81rem; margin:0 auto .65rem; } .part3 .form_box .top ul{ padding: 0 .3rem; margin-bottom: .83rem; } .part3 .form_box .top li { width: 3.13rem; height: 1.3rem; background-color: #ebebeb; border-radius: 0.63rem; font-size: 20px; color: #4d4d4d; font-size: 0.55rem; color: #333333; } .part3 form { flex-wrap: wrap; } .part3 .item { width: 49%; height: 1.53rem; background-color: #ffffff; border: solid 0.04rem #999999; margin-bottom: .4rem; overflow: hidden; position:relative; } .part3 .item.nomar { margin-bottom: 0; } .part3 input, .part3 select { width: 100%; height: 1.53rem; font-size: .5rem; color: #808080; padding-left: .5rem; position: absolute; top: 0; left: 0; z-index: 1; } .part3 input::placeholder { color: #808080; } .part3 select { background: url(/uploads/image/zacimg/arrow.png) no-repeat; background-position: 96% center; background-size: 7%; } .part3 .btn { width: 5.35rem; height: 1.73rem; background-color: #ff893a; margin: .83rem auto 0; } .part4 ul{ flex-wrap: wrap; align-items: flex-start; margin-top: .83rem; } .part4 li{ width: 33.33%; flex-direction: column; font-size: 0.55rem; text-align: center; margin-bottom: .5rem; } .part4 li.nomar{ margin-bottom: 0; } .part4 li .img{ width: 2.6rem; height: 2.6rem; margin-bottom: .3rem; } .part5 { background-color: #3b4ec9; padding:.7rem .63rem 1rem; margin-bottom: 0; } .part5 .t{ color: #ffffff; } .part5 .t::before{ background-color: #ffffff; } .part5 .content{ padding: 0; } .part5 .content>div{ background: none; padding: 0; box-shadow: none; } .part5 ul{ flex-wrap: wrap; margin-top: .83rem; } .part5 li{ width: 7.08rem; height: 3rem; font-size: 0.55rem; line-height: .8rem; letter-spacing: 0rem; color: #1a1a1a; background: url(/uploads/image/zacimg/card.png) no-repeat; background-size: 100%; margin-bottom: .4rem; padding: 0 .5rem; text-align: center; } .part5 li:last-child{ background: url(/uploads/image/zacimg/card2.png) no-repeat; background-size: 100%; color:#ffffff; } .part5 li.nomar{ margin-bottom: 0; } .part6 { background-color: #2b3782; height: auto; background-position: top center; padding-top: .7rem; padding-bottom: 1rem; margin-bottom: 0; } .part6>h3 { font-size: 0.75rem; line-height: 1.2rem; color: #ffffff; font-weight: normal; } .part6 .content { margin-top: .8rem; padding: 0 1.05rem; } .part6>.content>div{ background: none; padding: 0; box-shadow: none; } .part6 form { flex-wrap: wrap; } .part6 .item { width: 6.75rem; height: 1.5rem; background-color: #ffffff; overflow: hidden; } .part6 .item.mar { margin-bottom: .4rem; } .part6 .item.yzm { padding-left: 0; } .part6 .item img { flex-shrink: 0; } .part6 input, .part6 select { width: 100%; height: 1.5rem; padding-left: .5rem; font-size: 0.51rem; color: #808080; } .part6 input::placeholder { color: #808080; } .part6 select { background: url(/uploads/image/zacimg/arrow.png) no-repeat; background-position: 96% center; background-size: 6%; } .part6 .item.yzm span { height: 40px; background-color: #ff893a; font-size: .5rem; color: #ffffff; flex-shrink: 0; padding: 0 .4rem; } .part6 .btn { width: 5.35rem; height: 1.75rem; background-color: #ff893a; margin: 0.83rem auto 0; } /* layout */ .layout { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none; } .layout .layout_box { width: 75%; height: 19rem; position: fixed; top: 47%; left: 50%; transform: translate3d(-50%, -50%, 0); background: url(/uploads/image/zacimg/lay.png) no-repeat; background-size: 100%; text-align: center; padding-top: 2.4rem; } .layout .layout_box .title { margin-bottom: .2rem; font-size: 1rem; font-weight: normal; color: #ffffff; } .layout .layout_box p{ font-size: .7rem; color: #ffffff; letter-spacing: 2px; } .layout .layout_box form{ padding: 0 1.02rem 0 .88rem; margin-top: .7rem; } .layout .layout_box .item { height: 1.5rem; background-color: #ffffff; position: relative; margin-bottom: 0.3rem; position: relative; overflow: hidden; } .layout .layout_box .item.yzm input { width: 60%; } .layout .layout_box .item.yzm span { width: 40%; background-color: #ffdb22; height: 1.5rem; line-height: 1.5rem; position: absolute; top: 0; right: 0; font-size: .5rem; color: #000000; } .layout .layout_box input, .layout .layout_box select { width: 100%; padding-left: 0.3rem; height: 1.5rem; line-height: 1.5rem; color: #b3b3b3; font-size: .5rem; position: absolute; top: 0; left: 0; } .layout .layout_box select { background: url(/uploads/image/zacimg/arrow.png) no-repeat; background-position: 96% center; background-size: 4.5%; } .layout .layout_box input::placeholder { color: #b3b3b3; } .layout .layout_box .submit { width: 5rem; margin: 0.75rem auto 0; height: 1.6rem; line-height: 1.6rem; background-image: linear-gradient(0deg, #ffcc00 0%, #fff000 100%); border-radius: 1rem; font-weight: 700; cursor: pointer; } .layout .layout_box .close { width: 1.5rem; height: 1.5rem; position: absolute; top: 0; right: 0; cursor: pointer; }