.hnd-banner{ text-align:center;position:relative;background:url(../images/hnd/hnd-bg.jpg) no-repeat center top;background-size:cover;width:100%;padding:50px 0px 30px}
.pay-banner{ text-align:center;position:relative;background:url(../images/hot/pay-banner.jpg) no-repeat center top;background-size:cover;width:100%;padding:50px 0px 30px}
.vip1-banner{ text-align:center;position:relative;background:url(../images/gk/vip1-1-bg.jpg) no-repeat center top;background-size:cover;width:100%;padding:50px 0px 30px}
.vipcost-banner{ text-align:center;position:relative;background:url(../images/gk/vip-cost.jpg) no-repeat center top;background-size:cover;width:100%;padding:50px 0px 30px}
.hot-banner{ text-align:center;position:relative;background:url(../images/yuke/hot-banner.jpg) no-repeat center top;background-size:cover;width:100%;padding:50px 0px 30px}
.ydyl-banner{ text-align:center;position:relative;background:url(../images/hot/ydyl-banner.jpg) no-repeat center top;background-size:cover;width:100%;padding:50px 0px 30px}

.daoyu{margin-top:-20px;position:relative;z-index:6}
@media (min-width:960px){.daoyu{ font-size:16px}}
.gk-d-t{ width:80px;background:var(--red-darken);color:#fff;margin-right:20px;text-align:center;border-radius:5px;position:relative;font-size:1rem}
.gk-d-t:before{ content:"";position:absolute;height:8px;border-radius:3px;width:30px;background:rgb(var(--red-rgb),0.2);right:-15px;bottom:-4px;}
.gk-d-z{background-image:linear-gradient(to bottom, rgb(255,255,255),90%, rgb(var(--body-bg-rgb), 0));padding:30px;margin:0px auto 40px;box-shadow:0px 5px 15px rgb(var(--dark-rgb),0.05);border-radius:10px}
.gk-d-z p{ margin:15px auto 0;text-align:justify;line-height:1.8}
@media (min-width:960px){.gk-tab-z{ font-size:16px}}
.uk-alert{ font-size:16px}
.u-hnd{ position:relative;top:-50px;}
.u-nav-hnd .uk-nav-default{ background:var(--secondary);color:#fff;padding:0px;min-height:40px;border-radius:5px}
.u-nav-hnd .uk-nav-default a{ color:#fff;display:inline-block;box-sizing:border-box;padding:0px 15px;font-size:16px;text-align:center;line-height:40px;}
.u-nav-hnd .uk-nav-default li{ display:inline-block}
.u-nav-hnd .uk-nav-default li.uk-active a{ background:#fff;color:var(--dark)}
.u-nav-hnd .uk-nav-default>li>a{ color:#fff}
.u-nav-hnd .uk-nav-default>li.uk-active>a{ color:var(--dark)}

.scroll-w{overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;margin:0px auto}
.scroll-w::-webkit-scrollbar {display:none;}
.scroll-w li{ float:none;display:inline-block;white-space:nowrap;-webkit-tap-highlight-color:rgb(0,0,0,.3);}

.m-grid-slogo dl,.m-grid-logo dl{ border:1px solid var(--gray-300);padding:10px;position:relative;overflow:hidden;border-radius:5px;background:#fff}
.m-grid-slogo a{ display:flex;align-items:center;}
.m-grid-slogo dt{width:50px;height:50px;margin-right:10px;}
.m-grid-slogo dd{ font-size:14px;}
.m-grid-slogo dd p{ margin:0px auto;color:var(--gray-400);font-size:12px}
.m-grid-slogo dd p.t{ color:rgb(var(--dark-rgb));font-size:14px}

.m-grid-logo dt{ text-align:center}
.m-grid-logo h3{ margin-bottom:10px;font-size:18px;}
.m-grid-logo h5{ margin:10px auto;font-size:16px}
.m-grid-logo dd{ font-size:14px;text-align:center}
.m-grid-logo p{ font-size:14px;margin:0px auto;color:#999;text-align:left}
.m-grid-jpg img{ width:100%}

.m-grid-you{ text-align:center}
.m-grid-you dl{ background:#fff;padding:30px;box-shadow:0px 5px 15px rgb(var(--dark-rgb),0.05);border-radius:5px}
.m-grid-you  h6{ margin:15px auto;font-size:18px;font-weight:600;position:relative;}
.m-grid-you  h6:before{ content:"";position:absolute;width:70px;height:8px;border-radius:3px;background:rgb(var(--yellow-rgb),0.4);left:50%;margin-left:-35px;bottom:-4px}
.m-grid-you p{ margin:0px auto;line-height:2;font-size:16px}
.m-grid-you img{ border-radius:5px}

.hnd-dx{ font-size:16px}
.hnd-dx dl{ background:#fff;border-radius:5px;box-shadow:0px 5px 15px rgb(var(--warning-rgb),0.1);border:1px solid rgb(var(--warning-lt-rgb),0.3);padding:30px}
.hnd-dx p{ margin:0px auto}
.hnd-dx dt{ margin-bottom:15px;color:var(--red);position:relative}
.hnd-dx dt:before{ content:"";position:absolute;width:65px;height:8px;border-radius:3px;background:rgb(var(--yellow-rgb),0.4);left:0;bottom:-4px}
.hnd-dx dd{ line-height:2}
.hnd-dx *+dt{ margin-top:15px}

.hnd-gh{ text-align:center;font-size:16px}
.hnd-gh-t{ position:relative;z-index:3}
.hnd-gh-t>*{ display:inline-block;margin:0px auto;background:rgb(var(--secondary-rgb),0.9);border-radius:5px;padding:10px 20px;color:var(--light);line-height:2}
.hnd-gh-y>*>*,.hnd-gh-c>*>*,.hnd-gh-s{ position:relative;margin:0px auto;background:var(--light);padding:30px;box-shadow:0px 5px 15px rgb(var(--secondary-rgb),0.1);border-radius:5px;}
.hnd-gh-y,.hnd-gh-c,.hnd-gh-s{ margin-top:-15px;position:relative}
.hnd-gh-s p,.hnd-gh-c p{ margin:0px auto}
.hnd-gh-y>*>*:before{ content:"";position:absolute;height:30px;bottom:1px;left:1px;right:1px;background-image:linear-gradient(to top, rgb(var(--purple-rgb),0.05),60%, rgb(255,255,255,0));border-radius:0px 0px 5px 5px}
.hnd-gh-c>*>*:before{ content:"";position:absolute;height:30px;bottom:1px;left:1px;right:1px;background-image:linear-gradient(to top, rgb(var(--success-rgb),0.05),60%, rgb(255,255,255,0));border-radius:0px 0px 5px 5px}
.hnd-gh-s:before{ content:"";position:absolute;height:30px;bottom:1px;left:1px;right:1px;background-image:linear-gradient(to top, rgb(var(--warning-rgb),0.05),60%, rgb(255,255,255,0));border-radius:0px 0px 5px 5px}

.hnd-ys dl{ background:#fff;border-radius:5px;padding:30px;font-size:16px;position:relative;overflow:hidden}
.hnd-ys dl:before{content:"";position:absolute;;width:90px;height:90px;border-radius:50%;background:rgb(var(--warning-rgb),0.2);box-shadow:0px 10px 30px rgb(var(--warning-rgb),0.1);left:-40px;top:-40px}
.hnd-ys dl:after{content:"";position:absolute;;width:90%;height:80%;border-radius:90%;background:rgb(var(--yellow-rgb),0.06);box-shadow:0px -10px 30px rgb(var(--yellow-rgb),0.03);right:-30%;bottom:-45%}
.hnd-ys dt{ margin-bottom:15px;color:var(--dark);position:relative;z-index:2}
.hnd-ys dt:before{ height:6px;width:6px;background:rgb(var(--warning-rgb),0.2);border-radius:50%;content:"";position:absolute;left:0;bottom:-5px;}
.hnd-ys dt:after{ height:2px;width:60px;background:rgb(var(--warning-rgb),0.2);border-radius:50%;content:"";position:absolute;left:12px;bottom:-3px;}
.hnd-ys dd{ line-height:2;color:var(--gray);position:relative;z-index:2}
.hnd-ys dd:before{ width:60px;height:60px;border:5px solid rgb(var(--yellow-rgb),0.1);border-radius:50%;content:"";position:absolute;right:0px;top:-30px;}

.uk-alert-danger{ border:1px solid #fff}
.hnd-detail{ font-size:16px;line-height:2;background:#fff;border-radius:5px;padding:30px}
.hnd-detail p{ margin-bottom:15px;}
.hnd-detail p:last-child{ margin-bottom:0px}

.hnd-title{ margin:40px auto;text-align:center}
.hnd-case li:nth-child(1),.hnd-case li:nth-child(3){ text-align:right}
.hnd-zy dl{ background:#fff;background-image:linear-gradient(to top left, rgb(var(--yellow-rgb),0.1),10%, rgb(255,255,255));border-radius:5px;padding:30px;margin:0px auto 15px;font-size:16px}
.hnd-zy dt{ margin-bottom:20px;font-size:18px;background-image:linear-gradient(to right, rgba(var(--yellow-rgb),0.5),60%, rgba(255,255,255,0));position:relative;border-radius:5px;padding-left:25px;}
.hnd-zy dt:before{ content:"";position:absolute;height:8px;width:8px;background:#fff;border-radius:50%;left:8px;top:50%;margin-top:-4px}
.hnd-zy p{ margin:0px auto 15px;color:var(--gray)}
.hnd-zy p:last-child{ margin-bottom:0px}

.hnd-zs dd{ padding:30px 30px 20px 0;font-size:16px; height:230px}
.hnd-zs h6{ font-size:18px}
.hnd-zs p{ margin:0px auto;line-height:1.8;overflow :hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.hnd-zs1{ background:#F9D2A7;border-radius:5px;overflow:hidden;position:relative;padding-left:200px}
.hnd-zs2{ background:#F9D2A7;border-radius:5px;overflow:hidden;position:relative;padding-left:200px}
.hnd-zs1 dt,.hnd-zs2 dt{ width:200px;height:230px;position:absolute;left:0;top:0}

.hnd-tab-nav{ margin:0px auto 30px;overflow:hidden;clear:both;padding:0px; text-align:center;}
.hnd-tab-nav li{ display:inline-block;height:41px;line-height:41px;padding:0px 20px;background:var(--gray-300);cursor:pointer; margin:0px 1px}
.hnd-tab-nav li.tabon{background:var(--red);color:#fff}
.hnd-tab-nav li:last-child{border-radius:0px 5px 5px 0px}
.hnd-tab-nav li:first-of-type{ border-radius:5px 0px 0px 5px}

.m-grid-onelogo dl{border:1px solid var(--gray-300); background:#fff;padding:10px;text-align:center;border-radius:5px}
.m-grid-onelogo dt{ height:45px;overflow:hidden;}
.m-grid-onelogo dt img{ height:45px;}
.m-grid-onelogo dd{ font-size:14px;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.hnd-faq{ font-size:16px}
.hnd-faq div{background:#ecf0f1; border-radius:5px}
.hnd-faq dt{background:#bdc3c7;color:#34495e;padding:10px;border-radius:5px 5px 0px 0px}
.hnd-faq dd{ margin-top:0px;color:#7f8c8d;padding:10px}
.hnd-faq p{ margin:10px auto}

@media (max-width:959px){.gk-d-z{ margin-bottom:30px; padding:20px}
.u-nav-hnd .uk-nav-default a{ font-size:14px}
.m-grid-you dl,.hnd-dx dl,.hnd-ys dl,.hnd-detail,.hnd-zy dl{ padding:20px;}
.m-grid-you h6,.hnd-zs h6{ font-size:16px}
.m-grid-you p,.hnd-dx,.hnd-gh,.hnd-detail,.hnd-zy dl,.hnd-faq,.hnd-ys dl{ font-size:14px}
.hnd-gh-y>*>*, .hnd-gh-c>*>*, .hnd-gh-s{ padding:30px 20px 20px}
.hnd-zy dt{ margin-bottom:15px; font-size:16px}
.hnd-zy p{ margin-bottom:10px}
.hnd-zs dd{ padding:20px 15px 20px 0px; font-size:14px}
.hnd-title{ margin:30px auto}
}
@media (max-width:639px){
.daoyu{ margin-top:-10px}
.gk-d-z{ margin-bottom:20px; padding:15px;}
.u-nav-hnd .uk-nav-default a{ padding:0px 10px}
.m-grid-slogo dl, .m-grid-logo dl{ padding:5px}
.m-grid-you dl,.hnd-dx dl,.hnd-ys dl,.hnd-detail,.hnd-zy dl{ padding:15px;}
.hnd-gh-t>*{ padding:10px 15px}
.hnd-gh-y>*>*, .hnd-gh-c>*>*, .hnd-gh-s{ padding:30px 15px 20px}
.hnd-ys dt{ font-size:16px}
.hnd-title{ margin:20px auto; font-size:1.25rem}
.hnd-zs p{-webkit-line-clamp:6}
.m-grid-you h6,.hnd-zs h6{ margin-bottom:15px; font-weight:600}
.m-grid-onelogo dl{ padding:5px}
.m-grid-slogo dt{ margin-right:5px}
.hnd-title{ margin:20px auto}
}
@media (max-width:439px){
.hnd-zs1,.hnd-zs2{ padding:15px}
.hnd-zs1 dt, .hnd-zs2 dt{ width:100px; height:115px; float:left; position:inherit;}
.hnd-zs dd{ padding:0px; height:inherit}
.m-grid-you h6,.hnd-zs h6{ margin-bottom:10px;}
.hnd-title{ margin:15px auto; font-size:16px}
.m-grid-slogo dd p{word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
}


/*留学费用*/
.s-avg-tab{margin:0px auto;overflow:hidden; margin-left:-15px}
.s-avg-tab li dl{ text-align:center;border:1px solid var(--gray-300);line-height:41px;background:var(--gray-100);cursor:pointer; border-radius:5px;}
.s-avg-tab li.tabon dl{ border-color:var(--red);background:var(--red);color:#fff;}
.s-avg-tab li:first-child dl{}
.m-avg-dox{ font-size:16px;}
.m-avg-dox h3{ margin:15px auto 30px}
.m-avg-dox p{ line-height:1.8; margin:10px auto}
.f-title1{ margin:30px auto 0px}
@media (max-width:639px){
.m-avg-dox{ font-size:14px;}
}

/*热门项目*/
.u-card-hot{ margin:40px auto; box-shadow:0px 5px 15px rgb(var(--dark-rgb),0.1); background:#fff; border-radius:5px;}
.u-tab-nav-4{display:flex;align-items:center;justify-content: center; padding:30px 0; margin:0px auto}
.u-tab-nav-4 li{text-align:center;cursor:pointer}
.u-tab-nav-4 li span{ display:block;line-height:40px;border:1px solid var(--gray-300);border-radius:5px;margin:0px 1px; padding:0px 20px}
.u-tab-nav-4 li.tabon span{ border-color:var(--red);background:var(--red);color:#fff;}
.u-tab-nav-5{display:flex;align-items:center;justify-content: center; padding:30px 0; margin:0px auto}
.u-tab-nav-5 li{text-align:center;cursor:pointer}
.u-tab-nav-5 li span{ display:block;line-height:40px;border:1px solid var(--gray-300);border-radius:5px;margin:0px 1px; padding:0px 20px}
.u-tab-nav-5 li.tabon span{ border-color:var(--blue);background:var(--blue);color:#fff;}
.u-tab-nav-2{display:flex;align-items:center;justify-content: center; padding:30px 0; margin:0px auto}
.u-tab-nav-2 li{text-align:center;cursor:pointer}
.u-tab-nav-2 li span{ display:block;line-height:40px;border:1px solid var(--gray-300);border-radius:5px;margin:0px 1px; padding:0px 20px}
.u-tab-nav-2 li.tabon span{ border-color:var(--teal);background:var(--teal);color:#fff;}
.u-tab-div{ padding:0px 30px 30px}
.u-tab-div img{ width:100%; border-radius:5px}
.u-detail{ line-height:1.8; font-size:16px;}
.u-detail p{ margin:0px auto 10px;}
@media (max-width:959px){
.u-card-hot{ margin:30px auto}
.u-tab-nav-4,.u-tab-nav-5,.u-tab-nav-2{}
}
@media (max-width:639px){
.u-card-hot{ margin:20px auto}
.u-tab-nav-4,.u-tab-nav-5,.u-tab-nav-2{ padding:20px 0}
.u-tab-nav-4 li span,.u-tab-nav-5 li span,.u-tab-nav-2 li span{ padding:0px 10px; line-height:30px}
.u-tab-div{ padding:0px 20px 20px}
.u-detail{ font-size:14px}
}
@media (max-width:359px){
.u-card-hot{ margin:15px auto}
.u-tab-nav-4,.u-tab-nav-5,.u-tab-nav-2{ padding:15px 0}
.u-tab-nav-4 li span,.u-tab-nav-5 li span,.u-tab-nav-2 li span{ padding:0px 5px; line-height:28px}
.u-tab-div{ padding:0px 15px 15px}
}

/*一带一路*/
.gk-tab5{}
.gk-tab5 li{display:inline-block;width:20%; background:#fff;border:1px solid var(--red); border-right-width:0;height:49px;text-align:center;line-height:47px;cursor:pointer;color:var(--red);font-size:20px;font-weight:700;}
.gk-tab5 li.gk-on{ background:var(--red);color:#fff}
.gk-tab5 li:first-of-type{ border-radius:5px 0px 0px 5px}
.gk-tab5 li:last-child{ border-right-width:1px; border-radius:0px 5px 5px 0px}
.m-grid-text dl{ background:#fff; box-shadow:0px 5px 15px rgb(var(--dark-rgb),0.1); border-radius:5px;}
.m-grid-text dt{border-radius:5px 5px 0px 0px ; overflow:hidden}
.m-grid-text dt img{ width:100%}
.m-grid-text dd{ padding:15px;}
.m-grid-text dd h6{ margin:0px auto; font-size:16px; font-weight:600;background-image: linear-gradient(to right, rgba(var(--blue-rgb), 0.1), rgba(var(--secondary-rgb), 0));}
.m-grid-text dd p{ margin:10px auto; line-height:1.8; color:var(--gray)}
.m-grid-text dd p strong{background-image: linear-gradient(to right, rgba(var(--yellow-rgb), 0.2), rgba(var(--secondary-rgb), 0));}

@media only screen and (max-width:1199px){.gk-tab5 li{ font-size:18px}}
@media only screen and (max-width:959px){.gk-tab5 li{ font-size:16px}}
@media only screen and (max-width:639px){.gk-tab5 li{ font-size:14px}}

/*=====*/
.u-mall-box p a{ color:var(--yellow)}
.mchat{ background:rgb(var(--red-rgb),0.8)}
.footer-ad .uk-alert-primary{ background:var(--red-lt);color:var(--red)}
.footer-ad-text:after{color:rgb(var(--red-rgb),0.1);}