.course{width:100%;margin-top:50px}.course_line{width:23.5%;display:inline-block;margin-left:-5px}.course_title{border-radius:16px 16px 0 0;text-align:center;padding:20px 0 12px 0}.course_title_h3{font-size:24px;color:#fff}.course_title_color{color:#fdff46}.course_title_btn{display:inline-block;width:90px;height:32px;line-height:32px;border-radius:16px;border:1px solid #fff;color:#fff;font-size:14px;margin:12px auto 0}.course_title_vip{background-color:#fe2b53}.course_title_vip_btn:hover{background-color:#fff;color:#fe2b53}.course_title_tx{background-color:#7522ff}.course_title_tx_btn:hover{background-color:#fff;color:#7522ff}.course_title_tg{background-color:#0066f1}.course_title_tg_btn:hover{background-color:#fff;color:#0066f1}.course_title_jp{background-color:#2fa53d}.course_title_jp_btn:hover{background-color:#fff;color:#2fa53d}.course_ct{height:181px;background-color:#fff;padding:20px 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;border:1px solid #f5f5f5;position:relative;font-size:14px;overflow:hidden}.course_ct_tl{display:inline-block;font-size:16px;font-weight:700;font-style:italic}.course_ct_num{font-size:20px}.course_ct_bg{background-color:#f7f7f7}.course_lf .course_ct_bg{background-color:#eee}.course_ct_s{display:inline-block;width:140px;height:18px;line-height:16px;font-size:12px;color:#fff;background-color:#ff3e4c;text-align:center;-webkit-transform:rotateZ(-45deg);-ms-transform:rotate(-45deg);transform:rotateZ(-45deg);position:absolute;top:14px;left:-46px}.course_ct_p{color:#ff3e4c;margin:16px 0;white-space:nowrap}.course_ct_k{line-height:150px;color:#ccc}.course_ctlistItem{display:inline-block;margin-bottom:10px}.course_ctlistItem::after{display:inline-block;content:"/";margin-left:2px}.course_ctlistItem_last::after{display:inline-block;content:"";margin:0 0}.course_ct_text{color:#ff4a4b;white-space:nowrap}.course_ct_img{display:inline-block;width:74px;height:18px;line-height:18px;background:url(../zd/course_img.png) no-repeat center;color:#fdff46;font-size:12px;padding-left:3px;-webkit-box-sizing:border-box;box-sizing:border-box}.course_ct_btn{display:inline-block;width:100%;color:#666;height:20px;position:absolute;bottom:15px;left:0}.course_ctLast{height:100px;position:relative}.course_ctLast_btn{display:inline-block;width:120px;height:44px;line-height:44px;color:#fff;font-size:20px;border-radius:22px;background-color:#ff3e4c;background:-webkit-gradient(linear,left top,right top,from(#ff3e4c),to(#ff9845));background:-webkit-linear-gradient(left,#ff3e4c,#ff9845);background:linear-gradient(to right,#ff3e4c,#ff9845);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.course_listItem{display:inline-block;padding:0 3px;margin-top:15px}.course_listItem_color{color:#ff3e4c}.course_lf{display:inline-block;vertical-align:top}.course_lf_tl{height:73px}.course_lf_text{width:45px;border-radius:10px 0 0 10px;position:relative}.course_lf_textLast{background:url(../zd/zx.png) no-repeat center}.course_lf_span{font-size:18px;font-weight:700;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.s1{background-color:#f2f2f2;text-align:center;padding:60px 0}.cwork{width:100%;background:url(../zd/work.jpg) no-repeat;padding:50px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.cwork_title{font-size:50px;text-align:center}.cwork_t{display:inline-block;width:322px;height:12px;line-height:12px;background:url(../zd/work_bg.png) no-repeat;font-size:20px;color:#666;text-align:center;margin:10px auto 40px}.cwork_listItem{display:inline-block;width:204px;height:202px;margin-right:50px;margin-bottom:50px;position:relative}.cwork_listItem_last{margin-right:0}.cwork_listItem img{-webkit-transition:all 3s;transition:all 3s}.cwork_listItem:hover img{-webkit-transform:rotateZ(180deg);-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.cwork_content{width:180px;height:180px;background:url(../zd/work_img.png) no-repeat;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-top:45px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#fff}.cwork_content_num{font-size:50px;font-weight:700}.cwork_content_b{font-size:30px}.cwork_content_p{font-size:16px}.cfooter{width:100%;background:url(../zd/footer_bg.jpg) no-repeat;background-size: cover;text-align:center;padding:52px 0 80px}.cfooter_p{font-size:30px;color:rgba(238,238,238,.2)}.cfooter_h2{color:#fff;font-size:64px;margin:24px 0}.cfooter_t{display:inline-block;width:420px;height:8px;line-height:8px;background:url(../zd/cfooter_bg.png) no-repeat;font-size:24px;color:rgba(255,255,255,.7)}.cfooter_list{margin-top:52px}.cfooter_listItem{display:inline-block;width:185px;height:139px;margin-right:69px}.cfooter_listItem_last{margin-right:0}.cba_rg_img{position:absolute;top:14%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.ref{display:none;position:fixed;width:100%;height:100%;z-index:1000001;top:0;left:0;text-align:center;background:rgba(0,0,0,.6)}.ref__box{background:#fff;width:70%;height:420px;max-width:900px;overflow:auto;position:absolute;top:50%;left:50%;-webkit-box-shadow:0 5px 12px 0 rgba(0,0,0,.2);box-shadow:0 5px 12px 0 rgba(0,0,0,.2);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;padding:30px 0;border-radius:15px}.ref__close{position:absolute;right:7px;top:5px;width:25px;height:25px;font-size:20px;line-height:25px;color:#949494;border-radius:50%;border:1px solid #949494;cursor:pointer}.ref__close:hover{background-color:#f5f5f5}.ref__h1{color:#333;font-size:28px;margin-bottom:30px}.ref__list{width:90%;margin:0 auto;height:300px;overflow:auto}.ref__item{text-align:left}.ref__itemHead{line-height:24px;border-left:2px solid #ec4040;padding-left:8px}.ref__itemType{font-size:16px;color:#333;display:inline-block;vertical-align:top}.ref__itemType span{font-size:20px}.ref__itemGift{font-size:14px;display:inline-block;vertical-align:top;color:#ec4040;line-height:26px;position:relative}.ref__itemGift:after{content:"";display:block;width:21px;height:16px;background:url(../zd/hot.gif) no-repeat center;background-size:cover;position:absolute;top:0;right:-26px}.ref__packageList{margin:22px auto}.ref__packageItem{width:148px;height:40px;line-height:40px;font-size:14px;border-radius:4px;border:solid 1px #ccc;color:#666;display:inline-block;vertical-align:top;text-align:center;cursor:pointer;margin:5px}.ref__packageItem--focus{background-color:#ec4040;border-color:#ec4040;color:#fff}.ref__packageItem:hover{background-color:#ff6262;border-color:#ff6262;color:#fff}.ref__btn{width:180px;height:56px;line-height:56px;background-color:#ec4040;border-radius:4px;color:#fff;font-size:20px;margin:0 auto;cursor:pointer}.ref__btn:hover{background-color:#ff6262}
.cities{
    width: 90%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}
.container{
    width:100%;
    display: flex;
    justify-content: space-around;
}
.cities__h1{
    width:7%;
}
.citiesNav{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}
.citiesNav a{
    display: flex;
    justify-content: space-around;
    font-size: 14px;
    text-align: center;
    margin:auto 4px;
    height:1.8em;
    line-height:1.8em;
    border-radius:10px;
}
.citiesNav a:hover{
    background: #d3d3d3;
}