nav { width: 100%; height: 2.56rem; background-color: #ffd800; position: relative; top: -.1rem; } nav ul { overflow-x: scroll; padding-left: .21rem; } nav li { width: 3.39rem; height: 1.91rem; background: url(/uploads/image/zemimg/coun_icon.png) no-repeat; background-size: 100%; font-size: 0.75rem; color: #ffffff; flex-shrink: 0; margin-right: 0.47rem; } nav li a{ font-size: 0.75rem; color: #ffffff !important; } nav li.active { background: url(/uploads/image/zemimg/coun_icon_a.png) no-repeat; background-size: 100%; } .same_part { background-color: #012659; padding: 1rem .53rem 1rem; } .same_part .content { border: solid 0.02rem #ffffff; padding: .43rem .43rem 1rem; margin-top: .6rem; font-size: .6rem; color: #f5f5f5; } .same_part .content .img { margin-bottom: .8rem; } .same_title { font-size: 1.07rem; color: #ffffff; } .same_title img { height: 0.98rem; margin-right: .18rem; position: relative; top: 0.18rem; } .same_title img:last-child { margin-left: .18rem; } .same_btn { width: 8.96rem; height: 1.88rem; background-image: linear-gradient(0deg, #ffd200 0%, #f9e14c 100%); border-radius: 0.17rem; margin: .7rem auto 0; line-height: 1.88rem; font-size: 0.68rem; font-weight: 700; color: #000000; } .same_btn a{ display: block; width: 100%; height: 100%; } /* intr */ .intr { position: relative; padding: 0 .32rem; top: -.1rem; margin-bottom: 1.59rem; } .intr .content { width: 100%; background: #ffffff; padding-top: .8rem; padding-bottom: 1rem; } .intr .coun { font-size: 1.07rem; color: #000000; align-items: baseline; } .intr .coun img { height: 0.28rem; margin-right: .6rem; } .intr .coun img:last-child { transform: rotatex(180deg); margin-left: .6rem; } .intr ul { flex-wrap: wrap; padding: 0 .21rem; margin-top: .6rem; } .intr li { width: 7.36rem; font-size: 0.73rem; font-weight: 700; color: #ffffff; } .intr li .title { background: url(/uploads/image/zemimg/coun_li_o.png) no-repeat; background-size: 100%; height: 1.71rem; position: relative; z-index: 2; } .intr li:nth-child(2) .title, .intr li:nth-child(3) .title { background: url(/uploads/image/zemimg/coun_li_t.png) no-repeat; background-size: 100%; } .intr li p { font-size: 0.6rem; line-height: 0.85rem; color: #000000; font-weight: normal; padding: 0 .8rem 0; border: solid 0.02rem #e5e5e5; height: 5.24rem; position: relative; top: -0.3rem; } /* condition */ .condition .content div.dis_f { align-items: flex-start; margin-bottom: 1rem; } .condition .content div.dis_f:last-child { margin-bottom: 0; } .condition .content .icon { width: 0.83rem; margin-right: .3rem; } .condition .content p { width: 9.1rem; margin-left: .4rem; flex-shrink: 0; } /* project */ .project b { position: relative; z-index: 2; } .project b::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.21rem; background-color: #015ad9; border-radius: 0.1rem; z-index: -1; } .project p { line-height: 0.85rem; position: relative; padding-left: .6rem; } .project p:nth-child(2) { margin-top: .3rem; } .project p::before { content: ''; width: .2rem; height: .2rem; border-radius: .2rem; background-color: #ffffff; position: absolute; left: 0; top: .3rem; } .project .content div:nth-child(1) { margin-bottom: .4rem; } /* plan */ .plan { padding-top: 1rem; margin-bottom: 1.5rem; } .plan .swiper-container { margin-top: .6rem; padding-bottom: 3rem; } .plan .title { font-size: 0.9rem; font-weight: 700; color: #015ad9; width: 3.41rem; height: 3.41rem; background: url(/uploads/image/zemimg/plan_icon.png) no-repeat; background-size: 100%; margin: 0 auto; line-height: 0.98rem; position: relative; z-index: 5; } .plan ul { width: 12.5rem; margin: 0 auto; flex-wrap: wrap; margin-top: .3rem; } .plan .line { width: .2rem; height: 104%; background-image: linear-gradient(0deg, #ffdf20 0%, #ffffff 100%); border-radius: .2rem; position: absolute; top: 0.3rem; left: 49.9%; transform: translatex(-50%); z-index: 4; } .plan .name { width: 6.19rem; height: 1.49rem; line-height: 1.49rem; background-color: #ffd800; border-radius: 0.74rem 0rem 0rem 0.74rem; font-size: 0.64rem; font-weight: 700; color: #012659; text-align: right; padding-right: .79rem; margin-bottom: .3rem; } .plan li:nth-child(2n) { position: relative; top: 1.49rem; } .plan li:nth-child(2n) .name { width: 6.19rem; height: 1.49rem; background-color: #ffd800; border-radius: 0rem 0.74rem 0.74rem 0rem; text-align: left; padding-right: 0; padding-left: .79rem; } .plan p { width: 6.1rem; height: 2rem; margin-bottom: .3rem; text-align: right; padding-right: .5rem; justify-content: flex-end; } .plan li:nth-child(2n) p { padding-right: 0; padding-left: .5rem; text-align: left; justify-content: flex-start; } .plan p span { height: auto; font-size: 0.64rem; line-height: 0.85rem; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /* 鍑犺鍚庢樉绀轰笉寮€鐪佺暐 */ -webkit-line-clamp: 2; } .plan .swiper-pagination-bullet { background-color: #012659; opacity: 1; } .plan .swiper-pagination-bullet-active { background-color: #ffd800; } /* schools */ .schools { padding-top: 1rem; margin-bottom: 1.5rem; } .schools ul { flex-wrap: wrap; padding: 0 .85rem 0; margin-top: 1rem; } .schools ul li { width: 4.56rem; font-size: 0.64rem; line-height: 0.85rem; color: #ffffff; margin-bottom: .2rem; margin-right: .3rem; } .schools ul li:nth-child(3n) { margin-right: 0; } .schools ul li p { height: 1.7rem; margin-top: .2rem; } /* major */ .major ul { flex-wrap: wrap; padding: 0 .43rem 0; margin-top: .8rem; } .major li { width: 7.47rem; height: 2.13rem; flex-wrap: wrap; font-size: 0.73rem; line-height: 2.13rem; color: #ffffff; padding-left: .51rem; margin-bottom: .32rem; } /* factor */ .factor{ padding-top: 1rem; display: none; } .factor ul{ padding: 0 .43rem; margin-top: .8rem; } .factor ul li { margin-bottom: .43rem; } .factor ul li span{ width: 2.56rem; height: 2.56rem; background-color: #012659; flex-shrink: 0; font-size: 0.73rem; font-weight: 700; line-height: 0.85rem; color: #f5f5f5; } .factor ul li p{ width: 100%; height:2.56rem ; background-color: #ffffff; font-size: 0.6rem; padding:0 0.48rem 0 .85rem } .factor .same_btn{ width: 11.73rem; } /* footer_form */ .footer_form { margin-top: 1.7rem; background-color: #012659; padding-top: .8rem; padding-bottom: 1rem; } .footer_form form { padding: 1rem .85rem 0 .64rem; } .footer_form .item { width: 100%; height: 1.71rem; margin-bottom: .43rem; } .footer_form label { width: 2.4rem; font-size: 0.6rem; font-weight: 700; color: #ffffff; text-align: right; } .footer_form input { width: 11.95rem; height: 1.71rem; background-color: #ffffff; font-family: microsoftyahei; font-size: 0.6rem; line-height: 1.71rem; color: #999999; padding-left: .4rem; } .footer_form .item.yzm>div { width: 11.95rem; } .footer_form .item.yzm>div input { width: 100%; } .footer_form .item.yzm span { width: 4.27rem; height: 1.71rem; background-color: #015ad9; flex-shrink: 0; font-size: 0.6rem; color: #ffffff; } .footer_form input::placeholder { color: #999999; } .footer_form .btn { width: 6.4rem; } /* layout */ /* layout */ #main .layout { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 20; display: none; } #main .layout .same_form { width: 12.8rem; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); } #main .same_form h2 { width: 100%; height: 2.03rem; background-image: linear-gradient(0deg, #ffd80000 0%, #ffd800 100%); border-radius: 0.15rem; font-size: .88rem; color: #ffffff; text-align: center; line-height: 2.03rem; } .same_form .item, .same_form input, .same_form select { width: 100%; height: 1.5rem; background-color: #f5f5f5; border-radius: 0.15rem; line-height: 1.5rem; font-size: 0.6rem; color: #b3b3b3; padding-left: 1.7rem; } .same_form .item { padding-left: 0; margin-bottom: 0.5rem; position: relative; } .same_form .item img { height: 1rem; margin-right: 0.5rem; position: absolute; left: .4rem; top: 50%; transform: translatey(-50%) } .same_form .item img.arrow { height: 0.2rem; left: auto; right: .3rem; } .same_form .item.yzm input { padding-left: 0.7rem; } .same_form .item.yzm span { width: 5rem; height: 1.5rem; line-height: 1.5rem; background-color: #fdd402; border-radius: 0.15rem; text-align: center; font-size: 0.6rem; color: #000000; flex-shrink: 0; } .same_form .btn { width: 9.5rem; height: 1.75rem; background-color: #f57f00; border-radius: 0.86rem; line-height: 1.75rem; text-align: center; font-size: 0.7rem; color: #ffffff; font-weight: 700; margin: 0.75rem auto 0; } #main .same_form form { background-color: #015ad9; border-radius: 0.15rem; padding: .5rem .5rem .75rem .5rem; } .same_form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important; } #main .same_form .btn { width: 7rem; background-color: #fdd402; border-radius: 0.86rem; color: #000000; } #main .same_form .close { width: 1.05rem; height: 1.05rem; position: absolute; top: -1.45rem; right: 0; cursor: pointer; } #main input:-webkit-autofill { color: #b2b2b2; -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; }