[v-cloak] { display: none; } .waittime { background-color: rgb(203, 203, 203) !important; color: #000000 !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } ::-webkit-input-placeholder { color: #b3b3b3 !important; font-size: 0.55rem; font-weight: 400; } :-moz-placeholder { color: #b3b3b3; font-size: 0.55rem; font-weight: 400; opacity: 1; } ::-moz-placeholder { color: #b3b3b3; font-size: 0.55rem; font-weight: 400; opacity: 1; } :-ms-input-placeholder { color: #b3b3b3; font-size: 0.55rem; font-weight: 400; opacity: 1; } select { width: 100%; height: 100%; color: #b3b3b3; font-size: 0.55rem; font-weight: 400; border: 0; outline: 0; padding: 0rem 0.4rem; box-sizing: border-box; background-color: #ffffff; } input { width: 100%; height: 100%; font-size: 0.55rem; font-weight: 400; border: 0; outline: 0; -moz-appearance: textfield; padding: 0rem 0.4rem !important; box-sizing: border-box !important; background-color: #ffffff; } html, body { width: 100%; background: #ebedff; } #app { width: 100%; height: 100%; background: #ebedff; } .banner { width: 100%; height: 10.75rem; position: relative; } .banner img { width: 100%; height: 100%; object-fit: cover; } .article1 { width: 100%; padding: .5rem; box-sizing: border-box; background-color: #012747; } .intro, .intro2 { width: 100%; margin: 0 auto; font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; } .intro { padding: .37rem; box-sizing: border-box; background-color: #fff; } .intro-top .img, .intro-top .img img { width: 4.5rem; height: 6.5rem; margin: 0rem .5rem .33rem 0rem; } .intro-box .line { width: 1.25rem; height: 0.03rem; background: #012747; } .intro-box .schoolname { width: 100%; font-size: 0.55rem; font-family: microsoft yahei; font-weight: bold; color: #012747; line-height: 0.65rem; margin-top: .45rem; margin-bottom: .33rem; } .intro-box .schoollaben1, .intro-box .schoollaben2 { width: 8.75rem; height: 0.88rem; line-height: 0.88rem; font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; padding-left: .35rem; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .intro-box .schoollaben1 { color: #ffffff; background: #00294d; } .intro-box .schoollaben2 { color: #000000; background: #ffd67a; margin-top: .13rem; margin-bottom: .48rem; } .intro-box .schooltxt { line-height: 0.75rem; } .intro2 { width: 100%; margin: 0 auto; font-size: 0.65rem; font-family: microsoft yahei; font-weight: 400; color: #cccccc; line-height: 0.8rem; padding: .75rem .37rem; box-sizing: border-box; } .intro2 div:nth-of-type(1) { font-weight: bolder; color: #ffffff; margin-bottom: .57rem; font-size: 0.75rem; } .intro2 div:nth-of-type(1) span { color: #ffd67a; line-height: 1rem; } .intro3, .intro3 video { width: 15rem; height: 7.5rem; margin: 0 auto; background: #000000; } .publicbtn { width: 100%; height: 2.25rem; margin: 0 auto; background: #ffffff; } .publicbtn div { width: 6.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #ffffff; border-radius: 1rem; font-size: 0.6rem; font-family: microsoft yahei; font-weight: bold; color: #ffffff; background: no-repeat; background-size: cover; } .publictitle { font-size: 0.8rem; font-family: microsoft yahei; font-weight: bold; color: #012747; position: relative; margin-left: .25rem; margin-bottom: .63rem; } .publictitle span { display: inline-block; height: 0.8rem; line-height: 0.8rem; padding-left: 1.65rem; padding-top: .8rem; box-sizing: border-box; } .publictitle span::before { position: absolute; left: 0; top: 0; content: ""; width: 1.83rem; height: 1.48rem; } .publictitle span::after { position: absolute; left: 1.68rem; top: 0; content: ""; width: 1.25rem; height: 0.03rem; background: #012747; } .number1 span::before { background: no-repeat; background-size: 100% 100%; } .number2 span::before { background: no-repeat; background-size: 100% 100%; } .number3 span::before { background: no-repeat; background-size: 100% 100%; } .number4 span::before { background: no-repeat; background-size: 100% 100%; } .number5 span::before { background: no-repeat; background-size: 100% 100%; } .number6 span::before { background: no-repeat; background-size: 100% 100%; } .number7 span::before { background: no-repeat; background-size: 100% 100%; } .ranking, .apply, .major, .fee, .niua, .download, .guess { width: 97%; margin: 0 auto; margin-top: 1.25rem; font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; } .ranking .chart { width: 100%; height: 12.25rem; background: #ffffff; box-shadow: 0rem 0rem 1rem 0rem rgba(12, 3, 6, 0.1); } .news { width: 100%; height: 5.5rem; background: #086afc; box-shadow: 0rem 0rem 1rem 0rem rgba(12, 3, 6, 0.1); font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; color: #ffffff; line-height: 0.88rem; padding: .7rem .5rem; box-sizing: border-box; } .news .label { font-weight: bold; font-size: 0.6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .news .label span { display: inline-block; width: 1.5rem; height: 0.75rem; background: no-repeat; background-size: 100%; margin-right: .2rem; vertical-align: middle; animation: blink 1.5s ease-in-out infinite; -webkit-animation: blink 1.5s ease-in-out infinite; -moz-animation: blink 1.5s ease-in-out infinite; -ms-animation: blink 1.5s ease-in-out infinite; -o-animation: blink 1.5s ease-in-out infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 1; } 50.01% { opacity: .4; } 100% { opacity: .4; } } .news .txt { width: 100%; height: 1.65rem; margin-top: .65rem; margin-bottom: .73rem; line-height: 0.88rem; word-break: break-all; } .news .txt span { color: #ffd466; } .news .line { width: 95%; height: 0.05rem; margin: 0 auto; background: #ffffff; opacity: 0.3; } .news .swiper-wrapper, .news .swiper-slide { width: 100%; height: 100%; } .news .swiper-pagination { position: relative; } .news .swiper-pagination-bullet { background: #ffffff; opacity: .8; margin-right: .15rem; } .news .swiper-pagination-bullet-active { background: #ffd466; } .apply .toggle { width: 100%; padding: .13rem; box-sizing: border-box; background-color: #fff; } .apply .toggle span { display: inline-block; width: 5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #ffd466; font-size: 0.6rem; font-weight: bold; color: #000000; } .apply .toggle .active { color: #ffffff; background: #ff8a00; } .apply .article, .apply .article2 { width: 100%; padding: .5rem; box-sizing: border-box; background-color: #fff; } .apply .article .top .item { width: 7rem; height: 1.55rem; margin-bottom: .25rem; border: 1px solid #012747; } .apply .article .top .item span:nth-of-type(1) { color: #ffffff; } .apply .article .top .item span:nth-of-type(2) { color: #000000; } .apply .top .lan { border: 1px solid #086afc !important; } .apply .article .top div span { width: 3.5rem; height: 1.5rem; text-align: center; font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; color: #000000; word-break: break-all; } .apply .top .gray { background: #012747; } .apply .top .blue { background: #086afc; } .apply .article .bottom { margin-top: .6rem; font-size: 0.55rem; color: #999; } .apply .article2 .top div { width: 100%; } .apply .article2 .item { width: 100%; min-height: 1.5rem; border: 1px solid #012747; margin-bottom: .25rem; } .apply .article2 .item span:nth-of-type(1) { width: 4rem; text-align: center; font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; word-break: break-all; color: #ffffff; } .apply .article2 .item span:nth-of-type(2) { padding: .3rem; box-sizing: border-box; color: #000000; line-height: .9rem; } .applyform { width: 100%; height: 11.1rem; margin: 0 auto; background: no-repeat; background-size: 100% 100%; padding: .95rem 1.13rem; box-sizing: border-box; } .applyform .title { font-size: 0.8rem; font-family: microsoft yahei; font-weight: bold; color: #012747; margin-bottom: .73rem; } .applyform .title span { color: #086afc; } .applyform .input { width: 100%; height: 1.63rem; background: #ffffff; margin-bottom: .37rem; } .applyform .input span { display: inline-block; width: 1.6rem; line-height: 1.25rem; height: 1.25rem; text-align: center; border-right: 1px solid #e6e6e6; } .applyform .input span img { width: 0.73rem; height: 0.83rem; } .applyform .input .code { width: 5rem; height: 100%; text-align: center; background: #012747; font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; color: #ffffff; line-height: 1.63rem; } .applyform .btn { width: 6.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; border-radius: 1rem; margin: 0 auto; background: no-repeat; background-size: cover; font-size: 0.6rem; font-family: microsoft yahei; font-weight: bold; color: #ffffff; } .ceyice { width: 100%; height: 5rem; background: no-repeat; background-size: 100% 100%; font-family: pingfang; font-weight: bold; } .ceyice .article { width: 9.82rem; } .ceyice .article div:nth-of-type(1) { font-size: 0.75rem; color: #ffd466; margin-top: -.2rem; } .ceyice .article div:nth-of-type(2) { font-size: 0.88rem; color: #ffffff; margin-bottom: .4rem; margin-top: .3rem; } .ceyice .article div:nth-of-type(3) { font-size: 0.55rem; color: #ffffff; } .ceyice .btn { width: 4.25rem; height: 1.55rem; line-height: 1.55rem; text-align: center; background: #ff8a00; border-radius: 1rem; font-size: 0.65rem; font-family: microsoft yahei; font-weight: bold; color: #ffffff; } .major-box { width: 100%; background: #ffffff; padding: .5rem; padding-bottom: 0; box-sizing: border-box; box-shadow: 0rem 0rem 1rem 0rem rgba(12, 3, 6, 0.1); font-family: microsoft yahei; font-weight: 400; color: #ffffff; } .major-box .title { font-size: 0.55rem; color: #333333; line-height: 0.75rem; } .major-box .title span { display: inline-block; width: 0.4rem; height: 0.4rem; background: no-repeat; background-size: 100% 100%; vertical-align: middle; margin-right: .43rem; margin-top: .2rem; } .major-box .article { margin-bottom: .75rem; /* margin-top: .57rem; */ } .major-box .article .left, .major-box .article ul, .major-box .article li { width: 3.75rem; list-style: none; } .major-box .article li { width: 3.75rem; min-height: 1.38rem; text-align: center; background: #e0e4ff; font-size: 0.65rem; font-weight: bold; color: #012747; padding: .3rem; box-sizing: border-box; /* line-height: 1.38rem; */ margin-bottom: .13rem; } .major-box .article .right { /* padding-top: .5rem; */ box-sizing: border-box; font-size: 0.65rem; word-break: break-all; } .major-box .article .left .active, .major-box .article .right { background: #086afc; color: #ffffff; } .major-box .article .right .zhu, .major-box .article .right .introduce, .major-box .article .right .label { padding: 0rem .7rem; box-sizing: border-box; } .major-box .article .right .label { font-weight: bold; margin-bottom: .23rem; } .major-box .article .right .zhu { font-size: 0.5rem; opacity: 0.5; padding-top: .4rem; padding-bottom: .38rem; box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255, .3); } .major-box .article .right .introduce { font-weight: 400; line-height: 0.95rem; margin: .5rem 0rem; } .major-box .article .right .applycon { font-weight: bold; line-height: 0.75rem; background: #012747; padding: .48rem .7rem; box-sizing: border-box; } .major-box .article .right .applycon span { font-weight: bold; color: #ffd67a; } .fee-box { width: 100%; background: #ffffff; box-shadow: 0rem 0rem 1rem 0rem rgba(12, 3, 6, 0.1); padding: .75rem; padding-bottom: 0; box-sizing: border-box; font-size: 0.65rem; font-family: microsoft yahei; font-weight: 400; color: #ffffff; line-height: 0.85rem; } .fee-boxitem div:nth-of-type(1) { width: 3rem; height: 3.5rem; line-height: 3.5rem; text-align: center; background: #086afc; font-weight: bold; margin-bottom: .25rem; } .fee-boxitem div:nth-of-type(2) { height: 3.5rem; padding: 0rem .53rem; box-sizing: border-box; background: #012747; margin-bottom: .25rem; } .fee-box .publicbtn { margin-top: .5rem; } .applyform .input2 { width: 6.63rem; height: 1.63rem; background: #ffffff; } .applyform .special { width: 100%; margin-bottom: .38rem; } .applyform select { padding: 6px 11px; padding-right: 5%; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: no-repeat; background-size: 12px 6px; background-position-x: 95%; background-position-y: center; } .niua { width: 100%; background: no-repeat; background-size: 100% 11rem; padding-top: 1.25rem; padding-left: .25rem; box-sizing: border-box; } .niua .publictitle { color: #ffffff; } .niua .publictitle span::after { background-color: #fff; } .niua-box { width: 12.63rem; height: 7.5rem; background: #086afc; border-top: 1px solid #ff8a00; padding: 0rem .5rem; box-sizing: border-box; font-family: microsoft yahei; } .niua-title { width: 100%; height: 1.68rem; line-height: 1.68rem; text-align: center; font-size: 0.6rem; font-weight: bold; color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, .2); } .niua-intro { width: 100%; height: 3rem; font-size: 0.55rem; font-weight: 400; color: #ffffff; padding: .2rem 0rem; box-sizing: border-box; line-height: 0.8rem; } .niua-intro div:nth-of-type(1) { width: 2.45rem; font-size: 0.65rem; font-weight: bold; } .niua-box .detail { width: 11.63rem; height: 5.55rem; background: no-repeat; background-size: 100% 100%; padding: .7rem .85rem 1.68rem .85rem; box-sizing: border-box; margin-bottom: -2.5rem; font-size: 0.6rem; font-weight: 400; color: #666666; line-height: 0.88rem; } .niua-box .detail span { color: #fe0000; } .niua .swiper-container { width: 100%; height: 10.5rem; } .niua .publicbtn { background: none; margin-top: .75rem; } .download-box { padding: .7rem; box-sizing: border-box; background-color: #fff; } .download .left { width: 5rem; height: 6rem; background: linear-gradient(50deg, #57e3fe 0%, #dbfff6 100%); margin-right: .83rem; } .download .left img { width: 100%; height: 100%; } .download .right .title { font-size: 0.6rem; font-family: microsoft yahei; font-weight: bold; color: #000000; } .download .right .label { height: 2.5rem; margin: .65rem 0rem; } .download .right .label span { display: inline-block; font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; color: #333333; margin-bottom: .16rem; margin-right: .4rem; } .download .right .btn { width: 6.5rem; height: 1.5rem; background: no-repeat; background-size: cover; border-radius: 1rem; text-align: center; font-size: 0.6rem; font-family: microsoft yahei; font-weight: bold; color: #ffffff; line-height: 1.5rem; } .download .swiper-container { width: 100%; height: 7rem; } .guess-article { width: 100%; height: 7rem; padding: 0rem .38rem; box-sizing: border-box; overflow: hidden; transition: all .3s ease-in-out; } .guess-article .guess-box { width: 7.13rem; height: 3rem; box-shadow: 0rem 0rem 1rem 0rem rgba(12, 3, 6, 0.1); margin-bottom: .5rem; } .guess { margin-bottom: 1.5rem; } .jzmore { margin-top: .5rem; text-align: center; font-size: 0.6rem; font-family: microsoft yahei; font-weight: 400; color: #012746; line-height: 0.5rem; position: relative; } .jzmore::after { position: absolute; bottom: -0.98rem; left: 50%; transform: translatex(-50%); content: ""; width: 0.9rem; height: 0.68rem; background: no-repeat; background-size: 100% 100%; } .jzmoreactive::after { position: absolute; bottom: -0.98rem; left: 47%; content: ""; width: 0.9rem; height: 0.68rem; background: no-repeat; background-size: 100% 100%; transform: rotate(180deg); } /* 弹窗,我知道遮罩层是mask,避免与公共样式冲突 */ .popup { position: fixed; top: 0; background: rgba(0, 0, 0, .5); height: 100%; width: 100%; transition: all .3s ease-in-out; z-index: 998; } .marsk { position: absolute; top: 50%; left: 50%; transform: translatex(-50%) translatey(-50%); z-index: 999; } .mask1 { width: 13.75rem; height: 13.75rem; background: #ffffff; border-radius: .5rem; position: relative; } .mask1 .close { position: absolute; top: -2.42rem; right: 0rem; width: 1.3rem; height: 2.42rem; } .mask1 .close img { width: 100%; height: 100%; } .mask1 .title { width: 100%; height: 3.25rem; background: #086afc; font-size: 0.6rem; font-family: microsoft yahei; font-weight: 400; color: #ffffff; border-top-left-radius: .5rem; border-top-right-radius: .5rem; } .mask1 .title span:nth-of-type(1) { font-size: 0.88rem; font-weight: bold; text-shadow: 0rem 0rem 0rem rgba(0, 72, 224, 0.5); margin-bottom: .4rem; } .mask1 .form { padding: .5rem; box-sizing: border-box; } .mask1 .input { width: 6.25rem; height: 1.5rem; border-radius: .1rem; margin-bottom: .25rem; } .mask1 .input input { background: #f0f0f0; } .mask1 .input select { padding: 6px 11px; padding-right: 5%; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #f0f0f0 no-repeat; background-size: 12px 6px; background-position-x: 95%; background-position-y: center; } .mask1 .input .code { width: 2.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #1b1b1b; border-top-right-radius: .1rem; border-bottom-right-radius: .1rem; font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; color: #ffffff; } .mask1 .btn { width: 6.25rem; height: 1.75rem; margin: 0 auto; background: #ff3a64; border-radius: 1rem; text-align: center; font-size: 0.65rem; font-family: microsoft yahei; font-weight: bold; color: #ffffff; line-height: 1.75rem; margin-top: .1rem; } .mask2 { width: 12.5rem; height: 9.48rem; background: no-repeat; background-size: 100% 100%; border-radius: .5rem; position: relative; } .mask2 .close { position: absolute; top: -1.5rem; right: 0rem; width: 1rem; height: 1rem; background: #1569e7; border-radius: 50%; } .mask2 .close img { width: 100%; height: 100%; } .mask2 .title { width: 100%; height: 2.63rem; text-align: center; font-size: 1.13rem; font-family: pangmenzhengdao; font-weight: bold; color: #1a1a1a; line-height: 2.63rem; } .mask2 .input { width: 11.25rem; height: 1.5rem; background: #ffffff; box-shadow: 0rem 0rem 1rem 0rem rgba(110, 110, 110, 0.35); margin-bottom: .25rem; } .mask2 .code { width: 4.5rem; height: 1.5rem; background: #ffdb22; text-align: center; font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; color: #000000; line-height: 1.5rem; } .mask2 .input span { display: inline-block; width: 1.6rem; height: 1rem; line-height: 1rem; text-align: center; border-right: 1px solid #e6e6e6; } .mask2 .input span img { width: 0.73rem; height: 0.83rem; } .mask2 .btn { width: 4.5rem; height: 1.75rem; background: no-repeat; text-align: center; background-size: 100% 100%; font-size: 0.7rem; font-family: microsoft yahei; font-weight: bold; color: #1a1a1a; line-height: 1.75rem; margin-top: .8rem; } .mask3 { width: 12.5rem; height: 10.68rem; background: no-repeat; background-size: 100% 100%; font-size: 0.55rem; font-family: microsoft yahei; font-weight: 400; color: #1a1a1a; line-height: 0.97rem; padding: .68rem .68rem; box-sizing: border-box; } .mask3 .titles { font-size: 0.6rem; font-family: microsoft yahei; font-weight: bold; color: #1a1a1a; } .mask3 .line { width: 100%; height: 0.03rem; background: #e6e6e6; margin-top: .38rem; margin-bottom: .63rem; } .mask3 .link { font-size: 0.6rem; font-family: arial; font-weight: 400; text-decoration: underline; color: #3782f1; line-height: 0.75rem; margin: .5rem 0rem; word-break: break-all; } .mask3 .erweima span img { width: 3.98rem; height: 3.88rem; margin-right: .5rem; } .alumni { line-height: .75rem; } .niua .publictitle { text-align: center; } .niua .publictitle span { padding-left: 0; padding-top: .5rem; line-height: 1.2rem; }