.lead { padding: .83rem .53rem 0; } .lead .content { width: 100%; height: auto; background-color: #ffffff; border-radius: 0.64rem 0rem 0.64rem 0rem; border: solid 0.04rem #ff7674; overflow: hidden; padding-bottom: 1.05rem; } .lead .content p { height: 4.3rem; background-color: #ff7674; font-size: 0.55rem; line-height: .8rem; color: #ffffff; padding: 0 .8rem; } .lead .content .form { padding: 0 .63rem; } .lead .content h3 { font-size: 0.96rem; height: 0.96rem; line-height: .96rem; color: #333333; margin: .68rem 0 .63rem; } .lead .content h3 em { color: #ff7674; } .lead .content .spans { margin-bottom: .83rem; } .lead .content .spans span { width: 3.13rem; height: 1.3rem; background-color: #ffe9e9; border-radius: 0.63rem; font-size: 0.55rem; color: #333333; } .lead .item, .lead input, .lead select { width: 100%; background-color: #ffffff; border-radius: 0.1rem; font-size: 0.55rem; color: #999999; } .lead input::placeholder { color: #999999; } .lead .item { height: 1.5rem; margin-bottom: .6rem; border: solid 0.04rem #ff7674; overflow: hidden; position: relative; } .lead .item.nomar { margin-bottom: 0; } .lead .item img { position: absolute; left: 0; top: 50%; transform: translatey(-50%); z-index: 3; width: 5%; left: .4rem; } .lead input, .lead select { padding-left: 1.45rem; position: absolute; top: 0; left: 0; height: 100%; } .lead select { background: #ffffff url(/uploads/image/zatimg/arrow.png) no-repeat right; background-position-x: 97%; background-size: 3.5%; } .lead .btn { font-size: 0.64rem; font-weight: 700; color: #ffffff; margin: .95rem auto 0; width: 6.4rem; height: 1.73rem; background-color: #4f8dff; border-radius: 0.84rem; line-height: 1.73rem; } .part { margin-top: 1.68rem; } .part>h2 { font-size: 0.85rem; height: .85rem; line-height: .85rem; color: #333333; margin-bottom: .88rem; } .part>h2 em { color: #ff7674; } .part>h2 img { height: 0.85rem; margin: 0 .3rem; } .part .content { padding: 0 .53rem; } .part .btn_box { width: 100%; margin-top: 1.05rem; padding:0 .4rem; } .part .btn_box .btn { width: 6.85rem; height: 1.73rem; background-color: #4f8dff; border-radius: 0.84rem; font-size: 0.6rem; color: #ffffff; font-weight: 700; } .part .btn_box .btn a { width: 100%; height: 100%; color: #ffffff; } .part1 table { width: 100%; font-size: 0.55rem; border: solid 0.04rem #ff7674; overflow: hidden; } .part1 table th { font-size: 0.55rem; font-weight: 700; color: #ffffff; background-color: #ff7674; line-height: 0.7rem; padding: .15rem 0; } .part1 table td { border: solid 0.02rem #e5e5e5; height: 1.5rem; } .part1 table tr td:last-child { border-right: none; text-decoration: underline; color: #ff1d1d; } .part1 table tr td:first-child { border-left: none; } .part1 table tr:last-child td { border-bottom: none; } .part2 { padding-top: 1.55rem; background: url(/uploads/image/zatimg/bg.png) repeat-y; background-size: 100%; padding-bottom: .9rem; } .part2 li { width: 100%; height: 3.88rem; overflow: hidden; margin-bottom: .3rem; transition: all .3s; } .part2 li:last-child { margin-bottom: 0; } .part2 li.active { height: auto; transition: all .3s; } .part2 li .top { height: 3.88rem; padding: 0 .7rem 0 1rem; background-color: #ffffff; border-radius: 0rem 0.64rem 0rem 0.64rem; } .part2 li .logo_img { width: 2.75rem; flex-shrink: 0; } .part2 li img { width: 70%; } .part2 li h4 { font-size: 0.65rem; font-weight: normal; margin-bottom: .4rem; } .part2 li p { font-size: 0.5rem; font-weight: normal; font-stretch: normal; line-height: .75rem; letter-spacing: 0rem; color: #5e5e5e; } .part2 li .txt_box { width: 100%; height: auto; background-color: #ffffff; border-radius: 0.64rem 0rem 0.64rem 0rem; padding: .8rem 1rem 1rem; position: relative; } .part2 li .txt_box:after { content: ""; width: 85%; border: dashed 0.04rem #ff7f7d; position: absolute; top: 0; left: 50%; transform: translatex(-50%); } .part2 li .txt { position: relative; padding-left: .3rem; margin-bottom: .4rem; } .part2 li .txt b { font-weight: normal; color: #000000; } .part2 li .txt span { color: #ff7674; } .part2 li .txt.nomar { margin-bottom: 0; } .part2 li .txt:after { content: ""; width: 0.28rem; height: 0.28rem; background-color: #ec605e; border-radius: .28rem; position: absolute; left: -0.2rem; top: 0.25rem; } .part2 li .btn_box { margin-top: .8rem; } .part3 .content>.tab_box { padding: 0 .43rem; margin-bottom: 1.02rem; } .part3 .content>.tab_box div { width: 6.85rem; height: 1.75rem; background-color: #ffffff; border-radius: 0.13rem; border: solid 0.04rem #ff7674; font-size: 0.65rem; color: #333333; } .part3 .content>.tab_box div.active { color: #ffffff; background-color: #ff7674; position: relative; } .part3 .content>.tab_box div.active::after { content: ""; border: .5rem solid #ff7674; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; position: absolute; bottom: -1rem; left: 50%; transform: translatex(-50%); } .part3 .detail>div{ align-items: stretch; border: solid 0.04rem #ff7674; display: none; } .part3 .detail>div.active{ display: flex; } .part3 .detail .tab_box { width: 5.58rem; border-right: solid 0.04rem #ff7674; flex-shrink: 0; flex-direction: column; } .part3 .detail .tab { width: 100%; font-size: 0.55rem; border-bottom: dashed 0.02rem #ff7674; position: relative; flex-grow: 1; color: #000000; } .part3 .detail .tab img { position: absolute; top: 50%; left: 50%; width: 1.58rem; height: 1.35rem; transform: translate3d(-50%, -50%, 0); } .part3 .detail .tab:last-child { border-bottom: none; } .part3 .detail .tab.active { background-color: #ffe9e9; color: #ff1d1d; } .part3 .detail .txt { padding: .8rem; display: none; } .part3 .detail .txt.active{ display: block; } .part3 .detail p { font-size: 0.55rem; line-height: .88rem; color: #000000; margin-bottom: .4rem; } .part3 .detail p:last-child{ margin-bottom: 0; } .part3 .detail p span{ color: #ff7674; } .part3 .btn_box{ padding: 0 .4rem; } .part4>h2{ margin-bottom: .57rem; } .part4>p{ font-size: 0.55rem; line-height: .55rem; margin-bottom: .83rem; } .part4 ul{ flex-wrap: wrap; } .part4 li{ flex-direction: column; width: 4.72rem; height: 5.8rem; background-color: #ffe9e9; border-radius: 0.64rem 0rem 0.64rem 0rem; overflow: hidden; } .part4 li.mar{ margin-bottom: .6rem; } .part4 li .img{ width: 100%; height: 2.6rem; border-radius: 0.64rem 0rem 0.64rem 0rem; position: relative; font-size: 0.55rem; font-weight: 700; color: #ffffff; z-index: 1; } .part4 li .img img{ width: 100%; position: absolute; left: 0; top: 0; z-index: -1; } .part4 li p{ font-size: 0.5rem; line-height: 0.8rem; color: #000000; padding: .3rem .3rem 0; } .btmform{ width: 100%; margin-top: .83rem; background-color: #ff7674; padding-top: 1.05rem; padding-bottom: 1.05rem; } .btmform h3{ font-size: 0.95rem; line-height: 0.95rem; color: #ffffff; margin: 0 0 .83rem; } .btmform form{ flex-wrap: wrap; padding: 0 .85rem; } .btmform .item, .btmform input, .btmform select { width: 100%; background-color: #ffffff; border-radius: 0.1rem; font-size: 0.5rem; color: #808080; } .btmform input::placeholder { color: #808080; } .btmform .item { width: 6.85rem; height: 1.53rem; margin-bottom: .4rem; border: solid 0.04rem #ff7674; overflow: hidden; position: relative; } .btmform .item.nomar { margin-bottom: 0; } .btmform input, .btmform select { padding-left: .5rem; position: absolute; top: 0; left: 0; height: 100%; } .btmform select { background: #ffffff url(/uploads/image/zatimg/arrow_2.png) no-repeat right; background-position-x: 95%; background-size: 8%; } .btmform .btn { font-size: 0.64rem; font-weight: 700; color: #ffffff; margin: .95rem auto 0; width: 6.85rem; height: 1.73rem; background-color: #4f8dff; border-radius: 0.84rem; line-height: 1.73rem; }