.part { margin-bottom: .4rem; } .part .title { font-size: 1.1rem; font-weight: 700; color: #6d412c; align-items: flex-end; letter-spacing: .05rem; } .part .title span { margin: 0 .3rem; color: #5c2928; } .part .title img { width: 0.8rem; position: relative; } .part .title img:last-child { width: 0.5rem; top: -.15rem; } .part>p.sec_t { font-size: 0.6rem; color: #a19989; margin-top: .2rem; position: relative; z-index: 1; } .part1 { padding-top: 1rem; } .part1 .title { font-size: .85rem; } .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 #a19989; font-size: 0.55rem; font-weight: 700; letter-spacing: -0.03rem; color: #a19989; margin-bottom: .45rem; } .part1 .img { width: 14.75rem; margin: .55rem auto 0; } .part .btn { width: 7.5rem; height: 1.73rem; background-color: #ff8300; border-radius: 0.99rem; margin: 1.25rem auto 0; font-size: 0.75rem; font-weight: 700; color: #ffffff; } .part2 { margin-top: 1rem; } .part2 .return { font-size: 0.8rem; font-weight: 700; color: #5c2928; } .part2 .return i { width: 0.9rem; height: 0.08rem; background-color: #5c2928; } .part2 .return span { margin: 0 .33rem; } .part2 ul { padding: 0 .63rem; align-items: flex-start; margin-top: .7rem; } .part2 ul li { flex-direction: column; font-size: 0.55rem; line-height: .8rem; color: #5c2928; width: 4.3rem; height: 6.43rem; background-color: #ffffff; padding-top: .3rem; } .part2 ul li img { width: 3.23rem; } .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/zjhimg/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 .img .self_btn { position: absolute; left: 0.8rem; bottom: 0.3rem; width: 6rem; height: 2rem; border-radius: 0.09rem; } .part4 { margin-top: 1rem; padding-bottom: 0; } .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; margin-right: 3.2rem; } .part4 li span { width: auto; height: 1.23rem; line-height: 1.23rem; text-align: center; background-color: #b8b1a1; 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: #b8b1a1; } .part4 .img { margin-top: .8rem; padding: 0 0.65rem; position: relative; } .part5 { margin-top: 1rem; padding-bottom: 0; margin-bottom: 0; } .part5 .title { font-size: .95rem; } .part5 ul { padding: 0 1.27rem; margin-top: .5rem; } .part5 li { width: 3rem; height: 1.3rem; border-radius: 0.63rem; border: solid 0.06rem #b8b1a1; font-size: 0.55rem; color: #b8b1a1; } .part6 { padding: 0 0.63rem; margin-top: 1rem; padding-top:1rem; padding-bottom: 1.1rem; background-color: #e9e2c7; } .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; padding: 0 .53rem 0; } .part6 .btn { width: 6.43rem; margin: 0; } .part7 { padding: 0 0.63rem 0; margin-top: 1rem; } .part7 .title { font-size: 1.1rem; } .part7 .content { width: 100%; margin-top: .8rem; padding: .4rem .43rem .6rem; background-color: #ffffff; } .part7 .content>p { font-size: 0.6rem; line-height: .9rem; color: #000000; } .part7 ul { width: 100%; margin-top: .4rem; background-color: #b8b1a1; flex-wrap: wrap; } .part7 ul video{ width: 100%;} .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%, #fffcf7 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; font-size: .95rem; } .part8>p.sec_t { margin-top: .3rem; } .part8 ul { flex-wrap: wrap; padding: 0 .65rem; margin-top: .7rem; position: relative; } .part8 li { width: 50%; height: 4.28rem; background: no-repeat; background-size: 100%; border-bottom: .15rem solid #2292ff; border-right: .15rem solid #2292ff; padding-left: 1rem; padding-top: .5rem; box-shadow: 0rem 0rem 0.65rem 0rem rgba(32, 142, 250, 0.3); } .part8 li:nth-child(2n) { border-right: 0; } .part8 li.mar_b { margin-bottom: 1rem; } .part8 li b { font-size: 0.75rem; font-weight: normal; color: #333333; } .part8 li p { font-size: 0.55rem; line-height: .8rem; color: #808080; margin-top: .3rem; } .part8 ul::before, .part8 ul::after { content: "p"; width: 1.33rem; height: 1.33rem; background-color: #2292ff; border-radius: 1.33rem; font-size: .85rem; font-weight: 700; color: #4ea8ff; position: absolute; left: 50%; transform: translatex(-50%); text-align: center; line-height: 1.33rem; } .part8 ul::before { top: 3.5rem; } .part8 ul::after { content: "k"; bottom: 3.5rem; } .part8 .img { padding: 0 0.75rem; margin-top: .8rem; position: relative; } .part8 .img .self_btn { position: absolute; left: 0.8rem; bottom: 0.5rem; width: 6rem; height: 2rem; border-radius: 0.09rem; } .part9 { margin-top: 1rem; padding-bottom: 0; } .part9 .content { width: 14.75rem; height: 9.73rem; margin: .7rem auto 0; padding: 3.63rem .63rem .6rem; background: url(/uploads/image/zjhimg/advan1.png) no-repeat; background-size: 100%; } .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: #ffffff; margin: 1rem auto 0; padding-left: 1.2rem; position: relative; padding-top: .65rem; padding-bottom: .4rem; border-radius: 0.13rem; } .part9 .content>div.advan b { width: 2.58rem; height: 1.3rem; background-color: #5c2928; border-radius: 0.74rem; font-size: 0.77rem; color: #ffffff; position: absolute; top: -.75rem; left: .45rem; text-align: center; line-height: 1.3rem; } .part9 .content>div.advan p { font-size: 0.6rem; line-height: .95rem; color: #333333; align-items: flex-start; margin-bottom: .2rem; } .part9 .content>div.advan span { width: 0.93rem; height: 0.93rem; background-color: #ffb430; font-size: 0.6rem; color: #ffffff; border-radius: .93rem; text-align: center; list-height: .93rem; margin-right: .5rem; } .part3{ margin-top: 1rem; } .part3 .content{ padding: 0 .63rem; margin-top: .6rem; } .part3 .content div{ flex-direction: column; width: 4.78rem; height: 8.6rem; background-color: #ffffff; font-size: 0.98rem; font-weight: 700; line-height: 1.38rem; color: #5c2928; } .part3 .content div img{ width: 100%; flex-shrink: 0; } .part3 .content div span{ width: 100%; height: 100%; position: relative; } .part3 .content div span::after{ content: ""; border: .45rem solid #ffffff; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; position: absolute; top: -.9rem; } .part3 .content div:nth-child(2) span::after{ border-top-color: #ffffff; border-bottom-color: transparent; top: auto; bottom: -.9rem; } .part3 .btn_box{ padding: 0 .63rem; } .part3 .btn_box .btn:nth-child(1){ width: 6.43rem; } .part3 .btn_box .btn:last-child{ width: 7.5rem; }