body,ul,li,p,em,i,a,pre,h4,h6,h1,h2,h3,h5,pre,option,select,input,div{text-decoration:none;list-style:none;margin:0;padding:0;} a{color: inherit;} body{padding-top: 2rem;font-family: "寰蒋闆呴粦";} img{vertical-align: middle;} .clearfix:after { content:""; clear: both; display: block; height: 0; } .clearfix {zoom: 1;} #jpart{background-color: #eceff1;font-size: 0;} #jpart .btns{font-size: 0;text-align: center;} #jpart .btn{display: block;background-color: #ceaa83;color: #fff;font-size: 0.55rem;width: 5rem;height: 1.6rem;border-radius:50px;text-align: center;line-height: 1.6rem;} #jpart .head { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: -moz-calc(100% - 2px); width: 100%; height: 2rem; border-bottom: 1px solid #535353; background: -webkit-gradient(linear, left bottom, left top, from(#ebebeb), to(#fff)); background: -webkit-linear-gradient(bottom, #ebebeb, #fff); background: -moz-linear-gradient(bottom, #ebebeb, #fff); background: linear-gradient(to top, #ebebeb, #fff); text-align: center; position: fixed; top: 0; z-index: 2; transform: translatez(0); } .head .back,.head .tel { position: absolute; top: 0; } .head .back { width: 2rem; height: 2rem; left: 0; } .head .back img { width: 20%; margin-top: 0.7rem; } .head .logo { /*width: 3.875rem;*/ width: 12rem; height: 2rem; margin: 0 auto; } .head .logo img { width: 4rem; height: 1.25rem; margin: 0.4rem 0; } .head .tel { width: 2rem; height: 2rem; right: 0; } .head .tel img { width: 45%; margin-top: 0.575rem; } .banner,.banner img{ width: 16rem; height: 7.875rem; } .background{ background: url(/uploads/image/zjaimages/bg.png) no-repeat; width: 16rem; -webkit-background-size: contain; background-size: contain; } .link{ padding: 0.575rem 0 0 0.375rem; } .link a{ display: inline-block; margin-left: 1.175rem; } .link img{ width: 2.5rem; height: 3.55rem; } .knowledge{ margin: 1.65rem 1.675rem 0 1.675rem; font-size: 0.55rem; line-height: 0.95rem; } .knowledge>img{ width: 12.625rem; height: 0.775rem; margin-bottom: 0.5125rem; } .knowledge a{ text-decoration: underline; color: #b48d62; font-weight: bold; margin-left: 0.3rem; } .conditionsbox,.profession,.case{ margin: 2rem 0.75rem 0 0.75rem; } .conditionsbox>img,.profession>img,.school>img,.case>img{ width: 14.5rem; height: 0.975rem; margin-bottom: 0.775rem; } .conditionsbox .conditions{ width: 100%; background-color: #fff; padding: 1rem 0 1.175rem 0; } .conditionsbox .conditions ul{ padding: 0 0 0.65rem 2.375rem; font-size: 0.55rem; line-height: 1.2rem; } .conditionsbox .conditions ul img{ width: 0.625rem; height: 0.575rem; margin-right: 0.55rem; } .conditionsbox .conditions .btns{ text-align: center; } #jpart .conditionsbox .conditions .btns .btn{ margin: 0 0.5rem; display: inline-block; } .profession .profession-item{ width: 6.8rem; display: inline-block; margin-bottom: 0.95rem; } .profession .profession-item.odd{ margin-right: 0.9rem; } .profession .profession-item img{ width: 100%; height: 3.2rem; } #jpart .profession .profession-item .btn{ width: 100%; height: 1.125rem; line-height: 1.125rem; border-radius: 0.1rem; margin-top: 0.4rem; } .school{ font-size: 0.55rem; margin: 1.25rem 0 0 0.75rem; } .school .school-item.swiper-slide{ width: 11.95rem; margin-bottom: 1.275rem; background-color: rgba(255,255,255,0.6); opacity: 0.6; } .school .school-item.swiper-slide.swiper-slide-active{ background-color: rgba(255,255,255,1); opacity: 1; } .school .name{ width: 11.95rem; height: 3.2rem; } .school .main{ background-color: #fff; line-height: 0.95rem; color: #444444; padding-bottom: 1.325rem; position: relative; } .school .swiper-pagination-bullet{ border: 1px solid #21363a; background-color: #eceff1; } .school .swiper-pagination-bullet-active{ background-color: #21363a; } .describe{ padding: 1rem 1rem 0.775rem 1rem; height: 5.5rem; } .school .main .describe>span{ display: block; text-indent: 1.125rem; } #jpart .school .btn{ display: inline-block; margin: 0 0.25rem; } .case .case-item{ width: 6.9rem; background-color: #fff; display: inline-block; margin-top: 0.725rem; font-size: 0.55rem; height: 15.75rem; position: relative; } .case .case-item.odd{ margin-right: 0.7rem; } .case .case-item .name{ margin: 0 0 0.35rem 0.725rem; height: 1.8rem; line-height: 1.8rem; } .case .case-item .name img{ width: 2.95rem; height: 2.95rem; position: absolute; top: -1.15rem; } .case .case-item .name span{ position: absolute; right: 0.9rem; color: #253b55; font-size: 0.75rem; } .case .case-item .studentbg{ position: absolute; top: 2.675rem; } .case .case-item .title{ color: #253b55; line-height: 0.95rem; font-weight: bold; margin: 0 0 0.3625rem 1.025rem; } .case .case-item .contain{ margin: 0 0.5rem 0.375rem 0.75rem; line-height: 0.9rem; } .case .case-item .admitschool .contain{ margin-left: 1.025rem; } .case .case-item li{ list-style: square inside ; padding-bottom: 0.375rem; } .case .case-item .line{ width: 5.3rem; height: 1px; margin-left: 0.85rem; background: no-repeat; position: absolute; top: 9.3rem; } .case .case-item .btn{ margin: 1rem 0 0 0.95rem; position: absolute; bottom: 1rem; } .case .case-item .admitschool{ position: absolute; top: 9.85rem; } .bottom{ height: 1.9rem; border-radius: 0; width: 16rem; background-color: #ceaa83; color: #fff; font-size: 0.55rem; text-align: center; line-height: 1.9rem; /*margin: 1.375rem 0 2rem 0;*/ position: fixed; bottom: 2.4rem; z-index: 10; } .pop-shadow{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background-color: rgba(0,0,0,0.69); width: 16rem; opacity: 0; transform: scale(0); transition: all 0.5s; } .show{ opacity: 1; transform: scale(1); } .pop-shadow .pop-box{ width: 14.375rem; position: absolute; top: 10%; left: 0.825rem; } .pop-shadow .close{ width: 1.675rem; height: 2.45rem; float: right; } .pop-shadow .title{ height: 3.175rem; line-height: 3.175rem; background-color: #d3d7db; color: #1e3550; font-size: 1rem; text-align: center; } .pop-shadow .title .line{ display: inline-block; width: 0.525rem; height: 0.075rem; background-color: #1e3550; vertical-align: middle; } .pop-shadow .main{ padding: 0.75rem 1.75rem 1.25rem 1.75rem; background-color: #fff; font-size: 0.55rem; color: #333; line-height: 0.9rem; } #jpart .pop-shadow .main .btn{ margin: 0.575rem auto 0 auto; border-radius: 0.2rem; width: 5.7rem; } .pop-shadow .pop-register form>div{ padding-bottom: 0.475rem; } .pop-shadow .pop-register .label{ margin: 0 0.5rem 0 0.2rem; width: 1.1rem; color: #212121 font-size: 0.6rem; } .pop-shadow .pop-register input,.pop-shadow .pop-register select{ background-color: #fff; border: 2px solid #d3d7db; border-radius: 7px; width: 7.425rem; height: 1.55rem; padding-left: 0.775rem; } .pop-shadow .pop-register select{ background-color: #fff; appearance:none; -moz-appearance:none; -webkit-appearance:none; width: 8.35rem; height: 1.74rem; } .pop-shadow .pop-register .select-parent{ position: relative; display: inline-block; } .pop-shadow .pop-register .select-parent::after{ position:absolute; right: 0.5rem; top: 0.6rem; content: ''; width: 0; height: 0; border-left: 0.3rem solid transparent; border-right: 0.3rem solid transparent; border-top: 0.45rem solid #ceaa83; } .pop-shadow .pop-cost{letter-spacing: 1px;} .pop-shadow .pop-cost .label{ font-weight: bold; }