body{margin:0;padding:0;padding: 2rem 0 2.5rem;} /*common*/ #main{ font-size: 0; font-family: pingfangsc-regular, sans-serif; color: #422510; background: #fff9e6; font-size: 0.6rem; } .section li{list-style: none;} .section img{vertical-align: middle;} .section a{color: inherit;} .section i{font-style: normal;} .section a.btn{display: block;text-decoration: none;} .section .showmq{font-size: 0.55rem;text-decoration: underline;} .section .showmq.btn{text-decoration: none;} .section .box-inline{text-align: center;} .section .box-inline .btn{display: inline-block;} .section .fl{float: left;} .section .fr{float: right;} .section .tr{text-align: right;} .section .clearfloat:after{content:"";display:block;clear:both;height:0} .fl{float: left;} .fr{float: right;} /*form*/ .myform{margin: 0 auto;} .myform input, .myform select{ border: 0; resize:none; outline: none; -webkit-appearance: none; background-color: #fff; color: #333; padding-left: 2.2rem; font-size: 0.6rem; width: 100%; height: 100%; border-radius: 0; } .myform .form-item{ position: relative; margin: 0 auto; height: 1.75rem; line-height: 1.75rem; border:1px solid #d9d9d9; } .myform .icons{ position: absolute; top: 0.35rem; left: 0.375rem; width: 1.125rem; height: 1rem; border-right: 1px solid #e6e6e6; } .myform .icons_1{ background: url(/uploads/image/zgimages/icons_tc_01.jpg) no-repeat; background-size: 100% 100%; } .myform .icons_2{ background: url(/uploads/image/zgimages/icons_tc_02.jpg) no-repeat; background-size: 100% 100%; } .myform .icons_3{ background: url(/uploads/image/zgimages/icons_tc_03.jpg) no-repeat; background-size: 100% 100%; } .myform .icons_4{ background: url(/uploads/image/zgimages/icons_tc_04.jpg) no-repeat; background-size: 100% 100%; } .myform .icons_5{ background: url(/uploads/image/zgimages/icons_tc_05.jpg) no-repeat; background-size: 100% 100%; } .myform .icons_6{ background: url(/uploads/image/zgimages/icons_tc_06.jpg) no-repeat; background-size: 100% 100%; } .form-item i,.myform .select-parent i{ position: absolute; width: 0.6rem; height: 0.3rem; right: 0.7rem; top: 0.75rem; background-image: url(/uploads/image/zgimages/xjt.jpg); background-repeat: no-repeat; background-size:100% 100%; } .myform select{color: #848c97;} .myform input::-webkit-input-placeholder{color: #848c97;} /*section5*/ .section5 { width: 15rem; height: 28.325rem; background-image: ; padding-top: 1.65rem; } .section5 .top{color: #fff;text-align: center;margin-bottom: 0.55rem;} .section5 h2{font-size: 1.25rem;} .section5 p{font-size: 0.625rem;margin: 0.9rem 0 0.4rem;} .section5 p i{color: #ffe400;} .section5 p b{font-family: "arial";font-size: 0.8rem;} .section5 span{font-size: 0.6rem;} .section5 .myform{width: 13.75rem;} .section5 .myform .form-item, .section5 .pop-form .form-item{margin: 0.25rem 0;} .section5 .myform span{ display: block; font-size: 0.55rem; color: #fff; } .section5 .btn,#main .pop-form .btn{ height: 1.75rem; line-height: 1.75rem; font-size: 0.6rem; color: #6c2a13; text-align: center; margin:0.55rem auto 0; } /*pop*/ #main .section-pop{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); z-index: 9999; -webkit-transform: scale(0);transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; } #main .section-pop.active {-webkit-transform: scale(1);transform: scale(1);} #main .pop-box{ position: absolute; left: 50%; top: 50%; border-radius: 0.4rem; background-repeat: no-repeat; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 13.7rem; padding: 0rem 0.75rem 0; } #main .pop-form .pop-close{ position: absolute; right: 0.5rem; top: 0.5rem; width: 0.5rem; height: 0.5rem; background: url(/uploads/image/zgimages/pop-close.png) no-repeat; background-size: 100%; } #main .pop-form .pop-top{ height: 4.2rem; text-align: center; overflow: hidden; } #main .pop-form .pop-top img{height: 1rem;} #main .pop-form .pop-top p{ font-size: 0.5rem; line-height: 0.85rem; color: #fff; margin-top: 0.4rem; } #main .pop-form .pop-top i{color: #ffd600;} #main .pop-form .pop-top b{font-size: 0.6rem;font-family: "arial";} #main .pop-form .myform{width: 11.25rem;} #main .pop-form .form-item{margin-bottom: 0.4rem;} #main .pop-form input,#main .pop-form select{font-size: 0.55rem;} #main .pop-form select{background-position-x: 10.5rem;} .top_bt{ font-size: 0.75rem; line-height: 0.9rem; color: #ffffff; margin-top: 0.5rem; } .top_bt1{ font-size: 0.875rem; line-height: 1.125rem; color: #180401; font-weight: bold; margin: 0.5rem auto; text-shadow: 2px 2px 2px #866830; } .top_bt1 span{ color: #7b1d0b; } /* 图 */ .header{ background: url(/uploads/image/zgimages/bam_02.jpg) no-repeat; background-size:100% 100%; height: 9.375rem; position: relative; } /* 方案参考 */ .main_fack{ overflow: hidden; background: #ffe79f; padding-bottom: 0.5rem; } .fack_ul{ overflow: hidden; width: 14.5rem; margin: auto; } .fack_ul li{ width: 6.9rem; height: 1.75rem; text-align: center; line-height: 1.75rem; background: url(/uploads/image/zgimages/ck_02.png) no-repeat; background-size: 100% 100%; color: #422510; font-size: 0.6rem; margin-bottom: 0.6rem; } .fack_ul .funt1{ background: url(/uploads/image/zgimages/ck_01.png) no-repeat; background-size: 100% 100%; color: #ffffff; box-shadow: 2px 2px 2px #c89d63; border-radius:0.5rem ; } .fack_nr{ background: #ffffff; border:0.2rem solid #c23d23; color: #422510; width: 14.05rem; margin:0 auto 0.5rem; height: 7rem; border-radius: 0.4rem; } .fack_nr h3{ font-size: 0.7rem; text-align: center; margin: 0.6rem 0 0.5rem 0; } .ndjx_p, .fack_nr p{ width: 12.5rem; margin: auto; line-height: 0.9rem; } .fack_nr p span{ color: #ff0000; } .ndjx_nr hr,.fack_nr hr{ width: 12.5rem; margin:0.3rem auto; border-top:1px dashed #b5b5b5; } /* 难在哪里 */ .main_nznl{ overflow: hidden; } .nznl_ul { overflow: hidden; margin: 0 auto 0.35rem; width: 14.5rem; } .nznl_ul li{ margin-bottom: 0.4rem; width: 6.9rem; height: 2.65rem; text-align: center; background: url(/uploads/image/zgimages/nan.png) no-repeat; background-size: 100% 100%; color: #ffffff; } .nznl_ul li strong{ display: block; margin: 0.4rem 0 0.25rem ; } /* 难点解析 */ .main_ndjx{ overflow: hidden; } .ndjx{ overflow: hidden; overflow-x: scroll; width: 16rem; height: 1.625rem; margin-bottom: 0.25rem; } .ndjx_ul{ overflow: hidden; width: 19.6rem; } .ndjx_ul li{ float: left; width: 3.9rem; height: 1.625rem; line-height: 1.4rem; margin-left: 0.8rem; text-align: center; color: #422510; background: url(/uploads/image/zgimages/jx_02.png) no-repeat; background-size: 100% 100%; } .ndjx_ul .funt2{ color: #ffffff; background: url(/uploads/image/zgimages/jx_01.png) no-repeat; background-size: 100% 100%; } .ndjx_nr{ background: #ffffff; border: 0.2rem solid #c23d23; color: #422510; width: 14.1rem; margin: 0 auto 0.5rem; height: 11rem; border-radius: 0.4rem; position: relative; } .ndjx_nr .an_2{ position: absolute; bottom: 0.6rem; width: 13rem; left: 0.35rem; } .ndjx_nr .ndjx_bt{ height: 1.1rem; background: url(/uploads/image/zgimages/jx_bj.jpg); background-size: 100% 100%; border-radius: 0.55rem; width: 13.25rem; margin:0.65rem auto 0.85rem; } @keyframes kf-marque-animation { 0% { transform: translatex(10%); } 100% { transform: translatex(-33.3%); } } .ndjx_nr .ndjx_bt img{ width: 0.65rem; float: left; margin-left: 0.5rem; } .ndjx_nr .ndjx_bt p{ margin-left: 0.2rem; width: 11.5rem; line-height: 1.1rem; height: 1.1rem; overflow: hidden; float: left; } .ndjx_nr .ndjx_bt p span{ display: inline-block; animation: kf-marque-animation 11.3s linear infinite; white-space: nowrap; } .pp2{ margin-top: 1.5rem; } /* 本科申请 */ .main_bksq{ overflow: hidden; } .bksq_ul{ overflow: hidden; width: 14.5rem; margin: auto; } .bksq_ul li{ overflow: hidden; border-bottom: 1px dashed #d3d0c9; margin-bottom: 0.45rem; } .bksq_ul li h3{ height:3rem; width: 5rem; line-height: 3rem; text-align: center; float: left; margin-right: 0.55rem; margin-bottom: 0.5rem; color: #ffffff; font-weight: initial; } .bksq_ul li h3 i{ line-height: 0.9rem; display: block; margin-top: 0.6rem; font-style:normal } .bksq_ul li p{ float: left; width: 8.95rem; line-height: 0.9rem; } .bksq_ul li span{ color: #ff2400; margin-top: 0.5rem; float: left; } .h3_1{ background: url(/uploads/image/zgimages/tg_01.png) no-repeat; background-size: 100% 100%; } .h3_2{ background: url(/uploads/image/zgimages/tg_02.png) no-repeat; background-size: 100% 100%; } .h3_3{ background: url(/uploads/image/zgimages/tg_03.png) no-repeat; background-size: 100% 100%; } .bksq_ul .bor1{ border-bottom: 0px; } /* 注册 */ .main_zc{ overflow: hidden; background: #ffe79f; margin-top: 0.8rem; } .main_zc .bt_2{ margin: 0.8rem 0 0.6rem 0; } .zc{ overflow: hidden; width: 14.5rem; margin: auto; background: #ffe79f; border-radius: 0.2rem; } .zc_p{ font-size: 0.55rem; line-height: 2.05rem; text-align: center; color: #000000; } .ts{ font-size: 0.5rem; color: #727272; line-height: 1.5rem; text-align: center; } .myform_1{ width: 13rem; margin:0rem auto 0.8rem; } .myform_1 .form-item .icons{ width: 0.9rem; border: 0px; } .myform_1 .form-item .icons img{ width: 100%; } .myform_1 .form-item{ border: 0px; margin-bottom: 0.4rem; background: #ffffff; border-radius: 0.2rem; overflow: hidden; } .myform_1 .form-item select,.myform_1 .form-item input{ width: 13rem; height: 1.75rem; text-indent: 0.55rem; padding-left: 1.2rem; float:right; } /* 需要了解 */ .main_xylj{ overflow: hidden; padding-bottom: 0.8rem; } .xylj_ul{ width: 14.5rem; margin: auto; overflow: hidden; } .xylj_ul li{ float: left; margin-left: 1.05rem; height: 3rem; width: 4.125rem; background: url(/uploads/image/zgimages/liaoj_bj.png) no-repeat; background-size: 100% 100%; text-align: center; margin-bottom: 0.8rem; } .xylj_ul li img{ width: 1.25rem; margin: 0.4rem 0 0.25rem 0; } .xylj_ul .lef1{ margin-left: 0px; } /* 标题 */ .bt{ overflow: hidden; margin-top: 1.5rem; margin-bottom: 0.7rem; } .bt p{ font-size: 1rem; color: #095443; text-align: center; line-height: 1.75rem; font-weight: bold; } .bt img{ width: 100%; } .dyno{display: none;} .an{ width: 6.5rem; height: 1.25rem; background: #ff8a00; box-shadow: 0rem 0.15rem 0rem #d67400; border-radius: 0.625rem; margin:0.6rem auto 0; font-size: 0.6rem; color: #6c2a13; line-height: 1.25rem; text-align: center; } .an_1{ width: 13.35rem; height: 1.75rem; margin:0rem auto; overflow: hidden; } .btn_1,.an_1 span{ width: 6.25rem; height: 1.75rem; background: url(/uploads/image/zgimages/an_2.png) no-repeat; background-size: 100% 100%; margin:auto; font-size: 0.6rem; color: #6c2a13; line-height: 1.75rem; text-align: center; } .swiper-pagination-bullet{ border: 1px solid #095443; } .swiper-pagination-bullet-active { opacity: 1; background: #095443; } .an_1 span a{ color: #6c2a13; display: block; overflow: hidden; } /* 弹窗 */ .box_1{ background: url(/uploads/image/zgimages/tcbj.png) no-repeat; background-size: 100% 100%; overflow: hidden; height: 14rem; } .box_2{ background: url(/uploads/image/zgimages/tcbj1.png) no-repeat; background-size: 100% 100%; overflow: hidden; height: 15.6rem; } .bj1{ background: url(/uploads/image/zgimages/an_2.png) no-repeat; background-size: 100% 100%; height: 1.25rem; width: 7.375rem; } .bj2{ background: url(/uploads/image/zgimages/an_2.png) no-repeat; background-size: 100% 100%; height: 1.25rem; width: 6.25rem; }