body{margin:0;padding:0;padding: 2rem 0 2rem;} /*common*/ #main{ font-size: 0; font-family: pingfangsc-regular, sans-serif; color: #444444; background: #f2f1f8; font-size: 0.55rem; } #main li{list-style: none;} #main img{vertical-align: middle;} #main a{color: inherit;} #main i{font-style: normal;} #main a.btn{display: block;text-decoration: none;} #main .showmq{font-size: 0.55rem;text-decoration: underline;} #main .showmq.btn{text-decoration: none;} #main .box-inline{text-align: center;} #main .box-inline .btn{display: inline-block;} #main .fl{float: left;} #main .fr{float: right;} #main .tr{text-align: right;} #main .clearfloat:after{content:"";display:block;clear:both;height:0} #main .dyno{display: none;} /* 标题 */ .bt{ margin-top: 0.75rem; margin-bottom: 0.6rem; overflow: hidden; position: relative; height: 1.25rem; } .bt span{ font-size: 0.875rem; color: #31227c; text-align: center; display: block; font-weight: bold; font-style:italic; position: absolute; top: 0px; width: 100%; } .bt p{ height:0.4rem; background: #ffe2aa; border-radius: 0.2rem; width: 10.5rem; margin:0.8rem auto 0; } .bt .col1{ color: #ffe933; } .bt .bj_4{ background: #5342a7; } .annu{ width: 100%; padding:0.75rem 0; overflow: hidden; width: 14rem; margin: auto; } .annu span{ width: 6.25rem; line-height: 1.55rem; text-align: center; border-radius: 0.2rem; font-size: 0.6rem; font-weight: bold; color: #3f210d; background: #ffba33; } .wid4{width: 6.25rem;} /* 图 */ .header{ background: url(/uploads/image/zufimages/bam_01.png) no-repeat; background-size:100% 100%; height: 10.5rem; position: relative; } .an_1{ width: 10.5rem; bottom: 0.6rem; right: 0.8rem; position: absolute; height: 1.5rem; } .an_1 p{ width: 5rem; height: 1.5rem; background: #de2d2c; border-radius:0.75rem; font-size: 0.6rem; color: #ffffff; line-height: 1.5rem; text-align: center; } .fl{float: left;} .fr{float: right;} /* 导语 */ .main_dy{ background: url(/uploads/image/zufimages/bj1.jpg) no-repeat; background-size: 100% 100%; height: 8.9rem; overflow: hidden; } .main_dy p{ overflow: hidden; width: 12.25rem; margin:0.5rem auto 0; color:#ffffff; } .main_dy p strong{ font-size: 0.875rem; float: left; } .main_dy p span{ float: left; color: #c4b8ff; width: 8.9rem; line-height: 0.875rem; } /* 费用解析 */ .main_fyjx{ overflow: hidden; background: #ffffff; border: 2px solid #ffba33; border-radius: 0.2rem; margin: -3.8rem 0.5rem 0.5rem; padding: 0 0.45rem; } .main_fyjx .fyjx_ul{ overflow: hidden; background: url(/uploads/image/zufimages/fyjx_bj.jpg) no-repeat; background-size: 100% 100%; height: 3rem; } .main_fyjx .fyjx_ul li{ width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; color: #35296f; font-size: 0.65rem; font-weight: bold; background: url(/uploads/image/zufimages/fyjx_qh_01.png) no-repeat; background-size: 100% 100%; margin: 0.25rem 1.07rem; float: left; } .main_fyjx .fyjx_ul .funt1{ background: url(/uploads/image/zufimages/fyjx_qh_02.png) no-repeat; background-size: 100% 100%; color: #ffffff; } .main_fyjx .fyjx_nr{ background: #40347b; overflow: hidden; border-radius: 0.2rem; margin-top: 0.25rem; color: #ffffff; padding-bottom: 0.75rem; } .main_fyjx .fyjx_nr strong{ height: 0.7rem; display: block; margin: 0.6rem 0 0.25rem 1rem; } .main_fyjx .fyjx_nr strong img{ width: 0.7rem; float: left; margin-right: 0.5rem; } .main_fyjx .fyjx_nr p{ margin-left: 2.2rem; width: 10.6rem; } .main_fyjx .fyjx_nr p span{ color: #ffba33; } /* 费用总览 */ .main_qtfy,.main_fyzr{ overflow: hidden; } .main_fyzr .fyzr{ width: 16rem; height: 8.55rem; overflow-x: scroll; } .main_fyzr .fyzr ul{ margin-left: 0.5rem; overflow: hidden; width: 29.2rem; } .main_fyzr .fyzr ul li{ width: 6.9rem; height: 8.4rem; float: left; background: #ffffff; border: 2px solid #ffba33; border-radius: 0.2rem; margin-right: 0.375rem; } .main_fyzr .fyzr ul li img{ display: block; margin:0.2rem auto 0.25rem; width: 1.05rem; } .main_fyzr .fyzr ul li h3{ text-align: center; font-weight: bold; color: #35296f; } .main_fyzr .fyzr ul li p{ margin: 0.25rem 0.2rem; background: #eae9ec; padding: 0.6rem 0.4rem; height: 5.5rem; } .main_fyzr .fyzr ul li p span{ display: block; overflow: hidden; line-height: 0.9rem; } /* 名校 */ .sjgh_ul{ overflow: hidden; padding: 0.4rem 0.5rem; } .sjgh_ul span,.sjgh_ul p{ width: 3.5rem; height: 1.9rem; overflow: hidden; float: left; margin-right: 0.3rem; margin-bottom: 0.25rem; background: #ffffff; color: #000000; text-align: center; border: 2px solid #ffba33; border-radius: 0.2rem; padding-top: 0.2rem; } .sjgh_ul span{ line-height: 1.7rem; padding: 0px; width: 3.3rem; height: 1.7rem; } .sjgh_ul .rig1{ margin-right: 0px; } .sjgh_ul .funt3{ background: #40347b; color: #ffffff; border: 2px solid #40347b; } .sjgh_nr{ margin:1.6rem 0.5rem 0; padding: 0 0.5rem; position: relative; border: 2px solid #ffba33; border-radius: 0.2rem; background: #ffffff; } .sjgh_nr h6{ overflow: hidden; width:3.375rem; height: 4rem; background: url(/uploads/image/zufimages/xh_bj.jpg) no-repeat; background-size: 100% 100%; margin-top: -0.9rem; margin-left: 1.4rem; } .sjgh_nr h6 img{ width: 100%; margin-top: 0.64rem; } .sjgh_nr .str1{ display: block; font-size: 0.75rem; color: #000000; position: absolute; left: 6rem; top: 0.8rem; } .sjgh_nr p{ line-height: 0.75rem; margin-bottom: 0.8rem; } .sjgh_nr span{ color: #f13e3e; } .sjgh_nr h3{ font-size: 0.6rem; font-weight: bold; color: #40347b; margin-bottom: 0.4rem; } .sjgh_nr p{ line-height: 0.85rem; padding: 0 0.4rem; width: 12.6rem; } .sjgh_nr h5{ overflow: hidden; position:absolute; top: 2.2rem; right: 0.4rem; background: #ffba33; line-height: 1.2rem; width: 4.55rem; border-radius: 0.2rem; text-align: center; color: #000000; font-weight: bold; font-size: 0.55rem; } .sjgh_nr hr{ border-top: 1px dashed #dbd7d1; margin: 0.55rem 0; } /* 其他费用 */ .main_qtfy .huiz{ background: #ffffff; border: 2px solid #ffba33; border-radius: 0.2rem; margin: 0 0.5rem; } .kc_nr_1{overflow: hidden;margin-bottom: 0.3rem;background: #fffbdb; } .section_au1{padding:0.3rem 0.3rem 0rem} .kc_nr_3,.kc_nr_2,.kc_nr_2_1{background: #fffbdb;overflow: hidden;width: 14rem;} .tup1{width: 35%;margin: 2.5% 3% 2.5% 2.5%;} .kc_nr_rig{overflow: hidden;} .kc_nr_rig p{ margin: 0.7rem auto; font-size: 0.6rem; line-height: 0.9rem; padding: 0 0.5rem; } .kc_nr_rig p span{ color: #ff0000; } .kc_nr_2,.kc_nr_3 {border-radius: 0 0 0.3rem 0.3rem;} .kc_nr_bt ,.kc_nr_bt_1 { color: #40347b; font-size: 0.6rem; font-weight: bold; line-height: 1.5rem; background: url(/uploads/image/zufimages/jt_02.png) no-repeat; background-size: 100% 100%; text-indent: 0.7rem; } .section_au1 .kc_nr_1 .funt2 { background: url(/uploads/image/zufimages/jt_01.png) no-repeat; background-size: 100% 100%; color: #ffffff; } /* 奖学金 */ .main_jxj{ overflow: hidden; } .main_jxj .jxj_ul{ overflow: hidden; padding: 0 0.5rem; } .main_jxj .jxj_ul li{ width:4.85rem; height:5rem; float: left; background: #40347b; margin-right: 0.21rem; margin-top: 0.24rem; border-radius: 0.1rem; } .main_jxj .jxj_ul .rig1{ margin-right: 0rem; } .main_jxj .jxj_ul li strong{ font-size: 0.6rem; color: #ffba33; text-align: center; display: block; margin: 0.55rem 0 0.25rem; } .main_jxj .jxj_ul li p{ color: #ffffff; width: 3.5rem; margin: auto; line-height: 0.75rem; } /* 小攻略 */ .main_xgl{ overflow: hidden; } .main_xgl .xgl_ul{ overflow: hidden; padding: 0 0.5rem; } .main_xgl .xgl_ul li{ height: 4.125rem; margin-bottom: 0.25rem; } .main_xgl .xgl_ul .li11{ background: url(/uploads/image/zufimages/gl_bj_1.jpg); background-size: 100% 100%; } .main_xgl .xgl_ul .li12{ background: url(/uploads/image/zufimages/gl_bj_2.jpg); background-size: 100% 100%; } .main_xgl .xgl_ul .li13{ background: url(/uploads/image/zufimages/gl_bj_3.jpg); background-size: 100% 100%; } .main_xgl .xgl_ul .li14{ background: url(/uploads/image/zufimages/gl_bj_4.jpg); background-size: 100% 100%; } .main_xgl .xgl_ul li strong{ width: 4rem; color: #ffffff; text-align: center; float: left; font-size: 0.6rem; padding: 1.1rem 0; } .main_xgl .xgl_ul li p{ overflow: hidden; margin: 0.35rem 0 0 0.55rem; float: left; width: 10rem; word-break: break-all; font-size: 0.55rem; line-height: 0.85rem; } .main_xgl .xgl_ul li p span{ color: #ff0000; } /* 留学规划师 */ .main_lxgh .bt span ,.main_lxzj .bt span{ line-height: 1rem; margin-top: 0.25rem; } .main_lxzj .lxzj{ overflow: hidden; height: 8.3rem; border-bottom: 1px dashed #dbd7d1; } .main_lxzj .lxzj_kuang{ overflow: hidden; border: 2px solid #ffba33; border-radius: 0.2rem; background: #ffffff; margin: 0 0.5rem; } .lxzj_box{ overflow: hidden; margin: 0.9rem 0; } .lxzj_ul{ overflow: hidden; display: flex; justify-content: space-between; padding: 0 0.9rem; } .lxzj_ul li{ width: 2.4rem; overflow: hidden; } .lxzj_ul li p{ width: 2.4rem; height: 2.4rem; overflow: hidden; border: 0.1rem solid #ffffff; border-radius: 50%; background: #484848; } .lxzj_ul li p img{ width: 100%; padding: 0.3rem 1px 0; } .lxzj_ul li span{ text-align: center; margin-top: 0.3rem; font-size: 0.55rem; display: block; } .lxzj_box .lxzj_ul .funt3{ border: 0.1rem solid #ffbe3e; } .main_lxzj .lxzj_nr{ overflow: hidden; } .main_lxzj .lxzj_nr .lxzj_top{ height: 1.4rem; line-height: 1.4rem; background: #ffba33; text-align: center; } .main_lxzj .lxzj_nr .lxzj_top strong{ font-size: 0.55rem; font-weight: initial; color: #000000; } .main_lxzj .lxzj_nr .lxzj_bottom{ padding: 0.25rem; overflow: hidden; } .main_lxzj .lxzj_nr .lxzj_bottom h6{ float: left; width: 5.2rem; height: 7rem; margin-right: 0.5rem; overflow: hidden; } .main_lxzj .lxzj_nr .lxzj_bottom h6 img{ width: 100%; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl{ overflow: hidden; margin-top: 0.2rem; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl h3{ font-size: 0.65rem; margin-bottom: 0.1rem; font-weight: bold; color: #000000; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl p{ margin-top: 0.4rem; line-height: 0.8rem; padding-right: 0.6rem; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl p span{ font-weight: bold; display: block; color: #000000; margin-bottom: 0.1rem; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl strong{ font-weight: initial; } .lxzj_box .lxzj_ul li .active .pic { border-color: #ff7875; } .main_ybzl{ overflow: hidden; } .main_ybzl .ybzl_ul{ overflow: hidden; border: 2px solid #ffba33; border-radius: 0.2rem; background: #ffffff; margin: 0 0.5rem; padding: 0.2rem; } .main_ybzl .ybzl_ul li{ height: 3.5rem; overflow: hidden; margin-bottom: 0.25rem; } .main_ybzl .ybzl_ul li span{ width: 4.1rem; float: left; font-size: 0.65rem; line-height: 0.75rem; color: #000000; text-align: center; margin: 0.9rem 0; } .main_ybzl .ybzl_ul li p{ float: left; line-height: 0.9rem; color: #ffffff; margin:0.5rem 0 0 0.8rem; } .main_ybzl .ybzl_ul .li21{ background: url(/uploads/image/zufimages/gh_bj_1.jpg); background-size: 100% 100%; } .main_ybzl .ybzl_ul .li22{ background: url(/uploads/image/zufimages/gh_bj_2.jpg); background-size: 100% 100%; } .main_ybzl .ybzl_ul .li23{ background: url(/uploads/image/zufimages/gh_bj_3.jpg); background-size: 100% 100%; } .main_ybzl .ybzl_ul .li24{ background: url(/uploads/image/zufimages/gh_bj_4.jpg); background-size: 100% 100%; } .top1{ margin-top: 1.25rem!important; } /* 留学规划 */ .main_lxgh img{ width: 100%; margin-bottom: 0.8rem; overflow: hidden; } /*注册*/ .bj2{ background: url(/uploads/image/zufimages/bj2.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; } .bj3{ background: url(/uploads/image/zufimages/bj3.jpg) no-repeat; background-size: 100% 100%; overflow: hidden; } .zc{ overflow: hidden; padding:0 0.5rem; } .zc .zc_bt{ margin:0.8rem auto 0.7rem; overflow: hidden; text-align: center; } .zc .zc_bt span{ font-weight: bold; font-size: 0.85rem; line-height: 1.2rem; } .zc .zc_bt .zc_sp1{ color: #ff3963; border-bottom: 1px solid #ff3963; } .zc .zc_bt .zc_sp2{ color: #39a1ff; border-bottom: 1px solid #39a1ff; } .zc .pageform{ margin: 0 auto; padding: 0.4rem; overflow: hidden; background: url(/uploads/image/zufimages/zc_bj.png) no-repeat; background-size: 100% 100%; height: 13rem; } .zc .pageform .form-item{ position: relative; margin: 0 auto 0.25rem; height: 1.5rem; overflow: hidden; width: 100%; } .zc .pageform input, .zc .pageform select{ border: 0; resize:none;outline: none;-webkit-appearance: none; background-color: #eeeeee;color: #939393; padding-left: 1.5rem; font-size: 0.55rem; width: 100%;height: 100%; } .zc .pageform select{ background-repeat: no-repeat; background-position: 12.2rem 0.6rem; -webkit-background-size: 1.05rem; background-size: 1.05rem; } .zc .pageform .select-parent i{ position: absolute;right: 0.5rem;top: 50%;margin-top: -0.15rem; border-style: solid; border-width: 0.3rem 0.3rem 0; border-color: #40347b transparent transparent; } .zc .pageform .form-item img{ position: absolute; height: 0.8rem; left: 0.4rem; top: 50%; margin-top: -0.4rem; } .zc .pageform input::-webkit-input-placeholder{color: #848c97;} .zc .pageform .j_submit{ margin-top: 0.6rem; margin-left: 4rem; } .zc .pageform .form-code{padding-left: 0.8rem;} .zc .pageform .j_getcode{ position: absolute; right: 0; top: 0; width: 5.5rem; background: #b3b3b3; color: #ffffff; font-weight: normal; display: block; line-height: 1.5rem; height: 1.5rem; font-size: 0.6rem; text-align: center; } .zc .pageform .item-code:before{content: none;} .btn{ margin: 0 auto; text-align: center; width: 7.5rem;height: 1.5rem; line-height: 1.5rem; font-size: 0.6rem; color: #3f210d; font-weight: bold; background: #ffba33; border-radius: 0.75rem; } .section-pop .pageform .wid1,.zc .pageform .wid1{ width: 49%; } .zc .pageform .wid2{ width: 60%; } .zc .pageform .wid3{ width: 38%; } .section-pop.active{display: block;} /*pop*/ .section-pop{ display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; margin: 0; width: 100%; background: none!important; } .section-pop.active{display: block;} .section-pop .pop-shadow{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } .section-pop .pop-box{ position: absolute;top: 50%;left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 13.95rem; height: 18rem; background: no-repeat center; background-size: 100% 100%; } .section-pop .pop-box .pageform{ width: 11.75rem; margin: auto; overflow: hidden; } .tc2 .pop-top{ margin-top: 0.6rem!important; } .tc2 .pop-top span{ font-size: 0.75rem; } .section-pop .pop-top{ height: 3.125rem; width: 100%; color: #362c65; display: table; margin-top: 0.4rem; margin-bottom: 1rem; text-align: center; } .section-pop .pop-top strong{ font-size: 0.9rem; display: block; margin-top: 0.7rem; } .section-pop .pop-top p{ font-size: 0.6rem; font-weight: 700; display: block; margin-top: 0.25rem; } .section-pop .pop-close{ width: 1.475rem;height: 1.95rem; background: url(/uploads/image/zufimages/pop-close.png); background-size: 100%; position: absolute; left: 50%; margin-left: -0.7375rem; bottom: -1.95rem; cursor: pointer; } .section-pop .form-item{ position: relative; margin: 0 auto 0.3rem; height: 1.5rem; border-radius: 0.2rem; overflow: hidden; width: 100%; } .section-pop .pageform .form-item img { position: absolute; height: 0.8rem; left: 0.4rem; top: 50%; margin-top: -0.4rem; } .section-pop .pageform select { background-repeat: no-repeat; background-position: 12.2rem 0.6rem; -webkit-background-size: 1.05rem; background-size: 1.05rem; box-shadow: inset 0px 0px 10px 1px #d4d4d4; } .section-pop .pageform input, .section-pop .pageform select { border: 0; resize: none; outline: none; -webkit-appearance: none; background-color: #fff; color: #939393; padding-left: 1.5rem; font-size: 0.5rem; width: 100%; height: 100%; box-shadow: inset 0px 0px 10px 1px #d4d4d4; } .section-pop .pageform .j_getcode { position: absolute; right: 0; top: 0; width: 4.5rem; background: #ffba33; color: #3f210d; font-weight: normal; display: block; line-height: 1.5rem; height: 1.5rem; font-size: 0.5rem; text-align: center; } .section-pop .select-parent i{border-top-color: #cbcbcb} .section-pop .j_submit{margin-top: 0.5rem;} .section-pop .pageform .select-parent i{ position: absolute; right: 0.5rem; top: 50%; margin-top: -0.15rem; border-style: solid; border-width: 0.3rem 0.3rem 0; border-color: #706c6c transparent transparent; } .pa_left{ padding-left: 0.5rem!important; }