@font-face { font-family: 'avantibold'; src: ; /* src: ; */ } article { padding-bottom: 1rem; position: relative; z-index: 3; } #main .section { margin-top: 1.4rem; } #main .section h2 { height: 2.15rem; margin-bottom: .78rem; } #main .section h2 img { height: 2.15rem; } #main .content { width: 15.15rem; margin: 0 auto; box-shadow: 0rem 0rem 1.08rem 0rem rgba(167, 123, 60, 0.4); border-radius: 0.17rem; } #main .section .btnbox { margin-top: .9rem; } #main .section .btnbox>div { font-family: 'avantibold'; width: 5.35rem; height: 1.53rem; 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-top: -3rem; } #main .section1 .content { height: 3.85rem; background: url(/uploads/image/zjgcimg/zhiyuan.png) no-repeat; background-size: 100%; padding-left: 1.35rem; padding-top: .85rem; margin: 0 auto; position: relative; } #main .section1 h4 { font-size: 0.8rem; line-height: 0.8rem; color: #ffffff; margin-bottom: .4rem; } #main .section1 p { font-size: 0.55rem; color: #ffffff; height: 1.13rem; } #main .section1 p span { width: 2.38rem; height: 1.15rem; background-image: linear-gradient(90deg, #fda243 0%, #fb6e2c 100%, #857455 100%, #0f797e 100%); border-radius: 0.54rem; font-size: 0.6rem; color: #ffffff; margin-left: .7rem; } #main .section2 .content { background: #ffffff; overflow: hidden; } #main .section2 thead { background: #ffe59b; } #main .section2 th { font-size: 0.6rem; background: #ffe59b; line-height: 1.5rem; height: 1.5rem; color: #451a0e; 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: #451a0e; } #main .section2 .guihua, #main .section7 .gonglue { height: 4.3rem; background: url(/uploads/image/zjgcimg/guihua.png) no-repeat; background-size: 100%; padding-top: .53rem; position: relative; margin-top: .4rem; } #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: #000000; padding-left: .78rem; } #main .section2 .guihua div, #main .section7 .gonglue div { width: 2.6rem; height: 2.6rem; background-image: linear-gradient(60deg, #f86829 0%, #fda448 100%, #868f63 100%, #0f797e 100%); box-shadow: 0rem 0rem 1.08rem 0rem rgba(167, 123, 60, 0.4); border-radius: 2.6rem; font-size: 0.6rem; font-weight: bold; line-height: 0.8rem; color: #ffffff; position: absolute; top: 50%; right: 1.27rem; transform: translatey(-50%); } #main .section3 h2 { margin-bottom: 0; } #main .section3 .content { box-shadow: none; } #main .section3 .content>div { position: relative; height: 4.3rem; z-index: 3; margin-bottom: .4rem; } #main .section3 .content .t { width: 3.45rem; height: 3.45rem; background-color: #451a0e; flex-shrink: 0; border-radius: 3.43rem; font-size: 0.6rem; line-height: 0.85rem; color: #ffffff; position: relative; z-index: 2; text-align: center; } #main .section3 .content .txt { width: 13.5rem; height: 4.3rem; background-color: #ffffff; box-shadow: 0rem 0rem 0.85rem 0rem rgba(127, 54, 25, 0.5); border-radius: 0.17rem; position: absolute; right: 0; top: 0; z-index: 1; font-size: 0.55rem; line-height: .85rem; color: #4d4d4d; padding-left: 2.3rem; flex-direction: column; padding-right: .5rem; } #main .section3 .content>div:nth-child(4) { margin-bottom: 0; } #main .section3 .content .btnbox { height: 1.53rem; margin-bottom: 0; } #main .section4 .content { background: url(/uploads/image/zjgcimg/fangan.png) no-repeat; background-size: 100%; padding: .57rem .2rem 0.88rem 0; } #main .section4 .part { margin-bottom: .3rem; } #main .section4 .part3 { margin-bottom: 0; } #main .section4 .part>div:nth-child(1) { width: 8.13rem; height: 1.63rem; background-image: linear-gradient(90deg, #fda449 0%, #f65d30 100%); border-radius: 0rem 1.58rem 0rem 0rem; font-size: 0.66rem; font-weight: bold; color: #ffffff; padding-left: .4rem; border-left: .13rem solid #f7af39; margin-bottom: .3rem; } #main .section4 .part2>div:nth-child(1) { width: 6.1rem; ; } #main .section4 .part3>div:nth-child(1) { width: 6.63rem; } #main .section4 .part>div:nth-child(1) b { font-family: 'avantibold'; font-size: 1.07rem; color: #ffffff; opacity: .6; margin-right: .4rem; } #main .section4 .part .p { padding-left: 1.23rem; } #main .section4 .part .p p { font-size: 0.55rem; line-height: 0.85rem; color: #4d4d4d; } #main .section4 .part .p p span { color: #000000; } #main .section4 .btnbox { margin-top: .3rem; } #main .section4 .btnbox>div { width: 6.33rem; } #main .section5 { position: relative; z-index: 2; } #main .section5 .content, #main .section6 .content, #main .section7 .content { box-shadow: none; } #main .section5 ul { margin-bottom: .7rem; padding: 0 1.3rem; margin-top: .3rem; } #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 .section3 .content>p, #main .section6 .content>p, #main .section6 .content>p { font-size: 0.5rem; line-height: .5rem; color: #ffffff; text-align: center; margin-bottom: .8rem; } #main .section6 h2 { margin-bottom: 0; } #main .section6 ul { flex-direction: column; align-items: flex-start; } #main .section6 li { font-size: 0.55rem; color: #451a0e; height: 1.2rem; background-color: #ffe59b; border-radius: 0.59rem; flex-shrink: 0; margin-bottom: .4rem; } #main .section6 li:nth-child(1) { width: 9.4rem; margin-left: .57rem; } #main .section6 li:nth-child(2) { width: 13.1rem; margin-left: 1.4rem; } #main .section6 li:nth-child(3) { width: 9.85rem; margin-left: .65rem; } #main .section6 li:last-child { width: 6.53rem; margin-left: 6.3rem; } #main .section7 .content>div { background-color: #ffffff; box-shadow: 0rem 0rem 1.08rem 0rem rgba(167, 123, 60, 0.4); border-radius: 0.17rem; padding: .23rem; margin-top: .4rem; } #main .section7 .content>div:first-child { margin-top: 0; } #main .section7 .content>div img { width: 5.35rem; margin-right: .45rem; flex-shrink: 0; } #main .section7 .content>div .right { flex-wrap: wrap; } #main .section7 .content>div span { font-size: 0.55rem; color: #4d4d4d; margin-right: .6rem; line-height: .9rem; } #main .section7 .content>div span.w { width: 100%; } #main .section7 .gonglue { background-image: url(/uploads/image/zjgcimg/gonglue2.png); margin-top: 1.68rem; box-shadow: 0rem 0rem 0.85rem 0rem rgba(127, 54, 25, 0.5); border-radius: 0.17rem; } #main .plan .content { width: 15.15rem !important; position: relative; padding: 0.55rem .3rem .3rem !important; } #main .plan .intr em { color: #999999 !important; display: block; } #main .plan .intrdata { display: none !important; } #main .tools .content { box-shadow: none; } #main .tools .content>a { padding-top: 0 !important; border-radius: 0.17rem !important; overflow: hidden; } #main .tools .content>a b { height: 1.73rem !important; margin-bottom: 0.3rem !important; background: #451a0e; color: #ffffff !important; }