#main .lead { padding: .83rem .43rem 0; margin-bottom: 1.25rem; } #main .lead .content { height: auto; background-color: #f2f8ff; border-radius: 0.17rem; border-top: 0.23rem solid #e5f0ff; font-size: 0.55rem; line-height: .88rem; color: #333333; padding: .5rem .6rem; } #main .lead .content span { color: #ff0000; } #main .section { padding: 0 .43rem; } #main .section .titlebox { height: 3.1rem; margin: 0 auto .73rem; font-weight: bold; } #main .section .titlebox span { width: 1.6rem; height: 1.6rem; background-color: #29cc8d; font-size: 1.1rem; line-height: 1.1rem; color: #ffffff; border-radius: 1.6rem; display: inline-block; padding-top: .4rem; } #main .section .titlebox span.b { padding-left: .25rem; background-color: #1f5299; } #main .section .titlebox span.g { margin-left: -.4rem; padding-left: .2rem; } #main .section .titlebox p { font-size: .9rem; color: #000000; padding-left: .25rem; line-height: .9rem; margin-top: .3rem; } #main .section .titlebox .top p { padding-left: 0; margin-left: -.2rem; } #main .section1 { margin-bottom: 1.25rem; } #main .section1 h3 { font-size: 0.7rem; color: #000000; height: 1.53rem; background: url(/uploads/image/zuiimg/t_bg.png) no-repeat; background-size: auto 100%; padding-left: .65rem; line-height: 1.53rem; margin-bottom: .83rem; } #main .section1 .tabbox { height: 4.65rem; align-items: flex-start; margin-bottom: 1.3rem; } #main .section1 .tabbox>div { font-size: 0.5rem; font-weight: bold; line-height: 0.7rem; color: #ffffff; width: 2.78rem; height: 2.8rem; background-color: #3d8eff; border-radius: 2.78rem; flex-shrink: 0; margin-left: -.3rem; text-align: center; } #main .section1 .tabbox>div:nth-child(1) { margin-left: 0; } #main .section1 .tabbox>div:nth-child(2n) { align-self: self-end; } #main .section1 .tabbox>div.active { background-color: #33ffb1; color: #000000; } #main .section1 .tcontent { margin-bottom: .83rem; } #main .section1 .tcontent>div { width: 100%; height: auto; background-color: #d2ffee; padding-left: 1.08rem; padding-top: 1rem; font-size: 0.6rem; line-height: .88rem; color: #000000; border-radius: .3rem; padding-bottom: .4rem; display: none; position: relative; } #main .section1 .tcontent>div.active { display: block; } #main .section1 .tcontent>div::after{ content: ""; border: 0.6rem solid #d2ffee; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; position: absolute; top: -1.1rem; display: none; } #main .section1 .tcontent>div:nth-child(1)::after{ left: .6rem; } #main .section1 .tcontent>div:nth-child(2)::after{ left: 3.4rem; } #main .section1 .tcontent>div:nth-child(3)::after{ left: 5.8rem; } #main .section1 .tcontent>div:nth-child(4)::after{ right: 5.8rem; } #main .section1 .tcontent>div:nth-child(5)::after{ right:3.4rem; } #main .section1 .tcontent>div:nth-child(6)::after{ right: .6rem; } #main .section1 .tcontent>div.active::after{ display: block; } #main .section1 .tcontent>div h4 { font-size: 0.65rem; line-height: 0.65rem; color: #000000; margin-bottom: .5rem; position: relative; z-index: 1; } #main .section1 .tcontent>div h4 span { position: relative; } #main .section1 .tcontent>div h4 span::after { content: ""; width: 102%; height: 0.35rem; background-color: #8dffd3; border-radius: 0.15rem; position: absolute; left: 50%; bottom: -.1rem; transform: translatex(-50%); z-index: -1; } #main .section1 .role { flex-wrap: wrap; } #main .section1 .role>div { width: 3.43rem; height: 2.58rem; background-image: linear-gradient(60deg, #ffffff 100%); box-shadow: 0rem 0rem 0.33rem 0rem rgba(18, 76, 157, 0.2), inset 0rem 0rem 0.33rem 0rem rgba(143, 190, 255, 0.5); border-radius: 0.21rem; border: solid 0.04rem #ffffff; font-size: 0.55rem; line-height: 0.85rem; color: #1f5299; text-align: center; margin-bottom: .4rem; } #main .section1 .role>div:nth-child(5), #main .section1 .role>div:nth-child(6), #main .section1 .role>div:nth-child(7), #main .section1 .role>div:nth-child(8) { margin-bottom: 0; } #main .section1 .content>p { font-size: 0.43rem; line-height: .43rem; color: #999999; text-align: right; margin: .73rem 0 1.15rem; } #main .section1 .igobtn { width: 10.7rem; height: 1.75rem; background-image: linear-gradient(0deg, #66a6ff 0%, #ffffff 100%); box-shadow: 0rem 0rem 0.65rem 0rem rgba(51, 136, 255, 0.2); border-radius: 0.84rem; border: solid 0.04rem #ffffff; font-size: 0.64rem; font-weight: bold; color: #000000; margin: 0 auto; } #main .section2 { background: #ebf0f7 url(/uploads/image/zuiimg/analyse.png) no-repeat; background-size: 100%; padding-top: .83rem; padding-bottom: 1.2rem; margin-bottom: 1.68rem; } #main .section2 .titlebox { margin-bottom: .45rem; height: 3.3rem; } #main .section2>h3{ width: 6rem; font-size: 0.7rem; color: #000000; height: 1.53rem; background: url(/uploads/image/zuiimg/t_bg2.png) no-repeat; background-size: auto 100%; padding-left: .65rem; line-height: 1.53rem; font-weight: bold; margin-bottom: 0.83rem; } #main .section2 .elements{ background-color: #1f5299; border-radius: 0.21rem; padding:.88rem .55rem; } #main .section2 ul{ flex-wrap: wrap; } #main .section2 li{ width: 47%; font-size: 0.55rem; line-height: 0.65rem; color: #ffffff; margin-top: 1rem; } #main .section2 li:nth-child(1), #main .section2 li:nth-child(2){ margin-top: 0; } #main .section2 li .img{ width: 1.9rem; height: 1.9rem; background-color: #19447f; border: solid 0.02rem #0f294c; flex-shrink: 0; border-radius: 1.9rem; margin-right: .5rem; } #main .section2 li .img img{ width: 50%; } #main .section2 li b{ line-height: .55rem; } #main .section2 li em{ font-size: .45rem; } #main .section2 .analysebtn{ width: 5.58rem; height: 1.73rem; background-image: linear-gradient(0deg, #66a6ff 0%, #ffffff 100%); box-shadow: 0rem 0rem 0.65rem 0rem rgba(51, 136, 255, 0.2); border-radius: 0.84rem; border: solid 0.04rem #ffffff; font-size: 0.64rem; font-weight: bold; color: #000000; margin: .8rem auto 0; } #main .section3 .tabbox{ padding: 0 .43rem; } #main .section3 .tabbox>div{ width: 3.43rem; height: 1.53rem; background-color: #f2f8ff; border-radius: 0.43rem 0.43rem 0rem 0rem; font-size: 0.55rem; color: #1f5299; } #main .section3 .tabbox>div.active{ background-color: #1f5299; color: #ffffff; } #main .section3 .tcontent>div{ border-radius: 0.21rem; overflow: hidden; display: none; } #main .section3 .tcontent>div.active{ display: block; } #main .section3 th{ height: 1.3rem; background-color: #b2d6ff; font-size: 0.47rem; color: #1f5299; border: .05rem solid #ffffff; } #main .section3 th:nth-child(1){ width: 1.7rem; } #main .section3 th:nth-child(2){ min-width: 1.2rem; } #main .section3 th:nth-child(3){ min-width: 1rem; } #main .section3 th:nth-child(5){ width:5.8rem; } #main .section3 tbody tr:nth-child(1) { background-color: #e0efff; } #main .section3 tbody tr:nth-child(2) { background-color: #ebf4ff; } #main .section3 tbody tr:nth-child(3) { background-color: #f5faff; } #main .section3 td{ font-size: 0.47rem; line-height: 0.7rem; color: #000000; border: .05rem solid #ffffff; text-align: left; padding: .3rem; } #main .section3 td:nth-child(1){ text-align: center; padding: 0; } #main .section3 .showleyu{ width: 5.58rem; height: 1.73rem; background-image: linear-gradient(0deg, #66a6ff 0%, #ffffff 100%); box-shadow: 0rem 0rem 0.65rem 0rem rgba(51, 136, 255, 0.2); border-radius: 0.84rem; border: solid 0.04rem #ffffff; font-size: 0.64rem; font-weight: bold; color: #000000; margin: .8rem auto 0; } #main .section4{ margin-top: 1.6rem; background: url(/uploads/image/zuiimg/background.png) no-repeat; background-size: 100%; background-position:left bottom; padding-bottom: 5.18rem; } #main .section4 .tabbox{ flex-wrap: wrap; margin-bottom: .6rem; } #main .section4 .tabbox>div{ width: 2.8rem; height: 1.95rem; background-color: #b2d6ff; border-radius: 0.21rem; font-size: 0.55rem; line-height: 0.7rem; letter-spacing: 0rem; color: #1f5299; text-align: center; margin-bottom: .4rem; } #main .section4 .tabbox>div:nth-child(10), #main .section4 .tabbox>div:nth-child(6), #main .section4 .tabbox>div:nth-child(9), #main .section4 .tabbox>div:nth-child(7), #main .section4 .tabbox>div:nth-child(8){ margin-bottom: 0; } #main .section4 .tabbox>div.active{ color: #ffffff; background-color: #1f5299; } #main .section4 .detail{ background-color: #ffffff; border-radius: 0.21rem; border: solid 0.02rem #e5f1ff; border-top: 0.2rem solid #1f5299; padding: .6rem .3rem; } #main .section4 .tcontent>div{ display: none; } #main .section4 .tcontent>div.active{ display: block; } #main .section4 .detail h4{ font-size: 0.6rem; line-height: 0.6rem; color: #000000; margin-bottom: .5rem; padding-left: .28rem; } #main .section4 .detail .txt{ font-size: 0.45rem; line-height: 0.75rem; color: #666666; border-bottom: 0.08rem solid #f2f2f2; padding-bottom: .4rem; padding-left: .28rem; margin-bottom: .6rem; } #main .section4 .detail .txt p{ margin-top: .15rem; } #main .section4 .formbox{ padding: 0 .28rem; } #main .section4 .formbox h4{ font-size: 0.6rem; line-height: 0.6rem; margin-bottom: .6rem; color: #1f5299; margin-bottom: .6rem; } #main .section4 .formbox .item, #main .section5 .formbox .item{ height: 1.53rem; margin-bottom: .4rem; position: relative; overflow: hidden; } #main .section5 .formbox .item.mar{ margin-bottom: .85rem; } #main .section4 .formbox label, #main .section5 .formbox label{ font-size: 0.47rem; line-height: 1.53rem; color: #000000; flex-shrink: 0; } #main .section4 .formbox input, #main .section5 .formbox input, #main .section4 .formbox select, #main .section5 .formbox select{ width: 11.55rem; height: 1.53rem; background-color: #e8f3ff; font-size: .5rem; color: #000000; padding-left: .4rem; } #main .section4 .formbox select, #main .section5 .formbox select{ background: #e8f3ff url(/uploads/image/zuiimg/arrow.png) no-repeat; background-size: 3%; background-position: 95% center; } #main .section4 .formbox .item.yzm span{ width: 4.3rem; height: 100%; background-color: #1f5299; font-size: 0.47rem; color: #ffffff; position: absolute; right: 0; top: 0; } #main .section4 .formbox .submit{ width: 5.58rem; height: 1.73rem; background-image: linear-gradient(0deg, #66a6ff 0%, #ffffff 100%); box-shadow: 0rem 0rem 0.65rem 0rem rgba(51, 136, 255, 0.2); border-radius: 0.84rem; border: solid 0.04rem #ffffff; margin: 0 auto .57rem; font-weight: bold; font-size: 0.64rem; } #main .section4 .formbox p{ font-size: 0.4rem; line-height: 0.4rem; color: #999999; letter-spacing: .02rem; text-align: center; } #main .section5{ background: #fafafb; padding: 0; padding-top: .01rem; } #main .section5 .titlebox{ margin-top: -3.7rem; padding-left: .53rem; } #main .section5 .content{ background-color: #1f5299; } #main .section5 .qs{ padding: .8rem .6rem; color: #ffffff; } #main .section5 .qs .list>div{ margin-bottom: .8rem; } #main .section5 .qs .list>div:last-child{ margin-bottom: 0; } #main .section5 .qs .q{ font-size: 0.64rem; line-height: 0.64rem; color: #ffffff; height: 1.35rem; margin-bottom: .4rem; } #main .section5 .qs .q img{ height: 1.35rem; margin-right: .33rem; } #main .section5 .qs .a{ font-size: 0.47rem; line-height: 0.7rem; letter-spacing: 0rem; color: #ffffff; padding-left: 1.85rem; } #main .section5 .qs .refresh{ font-size: 0.55rem; line-height: 0.55rem; color: #29cc8d; margin-top: 1rem; } #main .section5 .qs .refresh img{ height: .57rem; margin-right: .3rem; } #main .section5 .formbox{ background-color: #ffffff; border: solid 0.21rem #1f5299; padding: .8rem .6rem .8rem .8rem; } #main .section5 .formbox h4{ font-size: 0.85rem; line-height: 0.85rem; color: #1f5299; text-align: center; margin-bottom: .78rem; } #main .section5 .formbox .textarea{ height: auto; align-items: flex-start; margin-bottom: 0; } #main .section5 .formbox textarea{ width: 11.55rem; height: 6.43rem; background-color: #e8f3ff; resize: none; padding: .2rem; font-family: "microsoft yahei"; font-size: .5rem; color: #000000; } #main .section5 .formbox .submit{ width: 5.58rem; height: 1.73rem; background-image: linear-gradient(0deg, #66a6ff 0%, #ffffff 100%); box-shadow: 0rem 0rem 0.65rem 0rem rgba(51, 136, 255, 0.2); border-radius: 0.84rem; border: solid 0.04rem #ffffff; font-size: 0.64rem; font-weight: bold; color: #000000; margin: .8rem auto .56rem; } #main .section5 .formbox p{ font-size: 0.4rem; line-height: 0.4rem; color: #999999; letter-spacing: .02rem; text-align: center; } #main .section6{ margin-top: 1.7rem; padding: 0; padding-bottom: 1.3rem; } #main .section6 .titlebox{ padding-left: 0.53rem } #main .section6 .content{ padding-left: .98rem; position: relative; padding-bottom: .9rem; } #main .section6 .swiper-slide{ height: auto; background-color: #f2f8ff; border-radius: 1.07rem 0rem 0 0rem; border: solid 0.02rem #f2f8ff; overflow: hidden; padding-bottom: .3rem; } #main .section6 .swiper-slide div{ width: 4.22rem; height: 1.3rem; background-color: #1f5299; border-radius: 0 0.63rem 0.63rem 0; font-size: 0.65rem; color: #ffffff; } #main .section6 .swiper-slide p{ font-size: 0.5rem; line-height: 0.8rem; letter-spacing: 0rem; color: #333333; margin-top: .4rem; padding: 0 .75rem; } #main .section6 .swiper-pagination{ position: absolute; bottom: 0; right: .63rem; } #main .section6 .swiper-pagination .swiper-pagination-bullet{ width: 0.38rem; height: 0.38rem; background-color: #b2d6ff; opacity: 1; margin-left: .28rem; } #main .section6 .swiper-pagination .swiper-pagination-bullet-active{ background-color: #1f5299; } /* igopackagelayout */ #main .igopackagelayout { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none; } #main .igopackagelayout>div { width: 13rem; height: auto; position: fixed; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); background: #1f5299; text-align: center; padding: 1.68em .7rem .5rem 0.7rem; } #main .igopackagelayout>div .title { margin-bottom: .95rem; font-size: 0.85rem; font-weight: normal; line-height:0.85rem; letter-spacing: 0.09rem; color: #ffffff; } #main .igopackagelayout>div .item { width: 100%; position: relative; margin-bottom: 0.4rem; } #main .igopackagelayout>div .item img { position: absolute; top: 50%; transform: translatey(-50%); right: 0.4rem; width: 0.5rem; } #main .igopackagelayout>div .item.yzm{ margin-bottom: .83rem; } #main .igopackagelayout>div .item.yzm input { width: 60%; } #main .igopackagelayout>div .item.yzm span { width: 40%; text-align: center; font-size: 0.6rem; background-color: #000000; color: #ffffff; height: 1.5rem; line-height: 1.5rem; cursor: pointer; } #main .igopackagelayout>div input, #main .igopackagelayout>div select { width: 100%; padding-left: 0.3rem; height: 1.53rem; background-color: #ffffff; line-height: 1.53rem; color: #b3b3b3; font-size: .55rem; } #main .igopackagelayout>div input::placeholder { color: #b3b3b3; } #main .igopackagelayout>div select { background: #ffffff url(/uploads/image/zuiimg/arrow.png) no-repeat; background-size: 4%; background-position: 97% center; } #main .igopackagelayout>div .submit { width: 4.5rem; height: 1.73rem; margin: 0 auto; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.02rem; color: #ffffff; background: #3d8eff; border-radius: 1.73rem; } #main .igopackagelayout>div .igopackageclose { width: 1.5rem; height: 1.5rem; position: absolute; top: 0; right: 0; } #main .igopackagelayout>div .igopackageclose img{ width: .5rem; } #main .igopackagelayout>div p{ font-size: 0.47rem; line-height: 0.6rem; color: #ffffff; opacity: 0.4; margin-top: .4rem; }