body{ color: #000; font-family: "Work+Sans", sans-serif!important; }
p{font-family: "Work+Sans", sans-serif!important;}
.ui-design-butt{ border: 1px solid #000; padding: 10px 20px;}
.video-sec .video-div{ height: initial;}
/*
新加坡 橙色
米兰 黄色
吉隆坡 灰色
新山 浅绿色
新山 曼谷 K12 粉色
上海&广州 蓝色
*/
.ui-color-1, .ui-china{background-color: #a794ff;}
.ui-color-2, .ui-color-jb12{background-color: #f17ca9;}
.ui-color-3, .ui-color-jb{background-color: #6ac8b8;}
.ui-color-4, .ui-color-milan{background-color: #fecb0d;}
.ui-color-5, .ui-color-singapore{background-color: #ee8a1d;}
.ui-color-6, .ui-color-kl{background-color: #b7b7b7;}
.ui-color-7, .ui-color-bangkok{background-color: #b77642;}

.hero-nav-wrapper1 .title-banner h2{ display: inline-block; background-color: rgba(0,0,0,.4); padding: 5px 20px;backdrop-filter: blur(8px);}
.ui-page-competition .title-banner{background-image: url(../media/images/competition-banner.jpg);}

.ui-page-course .title-banner{background-image: url(../media/images/course-bnner.jpg);}
.ui-page-course .ui-course-list .ui-item{ display: none;}

.ui-page-why .title-banner{background-image: url(../media/images/why-bnner.jpg);}
.ui-page-alumnus1 .title-banner{background-image: url(../media/images/alumnus1-bnner.jpg);}

.ui-page-campus-jb .title-banner{background-image: url(../media/images/jb-bnner.jpg);}
.ui-page-campus-jb .title-banner h2{color:#6ac8b8!important;}
.color-by .ui-page-campus-jb .ui-text-light-color{color:#6ac8b8}

.ui-page-campus-kl .title-banner{background-image: url(../media/images/kl-bnner.jpg);}
.ui-page-campus-kl .title-banner h2{color:#b7b7b7;}
.color-by .ui-page-campus-kl .ui-text-light-color{color:#b7b7b7}

.ui-page-campus-milan .title-banner{background-image: url(../media/images/milan-bnner.jpg);}
.ui-page-campus-milan .title-banner h2{color:#fecb0d!important;}
.color-by .ui-page-campus-milan .ui-text-light-color{color:#fecb0d}

.ui-page-campus-bangkok .title-banner{background-image: url(../media/images/bangkok-bnner.jpg);}
.ui-page-campus-bangkok .title-banner h2{color:#b77642!important;}
.color-by .ui-page-campus-bangkok .ui-text-light-color{color:#b77642}

.ui-page-campus-bangkok12 .title-banner{background-image: url(../media/images/bangkok12-bnner.jpg);}
.ui-page-campus-bangkok12 .title-banner h2{color:#f17ca9!important;}
.color-by .ui-page-campus-bangkok12 .ui-text-light-color{color:#f17ca9}

.ui-page-campus-jb12 .title-banner{background-image: url(../media/images/jb12-bnner.jpg);}
.ui-page-campus-jb12 .title-banner h2{color:#f17ca9!important;}
.color-by .ui-page-campus-jb12 .ui-text-light-color{color:#f17ca9}

.ui-page-campus-gz .title-banner{background-image: url(../media/images/gz-bnner.jpg);}
.ui-page-campus-gz .title-banner h2{color:#a794ff!important;}
.color-by .ui-page-campus-gz .ui-text-light-color{color:#a794ff}

.ui-page-campus-shh .title-banner{background-image: url(../media/images/shh-bnner.jpg);}
.ui-page-campus-shh .title-banner h2{color:#a794ff!important;}
.color-by .ui-page-campus-shh .ui-text-light-color{color:#a794ff}

.ui-page-campus-singapore .title-banner{background-image: url(../media/images/campus/banner-xjp.jpg);}
.ui-page-campus-singapore .title-banner h2{ color:#ee8a1d!important;}
.color-by .ui-page-campus-singapore .ui-text-light-color{color:#ee8a1d}

.ui-page-campus .title-banner{background-image: url(../media/images/campus-bnner.jpg);}
.ui-page-campus-detail .title-banner{background-image: url(../media/images/campus/banner-xjp.jpg);}

.ui-list-empy{ text-align: center; color: #aaa; padding: 10px;}


/*配色 黑色+logo色*/
.color-by{}
.color-by .ui-bg{ background-color: #000!important;}
.color-by .ui-bg-logo{ background-color: #ee8a1d!important;}
.color-by .ui-butt-bg{ background-color: #000!important;}
.color-by .ui-text-color{ color: #fff;}
.color-by .ui-text-light-color,.color-by .contact-sec .ui-text-light-color{ color: #ee8a1d;}
.color-by::-webkit-scrollbar-thumb { background: #000;}/*滚动条颜色*/
.color-by #preloader .spinner{box-shadow: 24px 0 0 6px #ee8a1d, -24px 0 0 6px #ee8a1d;}
.color-by .blog-sec .blog-card .blog-img .arrow-btn{ background-color: #000;}
.color-by .blog-sec .blog-card .blog-img .arrow-btn:hover svg path{stroke: #ee8a1d;}

.color-by .mobile-nav__wrapper .mobile-nav__content .main-menu__list li a button{background-color: #ee8a1d;}
.color-by .mobile-nav__wrapper .mobile-nav__content .main-menu__list li a.expanded{color: #ee8a1d;}
.color-by .mobile-nav__toggler:hover{color: #ee8a1d;}
.color-by .mobile-nav__contact li i{background-color: #ee8a1d;}

.color-by .main-menu .cus-btn:hover:after{background-color:#ee8a1d}
.color-by .main-menu .cus-btn:hover{border-color: #ee8a1d;}
/*黑色+logo色 end*/

/*导航菜单*/
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li > a:hover, .main-menu .main-menu__left .main-menu__nav .main-menu__list > li > a.active, .main-menu .main-menu__left .main-menu__nav .stricky-header .main-menu__list > li > a:hover, .main-menu .main-menu__left .main-menu__nav .stricky-header .main-menu__list > li > a.active{ color:#ee8a1d ;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list > li > a::after, .main-menu .main-menu__left .main-menu__nav .stricky-header .main-menu__list > li > a::after{background-color:#ee8a1d  ;}
.main-menu .main-menu__left .main-menu__nav .main-menu__list li ul li.current > a, .main-menu .main-menu__left .main-menu__nav .main-menu__list li ul li:hover > a, .main-menu .main-menu__left .main-menu__nav .stricky-header .main-menu__list li ul li.current > a, .main-menu .main-menu__left .main-menu__nav .stricky-header .main-menu__list li ul li:hover > a{background-color: #000; color: #fff;}
.main-menu .ui-main-menu-child,.stricked-menu .ui-main-menu-child{ display: none;}

.blog-sec .blog-card .card-content .label{background-color:initial; border-radius: 0;padding:0 }
.blog-sec .blog-card .card-content .label .ui-tag{ padding: 5px 15px; font-size: 14px; color: #fff; display: inline-block; margin-right: 10px; }
.blog-sec .blog-card .card-content .label .ui-tag-bg{background-color:#ee8a1d;}
.ui-home-data-box h2{border: 1px solid #000; padding: 10px 20px;}

.zoom-effect { transition: transform 1s ease; }
.zoom-effect:hover {transform: scale(1.2); }


.ui-line-ellipsis{overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box; -webkit-box-orient: vertical;}
.ui-line-2{ -webkit-line-clamp: 2; }
.ui-line-3{ -webkit-line-clamp: 3;  }


.ui-square { width: 100%; aspect-ratio: 1 / 1;  overflow: hidden;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.ui-square img{ height:100%; width:initial!important;max-width:initial;}
.ui-square a{ height:100%; width:initial!important;max-width:initial;}

.banner-list { overflow: hidden;}
.banner-list .ui-banner-img{    object-fit: cover;height: 100%; width: 100%; border-radius: clamp(16px, 1.667vw, 64px);}
.banner-list .ui-mb-banner-img{display: none;  object-fit: cover;height: 100%; width: 100%; border-radius: clamp(16px, 1.667vw, 64px);}


.banner-list .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
  right: 40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAUpJREFUWEft2FEOgjAMBuDuJh5Fb6In0Zt4FLmJ3KTaZCTLAvTvYKwk48UH1/Hxi2kh0MmOcDIvdXDtX6wn3BPOEoBuCWa+EtEYQhjRBEtqkL1VcDzxR8BEdEPQJTUIVtasgpMTT/upaGa+E9E7Aag1KBYBX4hI0pVPCB0vUsBwzW5g2YiZXaHVe9gbGgJ7QsNgL2gT2APaDG6NLgK3RBeDW6E3gVugN4OPRu8JlnYsU116yLA0zLXe2EG/2XcydzyWatRZAunx8cSHYDeDj8ZuArfAFoNbYYvALbFmcGusCewBC4O9YCGwJ6wK9oZFwPkju9Qstts4V7z+z67PpEuq7RbpqNMadZZg5hSwip02TWp2xaoJZ4BhbSjJU4ovVOT11uzwY0k1XasmXLpxrboOrpUs/KerDbDu328Ja2LW9T1ha2LW9adL+AdKQz88PEGWCAAAAABJRU5ErkJggg==);
}
.banner-list .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
left:40px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAAVtJREFUWEft2NERwiAMBuBkk7qJTqJOopvoJnYTu0k0d3DHcUJCQME7+iqxH39b0oLwZwf+mRcm+NtXbCY8E44SaH5LENECAHtEvGvTJqI9AGyIuEk1TcEO+3QnPWvQDvtwNTsJ3QwcYX1QWXSE9TUHRFxTSTcBJ7B8eRn88eQJbLaGJ1EN/iW2GvxrbBW4B9YM7oU1gXtii8FGLDcSvzb71UpcDaqXtRGw6oRHwarAI2FF8GhYDZjfom4AwA9O+MBwv//4ZuVablGN9IYW/i62ZguAiE4AcCmZqBYtgvmPjOjrezk7tkarwCOh1eBR0EXgEdDF4N5oE7gn2gzuha4C90BXgyvR3FzCg7tnsouKrVnbfTJo6TOfm0uMztY0SdhPLOqI2o2UEJ3dk2iacIReNLs+QQ2j19wGih/bNOGSW8g6doKtyWnrZsLapKzjZsLW5LR1M2FtUtZxL+KIQjzoyr75AAAAAElFTkSuQmCC);
}

.ui-about-list{}
.ui-about-list .ui-item{position: relative;}
.ui-about-list .ui-item .ui-title{padding-left: 10px; display: flex; align-items: center; position: absolute; bottom: 0; left: 0; height: 50px; width: 100%; background-color: rgba(0,0,0,.7);color: #fff;}
.ui-about-list .ui-item .ui-img{ overflow: hidden;}



.swiper-box{ position: relative; overflow: hidden;}
.swiper-box .swiper-pagination{ position: absolute; left: 0; bottom: 30px; width: 100%;}

.swiper-box .swiper-pagination .swiper-pagination-bullet{ margin-right: 5px; width: 15px; height: 15px; background-color: #000; opacity: 1;}
.swiper-box .swiper-pagination .swiper-pagination-bullet-active{ background-color: #ee8a1d;}

.ui-swiper-box{ position: relative; overflow: hidden;}
.ui-swiper-box .swiper-pagination{ position: absolute; left: 0; bottom: 20px; width: 100%;}

.ui-swiper-box .swiper-pagination .swiper-pagination-bullet{ margin-right: 5px; width: 15px; height: 15px; background-color: #cf781a; opacity: 1;}
.ui-swiper-box .swiper-pagination .swiper-pagination-bullet-active{ background-color: #fff;}

/*视频播放*/
.ui-video-box{ position: relative;}
.ui-video-box  .ui-play{cursor: pointer; position: absolute; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
.ui-video-box  .ui-play img{ height: 60px;}
.ui-video-box .ui-video{ display: none;}
.ui-video-box .ui-show-video{z-index: 9999; top: 0; left: 0 ; background-color: rgba(0,0,0,.9); position: fixed; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.ui-video-box .ui-show-video video{ width: 60%;}
.ui-video-box .ui-show-video .ui-close{cursor: pointer;font-size: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #ffb829; color: #fff; position: absolute; top: 0 ; right: 0;}

/*图片或者视频浮动展示*/

.ui-img-video-box{display: none; z-index: 9999; top: 0; left: 0 ; background-color: rgba(0,0,0,.9); position: fixed; width: 100%; height: 100%; align-items: center; justify-content: center;}
.ui-img-video-box  video{ width: 60%;}
.ui-img-video-box  img{ max-height: 80%;}
.ui-img-video-box  .ui-close{cursor: pointer;font-size: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #ffb829; color: #fff; position: absolute; top: 0 ; right: 0;}
.ui-show{ display: flex;}

.home-num{}
.home-num .item{border-right: 1px solid #92949f;}
.home-num .item .timer1{ font-size: 60px;line-height: 60px; font-weight: bold; text-align: center; height: 60px; }
.home-num .item .medium { display: block; text-align: center; margin-top: 15px; font-size: 18px;}

.home-about-box .ui-right{ position: relative;}
.home-about-box .ui-right .ui-about-number{ position: absolute;top: 20px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.home-about-box .ui-right .ui-about-number .ui-list{display: flex; align-items: center; justify-content: center;background-color: #fff; padding: 20px;}
.home-about-box .ui-right .ui-about-number .ui-list .ui-item{ text-align: center; color: #ee8a1d;}
.home-about-box .ui-right .ui-about-number .ui-list .ui-item span{ display: block; width: 100%; margin-bottom: 5px; font-size: 20px; font-weight: bold;}
.home-about-box  .banner-wrapper{background-color: #3e4853;}




.ui-new-style-1{}
.ui-new-style-1 .ui-item{ padding: 50px;background-color:initial; border: 1px solid #000; border-radius: 0;}

.home-about-box-2{}
.home-about-box-2 .banner-wrapper{ background-color: #fff; border-radius:0;}
.home-about-box-2 .ui-main-box{ position: relative;}
.home-about-box-2 .ui-main-box .ui-about-number{  position: absolute;  left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.home-about-box-2 .ui-about-number .ui-list{width: 60%; display: flex; align-items: center; justify-content: center;padding: 20px;margin-top: -20%;}
.home-about-box-2  .ui-about-number .ui-list .ui-item{ text-align: center; font-size: 30px; }
.home-about-box-2  .ui-about-number .ui-list .ui-item span{ display: block; width: 100%; margin-bottom: 30px; font-size: 60px;}
.home-about-box-2  .ui-about-number .ui-list .ui-item span b{font-size: 80px;color: #ee8a1d; }

.home-about-box-2 .about-content{ position: absolute; width: 100%;bottom: 0; left: 0; background-color: rgba(0,0,0,.8); padding: 40px;}

.ui-home-course .ui-course-box .ui-item{ }


.ui-home-course-box{ overflow: initial;}
.ui-home-course-box .ui-left{height: 100%; background-color: #000;backdrop-filter: blur(8px); display: flex; align-items: center; padding: 20px 0;}
.ui-home-course-box .ui-course-box{ overflow: hidden;width: 64%; margin: 0 auto; display: flex;}
.ui-home-course-box .ui-course-box .ui-course-list{ display: flex;gap:0;  }
.ui-home-course-box .ui-course-box .swiper-pagination{ bottom:10px;}
.ui-home-course-box .ui-des-list-box{ display: flex; align-items: center; height: 100%; border: 1px solid #000;}
.ui-home-course-box .ui-des-list-box .ui-item{ padding: 0 12%; display: none; }
.ui-home-course-box .ui-des-list-box .ui-title{ margin-bottom: 20px; font-weight:bold;}
.ui-home-course-box .ui-des-list-box .ui-a-list span{ display: inline-block; margin-right: 20px; font-size: 12px;}
.ui-home-course-box .ui-des-list-box .ui-acitve{ display: block;}
.ui-home-course-box .ui-des-list-box .ui-table .ui-td{font-size: 12px;}
.ui-home-course-box .ui-des-list-box .ui-table li{font-size: 12px; }

.ui-course-box{height: 100%;}
.ui-course-box .ui-course-list{height: 100%; display: grid; gap: 20px;grid-template-columns:repeat(4, 1fr);}
.ui-course-box .ui-item{padding: 25px; position: relative; height: 100%; min-height: 420px; font-size: 12px; }
.ui-course-box .ui-item .ui-city{font-size: 12px; font-weight:bold; margin-bottom: 10px;}
.ui-course-box .ui-item .ui-name{ font-weight: bold;  font-size: 18px; margin-bottom: 15px;}
.ui-course-box .ui-item .ui-date{}
.ui-course-box .ui-item .ui-desc{}
.ui-course-box .ui-item .ui-butt{margin-top: 10px; display: inline-block; padding: 5px 16px; border: 1px solid #000;}
.ui-course-box .ui-item .ui-buttom{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px;}
.ui-course-box .ui-item .ui-buttom .ui-mb{ margin-bottom: 10px;}


.ui-home-new-box .ui-right-line{border-right: 1px solid #cdc7c7;}
.ui-news-list{}
.ui-news-list .ui-col{ display: flex; align-items: center;}
.ui-news-list .ui-item{ margin-bottom: 15px; padding: 0 0 15px; border-bottom: 1px solid #cdc7c7;}
.ui-news-list .ui-content-box .ui-title a{ font-size: 14px;}
.ui-news-list .ui-content-box .ui-date{ font-size: 12px;}
.ui-news-list .ui-content-box .ui-tags{ margin-bottom: 5px;}
.ui-news-list .ui-content-box .ui-tags .ui-tag{font-size: 12px; display: inline-block; padding: 1px 3px; border: 1px solid #000; margin-right: 5px;}
.ui-more .ui-butt{ display: inline-block; padding: 5px 16px; border: 1px solid #000;}
.ui-more .ui-butt:hover{background-color: #000; color: #fff;}
.ui-list-title{ margin-bottom: 22px; font-weight: bold;}


.ui-new-style-1 .ui-item .ui-title{overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px;}
.ui-new-style-1 .ui-item .ui-description{overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px;}

.side-bar .recent-blog .r-blog .ui-img{ height: 84px; width: 140px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.side-bar .recent-blog .r-blog .ui-img img{ height: 100%;}
.feadback-box{}
.feadback-box .ui-text{ border: none; border-bottom: 1px solid #000;border-radius: 0; background-color: initial!important; height: 30px;}
.feadback-box .ui-select{border: none; border-bottom: 1px solid #000;border-radius: 0; background-color: initial!important;  font-size: 12px; } 

.ui-news-list-1{}
.ui-news-list-1 .ui-item .blog-card{ border: 1px solid #000; padding: 15px 15px 30px; border-radius: 0; background-color: initial;}

.ui-news-content{ background-color: #fff;padding: 30px 0;}
.ui-news-content .item{width: 54%; margin: 0 auto; }
.ui-news-content .item img{display: inline-block; margin: 10px auto;}
.ui-news-content .ui-news-content-box{line-height: 150%;}

.ui-news-content .ui-bead-nav a{ display: inline-block; margin:0 10px;}

.ui-feedback-box .contact-wrapper .our-community-block .contact-content .contact-info{ margin-bottom: 10px;}
.ui-feedback-box .contact-wrapper .contact-input{padding: clamp(18px, 2vw, 90px) clamp(26px, 5.919vw, 188px);}
.ui-feedback-ioc-box{}
.ui-feedback-ioc-box .ui-item{ display: flex; margin-bottom: 8px;}
.ui-feedback-ioc-box .ui-item .ui-ioc-box{ width: 80px; height: 80px;  display: flex; align-items: center; justify-content: center;}
.ui-feedback-ioc-box .ui-item .ui-info{margin-left: 15px; flex: 1; color: #ffffff; padding-top: 10px; display: flex; align-items: center;}
.ui-feedback-ioc-box .ui-item .ui-info p{color: #ffffff; font-size: 12px;}
.ui-feedback-box .ui-sf-other{ display: none;}



.ui-contact-box .ui-feedback-ioc-box .ui-item .ui-ioc-box{ border: 1px solid #fff;width:50px;height: 50px;}


.footer .footer-wrapper .social-links{ justify-content:flex-end; margin: 10px 0;}
.scrollToTopBtn{ background-color: #000;}
.scrollToTopBtn:hover{ background-color: #ee8a1d; border-color:#ee8a1d ;}


.ui-page-about .title-banner{}

.contact-sec .info-block:hover{ background-color: #ee8a1d ;}
.contact-sec .info-block .svg-block path{fill: #000}

.pagination #border-pagination li a{color: #000 !important;}
.pagination #border-pagination li a.active{background-color:#000;}
.pagination #border-pagination li.active{background-color:#000;}
.pagination #border-pagination li.active a{ background-color: inherit; border-radius: 0; color: #fff!important;}

.pagination #border-pagination li a svg path{fill:#000;}
.pagination #border-pagination li a:hover{background-color:#000;}

.side-bar .categories-block .block-1:hover{ background-color: #000;}
.side-bar .recent-blog .r-blog:hover{background-color: #000;}
.side-bar .tags-block .tag:hover{background-color: #000;}

 /*关于我们*/
.ui-about-info{}
.ui-about-info .ui-item{ padding: 30px;}
.ui-about-info .ui-item:first-child{ border-right: 1px solid #bbb;}
.ui-about-info .ui-item .ui-title{ margin-bottom: 30px; font-weight: bold;}


 /*里程碑*/
.ui-history-box{ position: relative;}
.ui-history-box .ui-time-mian-line{ padding: 0; position: absolute; height: 100%; width: 2px; left: 50%; margin-left: -1px; background-color: #000;}
.ui-history-box .ui-lsit{ display: flex; justify-content: center;flex-wrap: wrap;}
.ui-history-box .ui-lsit .ui-item{ width: 60%; overflow: hidden; }
.ui-history-box .ui-lsit .ui-item .ui-time{ position: relative; width: 50%; margin-top: 7px;}
.ui-history-box .ui-lsit .ui-item .ui-time .ui-text{ height: 30px; line-height: 30px; width: 88%; padding: 0 5px;color: #ee8a1d;}
.ui-history-box .ui-lsit .ui-item .ui-time .ui-box{height: 30px; width:12%; position: relative; display: flex;align-items: center;}
.ui-history-box .ui-lsit .ui-item .ui-time .ui-box .ui-circle{position: absolute; top: 50%; margin-top: -5px; width: 10px; height: 10px;border-radius: 50%; background-color: #000;}
.ui-history-box .ui-lsit .ui-item .ui-time .ui-box .ui-line{ height: 2px; background-color: #000; width: 100%;}

.ui-history-box .ui-lsit .ui-item .ui-content{width: 50%;}
.ui-history-box .ui-lsit .ui-item .ui-content h3{ font-size: 14px; margin-bottom: 20px;}

.ui-history-box .ui-lsit .ui-item:nth-child(2n+1) .ui-time {float: left;}
.ui-history-box .ui-lsit .ui-item:nth-child(2n+1) .ui-time .ui-text{ text-align: right; float: left;}
.ui-history-box .ui-lsit .ui-item:nth-child(2n+1) .ui-time .ui-box{ float: right;}
.ui-history-box .ui-lsit .ui-item:nth-child(2n+1) .ui-time .ui-box .ui-circle{right:-5px;}
.ui-history-box .ui-lsit .ui-item:nth-child(2n+1) .ui-content {float: right;  padding: 20px 20px 20px 6%;}

.ui-history-box .ui-lsit .ui-item:nth-child(2n) .ui-time {float: right; }
.ui-history-box .ui-lsit .ui-item:nth-child(2n) .ui-time .ui-text { float: right;}
.ui-history-box .ui-lsit .ui-item:nth-child(2n) .ui-time .ui-box { float: left;}
.ui-history-box .ui-lsit .ui-item:nth-child(2n) .ui-time .ui-box .ui-circle{left: -5px;}

.ui-history-box .ui-lsit .ui-item:nth-child(2n) .ui-content {float: left; text-align: right; padding: 20px 6% 20px 20px;}
.ui-history-box .ui-lsit .ui-item:nth-child(2n) .ui-content p{ text-align: right;}

 /*团队*/
 .ui-page-team .title-banner{}
 .ui-items-bot-title{ margin: 20px 0; font-size: 12px; font-weight: bold; display: none;}
.ui-team-top-info{ background-color: #000; padding: 80px 40px; color: #fff;}
.ui-team-top-info .ui-text p{color: #fff; margin-bottom: 30px;} 
.ui-team-list{ margin-bottom: 20px;}
.ui-team-list .ui-item .ui-box{border: 1px solid #000; padding: 20px; height: 410px; position: relative;}
.ui-team-list .ui-item .ui-box .ui-tag{}
.ui-team-list .ui-item .ui-box .ui-tags span{ display: inline-block; margin-right: 4px; padding: 2px 5px; font-size: 12px;}
.ui-team-list .ui-item .ui-box .ui-tags .ui-tag1{ background-color: #f7941c;}
.ui-team-list .ui-item .ui-box .ui-tags .ui-tag2{background-color: #FBC600;}
.ui-team-list .ui-item .ui-box .ui-name{ font-weight: bold;font-size: 14px; margin: 6px 0 0px;}
.ui-team-list .ui-item .ui-box .ui-title{ font-size: 12px; }
.ui-team-list .ui-item .ui-box .ui-title1{}
.ui-team-list .ui-item .ui-box .ui-img{ height: 195px; text-align: right; position: absolute; right: 20px; bottom: 20px; width: 100%; }
.ui-team-list .ui-item .ui-box .ui-img img{ height: 100%;}


.ui-why-info{ margin-bottom: 80px;}
.ui-why-info .ui-q-box{ padding: 40px 20px; margin-bottom: 40px; display: flex; align-items: center; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.161); border-left: 3px solid #f7941c;}
.ui-why-info .ui-q-box .ui-text{flex: 1; font-size: 20px; line-height: 32px; font-weight: bold; margin-bottom: 20px;}
.ui-why-info .ui-q-box .ui-a{ position: relative;}
.ui-why-info .ui-q-box .ui-a .iconfont{bottom: 60px; position: absolute;  right: 0;}
.ui-why-info .ui-q-box .ui-butt{margin-top: 25px; cursor: pointer; width: 100px; height: 40px; line-height: 40px; text-align: center;background-color: #000; color: #fff;}
.ui-why-info .ui-q-box .ui-butt:hover { background-color: #fff;border: 1px solid #000; color: #000;}
.ui-q{ font-weight: bold; margin-bottom: 15px;}
.ui-why-info .ui-q-box .iconfont{ font-size:24px; color: #b1b1b1;}
.ui-why-info .ui-q-box .ui-next{ text-align: right; margin-top: 15px;}

.ui-calendar-list{ margin-bottom: 10px;}
.ui-calendar-list .ui-item{ padding: 20px;border-bottom: 1px solid #aaa;}
.ui-calendar-list .ui-item .ui-col{ display: flex; align-items: center; flex-wrap: wrap;}
.ui-calendar-list .ui-item .ui-col b{ width: 100%;  margin-bottom: 10px; display: block;}
.ui-calendar-list .ui-item .ui-image{ text-align: right;}
.ui-calendar-list .ui-item .ui-image img{ height: 60px; margin-right: 10px; cursor: pointer;}

.ui-represent-lsit{}
.ui-represent-lsit .ui-item{}
.ui-represent-lsit .ui-item .ui-img { text-align: center; height: 325px; overflow: hidden;}
.ui-represent-lsit .ui-item .ui-img img{width: 100%;}
.ui-represent-lsit .ui-item .ui-info{ padding: 15px 15px 40px; background-color: #e1e1e1;}
.ui-represent-lsit .ui-item .ui-info .ui-name{ padding:0px 0 10px ; font-size: 20px; font-weight: bold; border-bottom: 1px solid #ccc; position: relative;}
.ui-represent-lsit .ui-item .ui-info .ui-name .ui-line{width: 18px; height: 3px; background-color: #000; position: absolute; left: 0; bottom: 0;}
.ui-represent-lsit .ui-item .ui-info .ui-city{  margin: 15px 0; height: 45px;}
.ui-represent-lsit .ui-item .ui-info .ui-wx img{height: 60px;}


.ui-partner-list{}
.ui-partner-list .ui-item { padding: 15px; border-bottom: 1px solid #ddd;}
.ui-partner-list .ui-head .ui-col{ font-weight: bold;}
.ui-partner-list .ui-col{ text-align: center;}

.ui-campus-box .ui-campus-item{ margin-bottom: 20px;}


.ui-news-box{}
.ui-news-box .ui-news-list .blog-card{border-radius: 0; padding: 20px;}
.ui-news-box .ui-news-list .blog-card .blog-img{ width: 64%; margin: 0 auto;}
.ui-new-detail-box .ui-img{ text-align: center;}



/* 校区页面 2025-06-29 */
.ui-campus-box-style .ui-campus-lit-box{}
.ui-campus-box-style .ui-campus-lit-box .ui-list{}
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item{ overflow: hidden; margin-bottom: 30px; position: relative; }
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-big-img{width: 49%;  height: auto; aspect-ratio: 1.9; border-radius: 10px; overflow: hidden;}
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-big-img .ui-img{object-fit: cover;height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-big-img .ui-img img{ height: 100%;}

.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box{width: 49%;  height: auto; aspect-ratio: 1.9;border-radius: 10px;  overflow: hidden; position: relative;  color: #fff; display: flex; align-items: center;}
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box .ui-box{ display: block; padding: 15px;}
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box .ui-box .ui-logo{ background-color: #fff; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; overflow: hidden;display: inline-block; text-align: center;}
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box .ui-box .ui-logo img{ width: 60%;}
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box .ui-box .ui-name {  font-weight: bold; margin: 20px 0; font-size: 20px;}
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box .ui-box .ui-description {}
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box .circle-ring{ position: absolute; top:-170px; right: -170px; width:300px;height: 300px;border: 30px solid #fff; border-radius: 50%;  background-color: transparent;}

.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item:nth-child(odd) .ui-big-img{ float: left;} /*1,3 行*/
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item:nth-child(odd) .ui-info-box{  float: right;}
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item:nth-child(even) .ui-big-img{ float: right} /*2,4 行*/
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item:nth-child(even) .ui-info-box{float: left; text-align: right;} 
.ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item:nth-child(even)  .ui-info-box .circle-ring{left: -170px;}


.ui-ohter-campus-box-style{}
.ui-ohter-campus-box-style .ui-img-item{ position: relative;}
.ui-ohter-campus-box-style .ui-img-item .ui-info-box{ padding: 6px 0; position: absolute; width: 100%; bottom: 0; left: 0; background-color: rgba(255,255,255,0.7);}
.ui-ohter-campus-box-style .ui-img-item .ui-info-box .ui-title{ text-align: center; font-size: 16px;}
.ui-ohter-campus-box-style .ui-img-item .ui-info-box .ui-text{ text-align: center; font-size: 12px; color: #888;}
.ui-ohter-campus-box-style .ui-img-item .ui-desc{font-size: 14px; padding: 40px; color: #fff; display: none; align-items: center; position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 8; background-color: rgba(0,0,0,.5);}
.ui-ohter-campus-box-style .ui-img-item:hover .ui-desc{display: flex;  }
.ui-ohter-campus-box-style .ui-img-item .ui-img-box{ height: 280px;  display: flex; justify-content: center; align-items: center; overflow: hidden;}
.ui-ohter-campus-box-style .ui-img-item .ui-img-box img{ height: 100%;max-width:initial;}
.ui-ohter-campus-box-style .ui-img-item .ui-img-box .ui-img2{ display: none;}
.ui-ohter-campus-box-style .ui-img-item:hover .ui-img-box .ui-img2{ display: block;}
.ui-ohter-campus-box-style .ui-img-item:hover .ui-img-box .ui-img1{ display: none;}


.ui-campus-course-box .position-relative{ height: 300px; overflow-y: auto;}
.ui-campus-course-box  .pricing-block:hover{ background-color: #ee8a1d;}
.ui-campus-course-box .pricing-block .price-btn{ border-color:#000 ;}

/* 课程详情页 */
.ui-course-single { position: relative;}
.ui-course-single .tbody{}
.ui-course-single .tbody .tr{ margin-bottom: 20px;}
.ui-course-single .tbody .tr  .td  .tdm > div{ font-size: 18px;}
.ui-course-single .tbody .tr  .td  .tdm > p{ font-size: 14px;}
/* .tr > .td > .tdm 一般是标题*/
.ui-course-single .tbody .tr > .td > .tdm{ margin-bottom: 15px; border-bottom: 1px solid #000; padding: 10px 0;}
.ui-course-single .tbody .tr > .td > .tdm div{ font-weight: bold;line-height:100%; font-size: 20px;}
.ui-course-single .tbody .tr > .td > .tdm p{ font-weight: bold;line-height:100%; font-size: 16px;}

/* .tr > .td > .ts 一般是内容*/
.ui-course-single .tbody .tr > .td > .ts{}
.ui-course-single .tbody .tr > .td > .ts > .tm >.tdm{}
.ui-course-single .tbody .tr > .td > .ts > .tm .tdm{}
.ui-course-single .tbody .tr > .td > .ts >.tm .tdm div{margin-bottom: 6px;}

/* 第一个 tr 为课程 */
.ui-course-single .tbody .tr:first-child > .td:nth-child(2) > .ts{ margin-bottom: 15px;}
.ui-course-single .tbody .tr:first-child > .td:nth-child(2) > .ts >.tm .tdm{ overflow: hidden;}
.ui-course-single .tbody .tr:first-child > .td:nth-child(2) > .ts >.tm .tdm:nth-child(1) div{font-weight: bold; margin-bottom: 10px; }
.ui-course-single .tbody .tr:first-child > .td:nth-child(2) > .ts >.tm .tdm:nth-child(2) div{width: 33.3%; float: left; }
.ui-course-single .tbody .tr:first-child > .td:nth-child(2) > .ts >.tm .tdm:nth-child(1) p{font-weight: bold; margin-bottom: 10px; }
.ui-course-single .tbody .tr:first-child > .td:nth-child(2) > .ts >.tm .tdm:nth-child(2) p{width: 33.3%; float: left; margin-bottom: 6px;}

.ui-course-single-content{ position: relative; z-index: 9;}
.ui-course-single-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.ui-course-single-bg .circle-ring{opacity: 0.16;  border-style: solid; border-radius: 50%;  background-color: transparent;}
.ui-course-single-bg .ui-top{ display: flex; justify-content: flex-end;}
.ui-course-single-bg .ui-center{ position: absolute;height: 200px; top: 50%; margin-top: -100px; width: 100%; display: flex; justify-content: center;}
.ui-course-single-bg .ui-bottom{padding-left: 40px; position: absolute;height: 200px; bottom: 20px; left: 0; width: 100%; }

.ui-course-single-bg .ui-top .circle-ring1{ width:100px; height:100px; border-width: 10px;}
.ui-course-single-bg .ui-top .circle-ring2{ width:150px; height:150px; border-width: 20px;}
.ui-course-single-bg .ui-top .circle-ring3{ width:50px; height:50px; border-width: 10px;}

.ui-course-single-bg .ui-center .circle-ring1{ width:200px; height:200px; border-width: 20px;}
.ui-course-single-bg .ui-center .circle-ring2{ width:100px; height:100px; border-width: 10px;}
.ui-course-single-bg .ui-center .circle-ring3{ width:60px; height:60px; border-width:5px;}

.ui-course-single-bg .ui-bottom .circle-ring1{ width:50px; height:50px; border-width:10px;}
.ui-course-single-bg .ui-bottom .circle-ring2{ width:100px; height:100px; border-width: 10px;}
.ui-course-single-bg .ui-bottom .circle-ring3{ width:60px; height:60px; border-width: 20px;  }

.ui-bread-nav{ display: flex;align-items: center;margin-right: 10px;}
.ui-bread-nav .ui-list a{ display: inline-block; margin: 0 5px;}


/* 活动页 已经删除 */
.ui-page-event .title-banner{background-image: url(../media/images/event-bnner.jpg);}

.ui-event-list .ui-event-item{ margin-bottom: 20px;box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .1);}
.ui-event-list .ui-event-item .ui-img{ height: 260px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.ui-event-list .ui-event-item .ui-img img{ height: 100%;max-width:initial; }
.ui-event-list .ui-event-item .ui-info-box{ padding:20px;}
.ui-event-list .ui-event-item .ui-info-box .row { height: 100%;} 
.ui-event-list .ui-event-item .ui-info-box .ui-info-data{border-right: 1px solid #ccc; display: flex; align-items: center;height: 100%;}
.ui-event-list .ui-event-item .ui-day-num{ font-size: 22px; font-weight: bold; margin-bottom: 8px}
.ui-event-list .ui-event-item .ui-info-text{ display: flex; align-items: center; height: 100%;}
.ui-event-list .ui-event-item .ui-date{ font-weight: bold;margin-bottom: 8px} 
.ui-event-list .ui-event-item .ui-title{ font-weight: bold; margin-bottom: 15px;}
.ui-event-list .ui-event-item .ui-desc{  font-size: 12px;}

/* 活动页 最新 */
.ui-event-list-sytle{overflow: hidden;}
.ui-event-list-sytle .ui-event-item{  margin-bottom: 20px;}
.ui-event-list-sytle .ui-event-item .ui-box{position: relative;}
.ui-event-list-sytle .ui-event-item .ui-img{background-color: rgba(248,159,41,.2); border-radius: 15px; max-height: 400px; display: flex; align-items: center; width: 100%; justify-content: center; overflow: hidden; } 
.ui-event-list-sytle .ui-event-item .ui-img img{width: 100%; max-width: initial; object-fit: cover; height: 100%; } 

.ui-event-list-sytle .ui-event-item .ui-name{text-align: center; opacity: 0; border-radius:0 0 15px 15px; position: absolute; width: 100%; bottom: 0;padding: 20px; background-color:rgba(0,0,0,.8);  color: #fff; font-size: 14px;}
.ui-event-list-sytle .ui-event-item .ui-tag{ position: absolute; top: 15px; right: 0; }
.ui-event-list-sytle .ui-event-item .ui-tag span{display: inline-block; padding: 5px 15px; background-color:#000; color: #fff;font-size: 14px; }
.ui-event-list-sytle .ui-event-item:hover .ui-name{animation: item-opacity-in 0.5s ease-in-out 1 forwards ;}

@keyframes item-opacity-in {
  0%   {opacity: 0;}
  100% {opacity: 0.8;}
}

/* 行业交流  */
.ui-exchange-list-sytle{overflow: hidden;}
.ui-exchange-list-sytle .ui-item{  margin-bottom: 20px;}
.ui-exchange-list-sytle .ui-item .ui-box{position: relative;}
.ui-exchange-list-sytle .ui-item .ui-img{background-color: rgba(248,159,41,.2); border-radius: 15px; height: 400px; display: flex; align-items: center; width: 100%; justify-content: center; overflow: hidden; } 
.ui-exchange-list-sytle .ui-item .ui-img img{width: 100%; max-width: initial;  object-fit: cover; height: 100%;} 

.ui-exchange-list-sytle .ui-item .ui-name{text-align: center; opacity: 0; border-radius:0 0 15px 15px; position: absolute; width: 100%; bottom: 0;padding: 20px; background-color: rgba(0,0,0,.8);  color: #fff; font-size: 14px;}
.ui-exchange-list-sytle .ui-item .ui-tag{ position: absolute; top: 15px; right: 0; }
.ui-exchange-list-sytle .ui-item .ui-tag span{display: inline-block; padding: 5px 15px; background-color:#000; color: #fff;font-size: 14px; }
.ui-exchange-list-sytle .ui-item:hover .ui-name{animation: item-opacity-in 0.5s ease-in-out 1 forwards ;}


.ui-filter-tab{ display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.ui-filter-tab .ui-item{ padding: 10px 15px; margin-right: 2px; border-bottom: 1px solid #F08C00; font-size: 14px;cursor: pointer;}
.ui-filter-tab .ui-active{ background-color: #F08C00; color: #fff;}
.ui-filter-list .ui-show{ display:block;}
.ui-filter-list .ui-hide{ display:none;}

/* 优秀学员 */
.ui-student-box .ui-big-title{ display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.ui-student-box .ui-big-title .ui-box{ display: inline-block; padding: 10px 30px; position: relative;}
.ui-student-box .ui-big-title .ui-box .ui-line{background-color: #000; position: absolute;  width: 100%; height: 2px;left: 0; top: 50%; margin-top: -1px; }
.ui-student-box .ui-big-title .ui-box .ui-text {color: #ee8a1d; font-size: 30px; font-weight: bold; position: relative; z-index: 1;  background-color: #fafafa; padding: 0 15px;}

.ui-student-list{}
.ui-student-list .ui-item{font-size: 12px;  display: flex; box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .3);}
.ui-student-list .ui-item .ui-img{ width: 40%;}
.ui-student-list .ui-item .ui-img img{}
.ui-student-list .ui-item .ui-info-box{ display: flex; align-items: center; flex: 1; padding:0 40px;}
.ui-student-list .ui-item .ui-info-box .ui-tags{ margin-bottom: 5px; }
.ui-student-list .ui-item .ui-info-box .ui-tags .ui-tag{ display:inline-block ;padding: 2px 5px; background-color: #ee8a1d;}
.ui-student-list .ui-item .ui-info-box .ui-name{ font-size: 20px; font-weight: bold; margin-bottom: 8px;}
.ui-student-list .ui-item .ui-info-box .ui-major{ }
.ui-student-list .ui-item .ui-info-box .ui-date{margin-bottom: 5px; }
.ui-student-list .ui-item .ui-info-box .ui-desc{ margin-bottom: 5px;}
.ui-student-list .ui-item .ui-info-box .ui-butts .ui-butt{font-size: 12px; display:inline-block; padding: 4px 15px; border: 1px solid #000; }

.ui-student-list-show .ui-item{ position: relative;}
.ui-student-list-show .ui-item .ui-info-box{ background-color: rgba(0,0,0,.8); color: #fff; padding:15px; position: absolute; width: 100%; height: 50px; left: 0; bottom: 0;}
.ui-student-list-show .ui-item .ui-info-box .ui-butts .ui-butt{ border:1px solid #fff;}
.ui-student-list-show .ui-item .ui-img{ width: 100%;}
.ui-student-list-show .ui-item:hover .ui-info-box{  }

.ui-student-card-list{ margin-bottom: 40px;}
.ui-student-card-list .ui-item{}
.ui-student-card-list .ui-item .ui-img{ width:45%;  display: flex; align-items: center; justify-content: center; overflow: hidden;}
.ui-student-card-list .ui-item .ui-img  img{ height: 100%; }
.ui-student-card-list .ui-item .ui-info-box{width: 55%; display: flex; align-items: center; position: relative;}


/*升学*/
.ui-further-study-title{ margin-bottom: 30px; font-weight: bold;color: #929292;}
.ui-further-study-title .ui-line-1{  margin-bottom: 10px;}
.ui-further-study-title .ui-line-2{ padding-left: 60px;}
.ui-further-study-title > div{height: 30px; line-height: 30px;font-size: 30px;}

.ui-further-study-list{}
.ui-further-study-list .ui-item{height: 120px; position: relative;  background-color: #eaeae8; border-radius: 20px;}

.ui-further-study-list .ui-item .ui-school-name{padding-left:10px; color : #d5d5d3; position: absolute; left: 0; top: 2px; width: 100%;height: 30px; font-size: 30px;z-index: 1;}

.ui-further-study-list .ui-item  .ui-info-box{padding-left: 40px;padding-top: 30px;  width: 68%; display: flex;position: relative;z-index: 2; float: left; }
.ui-further-study-list .ui-item  .ui-img-box{height: 120px; width: 32%;position: relative;z-index: 2;float: right;}

.ui-further-study-list .ui-item  .ui-info-box .ui-su-name{ width: 90px; font-size: 18px;}
.ui-further-study-list .ui-item  .ui-info-box .ui-more-info{ flex: 1;}
.ui-further-study-list .ui-item  .ui-info-box  .ui-b{ font-weight: bold;}
.ui-further-study-list .ui-item  .ui-info-box .ui-more-info p{ font-size: 14px;}

.ui-further-study-list .ui-item  .ui-img-box .ui-stu-img{ width: 60%;height: 130px; position: absolute; bottom:0; left: 0;  display: flex; align-items: center; justify-content: center; }
.ui-further-study-list .ui-item  .ui-img-box .ui-stu-img img{height: 100%;max-width:inherit}
.ui-further-study-list .ui-item  .ui-img-box  .ui-sch-logo{ max-width: 48%;position: absolute; right: 5px;display: flex; align-items: center; height: 100%;}
.ui-further-study-list .ui-item  .ui-img-box .ui-sch-log img{  width: 100%;}

.ui-further-study-list  .ui-img-left .ui-info-box{float: right;}
.ui-further-study-list  .ui-img-left .ui-img-box{float: left; }
.ui-further-study-list  .ui-img-left .ui-school-name{ text-align: right;}
.ui-further-study-list  .ui-img-left .ui-img-box .ui-stu-img{left: 50%;}
.ui-further-study-list  .ui-img-left .ui-img-box .ui-sch-logo{ right: initial; left: 5px;}

/*就业*/
.ui-employment-title{  margin-bottom: 30px; font-weight: bold;color: #929292;}
.ui-employment-title .ui-line-1{  margin-bottom: 10px;}
.ui-employment-title .ui-line-2{ padding-left: 60px;}
.ui-employment-title > div{height: 30px; line-height: 30px;font-size: 30px;}

.ui-employment-list{}
.ui-employment-list .ui-item{height: 120px; position: relative;  background-color: #eaeae8; border-radius: 20px;}
.ui-employment-list .ui-item .ui-city-name{padding-left:10px; color : #e0e0de; position: absolute;top:0; left: 0; width: 100%;font-size: 110px;height: 100%; line-height: 120px; z-index: 1;}


.ui-employment-list .ui-item .ui-info-box{width: 74%; display: flex;position: relative;z-index: 2; float: left; padding-top: 10px;padding-left: 70px; }
.ui-employment-list .ui-item .ui-img-box{width: 26%;height: 120px;  position: relative;z-index: 2;float: right;}

.ui-employment-list .ui-item  .ui-info-box  .ui-b{ font-weight: bold;}
.ui-employment-list .ui-item  .ui-info-box .ui-more-info p{ font-size: 14px;}
.ui-employment-list .ui-item  .ui-info-box .ui-su-name{ width: 122px;height: 100%; font-size: 18px; padding: 0 10px 0 0;}
.ui-employment-list .ui-item  .ui-info-box .ui-more-info{ height: 100%;flex: 1;} 

.ui-employment-list .ui-item  .ui-img-box .ui-stu-img{ width: 60%;height: 130px; position: absolute; bottom:0; left: 0;  display: flex; align-items: center; justify-content: center; }
.ui-employment-list .ui-item  .ui-img-box .ui-stu-img img{height: 100%;max-width:inherit}

.ui-employment-list  .ui-img-left .ui-info-box{float: right;padding-left: 0;}
.ui-employment-list  .ui-img-left .ui-img-box{float: left; }
.ui-employment-list  .ui-img-left .ui-city-name{ text-align: right;}
.ui-employment-list .ui-img-left .ui-img-box .ui-stu-img{ right: 0;left: initial;}


.ui-gallery-box  .team-wrapper .team-block{border-top-left-radius: 0;padding:15px; display: flex; align-items: center;}
.ui-gallery-box  .team-wrapper .team-block .ui-title{ font-weight: bold; margin-bottom: 20px; }
.ui-gallery-box .team-wrapper .team-block-1 .content{ bottom: 0; left: 0; width: 100%; padding: 10px;}
.ui-gallery-box .team-wrapper .team-block-1:hover .content{opacity:1; background-color: rgba(0,0,0,.8);}

.ui-gallery-page-box{}
.ui-gallery-list{}
.ui-gallery-list .ui-item-box {overflow: hidden; position: relative; height: 375px; }
.ui-gallery-list .ui-item-box img{  max-width:initial;}
.ui-gallery-list .ui-item-box .ui-works{height: 100%; float: left;width: 100%;
}
.ui-gallery-list .ui-item-box .ui-works .ui-img{ text-align: center;height: 100%;width: 100%;}
.ui-gallery-list .ui-item-box .ui-works .ui-img img{ height: 100%;object-fit: cover; width: 100%;}
.ui-gallery-list .ui-item-box .ui-user-box{ position: absolute; width: 100%; height: 100%; left:100%; top: 0;}
.ui-gallery-list .ui-item-box .ui-user-box .ui-user-img{height: 100%;}
.ui-gallery-list .ui-item-box .ui-user-box .ui-user-img .ui-img{height: 100%; display: flex;justify-content: center; align-items: center;}
.ui-gallery-list .ui-item-box .ui-user-box .ui-user-img img{  width: 100%;}
.ui-gallery-list .ui-item-box .ui-user-box .ui-info{ background-color: lab(71 32.92 70.97 / 0.49);  position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: center;}
.ui-gallery-list .ui-item-box .ui-user-box .ui-info  .ui-box{color: #fff; font-size: 12px;text-align: center; padding-bottom: 20px;}
.ui-gallery-list .ui-item-box .ui-user-box .ui-info .ui-name{ font-weight: bold;}
.ui-gallery-list .ui-item-box .ui-user-box .ui-info .ui-text{}

.ui-gallery-list  .gallery-user-in .ui-user-box{animation: gallery-user-in 0.5s ease-in-out 1 forwards ;}
.ui-gallery-list  .gallery-user-out .ui-user-box{animation: gallery-user-out 0.5s ease-in-out 1 forwards ;}


@keyframes gallery-user-in {
  0%   {left: 100%;}
  100% {left:0;}
}
@keyframes gallery-user-out {
  0%   {left: 0;}
  100% {left:100%;}
}
/*作品集 详情*/
.ui-gallery-detail-page{}
.ui-gallery-detail-page .ui-portfolio-box{}
.ui-gallery-detail-page .ui-portfolio-box .ui-title{ text-align: center; font-size: 22px; font-weight: bold; color: #f7941d; margin: 40px 0;}
.ui-gallery-detail-page .ui-portfolio-box .ui-gallery-list{}
.ui-gallery-detail-page .ui-portfolio-box .ui-gallery-list .ui-item{}
.ui-gallery-detail-page .ui-portfolio-box .ui-gallery-list .ui-item img{width: 100%;max-width: initial; object-fit: cover;height: 100%;}

.ui-gallery-detail-page .ui-user-img{}
.ui-gallery-detail-page .ui-user-img img{ width: 100%;}

.ui-gallery-detail-page .ui-info-box{ display: flex; align-items: center; height: 100%;}
.ui-gallery-detail-page .ui-info-box .ui-name{color: #f7941d; font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.ui-gallery-detail-page .ui-info-box .ui-major{color: #f7941d; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.ui-gallery-detail-page .ui-info-box .ui-content{ }
.ui-gallery-detail-page .ui-info-box .ui-content > div{ margin-bottom: 6px;line-height: 24px;}

.ui-brand-list .ui-item{}

.ui-brand-list .ui-item .ui-img{padding:20px; height:100px ; box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, .3); display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 14px;}
.ui-brand-list .ui-item .ui-img img{ height: 100%;}

.ui-brand-list .ui-big-item .ui-img{height:initial;}


.ui-login-box{ display: flex; align-items: center; justify-content: center;}
.ui-login-box .ui-box{ width: 500px; background-color: #ee8a1d; padding: 30px;border-radius: 20px;}

.ui-tab-box .ui-tab-content{}
.ui-tab-box .ui-tab-content > .ui-box{ display: none;}
.ui-tab-box .ui-tab-content > .ui-action{ display: block;}

.ui-profile-info{  padding:10px 0 30px;}
.ui-profile-info .ui-user-info{ box-shadow: 3px 3px 20px #ccc;   padding: 20px ; }
.ui-profile-info .ui-user-info > .ui-box{}
.ui-profile-info .ui-user-info .ui-img{ display: flex; align-items: center; justify-content: center; height: 100%;}
.ui-profile-info .ui-user-info .ui-ico{ width: 80px; height: 80px;  display: flex; align-items: center; justify-content: center; padding: 15px; border:3px solid #ccc ;border-radius: 50%;}
.ui-profile-info .ui-user-info .ui-ico span{font-size:60px; color: #ccc;}
.ui-profile-info .ui-user-info .ui-info .ui-line{font-size: 12px;}
.ui-profile-info .ui-user-info .ui-info .ui-name{ font-weight: bold; margin-bottom: 5px;}
.ui-profile-info .ui-user-info .ui-info .ui-butts{ margin-top: 5px;}
.ui-profile-info .ui-user-info .ui-info .ui-butts a{ font-size: 12px; display: inline-block; padding: 2px 6px; border: 1px solid #000;}
.ui-profile-info .ui-user-info .ui-info .ui-butts a:hover{ background-color: #000; color: #fff;} 
.ui-profile-info .ui-tab{box-shadow: 3px 3px 20px #ccc; margin-bottom: 30px; }
.ui-profile-info .ui-tab .ui-list{ overflow: hidden;padding: 0 30px;}
.ui-profile-info .ui-tab .ui-list .ui-item{ height: 56px; line-height: 56px;margin-right: 15px;  float: left; cursor: pointer;}
.ui-profile-info .ui-tab .ui-list .ui-action{ border-bottom: 2px solid #ee8a1d;}
.ui-profile-info .ui-tab-content{padding: 30px; box-shadow:3px 3px 20px #ccc;  }


.ui-profile-info .ui-file-box{}
.ui-profile-info .ui-file-box .ui-table{}
.ui-profile-info .ui-file-box .ui-table .ui-tr{ display: flex; padding: 15px 10px; border-bottom: 1px solid #ccc;}
.ui-profile-info .ui-file-box .ui-table .ui-body .ui-tr:hover{ background-color: #efefef; }
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-td{ display: flex; align-items: center; flex-wrap: wrap; }

.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-name-td{ width: 40%;}
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-name-td .ui-name{ flex: 1; display: flex; align-items: center; min-height: 40px;}
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-name-td .ui-name .icon { font-size: 40px; margin-right: 5px;}
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-name-td .ui-name img { height: 40px;}
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-name-td .ui-butts{ width: 50px;}
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-name-td .ui-butts .icon{font-size: 18px; display: inline-block; margin-right: 5px; cursor: pointer;}
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-size-td,
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-type-td,
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-time-td,
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-copy-td
{  flex: 1; justify-content: center;}


.ui-profile-info .form-control{ border-bottom: 1px solid #000;border-radius:0}

.ui-help-box{}
.ui-help-box .ui-tab-box .ui-tab {background-color: #efefef; padding: 30px;}
.ui-help-box .ui-tab-box .ui-tab .ui-list .ui-item{ margin-bottom: 5px;}
.ui-help-box .ui-tab-box .ui-tab .ui-list .ui-item .ui-text{cursor: pointer;  display: block; padding: 10px 20px; font-size: 12px;border-radius: 10px;}
.ui-help-box .ui-tab-box .ui-tab .ui-list .ui-action .ui-text{ background-color: #ee8a1d; color: #fff;}
.ui-help-box .ui-tab-box .ui-tab-content{padding: 30px;}


/**表单提交**/
.ui-enter-page { width: 100%; padding-top: 100px;  background:url(../media/images/enter-bg.jpg) no-repeat;  }
.ui-enter-page .ui-page-box {  width: 80%;   margin: 0 auto;  background-color: #fff;  padding: 60px 100px;}
.ui-enter-page .ui-page-box .ui-title {text-align: center;  font-size: 22px;  line-height: 30px; margin-bottom: 60px; }
.ui-enter-page .ui-page-box .ui-excerpt p {   margin-bottom: 15px;  display: block;}
.ui-enter-page .ui-page-box .ui-page-content { margin-top: 40px; }
.ui-enter-page .ui-line {margin-bottom: 30px; }
.ui-enter-page .ui-line .ui-label {margin-bottom: 15px;font-size: 18px; display: flex; align-items: center;}
.ui-enter-page .ui-line .ui-tip { padding: 2px 7px; background-color: rgba(0, 0, 0, 0.05); border-radius: 3px; display: inline-block; margin-bottom: 10px; }
.ui-enter-page .ui-line .ui-label .ui-must { color: #f00;  width: 10px;}
.ui-enter-page .ui-line .ui-label b {margin-right: 5px;}
.ui-enter-page .ui-line>.ui-box {  padding-left: 10px;}
.ui-enter-page .ui-line>.ui-box>.ui-text { width: 100%;height: 40px; padding: 0 20px; box-sizing: border-box;   border-radius: 3px;   border: 1px solid #cbd5de;  outline: none;}
.ui-enter-page .ui-line .ui-box .ui-item {padding: 14px 16px; background-color: rgba(0, 0, 0, 0.03);border-color: rgba(0, 0, 0, 0.03); margin-bottom: 5px;display: flex; align-items: center; cursor: pointer;}
.ui-enter-page .ui-line .ui-box .ui-item:hover { background-color: rgba(35, 120, 255, 0.06); border-color: rgba(35, 120, 255, 0.6);}
.ui-enter-page .ui-line .ui-box .ui-item .ui-check-box { width: 16px; height: 16px; display: inline-block; margin-right: 5px;}
.ui-enter-page .ui-line .ui-box .ui-item .ui-radio { width: 16px;height: 16px; display: inline-block;margin-right: 5px;}
.ui-enter-page .ui-line .ui-box .ui-item .ui-text { outline: none; border: none; border-bottom: 1px solid #000; padding-left: 10px;  background-color: transparent;}
.ui-enter-page .ui-bottom{ margin-top: 40px;}
.ui-enter-page .ui-bottom .ui-butts{ display: flex; align-items: center; justify-content: center;} 
.ui-enter-page .ui-bottom .ui-butts .ui-butt{width: 200px; text-align: center; height: 50px;border: none;; border-radius: 10px; background-color: #ee8a1d; color: #fff;}
.ui-enter-page .ui-bottom .ui-agree-box{ padding:15px; }
.ui-enter-page .ui-bottom .ui-agree-box a{ color:#ee8a1d ;}


/**弹窗**/
.modaldiypop {position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 99980; background-color: rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center;}
.modaldiypop .modalTs{ position: relative; z-index: 99982}
.modaldiypop .modalTs .title{padding-left: 10px; width: 100%;  height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #ddd; font-size: 18px}
.modaldiypop .modalTs .content{ position: relative;padding: 15px; }
.modaldiypop .modalTs .close{  position: absolute; right: 10px; top: 10px; height: 30px; width: 30px; line-height: 28px; border: 1px solid #555; text-align: center; color: #888; cursor: pointer}
.modaldiypop .modalTs .butts{ display: flex; align-items: center; justify-content: center; position: absolute; bottom: 15px; left: 0; width: 100%; height: 30px;}
.modaldiypop .modalTs .butts .butt{cursor: pointer;  padding:0 12px; height: 30px; margin-right: 5px; line-height: 30px; background-color: #ccc; }
.modaldiypop .modalTs .butts .active{ background-color:#efefef;}
.modaldiypop .modalTs .ui-check-box{position: absolute; bottom: 35px;  left: 0; width: 100%; height: 35px; padding: 0 15px;}
.modaldiypop .modalTs .ui-check-box .argeetrem{height: 16px; width: 16px;}
.modaldiypop .modalTs .ui-check-box .argeetrem:before{height: 16px; width: 16px; margin: 0 0 0 -2px;}
.modaldiypop .modalTs  .hasbut{padding-bottom:45px;}
.modaldiypop .modalTs  .hascheck{padding-bottom:50px;}
.modaldiypop .modalTs  .hasbut-hascheck{padding-bottom:80px;}

.ui-partner-table{}
.ui-partner-table table{ width: 100%!important;}
.ui-partner-table table tbody{}
.ui-partner-table table tbody tr{padding: 15px;border-bottom: 1px solid #ddd; display: none; align-items: center; width: 100%;height:initial!important;}
.ui-partner-table table tbody tr td{ flex: 1; text-align: center;}
.ui-partner-table table tbody tr:first-child{ display: flex; font-weight: bold;}
.ui-partner-table table tbody .ui-show{display: flex; }
.ui-partner-table table colgroup {display: none;}
.ui-table-list-loding{ padding: 15px 0; text-align: center;}

.ui-table-page-nav{ display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.ui-table-page-nav .ui-list{display: flex;}
.ui-table-page-nav .ui-item{ padding: 2px 10px; background-color: #f1f1f1; margin-right: 10px;border-radius: 4px; cursor: pointer;}
.ui-table-page-nav .ui-active{ background-color: #000; color: #fff;}



@media (min-width: 1200px) {

  /*导航菜单*/
  .ui-main-menu{}
  .ui-main-menu .ui-main-menu-child, .stricked-menu .ui-main-menu-child{ display: none;}
  .ui-show-child .ui-main-menu-child { display: flex;border-radius: clamp(10px, 1.25vw, 48px);}

  
  .ui-main-menu .main-menu__block li > ul,.stricked-menu .main-menu__block li > ul{ display: none!important;}


  .ui-main-menu-child{ background-color: rgba(0,0,0,.4);padding: clamp(30px, 0.833vw, 32px);transition: opacity var(--transition-speed-medium),left 0s var(--transition-speed-medium);transition-timing-function: var(--animation-timing); }
  .ui-main-menu-child ul{list-style:none; padding-left: 0;}
  .ui-main-menu-child ul li a{font-size: clamp(12px, 0.833vw, 32px);}

  .ui-main-menu-child >a{ display: block;margin-right: 40px; padding-top: 10px; color: #fff; font-size: 26px; font-weight: bold;}
  .ui-main-menu-child >ul{ display: flex; gap: clamp(45px, 1.042vw, 40px) !important;padding: 0; margin: 0; }
  .ui-main-menu-child >ul > li{}
  .ui-main-menu-child >ul > li a{ padding: 10px ;display: block; color: #fff; }
  .ui-main-menu-child >ul > li > ul a{ padding: 0 10px 10px;font-weight:normal;}

  
  .ui-main-menu-child  .ui-campus-nav-color { color: #ee8a1d;}

  .stricky-header .sticky-header__content{ background-color:transparent;}
  .stricky-header .ui-main-menu-child{background-color: rgba(0,0,0,.82);}

  /*
  .main-menu .main-menu__block{padding: 0 12px;}
  .main-menu .main-menu__left .main-menu__nav{ height: 80px; display: flex; align-items: center;}
  */
  .main-menu .main-menu__left .main-menu__nav .main-menu__list, 
  .main-menu .main-menu__left .main-menu__nav .main-menu__list ul, 
  .main-menu .main-menu__left .main-menu__nav .stricky-header .main-menu__list, 
  .main-menu .main-menu__left .main-menu__nav .stricky-header .main-menu__list ul{gap: clamp(32px, 1.042vw, 40px) !important;}
  .main-menu .main-menu__left .main-menu__nav .main-menu__list > li > a, .main-menu .main-menu__left .main-menu__nav .stricky-header .main-menu__list > li > a{ font-weight:normal;}

  .ui-new-detail-box .ui-img img{ width: 80%; }



}

@media (max-width: 992px) {
  .ui-about-info .ui-item:first-child{ border-right: none;border-bottom: 1px solid #bbb;}
  .ui-history-box .ui-lsit .ui-item{ width: 100%;}
  .home-about-box .ui-right .ui-about-number .ui-list{ padding: 5px;}
  .home-about-box .ui-right .ui-about-number .ui-list .ui-item span{ display: inline-block;}

  .ui-new-detail-box .ui-left-list{ display: none;}
  .ui-campus-box .ui-campus-item .ui-img-box{width: 100%; float: none; }
  .ui-campus-box .ui-campus-item .ui-text{ width: 100%;float: none; }

  .ui-course-box .ui-course-list{display: grid; gap: 20px;grid-template-columns:repeat(2, 1fr);}
  .ui-home-new-box .ui-right-line{border-right: none; margin-bottom: 40px;}

  .ui-represent-lsit .ui-item .ui-box{ display: flex;}
  .ui-represent-lsit .ui-item .ui-box .ui-img{width: 40%;height: 200px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
  .ui-represent-lsit .ui-item .ui-box .ui-img img{ height:100% ;width:initial;max-width:initial;}
  .ui-represent-lsit .ui-item .ui-box .ui-info{flex: 1; padding: 15px;}
  .ui-home-course-box .ui-des-list-box .ui-item{ padding:20px ;}

  .ui-news-content .item{width: 80%;}

  .ui-course-single .tbody .tr:first-child > .td:nth-child(2) > .ts >.tm .tdm:nth-child(2) div{ width: 50%; }
  .ui-course-single .tbody .tr:first-child > .td:nth-child(2) > .ts >.tm .tdm:nth-child(2) p{ width: 50%; }

 
  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box .circle-ring{ top: -220px; right: -220px; border-width: 15px;}
  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item:nth-child(even)  .ui-info-box .circle-ring{left: -220px;}

  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-big-img{ aspect-ratio:1.5;}
  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box{ aspect-ratio:1.5;}
}

@media (max-width: 768px) {

  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item{ height: inherit;}
  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item:nth-child(odd) .ui-big-img{ float: none;}
  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item:nth-child(odd) .ui-info-box{  float: none;}
  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item:nth-child(even) .ui-big-img{ float: none}
  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item:nth-child(even) .ui-info-box{float: none;}
  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-big-img{ width: 100%; margin-bottom: 20px;aspect-ratio:2;}
  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box{ width: 100%;aspect-ratio: 3;}
  .ui-campus-box-style .ui-campus-lit-box .ui-list .ui-item .ui-info-box .circle-ring{ top: -200px; right: -200px; border-width: 20px;}
  
  .ui-event-list-sytle .ui-event-item .ui-img{ height: initial;max-height:initial}

  .ui-enter-page{ padding-top:30px;}
.ui-enter-page .ui-page-box {width: 90%;padding:50px 15px 15px ;border-radius: 10px;}

}
@media (max-width: 568px) {
  .ui-course-box .ui-course-list{grid-template-columns:repeat(1, 1fr);}
  .ui-represent-lsit .ui-item .ui-img{ height:420px;}
  .home-about-box-2 .about-content{ position:relative; width: 100%;bottom: 0; left: 0; background-color: rgba(0,0,0,.8); padding: 40px;}
  .ui-home-course-box .ui-course-box{ width: 80%;}

 
  .ui-student-list .ui-item .ui-img{ width: 50%;}
  .ui-student-list-show .ui-item .ui-img{ width: 100%;}

  .banner-list .ui-mb-banner-img{display: none; }
  .banner-list .item video{}

  .home-about-box-2 .ui-about-number .ui-list{ margin-top: -50%;}
  .home-about-box-2 .ui-about-number .ui-list .ui-item{ font-size: 20px;}
  .home-about-box-2 .ui-about-number .ui-list{ width: 100%;}
  .home-about-box-2 .ui-about-number .ui-list .ui-item span b{ font-size: 40px;}
  .home-about-box-2 .ui-about-number .ui-list .ui-item span{ font-size: 30px;margin-bottom:10px}

  .ui-news-content .item{width: 100%;}

  .ui-course-single .tbody .tr:first-child > .td:nth-child(2) > .ts >.tm .tdm:nth-child(2) div{ width: 100%; float: none;}
  .ui-course-single .tbody .tr:first-child > .td:nth-child(2) > .ts >.tm .tdm:nth-child(2) p{ width: 100%; float: none;}

.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-size-td,
.ui-profile-info .ui-file-box .ui-table .ui-tr .ui-type-td
{ display: none;}

.ui-enter-page{ padding-top:30px; font-size: 18px; line-height: 22px; background-image:url(../media/images/enter-mb-bg.jpg);background-size: 100% 100%;}
.ui-enter-page .ui-page-box {width: 96%;padding:50px 10px 10px ;border-radius: 10px;}
.ui-enter-page .ui-page-box .ui-title{font-weight: bold;}
}