@font-face { font-family: 'avantibold'; src: ; /* src: ; */ } article { padding-bottom: 1rem; margin-top: -8rem; position: relative; z-index: 3; } #main .section { margin-top: 1.48rem; } #main .section h2 { position: relative; z-index: 2; margin-bottom: .73rem; } #main .section h2 p { font-size: 0.8rem; color: #ffffff; position: relative; height: 1.53rem; background-image: linear-gradient(90deg, #ee4a66 0%, #4e38fe 100%); border-radius: 0.74rem; padding: 0 .35rem; position: relative; text-align: center; } #main .section h2 p::before, #main .section h2 p::after { content: ""; width: 0.88rem; height: 1px; background: #ffffff; position: absolute; top: 50%; transform: translatey(-50%); } #main .section h2 p::before { left: -0.4rem; } #main .section h2 p::after { right: -0.4rem; } #main .section h2 em { width: 0.35rem; height: 0.35rem; background: #ffffff; border-radius: 0.35rem; margin-left: .6rem; } #main .section h2 em:nth-child(1) { margin-left: 0; margin-right: .6rem; } #main .section .content { width: 15.15rem; margin: 0 auto; } #main .section .qk{ position: relative; } #main .section .qk::after { content: ""; border: .4rem solid #b1b1d8; border-top-color: transparent; border-left-color: transparent; position: absolute; bottom: 0; right: 0; } #main .section .btnbox { margin-top: 1rem; } #main .section .btnbox>div { font-family: 'avantibold'; width: 5.35rem; height: 1.5rem; background-image: linear-gradient(0deg, #ffd200 0%, #f9e14c 100%, #84ad65 100%, #0f797e 100%); border-radius: 0.74rem; font-size: 0.6rem; color: #1f223c; } #main .section .btnbox>div:nth-child(2) { margin-left: 1rem; } #main .section1 { margin-bottom: 2rem; margin-top: 0; } #main .section1 .content { height: 3.85rem; background: url(/uploads/image/zjguimg/zhiyuan.png) no-repeat; background-size: 100%; padding-left: 1.18rem; padding-top: .85rem; } #main .section1 h4 { font-size: 0.8rem; line-height: 0.8rem; color: #ffffff; margin-bottom: .4rem; } #main .section1 p { font-size: 0.6rem; color: #ffffff; height: 1.13rem; } #main .section1 p span { width: 2.38rem; height: 1.15rem; background-image: linear-gradient(0deg, #ffd200 0%, #f9e14c 100%, #84ad65 100%, #0f797e 100%); border-radius: 0.54rem; font-size: 0.6rem; color: #2a2a50; margin-left: .3rem; } #main .section2 .content { background: #ffffff; margin-bottom: .4rem; position: relative; } #main .section2 th { font-size: 0.6rem; line-height: 1.5rem; height: 1.5rem; background-color: #7567f9; color: #ffffff; border-right: .08rem solid #f2f2f2; } #main .section2 th:first-child { width: 2.2rem; } #main .section2 th:last-child, #main .section2 td:last-child { border-right: none !important; } #main .section2 td { font-size: 0.55rem; line-height: .8rem; color: #666666; text-align: left; padding: .4rem .4rem .4rem .65rem; border-color: #f2f2f2; } #main .section2 td:first-child { color: #000000; } #main .section2 .guihua, #main .section7 .gonglue { height: 4.3rem; background: url(/uploads/image/zjguimg/guihua.png) no-repeat; background-size: 100%; padding-top: .53rem; position: relative; } #main .section2 .guihua h4, #main .section7 .gonglue h4 { width: 8.25rem; height: 1.1rem; font-size: 0.65rem; line-height: 1rem; color: #ffffff; padding-left: .78rem; margin-bottom: .35rem; } #main .section2 .guihua p, #main .section7 .gonglue p { font-size: 0.55rem; line-height: .85rem; color: #ffffff; padding-left: .78rem; } #main .section2 .guihua div, #main .section7 .gonglue div { width: 2.58rem; height: 2.58rem; background-image: linear-gradient(0deg, #ffd200 0%, #f9e14c 100%, #84ad65 100%, #0f797e 100%); border: solid 0.06rem #ffeed5; border-radius: 3rem; font-size: 0.6rem; font-weight: bold; line-height: 0.8rem; color: #292a50; position: absolute; top: 50%; right: 1.27rem; transform: translatey(-50%); } #main .section3 { margin-top: 2.5rem; } #main .section3 h2 p { align-items: flex-end; line-height: 1.2rem; padding-bottom: .2rem; } #main .section3 h2 em { position: relative; top: -.33rem; } #main .section3 .content>div { position: relative; height: 5.15rem; z-index: 3; } #main .section3 .content .t { width: 3.45rem; height: 3.45rem; background-color: #292a50; flex-shrink: 0; border-radius: 3.83rem; font-size: 0.6rem; font-weight: bold; line-height: 0.85rem; color: #ffffff; position: relative; z-index: 2; text-align: center; } #main .section3 .content .txt::before { content: ""; width: 3.83rem; height: 3.83rem; background-color: #ffffff; border-radius: 3.83rem; position: absolute; top: 50%; left: -1.95rem; transform: translatey(-50%); z-index: -1; } #main .section3 .content .txt { width: 12.83rem; height: 100%; background-color: #ffffff; position: absolute; right: 0; top: 0; z-index: 1; font-size: 0.55rem; line-height: .8rem; letter-spacing: 0rem; color: #4d4d4d; padding-left: 1.63rem; flex-direction: column; padding-right: 1.3rem; } #main .section3 .content>div:nth-child(2) { margin-top: .4rem; } #main .section3 .content>div:nth-child(2) .txt p:nth-child(1) { margin-bottom: .4rem; } #main .section4 .content { background-color: #ffffff; padding: .63rem 1.38rem .63rem .63rem; } #main .section4 .part { margin-bottom: .5rem; } #main .section4 .part>div { width: 7.6rem; font-size: 0.6rem; color: #292a50; height: 1.5rem; background-color: #c5c5f0; border-radius: 0.74rem; padding-left: .5rem; font-weight: bold; margin-bottom: .3rem; } #main .section4 .part4 { margin-bottom: 0; } #main .section4 .part>div b { color: #ffffff; font-family: 'avantibold'; font-size: 1.07rem; margin-right: .6rem; } #main .section4 .part p { font-size: 0.5rem; line-height: 0.8rem; color: rgba(77, 77, 77,.9); align-items: flex-start; } #main .section4 .part p span { flex-shrink: 0; color: #292929; } #main .section4 .part2>div { width: 9rem; } #main .section4 .part3>div { width: 12.83rem; } #main .section4 .part4>div { width: 100%; } #main .section4 .btnbox>div { width: 6.4rem; } #main .section5 h2 { margin-bottom: .53rem; } #main .section5 ul { margin-bottom: .7rem; padding: 0 1.18rem; } #main .section5 ul li { font-size: 0.55rem; letter-spacing: -0.03rem; color: #ffffff; width: 2.9rem; height: 1.13rem; border-radius: 1.13rem; border: solid 0.04rem #ffffff; } #main .section6 .content{ padding: .55rem; background: #ffffff; } #main .section6 .content>div{ align-items: stretch; } #main .section6 .content>div:nth-child(1){ margin-bottom: .28rem; } #main .section6 .content>div .img{ width: 4.93rem; flex-shrink: 0; margin-right: .75rem; } #main .section6 .content>div img{ width: 100%; } #main .section6 .content b{ font-size: 0.6rem; font-weight: normal; color: #000000; padding-top: .38rem; display: block; margin-bottom: .45rem; } #main .section6 .content p{ font-size: 0.5rem; line-height: 0.8rem; color: #4d4d4d; opacity: .9; } #main .section7 .content>div{ background: #ffffff; height: 4.72rem; padding: .25rem .85rem .25rem .25rem; margin-bottom: .4rem; align-items: stretch; } #main .section7 .content>div:last-child{ margin-bottom: 0; } #main .section7 .content img{ width: 5.35rem; margin-right: .8rem; flex-shrink: 0; } #main .section7 .content b{ font-size: 0.6rem; color: #000000; font-weight: normal; padding-top: .2rem; margin-bottom: .2rem; display: block; } #main .section7 .content p{ font-size: 0.5rem; line-height: 0.75rem; color: #4d4d4d; opacity: .9; } #main .section7 .gonglue{ width: 15.15rem; margin: 0 auto; margin-top: 1rem; background-image: url(/uploads/image/zjguimg/gonglue.png) } #main .plan .content{ border-radius: 0 !important; position: relative; } #main .plan .content::after { content: ""; border: .4rem solid #b1b1d8; border-top-color: transparent; border-left-color: transparent; position: absolute; bottom: 0; right: 0; } #main .plan .txt p.b{ color: #292a50 !important; } #main .plan .txt p.b em{ color: #7567f9 !important; } #main .plan .info .xt{ background-color: #292a50 !important; } #main .plan .intr em{ color: #999999 !important; } #main .plan .intrdata{ display: none !important; } #main .tools .content>a{ padding-top: 0 !important; } #main .tools .content>a b{ height: 1.73rem !important; color: #ffffff !important; background-color: #292a50; margin-bottom: 0.3rem !important; }