.part { padding-bottom: .6rem; margin-bottom: .4rem; } .part .title{ font-size: 1.1rem; font-weight: 700; color: #fe4b3f; align-items: flex-end; letter-spacing: .05rem; } .part .title span{ margin: 0 .3rem; } .part .title img{ width: 0.78rem; 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 .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; } .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/zjcimg/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; margin: 0 !important; font-size: 0.6rem; border-radius: 1rem; font-weight: 700; } .part4 .title::after, .part8 .title::after, .part9 .title::after{ content: "get"; font-size: 3.41rem; font-weight: 700; letter-spacing: 0.28rem; color: #fae4dd; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); z-index: -1; } .part4 .img .self_btn{ position: absolute; left: 0.8rem; bottom: 0.5rem; width: 5rem; height: 2rem; border-radius: 0.09rem; } .part4{ margin-top: 1rem; } .part4 .title::after{ content: "pick"; } .part4 ul{ margin-top: .7rem; overflow: hidden; } .part4 li{ width: auto; margin-bottom:.4rem; /* transform: translatex(-100px); */ position: relative; padding: 0 1.5rem; } .part4 li:nth-child(2n){ justify-content: flex-end; } .part4 li:last-child{ margin-bottom: 0; } .part4 li span{ width: auto; height: 1.23rem; line-height: 1.23rem; text-align: center; background-color: #ffa73f; border-radius: 0.59rem; font-size: 0.5rem; color: #ffffff; padding: 0 .3rem; flex-shrink: 0; margin-right: .4rem; letter-spacing: 2px; } .part4 .remark{ font-size: 0.75rem; color: #ffffff; } .part4 .img{ margin-top: .8rem; padding: 0 0.65rem; position: relative; } .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: url(/uploads/image/zjcimg/part7_bg.png) 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; } .part .title{ position: relative; z-index: 1; } .part8 .title::after { content: "service"; font-size: 2.81rem; letter-spacing: 0; } .part8>p.sec_t{ margin-top: .5rem; } .part8 ul{ flex-wrap: wrap; padding: 0 .65rem; margin-top: 1rem; } .part8 li{ width: 4.3rem; height: 4.3rem; border: solid 0.3rem #f6e9d9; background-image: linear-gradient(0deg, #fb6d5e 0%, #fd7e5e 59%, #ff8f5e 100%); flex-shrink: 0; border-radius: 4.3rem; } .part8 li.mar_b{ margin-bottom: 1rem; } .part8 li p{ font-size: .9rem; font-weight: 700; line-height: 1.1rem; background: linear-gradient(45deg, #ffffff 50%, #ffe8c3 50%); -webkit-background-clip: text; color: transparent; } .part8 .img{ padding: 0 0.75rem; margin-top: 1.3rem; } .part8 .btn_box{ padding: 0 1rem; } .part8 .btn_box .btn:first-child{ width: 5.3rem; } .part8 .btn_box .btn:last-child{ width: 7.48rem; } .part9{ margin-top: 1rem; background: url(/uploads/image/zjcimg/part9_bg.png) no-repeat; background-size: 100%; padding-top: 1rem; } .part9 .title{ position: relative; z-index: 1; margin-bottom: 1.5rem; color: #ffffff; } .part9 .title::after { content: "pick"; color: #ff977e; } .part9 .content{ width: 14.75rem; margin: .7rem auto 0; padding: .7rem .88rem 0; background: url(/uploads/image/zjcimg/advan.png) no-repeat; background-size: 100%; border-radius: 0.3rem; padding-bottom: .95rem; } .part9 .content h3{ font-size: 1rem; background:#fe4b3f; -webkit-background-clip: text; color: transparent; } .part9 .content img{ width: 6.2rem; position: relative; left: 1.58rem; } .part9 .content>p{ font-size: 0.6rem; letter-spacing: 0rem; color: #ffffff; margin-top: .1rem; margin-top: .3rem; margin-bottom: .5rem; } .part9 .content>div.advan{ width: 100%; background-color: #f4f4f4; border-radius: 0.26rem; margin: 1rem auto 0; padding-left: 1.2rem; position: relative; padding-top: .65rem; padding-bottom: .4rem; } .part9 .content>div.advan b{ width: 2.58rem; height: 1.3rem; background-color: #fe4b3f; border-radius: 0.74rem; font-size: 0.77rem; color: #ffffff; position: absolute; top: -.75rem; left: 0; text-align: center; line-height: 1.3rem; } .part9 .content>div.advan p{ font-size: 0.64rem; line-height: 1.05rem; color: #000000; color: #422d27; }