.qs { width: 14.55rem; background-color: #ffffff; box-shadow: 0rem 0rem 0.85rem 0rem rgba(12, 4, 7, 0.1); border-radius: 0.43rem; margin: 1.08rem auto 0; padding: .85rem .43rem; } .qs .top { align-items: flex-start; } .qs img { width: 1.55rem; flex-shrink: 0; margin-right: .38rem; } .qs ul { width: 100%; } .qs ul li { height: 1.33rem; background-color: #dde3ff; border-radius: 0.09rem; border: solid 0.02rem #cdd6ff; font-size: 0.55rem; line-height: 1.33rem; color: #000000; padding-left: .55rem; margin-bottom: .18rem; } .qs ul li:nth-child(2n) { color: #ffffff; background-color: #566eff; border-radius: 0.09rem; border: solid 0.02rem #d2deff; } .qs ul li:last-child { margin-bottom: 0; } .qs .btn_box { width: 100%; } .qs .btn { width: 5.55rem; height: 1.75rem; background-image: linear-gradient(0deg, #ffd200 0%, #f9e14c 100%, #84ad65 100%, #0f797e 100%); border-radius: 0.84rem; font-size: 0.7rem; color: #000000; margin-top: .83rem; } .outlink { margin-top: 2.6rem; width: 100%; padding: 0 .73rem; background: url(/uploads/image/zjnimg/outlink.png) no-repeat; background-size: 100%; background-position: bottom center; } .outlink>div { width: 6.85rem; height: 6.43rem; background-color: #566eff; border-radius: 0.43rem 0.43rem 0rem 0rem; flex-direction: column; color: #ffffff; } .outlink>div .top { width: 4.72rem; height: 1.53rem; background-color: #ffffff; border-radius: 0.74rem; line-height: 1.53rem; font-size: 0.8rem; font-weight: 700; color: #566eff; position: relative; top: -1.08rem; } .outlink>div p { line-height: 1.13rem; font-size: 0.65rem; position: relative; top: -.4rem; } .outlink>div .btn { width: 4.72rem; height: 1.73rem; font-size: 0.7rem; background-color: #8b9bff; border-radius: 0.84rem; line-height: 1.73rem; margin-top: .3rem; } .outlink>div .btn a { display: block; width: 100%; height: 100%; color: #ffffff; } .part { padding-bottom: .6rem; margin-bottom: .4rem; } .part .title { font-size: 0.96rem; font-weight: 700; color: #3c58fe; align-items: flex-end; letter-spacing: .05rem; } .part .title span { margin: 0 .3rem; } .part .title img { width: 1rem; position: relative; top: -.15rem; } .part>p.sec_t { font-size: 0.6rem; color: #6f352a; margin-top: .2rem; position: relative; z-index: 1; } .part1 { padding-top: 1rem; } .part1 .title { font-size: .8rem; } .part1 ul { flex-wrap: wrap; padding: 0 2rem; margin-top: .8rem; } .part1 li { width: 2.8rem; height: 1.1rem; border-radius: 0.13rem; border: solid 0.04rem #deae7b; font-size: 0.55rem; font-weight: 700; letter-spacing: -0.03rem; color: #deae7b; margin-bottom: .45rem; } .part1 .img { width: 14.75rem; margin: .55rem auto 0; } .part .btn { width: 6.4rem; height: 1.73rem; background: #fe4b3f; border-radius: 0.26rem; margin: 1.25rem auto 0; font-size: 0.75rem; color: #ffffff; } .part2 { background-color: #3333cf; padding-top: .4rem; padding-bottom: 0; } .part2 .title { color: #ffffff; } .part2 .return { font-size: 0.8rem; font-weight: 700; color: #fe4b3f; } .part2 .return i { width: 0.9rem; height: 0.08rem; background-color: #fe4b3f; } .part2 .return span { margin: 0 .33rem; } .part2 ul { padding: 0 .63rem; align-items: flex-start; margin-top: .7rem; } .part2 ul li { width: 4.3rem; flex-direction: column; font-size: 0.55rem; font-weight: 700; line-height: .8rem; color: #66473c; } .part2 ul li span { margin-top: .4rem; } .form_box form { padding: .5rem .5rem .75rem; flex-wrap: wrap; background-color: #3333cf; } .form_box form .item { width: 49%; margin-bottom: .23rem; } .form_box 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_box form input::placeholder { color: #a1a1a1; } .form_box form select { background: #ffffff url(/uploads/image/zjnimg/arrow.png) no-repeat; background-size: 7%; background-position: 95% center; } .form_box form .item.yzm span { width: 50%; height: 1.53rem; background-color: #333333; flex-shrink: 0; font-size: 0.55rem; color: #ffffff; } .form_box form .btn { width: 49% !important; height: 1.53rem !important; font-size: 0.6rem; border-radius: 1rem; font-weight: 700; background-color: #fdd81e; color: #000000; } .part2 .form_box form .btn { margin-top: 0; } .part4 { margin-top: 1rem; padding-bottom: 0; } .part4 .title{ color: #3333cf; margin-bottom: 1rem; } .part4 .title img { margin-right: .28rem; vertical-align: middle; } .part4 .title img:last-child{ margin-left: .28rem; } .part4 .title b{ color: #fb873c; } .part4 .item{ width: 14.55rem; height:15.25rem; background:url(/uploads/image/zjnimg/part4_1.png) no-repeat; background-size: 100%; margin: 0 auto .85rem; padding: 3.53rem .43rem .6rem; } .part4 .item.item2{ background:url(/uploads/image/zjnimg/part4_2.png) no-repeat; background-size: 100%; } .part4 .item.item3{ height:13.95rem; background:url(/uploads/image/zjnimg/part4_3.png) no-repeat; background-size: 100%; margin-bottom: 0; } .part4 .item>div.top{ width: 100%; height: 3.43rem; background-color: #fff5ed; border-radius: 0.26rem; margin-bottom: .43rem; } .part4 .item>div.top b{ width: 4.72rem; height: 3.43rem; background-color: #ffb70b; border-radius: 0.26rem; flex-shrink: 0; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.06rem; color: #ffffff; } .part4 .item>div.top p{ font-size: 0.6rem; line-height: 1rem; color: #000000; width: 100%; } .part4 .item2 .btm_top, .part4 .item3 .btm_top{ margin-bottom: .43rem; } .part4 .item .btm>div{ width: 4.3rem; height: 4.7rem; background-color: #ffb70b; box-shadow: 0rem 0rem 0.23rem 0rem rgba(12, 4, 7, 0.2); border-radius: 0.26rem; flex-direction: column; } .part4 .item .btm b{ height: 100%; font-size: 0.55rem; font-weight: normal; color: #ffffff; } .part4 .item .btm p{ width: 100%; font-size: 0.6rem; color: #000000; height: 3.23rem; background-color: #fff5ed; border-radius: 0.13rem; flex-shrink: 0; } .part4 .item2 .btm_top>div, .part4 .item3 .btm_top>div{ width: 6.65rem; height: 3.65rem; } .part4 .item2 .btm_top p{ height: 2.38rem; } .part4 .item3 .btm_top>div{ height: 3.43rem; } .part4 .item3 .btm_top p{ height: 2.15rem; } .part4 .btn{ width: 5.55rem; height: 1.75rem; background-color: #3333cf; border-radius: 0.84rem; font-size: 0.65rem; color: #fff5ed; margin-top: .6rem; } .part5 { margin-top: 1rem; padding-bottom: 0; margin-bottom: 0; } .part5 ul { padding: 0 1.27rem; margin-top: .5rem; } .part5 li { width: 3rem; height: 1.3rem; border-radius: 0.63rem; border: solid 0.06rem #6f352a; font-size: 0.55rem; color: #6f352a; } .part6 { padding: 0 0.63rem; margin-top: 1rem; } .part6 ul { width: 100%; background-color: #ffffff; border-radius: 0.13rem; border: solid 0.06rem #e6d5c8; margin-top: .5rem; padding: 1.08rem .3rem .5rem; flex-wrap: wrap; } .part6 ul li { width: 25%; flex-direction: column; } .part6 ul li.mar_b { margin-bottom: .5rem; } .part6 ul li img { width: 2.17rem; } .part6 ul li p { font-size: 0.65rem; line-height: .8rem; color: #6f352a; margin-top: .15rem; } .part6 .btn_box { margin-top: 1rem; } .part6 .btn { margin: 0; } .part7 { padding: 0 0.63rem .3rem; margin-top: 1rem; } .part7 .content { width: 100%; background: no-repeat; background-size: 100%; margin-top: .8rem; padding: .4rem .43rem; } .part7 .content>p { font-size: 0.6rem; line-height: .9rem; color: #66473c; } .part7 ul { width: 100%; margin-top: .4rem; background-image: linear-gradient(60deg, #fb6d5e 0%, #fd7e5e 59%, #ff8f5e 100%); flex-wrap: wrap; } .part7 li { width: 50%; /* background-color: #da7c46; */ height: 4.3rem; flex-direction: column; border: solid 0.05rem #ffffff; } .part7 li b { font-size: 1.39rem; height: 1.5rem; line-height: 1.5rem; letter-spacing: -0.1rem; margin-bottom: .3rem; background: linear-gradient(180deg, #fffcf7 0%, #ffffff 100%); -webkit-background-clip: text; color: transparent; } .part7 li p { font-size: 0.65rem; color: #ffffff; } .part7 .img_box { align-items: flex-start; margin-top: .88rem; } .part7 .img_box>div { width: 49.8%; } .part7 .img_box p { margin-top: .2rem; font-size: 0.5rem; line-height: 0.8rem; color: #000000; } .part8 { margin-top: 1rem; } .part8 .title { position: relative; z-index: 1; margin-bottom: .5rem; } .part8 .form_box form .item{ margin-bottom: .4rem; } .part8 .form_box form .btn{ margin-bottom: .4rem !important; margin-top: 0; } .part8 .content { width: 14.75rem; margin: .7rem auto 0; padding: .7rem .88rem 0; background-color: #3c58fe; border-radius: 0.3rem; padding-bottom: .95rem; } .part8 .content h3 { font-size: 1rem; background: #ffffff; -webkit-background-clip: text; color: transparent; } .part8 .content img { width: 6.2rem; position: relative; left: 1.58rem; } .part8 .content>p { font-size: 0.6rem; letter-spacing: 0rem; color: #ffffff; margin-top: .1rem; margin-top: .3rem; margin-bottom: .5rem; } .part8 .content>div.advan { width: 100%; background-color: #ffffff; border-radius: 0.26rem; margin: 1rem auto 0; padding-left: 1.2rem; position: relative; padding-top: .65rem; padding-bottom: .4rem; } .part8 .content>div.advan b { width: 2.58rem; height: 1.3rem; background-color: #ff840b; border-radius: 0.74rem; font-size: 0.77rem; color: #ffffff; position: absolute; top: -.75rem; left: 0; text-align: center; line-height: 1.3rem; } .part8 .content>div.advan p { font-size: 0.64rem; line-height: 1.05rem; color: #000000; color: #422d27; } .part8 .btn_box{ padding: 0 1rem; } .part8 .btn{ height: 1.73rem; background-image: linear-gradient(0deg, #ffd200 0%, #f9e14c 100%, #84ad65 100%, #0f797e 100%); border-radius: 0.84rem; color: #000000; font-size: .7rem; margin-top: .83rem; } .part8 .btn:first-child{ width: 5.58rem; } .part8 .btn:last-child{ width: 7.5rem; } .part3{ padding: 0 .53rem; position: relative; } .part3 .img img{ width: 100%; } .part3 .img .self_btn{ position: absolute; left: 1.3rem; bottom: 0.5rem; width: 5rem; height: 2rem; border-radius: 0.09rem; } .part5{ background: url(/uploads/image/zjnimg/part5_bg.png) no-repeat; background-size: 100%; background-position: bottom center; padding-bottom: 1.15rem; } .part5 .title{ font-size: 1rem; align-items: center; color: #3333cf; } .part5 .title em{ font-size: 0.68rem; } .part5 .title i{ color: #f77b4b; } .part5 .content{ flex-wrap:wrap; padding: 0 .63rem; margin-top: .8rem; } .part5 .content div{ width: 7.08rem; height: 3rem; background: url(/uploads/image/zjnimg/part5_1_bg.png) no-repeat; background-size: 100%; font-size: 0.6rem; font-weight: normal; line-height: .8rem; color: #2e0707; padding-left: .75rem; padding-right: 1rem; margin-bottom: .75rem; } .part5 .content div:nth-child(2){ background: url(/uploads/image/zjnimg/part5_2_bg.png) no-repeat; background-size: 100%; } .part5 .content div:nth-child(3){ background: url(/uploads/image/zjnimg/part5_3_bg.png) no-repeat; background-size: 100%; } .part5 .content div:nth-child(4){ background: url(/uploads/image/zjnimg/part5_4_bg.png) no-repeat; background-size: 100%; } .part5 .content div:nth-child(5){ background: url(/uploads/image/zjnimg/part5_5_bg.png) no-repeat; background-size: 100%; } .part5 .content div:nth-child(6){ background: url(/uploads/image/zjnimg/part5_6_bg.png) no-repeat; background-size: 100%; } .part5 .img{ padding: 0 .63rem; } .part5 .img img{ width: 100%; }