.part { margin-bottom: 1.68rem; } .part:last-child{ margin-bottom: .5rem; } .part .content { width: 15.15rem; margin: 0 auto; height: auto; background-color: #ffffff; box-shadow: 0rem 0rem 1.08rem 0rem rgba(109, 117, 198, 0.2); } .part h2 { font-size: 0.9rem; line-height: 0.9rem; color: #02494d; margin-bottom: 1rem; position: relative; } .part h2 img { width: .8rem; } .part h2 img:nth-child(1) { margin-right: .28rem; } .part h2 img:nth-child(2) { width: 1.1rem; margin-left: -.2rem; position: relative; } .part .btnbox { margin-top: 1rem; } .part .btnbox>div { width: 5.05rem; height: 1.73rem; background-image: linear-gradient(0deg, #ffd200 0%, #f9e14c 100%); box-shadow: 0rem 0rem 0.65rem 0rem rgb(109, 117, 198,.2); border-radius: 0.84rem; font-size: 0.68rem; font-weight: 700; color: #000000; } .part .btnbox>div:nth-child(2) { width: 7.5rem; margin-left: .7rem; } .mk{ margin-top: 1.3rem; } .mk .content{ box-shadow:none; } .part1 { position: relative; z-index: 1; } .part1 .top { padding-top: .88rem; padding-bottom: 1.08rem; padding-left: 4.8rem; position: relative; } .part1 .top>div { width: 2.8rem; height: 2.78rem; background: url(/uploads/image/kyiimg/part1_icon.png) no-repeat; background-size: 100%; color: #ffffff; font-weight: 700; font-size: 0.75rem; line-height: .88rem; color: #ffffff; align-items: flex-start; padding-top: .35rem; position: absolute; top: -.43rem; left: 1.18rem; } .part1 .top h3 { font-size: 0.96rem; line-height: 0.96rem; color: #02494d; } .part1 form { flex-wrap: wrap; padding: 0 .73rem .75rem; } .part1 form .item { width: 6.65rem; height: 1.53rem; background-color: #f2f2f2; overflow: hidden; margin-top: .4rem; } .part1 form .item.nomar { margin-top: 0; } .part1 form input, .part1 form select { width: 100%; height: 100%; background-color: #f2f2f2; font-size: 0.55rem; color: #b3b3b3; padding-left: .5rem; } .part1 form select { background: #f2f2f2 url(/uploads/image/kyiimg/arrow.png) no-repeat; background-size: 5%; background-position: 93% center; } .part1 form input::placeholder { color: #b3b3b3; } .part1 .item.yzm>span { width: 3.4rem; height: 1.5rem; background-color: #04919b; flex-shrink: 0; font-size: .55rem; color: #ffffff; } .part1 form .submit { width: 6.63rem; height: 1.5rem; margin-top: .4rem; background-image: linear-gradient(0deg, #ffd200 0%, #f9e14c 100%, #84ad65 100%, #0f797e 100%); box-shadow: 0rem 0rem 0.65rem 0rem rgba(255, 127, 85, 0.2); border-radius: 0.74rem; font-size: 0.68rem; font-weight: 700; color: #000000; } .part1 .content:last-child{ margin-top: 1rem; background: none; box-shadow: none; } .part1 .content:last-child >img{ margin-bottom: .5rem; } .part2 .tabbox{ width: 15.15rem; margin: 0 auto; } .part2 .tabbox>div{ width: 49.5%; background-color: #ebebeb; font-size: .6rem; line-height: 1.7rem; border-radius: .2rem .2rem 0 0; } .part2 .tabbox>div.active{ background-color: #04919b; font-weight: 700; color: #ffffff; } .part2 .content{ padding: .3rem; background-color: #ffffff; } .part2 .table{ display: none; } .part2 .table.active{ display: block; } .part2 td { font-size: 0.55rem; line-height: 1rem; height: 1.5rem; color: #4d4d4d; border: solid 0.04rem #f2f2f2; text-align: left; padding-left: .5rem; } .part2 th{ font-size: 0.55rem; line-height: 1rem; height: 1.5rem; border: solid 0.04rem #f2f2f2; background-color: #04919b; font-weight: 700; color: #ffffff; } .part2 td.b { width: 5.4rem; background-color: #04919b; color: #ffffff; font-weight: 700; text-align: center; padding-left: 0; } .part2 .table2 td{ text-align: center !important; padding-left: 0; } .part3 { width: 100%; height: 13.5rem; background: url(/uploads/image/kyiimg/ziliao.png) no-repeat; background-size: 100%; padding: 1.4rem 1.15rem 0; } .part3 h3 { font-size: 0.9rem; line-height: .9rem; color: #ffffff; } .part3>p { font-size: 0.55rem; line-height: 0.55rem; color: #ffffff; margin-top: .5rem; margin-bottom: .87rem; } .part3 form .item { height: 1.73rem; background-color: #ffffff; position: relative; padding-left: .4rem; margin-bottom: .3rem; } .part3 form .item input { width: 100%; height: 100%; font-size: 0.55rem; padding-left: .5rem; } .part3 form .item input::placeholder { color: #b3b3b3; } .part3 form .item img { height: 0.9rem; } .part3 form .submit { width: 7.5rem; } .part3>p:last-child { margin-top: .63rem; margin-bottom: 0; color: #ffffff; } .part4 h2 { margin-bottom: .55rem; } .part4 .content { width: 100%; margin-bottom: .78rem; } .part4 .content>div { width: 100%; height: 7.28rem; background-color: #04919b; padding-left: .88rem; position: relative; z-index: 1; padding-bottom: .33rem; align-items: stretch; display: none; } .part4 .content>div.active { display: flex; } .part4 .content .img { width: 5.83rem; height: 6.96rem; border-radius: 0 0 5.83rem 5.83rem; overflow: hidden; align-items: flex-end; position: relative; margin-right: .48rem; flex-shrink: 0; } .part4 .content .img h3 { font-size: 0.64rem; line-height: 0.64rem; color: #eff8ea; position: absolute; bottom: 0.57rem; left: 2.38rem; z-index: 2; } .part4 .content .img::after { content: ""; width: 6.3rem; height: 5.28rem; background: url(/uploads/image/kyiimg/teac_hide.png) no-repeat; position: absolute; bottom: -1.48rem; right: 0rem; z-index: 1; } .part4 .content .img::before { content: ""; width: 5.83rem; height: 5.83rem; background-color: #eaf0f8; border-radius: 5.83rem; position: absolute; left: 0; bottom: 0; z-index: -1; } .part4 .content .img img { width: 85%; } .part4 .content .right { padding-top: .65rem; padding-right: .4rem; position: relative; } .part4 .content .right h4 { font-size: 0.55rem; line-height: 0.55rem; color: #ffffff; margin-bottom: .35rem; padding-left: .35rem; } .part4 .content .right p { font-size: 0.51rem; line-height: 0.75rem; color: #ffffff; padding-left: .35rem; } .part4 .content .right .btnbox { margin: 0; position: absolute; left: 0; bottom: .1rem; } .part4 .content .right .btnbox>div { width: 6.93rem; height: 1.3rem; font-size: 0.55rem; } .part4>p { font-size: 0.55rem; line-height: .88rem; color: #999999; margin-bottom: .9rem; } .part4 .btnbox>div { width: 8.55rem; } .part4 .list { flex-wrap: wrap; } .part4 .list>div { position: relative; } .part4 .list>div:nth-child(2) { margin: 0 .83rem; } .part4 .list>div:nth-child(4) { margin-right: 1.05rem; } .part4 .list>div:nth-child(4), .part4 .list>div:nth-child(5) { margin-top: 0.4rem; } .part4 .list>div .img { width: 4.3rem; height: 4.3rem; background-image: linear-gradient(0deg, #ffffff 0%, #e3e3e3 100%); border-radius: 2.12rem; overflow: hidden; padding-top: .3rem; } .part4 .list>div h4 { width: 2.38rem; height: 1.08rem; background-color: #04919b; border-radius: 0.83rem 0rem 0.83rem 0rem; font-size: 0.51rem; line-height: 1.08rem; text-align: center; color: #ffffff; position: absolute; top: 2.7rem; right: -.38rem; } .part4 .list>div.active h4 { background-color: #ff9100; } .part4 .mokao-btn{ margin-top: 1.2rem; } .part6 h2 { margin-bottom: .6rem; } .part6>p { font-size: 0.55rem; line-height: 0.55rem; color: #999999; margin-bottom: 1rem; } .part6 .content { padding: .75rem .53rem; } .part6 .section { margin-bottom: 1rem; } .part6 .section .num { height: 1rem; flex-shrink: 0; align-items: stretch; } .part6 .section .num img { height: 100%; margin-right: .45rem; } .part6 .section .s-title { margin-bottom: .9rem; } .part6 .section .s-title b { font-size: 0.51rem; line-height: 0.51rem; color: #333333; margin-bottom: .33rem; display: block; } .part6 .section .s-title p { font-size: 0.47rem; line-height: 0.47rem; color: #666666; } .part6 .section video { width: 100%; margin-bottom: .4rem; display: block; } .part6 .section .honor { width: 100%; } .part6 .section2 .s-title p, .part6 .section3 .s-title p { line-height: 0.55rem; } .part6 .section2 .branch { width: 100%; } .part6 .section2 ul { width: 100%; overflow: hidden; overflow-x: scroll; margin-bottom: .63rem; } /* 婊氬姩妲?*/ .part6 .section2 ul::-webkit-scrollbar { width: 6px; height: 6px; display: none; } .part6 .section2 li { width: 2.38rem; height: 1.43rem; background-color: #f0f0f0; font-size: 0.55rem; line-height: 0.88rem; color: #000000; margin-right: .2rem; flex-shrink: 0; } .part6 .section2 li.active { color: #ffffff; background-color: #04919b; } .part6 .section2 .address { height: auto; min-height: 7rem; background-color: #ffffff; border: solid 0.04rem #f0f0f0; padding: .8rem .85rem .8rem; } .part6 .section2 .address .img { font-size: 1.07rem; line-height: 1.07rem; color: #2c303b; margin-bottom: .8rem; } .part6 .section2 .address img { width: 1.78rem; margin-right: .25rem; } .part6 .section2 .address p { font-size: 0.51rem; color: #4d4d4d; align-items: flex-start; margin-bottom: .3rem; } .part6 .section2 .address p:last-child { margin-bottom: 0; } .part6 .section2 .address p b { flex-shrink: 0; } .part6 .return-box { overflow: hidden; --box-width: -92.5rem; --box2-width: -95.7rem; --box3-width: -93.7rem; } .part6 .return-txt { margin-bottom: .45rem; } .part6 .return-txt:last-child { margin-bottom: 0; } @keyframes move1 { 0% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(var(--box-width)); transform: translate(var(--box-width)); } } @keyframes move2 { 0% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(var(--box2-width)); transform: translate(var(--box2-width)); } } @keyframes move3 { 0% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(var(--box3-width)); transform: translate(var(--box3-width)); } } .part6 .return-txt:nth-child(1) { -webkit-animation: move1 45s linear 0s infinite; animation: move1 45s linear 0s infinite; } .part6 .return-txt:nth-child(2) { -webkit-animation: move2 55s linear 0s infinite; animation: move2 55s linear 0s infinite; } .part6 .return-txt:nth-child(3) { -webkit-animation: move3 35s linear 0s infinite; animation: move3 35s linear 0s infinite; } .part6 .section3 li { height: 1.3rem; background-color: #f2f2f2; border-radius: 0.63rem; border: solid 0.04rem #e5e5e5; font-size: 0.51rem; line-height: 1.3rem; text-align: center; color: #333333; flex-shrink: 0; padding: 0 .3rem; margin-right: .3rem; } .part6 .section3 li:last-child { margin-right: 0; } /* winterlayout */ .winterlayout { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none; } .winterlayout .lay_content { width: 75%; height: 11rem; position: fixed; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); background: no-repeat; background-size: 100%; text-align: center; display: none; } .winterlayout .lay_content h3 { color: #ffffff; font-size: 1rem; line-height: 1rem; font-weight: normal; padding: .7rem 0 .8rem; } .winterlayout .lay_content form { width: 90%; flex-wrap: wrap; margin: 0 auto; } .winterlayout .lay_content .item { width: 100%; position: relative; margin-bottom: 0.3rem; } .winterlayout .lay_content .item.cannot { width: 49%; } .winterlayout .lay_content .item img { position: absolute; top: 50%; transform: translatey(-50%); right: 0.4rem; width: 0.5rem; } .winterlayout .lay_content .item.yzm input { width: 60%; } .winterlayout .lay_content .item.yzm span { width: 40%; text-align: center; font-size: 0.6rem; background-color: #ffdb22; color: #000000; height: 1.5rem; line-height: 1.5rem; cursor: pointer; } .winterlayout .lay_content input, .winterlayout .lay_content select { width: 100%; padding-left: 0.3rem; background-color: #ffffff; font-size: .55rem; height: 1.5rem; line-height: 1.5rem; color: #b3b3b3; } .winterlayout .lay_content input::placeholder { color: #b3b3b3; } .winterlayout .lay_content .submit { width: 5rem; margin: 0.4rem auto 0; height: 1.6rem; line-height: 1.6rem; background-image: linear-gradient(0deg, #ffcc00 0%, #fff000 100%); box-shadow: 0px 5px 9px 1px rgb(131 131 131 / 36%); border-radius: 1rem; font-weight: 700; cursor: pointer; } .winterlayout .close { width: 1.5rem; height: 1.5rem; position: absolute; top: -1.9rem; right: 0; } .winterlayout .qrcode { width: 55%; display: none; }