锘?mk{ padding: 0 0.5rem; margin-top: .7rem; } .section { margin-bottom: 1.5rem; } .section .title { font-size: .9rem; line-height: .9rem; color: #e35c02; margin-bottom: 1rem; font-weight: 700; } .section .btn-box { margin-top: .9rem; } .section .btn-box .btn { width: 5.75rem; height: 1.73rem; background-color: #f86401; box-shadow: 0.05rem 0.09rem 0.43rem 0rem rgb(0 0 0 / 10%); border-radius: 0.84rem; font-size: 0.64rem; font-weight: 700; color: #ffffff; line-height: 1.73rem; text-align: center; } .section .btn-box .btn:nth-child(2) { margin-left: .6rem; } .section5 { margin-top: 1.5rem; } .section .content { height: auto; padding: 0 .5rem; } .section1 .tags { margin-bottom: .5rem; flex-wrap: wrap; } .section1 .tags>div { width: 31%; height: 1.2rem; border-radius: .1rem; border: solid 1px #d2c09c; font-size: .55rem; color: #d2c09c; transition: all .2s; } .section1 .tags>div:nth-child(2), .section1 .tags>div:nth-child(5){ margin: 0 .3rem; } .section1 .tags>div:nth-child(1), .section1 .tags>div:nth-child(2), .section1 .tags>div:nth-child(3) { margin-bottom: .2rem; } .section1 .top { height: auto; background: #ffffff url(/uploads/image/kzimg/section1_p.png) no-repeat; box-shadow: 0px 0px 50px 0px rgb(241 90 7 / 20%); border-radius: 10px; background-size: 8rem; padding: .5rem .8rem .5rem 5.5rem; background-position: 0 1rem; } .section1 .top ul { flex-wrap: wrap; } .section1 .top li { height: 1.2rem; font-size: .45rem; color: #602700; background: linear-gradient(to right, #fff5e2, #ffffff); border-radius: 1.2rem; width: auto; padding-left: .3rem; margin-bottom: .2rem; padding-right: .2rem; } .main .form-box { height: auto; text-align: center; padding: .8rem 1.15rem .8rem; background: linear-gradient(221deg, #fe6313, #ffac37); margin-top: .8rem; box-shadow: 0px 0px 50px 0px rgb(241 90 7 / 20%); } .section1 .form-box{ background: url(/uploads/image/kzimg/dingzhi.png) no-repeat; background-size: 100%; padding-top: 2.6rem; } .main .form-box h3 { font-size: .85rem; font-weight: 700; line-height: .8rem; color: #ffffff; margin-bottom: .5rem; } .main .form-box p { font-size: .5rem; line-height: .5rem; color: #ffffff; padding-bottom: .5rem; border-bottom: 1px solid rgba(255, 255, 255, .2); margin-bottom: .5rem; } .main form { flex-wrap: wrap; } .main .item { width: 6.65rem; height: 1.53rem; overflow: hidden; margin-bottom: .4rem; overflow: hidden; } .main .item.mar { margin-bottom: 0; } .main .item input, .main .item select { width: 100%; height: 1.53rem; background-color: #ffffff; font-size: 0.55rem; color: #b3b3b3; padding-left: .4rem; } .main .item input::placeholder{ color: #b3b3b3; } .main .item select { background: #ffffff url(/uploads/image/kzimg/arrow.png) no-repeat; background-size: 5%; background-position: 95% center; } .main .yzm span { width: 3.5rem; height: 1.5rem; background-color: #4e2d2d; flex-shrink: 0; color: #ffffff; font-size: 0.55rem; } .main form .btn { width: 6.65rem; height: 1.53rem; background-image: linear-gradient(0deg, #ffd200 0%, #f9e14c 100%, #84ad65 100%, #0f797e 100%); box-shadow: 0px 0px 50px 0px rgba(241, 90, 7, 0.2); border-radius: 1.53rem; font-size: .6rem; font-weight: 700; color: #000000; } .section2 .tab-box { margin-bottom: .4rem; overflow-x: scroll; } /* 婊氬姩妲?*/ .section2 .tab-box::-webkit-scrollbar { display: none; } .section2 .tab-box>div { width: auto; min-width: 2rem; height: 1.53rem; border-radius: 0.09rem; background-color: #ffffff; border: .05rem solid #f86401; font-size: 20px; color: #703208; font-size: .55rem; padding: 0 .5rem; margin-right: .2rem; flex-shrink: 0; } .section2 .tab-box>div.active { background-color: #f86401; color: #ffffff; } .section2 .projectbox { box-shadow: 0px 0px 50px 0px rgba(241, 90, 7, 0.2); font-family: 'pingfangmedium'; font-size: .55rem; color: #333333; overflow: hidden; } .section2 .project { width: 100%; margin: 0 auto; display: none; } .section2 .project.active { display: block; } .section2 .project:last-child{ height: 13rem; overflow-y: scroll; } .section2 table{ background: #ffffff; border: 1px solid #f86401; } .section2 th { width: 50%; font-family: 'pingfangbold'; color: #ffffff; height: 1.7rem; background: #f86401; font-size: .64rem; } .section2 td { height: 1.75rem; box-sizing: border-box; border: none; line-height: .8rem; } .section2 tbody tr:nth-child(2n){ background: #ffe2d2; } .section2 .project:last-child tbody tr:nth-child(2n){ background: none; } .section2 .project:last-child td.t{ border-bottom: 1px solid #ff8949; } .section2 .project td:first-child{ border-right: 1px solid #ff8949; } .section2 .project tr td:last-child{ background: #ffffff !important; } .section2 .project tr:nth-child(2n) td:last-child{ background: #ffe2d2 !important; } .section3 .form-box { padding-top: 1rem; background: url(/uploads/image/kzimg/pinggu.png) no-repeat; background-size: 100%; padding-top: 2.6rem; } .section10 .intr_box { /* background: #ffca62; */ padding: .5rem .5rem 1rem; } .section10 .intr { height: auto; background: #ffffff; padding: .5rem !important; border-radius: .2rem; } .section10 .intr .item { width: 100%; height: auto; margin-bottom: 34px; align-items: flex-start; } .main .item:last-child{ margin-bottom: 0; } .section10 .intr .item>img{ height: 1.5rem; flex-shrink: 0; margin-right: .1rem; } .section10 .intr .item .left{ width: auto; flex-wrap: wrap; } .section10 .intr .item .num { align-items: baseline; color: #eb5f00; margin-right: .3rem; } .section10 .intr .item .num img{ max-width: none; height: 1.2rem; flex-shrink: 0; } .section10 .intr .item .num em { font-size: .55rem; line-height: .55rem; font-weight: 700; position: relative; } .section10 .intr .item h4 { font-size: .7rem; line-height: .7rem; color: #eb5f00; margin-top: .3rem; } .section10 .intr .item p { font-size: .45rem; line-height: .8rem; color: #703208; margin-top: .3rem; } .section4 ul { flex-wrap: wrap; } .section4 li { margin-bottom: .3rem; width: 48%; height: 2.6rem; background:#ffffff; border: 1px solid #fe6018; padding-left: .3rem; border-radius: 2.6rem; } .section4 li:nth-child(5), .section4 li:nth-child(6){ margin-bottom: 0; } .section4 li .num{ background: #ffce00; flex-shrink: 0; border: .1rem solid #fe6018; color: #fe6018; font-weight: 700; width: 1rem; height: 1rem; border-radius: 1rem; font-size: .55rem; margin-right: .3rem; } .section4 li p { font-size: .5rem; font-weight: 700; line-height: .8rem; color: #5f2904; text-align: left; } .section5{ /* background: #ffffff; */ /* padding: 1rem 0; */ } .section5 .content1 { height: auto; align-items: flex-start; flex-wrap: wrap; padding: 0 .5rem; } .section5 .content1>div { width: 47.5%; height: 1.7rem; border: 1px solid #fe6018; border-radius: .1rem; color: #000000; flex-shrink: 0; font-weight: 700; margin-top: .4rem; font-size: .55rem; color: #703208; background: linear-gradient(to right,#fff2e1,#ffffff); } .section5 .content1>div:nth-child(1), .section5 .content1>div:nth-child(2) { margin-top: 0; } .section7 .content2 { height: auto; margin-top: 1.4rem; } .section5 .content2 h3 { font-family: 'alimamashuheitibold'; font-size: 45px; font-weight: normal; line-height: 45px; color: #ffffff; text-shadow: 0px 0px 27px rgba(137, 66, 36, 0.4); margin-bottom: 23px; } .section5 .content2 p { font-family: 'alibabapuhuitiregular'; font-size: 20px; line-height: 20px; color: #ffffff; } .section5 .content2 ul { width: 376px; flex-wrap: wrap; align-items: flex-start; margin-left: 56px; } .section5 .content2 li { width: 110px; height: 46px; background: ; background-size: 100%; border-radius: 22px; font-family: 'alimamashuheitibold'; font-size: 24px; color: #703208; } .section5 .content2 .yuyue { width: 161px; height: 161px; background: no-repeat; background-size: 100%; position: absolute; top: 50%; right: 60px; transform: translatey(-50%); font-family: 'alibabapuhuitibold'; font-size: 30px; line-height: 35px; color: #703208; cursor: pointer; } .section6>p { width: 100%; height: 1.38rem; background: linear-gradient(to right, #ff9120 70%, #fff5e2); font-size: 0.55rem; color: #ffffff; padding: 0 3rem; margin-bottom: .88rem; } .section6 .smart { width: 100%; height: 6.1rem; background: url(/uploads/image/kzimg/tv.png) no-repeat; background-size: auto 100%; background-position: right; padding-left: .88rem; padding-top: .3rem; } .section6 .smart p { font-size: 0.55rem; font-weight: 700; color: #4c3f36; position: relative; z-index: 1; margin-bottom: .3rem; } .section6 .smart p::after { content: ""; width: 4.93rem; height: 0.23rem; background-color: #ffd3a5; border-radius: 0.1rem; position: absolute; bottom: .02rem; left: 0; z-index: -1; } .section6 .form-box{ background:url(/uploads/image/kzimg/ceshi.png) no-repeat; background-size: 100%; padding-top: 4.5rem; } .section6 .form-box p{ line-height: .8rem; } .section6 .submit{ margin: .7rem auto 0; } .section7 .tags { padding: 0 .5rem; } .section7 .tags>div { font-size: .55rem; color: #f86401; height: 1.2rem; } .section7 .content{ margin-top: .5rem; padding: 0 .5rem; } .section7 .content>div { height: auto; background: #ffffff; box-shadow: 0px 0px 20px 0px rgb(207 207 207 / 20%); position: relative; border: .05rem solid #000000; } .section7 .content>div a{ display: block; padding: .8rem 1rem .5rem .5rem; } .section7 .content>div h4{ font-size: .7rem; line-height: .7rem; margin-bottom: .5rem; } .section7 .content>div p{ font-size: .55rem; line-height: .85rem; height: 1.5rem; } .section7 .content>div:nth-child(2){ margin: .4rem 0; } .section7 .content>div:nth-child(3) p{ line-height: 1.5rem; } .section7 .content>div img{ width: 1.3rem; position: absolute; top:1rem; right: .6rem; } .section7 .content>div .lay{ width: 2rem; height: 1.2rem; background: #fe6018; border-radius: 1.2rem; position: absolute; top:1rem; right: .6rem; color: #ffffff; font-size: .5rem; } .section9 { margin-bottom: 50px; } .section9 a { width: 48%; height: auto; box-shadow: 0px 0px 50px 0px rgba(241, 90, 7, 0.2); border-radius: .2rem; border: solid 1px #ffffff; overflow: hidden; } .section9 a img { width: 100%; } .section10 { height: auto; background: url(/uploads/image/kzimg/group.png) no-repeat; background-size: 100%; padding-top: 1rem; margin-bottom: 0; padding-top: 6rem; } .section10 .content{ padding-right: 0; padding-left: 0; } .section10 .content ul{ background: linear-gradient(to right,#000000,transparent); padding: .5rem .8rem .5rem 0; } .section10 .content li { font-size: .5rem; line-height: .8rem; color: #ffffff; margin-bottom: .3rem; padding-left: .7rem; position: relative; } .section10 .content li::after{ content: ""; width: .3rem; height: .3rem; background: #ffffff; position: absolute; left: -.2rem; top: .15rem; border: .05rem solid #fe6018; border-radius: .3rem; } .section10 .honor { margin-top: 0; padding: .7rem .5rem .5rem; position: relative; } .section10 .honor .honortit { font-size: .8rem; color: #000000; line-height: .8rem; font-weight: 700; margin-bottom: .5rem; } .section10 .swiper-slide { width:48%; height: auto; position: relative; } .section10 .swiper-slide img { width: 100%; } .section10 .swiper-slide p { font-size: .5rem; color: #ffffff; width: 100%; height: 1.4rem; line-height: 1.4rem; text-align: center; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); } /* layout */ .layout { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); display: none; z-index: 10; } .layout>div { width: 80%; height: auto; background: url(/uploads/image/kzimg/lay_bg.png) no-repeat; background-size: 100%; border-radius: .4rem; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); padding-bottom: 0.5rem; display: none; } .layout form { flex-wrap: wrap; padding: .8rem 1rem; background: #ffffff; border-radius: .4rem; } .layout .close { width: 1.2rem; height: 1.2rem; position: absolute; top: -1.5rem; right: 0; } .layout h3 { font-size: 1rem; color: #ffffff; font-weight: normal; text-align: center; line-height: 2.3rem; } .layout .close img { width: 100%; } .layout .item, .layout input, .layout select { width: 100%; height: 1.5rem; background-color: #f5f5f5 !important; font-size: 0.55rem; line-height: 1.5rem; color: #b3b3b3; } .layout .item { margin-bottom: 10px; width: 100%; } .layout input, .layout select { padding-left: 10px; } .layout input::placeholder { color: #b3b3b3; } .layout select { background: #f1f1f1 url(/uploads/image/kzimg/arrow.png) no-repeat; background-position: 94% center; } .layout .item.yzm span { width: 4.5rem; height: 1.5rem; background-color: #ffdb22; line-height: 1.5rem; font-size: 0.55rem; color: #000000; cursor: pointer; flex-shrink: 0; } .layout .btn { width: 5rem; height: 1.55rem; background-image: linear-gradient(0deg, #ffcc00 0%, #fff000 100%); box-shadow: 0rem 0.13rem 0.21rem 0.01rem rgba(195, 195, 195, 0.36); border-radius: 0.76rem; line-height: 1.55rem; font-size: 0.65rem; font-weight: 700; color: #000000; margin: 0.75rem auto 0; }