@media screen and ( min-width: 1240px ){

/* ===== general ===== */



/* ===== common ===== */
button, input, select, textarea {border: 0 none;outline: none;}



/* ===== a ===== */
.align-content-start {-webkit-align-content: flex-start;align-content: flex-start;}

.flex-align-start {-webkit-align-items:flex-start;align-items:flex-start;}
.flex-align-middle, .home-partners li a, li.check-row-select, .client-info dd, .home-partner-box li a {-webkit-align-items:center;align-items:center;}


button, input, select, textarea {-webkit-appearance:none;appearance:none;}
button, input, select, textarea {border-radius:0;}



/* ===== b ===== */
.sub-intro {background-position:50% 100%;}

.course-system-list li em, .home-teacher-list li em, .home-press-list li em, .course-list li em, .course-info-left em, .course-side-list li em, .uc-course-guide em, .user-menu p em, .concept-pic, .list-teachers li em, .list-press li em, .check-row-info em, .payment-list li em, .sub-concept, .sub-intro-vantage li em, .order-row-info li em, .order-detail-list li em, .list-certificates dt em, .uc-list li em, .search-result-list em, .teacher-pic p em, .list-instructor dt em, .sub-intro-album li em, .sub-intro-feature p, .sub-about-pic em {background-position:50% 50%;}

.sub-intro {background-repeat:no-repeat;}

.course-system-list li em, .home-teacher-list li em, .home-press-list li em, .course-list li em, .course-info-left em, .course-side-list li em, .uc-course-guide em, .user-menu p em, .concept-pic, .list-teachers li em, .list-press li em, .check-row-info em, .payment-list li em, .sub-concept, .sub-intro, .sub-intro-vantage li em, .order-row-info li em, .order-detail-list li em, .list-certificates dt em, .uc-list li em, .search-result-list em, .teacher-pic p em, .list-instructor dt em, .sub-intro-album li em, .sub-intro-feature p, .sub-about-pic em {background-size:cover;}

.na {border:0 none;}

.border-bottom-1 {border-bottom-width: 1px;}
.border-bottom-2 {border-bottom-width: 2px;}
.border-bottom-3 {border-bottom-width: 3px;}
.border-bottom-4 {border-bottom-width: 4px;}

.border-bottom-solid {border-bottom-style: solid;}
.border-bottom-dotted {border-bottom-style: dotted;}
.border-bottom-dashed {border-bottom-style: dashed;}

.border-left-1 {border-left-width: 1px;}
.border-left-2 {border-left-width: 2px;}
.border-left-3 {border-left-width: 3px;}
.border-left-4 {border-left-width: 4px;}

.border-left-solid {border-left-style: solid;}
.border-left-dotted {border-left-style: dotted;}
.border-left-dashed {border-left-style: dashed;}

.border-right-1 {border-right-width: 1px;}
.border-right-2 {border-right-width: 2px;}
.border-right-3 {border-right-width: 3px;}
.border-right-4 {border-right-width: 4px;}

.border-left-solid {border-right-style: solid;}
.border-left-dotted {border-right-style: dotted;}
.border-left-dashed {border-right-style: dashed;}

.border-top-1 {border-top-width: 1px;}
.border-top-2 {border-top-width: 2px;}
.border-top-3 {border-top-width: 3px;}
.border-top-4 {border-top-width: 4px;}

.border-top-solid {border-top-style: solid;}
.border-top-dotted {border-top-style: dotted;}
.border-top-dashed {border-top-style: dashed;}

.border-color-default {border-color:#ccc;}
.border-red {border-color:#8c0000;}
.border-orange {border-color:#f80;}
.border-blue {border-color:#39d;}




.user-menu p em {border-radius:50%;}

.na {border-radius:0.5rem;}

.na {border-radius:0.25rem;}

.na {border-radius:0.15rem;}

.navigation a:after {bottom:0;}

.na {box-sizing:border-box;}




/* ===== c ===== */
.cb, .gap {clear:both;}

.topbar-right p:before, .navigation a:after, .home-dual:after, .home-dual:before, .home-title h3:after, .home-center-title h3:after, .content-swap li *:before, .side-title h3:before, .uc-menu li a:before, .ucr-top li a:after, .uc-list em:before {content:" ";}

button, input[type="checkbox"], input[type="radio"], select, option {cursor:pointer;}




/* ===== d ===== */
.navigation li a, .home-title p a, .course-system-list li a, .course-system-list li em, .course-system-list li h5 *, .home-teacher-list li a, .home-teacher-list li em, .home-press-list li a, .home-press-list li em, .home-partners li img, .foot-about-contact dl a, .adv-row p *, .category-sort li *, .course-list li a, .course-list li em, .pager-common li *, .breadcrumb p *, .course-info-left em, .course-info-left p *, .content-swap li *, .course-side-list li a, .course-side-list li em, .user-menu p em, .list-teachers li a, .list-teachers li em, .list-press li a, .list-press li em, .press-stat p *, .context dt *, .context dd *, .check-row-info a, .check-row-info em, .payment-list li em, .ucr-top li a, .order-row-info li a, .order-detail-list li a, .ucr-top p a, .list-certificates dt em, .list-certificates h5 *, .uc-list li em, .uc-list-download p a *, .client-info dd a *, .teacher-pic p em, .empty i, .empty h5 a, .list-instructor li a, .list-instructor dt em, .home-partner-box img, .sub-about-navi li a, .sub-intro-album li em, .uc-list-discount dd a, .sub-about-pic em {display:block;}

.d-flex, .navigation li p, .home-slider .slick-dots, .home-title, .home-title h3, .home-center-title, .home-title p a, .course-system-list ol, .course-system-list li h5, .home-press-list ul, .home-apply form, .home-partner-list ul, .home-partner-list li a, .foot-about-left, .foot-about-right, .foot-info .xc, .adv-row .xc, .type-selector .xc, .type-selector ol, .category-sort, .category-sort ul, .category-filter, .category-filter ul, .category-filter li11, .course-list ul, .course-list dl, .course-list dt, .course-list dd, .pager-common ul, .breadcrumb p, .course-info, .course-info-left p, .course-info-row, .course-price-row, .course-info-option, .course-info-option ul, .course-action dl, .course-detail, .content-swap ol, .side-title, 
.uc-page .xc, .uc-menu li *, p.sign-out *, .user-logined, .user-menu p, .subpage .xc, .list-teachers, .press-stat, .press-stat p, .context, .form-link, .form-link p, .check-title ul, .check-row ul, li.check-row-select, .check-discount, .check-count, .payment-list ul, .check-button, .sub-intro-vantage, .ucr-top, .ucr-top h3, .ucr-top ol, .ucr-top p, .form-horizon .form-row, .form-horizon .uc-form-row, .uc-form-row dd, .uc-form-action dl, .order-title ol, .order-row-top, .order-row-top p, .order-row-content, .order-summary ol, .order-detail-top ol, .order-detail-list ul, .order-detail-count dl, .uc-form-tc dl, .list-certificates dl, .list-certificates dd h5, .uc-list-download p a, .course-swaper ol, .uc-list ul, .uc-list-download dl, .uc-list-download p, .uc-list-download p a, .search-results, .client-info dl, .client-info dd, .client-info dd a, .paying-stat, .paying-method-link, .teacher-detail, .empty, .empty h5, .popup-foot, .sub-intro-module, .sub-camp-cc, .list-instructor, .kids-value, .home-partner-box ul, .home-partner-box li a, .sub-intro-feature, .sub-about-navi ol, .sub-about-row .inner, .sub-intro-album ul, .check-attention-confirm, .uc-list-discount ul, .uc-list-discount dd h5, .uc-discount-exchange form, .sub-video-list {display:-webkit-box;display:-webkit-flex;display:flex;}

.na {display:inline-block;}

.hi, .pc-hide {display:none;}



/* ===== e ===== */




/* ===== f ===== */
.flex-row-reverse, .subpage .xc, .about-row-2 .inner {-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}

.category-sort h4, .course-info-right h4 {-webkit-flex-shrink:0;flex-shrink:0;}

.navigation li {-webkit-flex-grow:1;flex-grow:1;}
.na {-webkit-flex-grow:2;flex-grow:2;}


.flex-wrap, .course-system-list ol, .home-apply form, .home-partners ul, .category-sort ul, .category-filter ul, .course-list ul, .course-info-option ul, .list-teachers, .payment-list ul, .uc-list ul, .client-info dd, .empty, .sub-intro-module, .sub-camp-cc, .list-instructor, .kids-value, .home-partner-box ul, .sub-intro-album ul, .uc-list-discount ul, .uc-discount-exchange form, .sub-video-list {-webkit-flex-wrap:wrap;flex-wrap:wrap;}


.na {float:left;}
.na {float:right;}


* {font-family:"Roboto", Microsoft yahei, "Hiragino Sans GB", "Hiragino Sans GB W3", Tahoma, Helvetica, Arial, "Helvetica Neue", sans-serif;}

.check-row input:before, .payment-list li:after, .payment-list li:before, .uc-label-group input:after, .uc-selector:after, .uc-list-course h6:before, .check-attention-confirm input[type="checkbox"]:before {font-family:"Material Design Icons";}

* {-webkit-text-size-adjust:none;font-size-adjust:none;}

html {font-size:20px;}

* {font-size:0.7rem;}

.na {font-size:0.6rem;}

.navigation p * {font-size:0.75rem;}

.na {font-size:0.8rem;}

.na {font-size:0.9rem;}

.na {font-size:1rem;}

.na {font-size:1.25rem;}

.na {font-size:1.75rem;}

.na {font-size:2rem;}

* {font-style:normal;}

* {font-weight:normal;}

.navigation b {font-weight:bold;}


h1 {font-size:1.5rem;}
h2 {font-size:1.25rem;}
h3 {font-size:1rem;}
h4 {font-size:0.8rem;}
h5 {font-size:0.7rem;}
h6 {font-size:0.6rem;}





/* ===== g ===== */




/* ===== h ===== */
.home-dual:after, .home-dual:before, .uc-menu li a:before, .uc-list em:before, .popup-box {height:100%;}
.na {min-height:100%;}



/* ===== i ===== */




/* ===== j ===== */
.flex-center, .navigation li p, .home-slider .slick-dots, .home-center-title, .home-partners li a, .pager-common ul, .press-stat p, li.check-row-select, .check-button, .uc-form-tc dl, .course-swaper ol, .uc-list-course ul, .client-info dd a, .list-certificates dd h5, .uc-list-download p a, .paying-method-link, .empty, .empty h5, .sub-camp-cc, .home-partner-box li a, .sub-about-navi ol, .sub-intro-album ul, .check-attention-confirm, .uc-list-discount dd h5 {-webkit-justify-content:center;justify-content:center;}
.flex-end, .popup-foot {-webkit-justify-content:flex-end;justify-content:flex-end;}
.flex-between, .header .xc, .home-title, .foot-about .xc, .foot-info .xc, .adv-row .xc, .course-list dl, .side-title, .subpage .xc, .press-stat, .context, .form-link, .sub-intro-vantage, .ucr-top, .paying-stat, .sub-intro-module {-webkit-justify-content:space-between;justify-content:space-between;}
.flex-start {-webkit-justify-content: flex-start;justify-content: flex-start;}




/* ===== k ===== */




/* ===== l ===== */
.topbar, .header, .navigation, .navigation a:after, .popup-box, .home-dual:before, .home-title h3:after, .course-system-list li em, .home-teacher-list li em, .course-side-list li em, .uc-menu li a:before, .uc-list em:before {left:0;}

.popup-dialog {left:50%;}

.na {line-height:1.5;}

.na {line-height:1;}

.na {line-height:0.9rem;}

.na {line-height:1rem;}

.na {line-height:1.4rem;}

.na {line-height:1.5rem;}

ol, ul {list-style:none;}




/* ===== m ===== */
* {margin:0;}

.xc {margin:auto;}

.mb-0 {margin-bottom:0 !important;}
.mb-1 {margin-bottom:0.5rem !important;}
.mb-2 {margin-bottom:1rem !important;}
.mb-3 {margin-bottom:1.5rem !important;}
.mb-4 {margin-bottom:2rem !important;}
.mb-5 {margin-bottom:2.5rem !important;}
.mb-6 {margin-bottom:3rem !important;}

.ml-0 {margin-left:0 !important;}
.ml-1 {margin-left:0.5rem !important;}
.ml-2 {margin-left:1rem !important;}
.ml-3 {margin-left:1.5rem !important;}
.ml-4 {margin-left:2rem !important;}
.ml-5 {margin-left:2.5rem !important;}
.ml-6 {margin-left:3rem !important;}

.mr-0 {margin-right:0 !important;}
.mr-1 {margin-right:0.5rem !important;}
.mr-2 {margin-right:1rem !important;}
.mr-3 {margin-right:1.5rem !important;}
.mr-4 {margin-right:2rem !important;}
.mr-5 {margin-right:2.5rem !important;}
.mr-6 {margin-right:3rem !important;}

.mt-0 {margin-top:0 !important;}
.mt-1 {margin-top:0.5rem !important;}
.mt-2 {margin-top:1rem !important;}
.mt-3 {margin-top:1.5rem !important;}
.mt-4 {margin-top:2rem !important;}
.mt-5 {margin-top:2.5rem !important;}
.mt-6 {margin-top:3rem !important;}




/* ===== n ===== */




/* ===== o ===== */
.na {opacity:0;}
* {outline:none;}

.gap {overflow:hidden;}

.na {overflow:auto;}




/* ===== p ===== */
* {padding:0;}

.pb-0 {padding-bottom:0 !important;}
.pb-1 {padding-bottom:0.5rem !important;}
.pb-2 {padding-bottom:1rem !important;}
.pb-3 {padding-bottom:1.5rem !important;}
.pb-4 {padding-bottom:2rem !important;}
.pb-5 {padding-bottom:2.5rem !important;}
.pb-6 {padding-bottom:3rem !important;}

.pl-0 {padding-left:0 !important;}
.pl-1 {padding-left:0.5rem !important;}
.pl-2 {padding-left:1rem !important;}
.pl-3 {padding-left:1.5rem !important;}
.pl-4 {padding-left:2rem !important;}
.pl-5 {padding-left:2.5rem !important;}
.pl-6 {padding-left:3rem !important;}

.pr-0 {padding-right:0 !important;}
.pr-1 {padding-right:0.5rem !important;}
.pr-2 {padding-right:1rem !important;}
.pr-3 {padding-right:1.5rem !important;}
.pr-4 {padding-right:2rem !important;}
.pr-5 {padding-right:2.5rem !important;}
.pr-6 {padding-right:3rem !important;}

.pt-0 {padding-top:0 !important;}
.pt-1 {padding-top:0.5rem !important;}
.pt-2 {padding-top:1rem !important;}
.pt-3 {padding-top:1.5rem !important;}
.pt-4 {padding-top:2rem !important;}
.pt-5 {padding-top:2.5rem !important;}
.pt-6 {padding-top:3rem !important;}


.d-absolute, .topbar-right p:before, .navigation a:after, .sub-navi, .home-dual:after, .home-dual:before, .home-title h3:after, .course-system-list li em, .course-system-list li h5, .home-teacher-list li em, .home-center-title h3:after, .content-swap li *:before, .side-title h3:before, .course-side-list li em, .uc-menu li a:before, .uc-course-guide em, .category-price-sort, .context i, .uc-selector:after, .ucr-top li a:after, .order-row-top a, .list-certificates dt em:before, .uc-list em:before, .popup-dialog {position:absolute;}

.d-fixed, .topbar, .header, .navigation, .navigation-menu, .sider, .popup-box {position:fixed;}

.d-relative, .topbar-right p, .navigation li, .navigation li a, .home-dual, .home-dual-left, .home-dual-right, .home-title h3, .course-system-list li a, .home-teacher-list li a, .home-center-title h3, .category-filter, .category-filter li, .content-swap li *, .side-title h3, .course-side-list li a, .uc-menu li a, .uc-course-guide, .user-menu, .context a, .uc-selector, .uc-selector select, .ucr-top li a, .order-row-top, .list-certificates dt em, .uc-list em {position:relative;}

*.disabled, .uc-selector:after, .selectot-discount i {pointer-events:none;}



/* ===== q ===== */




/* ===== r ===== */
.home-dual:after, .uc-course-guide em {right:0;}




/* ===== s ===== */




/* ===== t ===== */
.tac, .check-count h3 {text-align:center;}

.na, .context dd h4, .context dd p, .check-count p {text-align:right;}

a {text-decoration:none;}

.na {text-transform:uppercase;}

.topbar, .home-dual:after, .home-dual:before, .course-system-list li em, .home-teacher-list li em, .course-side-list li em, .uc-course-guide em, .uc-list em:before, .popup-box {top:0;}

.na {top:50%;}

a {transition:color 300ms ease 0s;}

button, .dropDown, .slick-arrow, .topbar-right p i, .cart-stat *, .navigation a:after, .navigation a *, .home-slider .slick-dots li, .home-title p *, .course-system-list li *, .home-teacher-list li *, .home-teacher-list li *, .home-press-list li *, .home-notice-list li *, .home-apply *, .home-partner-list li *, .adv-row p *, .type-selector li *, .category-filter li *, .category-filter li *:after, .course-list li *, .pager-common li *, .course-info-left p *, .content-swap li *:before, .uc-menu li *, .uc-menu li a:before, p.sign-out *, .uc-stats *, .user-menu p *, .sub-menu li a, .list-teachers li *, .list-press li *, .context a *, .check-row-info *, .payment-list li *, .sub-intro-vantage li, .ucr-top li a:after, .ucr-top p *, .order-row, .order-row-top *, .order-row-info li *, .order-detail-list li *, .invoice-detail td *, .list-certificates dt em, .list-certificates dt em:before, .list-certificates dd *, .uc-list-course li *, .uc-list-download p *, .course-side-list li *, .search-result-list li *, .client-info dd *, .sider-row *, .paying-method-link a, .popup-top i, .popup-top i:after, .popup-top i:before, .list-instructor li *, .sub-about-navi li a:after, .sub-intro-album li * {transition:all 300ms ease 0s;}


.na {transform:rotate(45deg);}
.na {transform:rotate(-45deg);}




/* ===== u ===== */




/* ===== v ===== */




/* ===== w ===== */
.fw, .gap, .topbar, .header, .navigation, .navigation-menu, .home-slider .slick-dots, .home-partners, .home-partner-list, .home-partner-list ul, .pager-common, .pager-common ul, .concept-pic, .sub-concept, .subpage-title, .sub-intro, .uc-list em:before, .empty, .empty h5, .empty p, .popup-box {width:100%;}

.na {width:50%;}

.na {width:33.3331%;}

.na {width:25%;}

.xc {width:61rem;}

.na {white-space:nowrap;}




/* ===== x ===== */




/* ===== y ===== */




/* ===== z ===== */
* {z-index:0;}

.home-dual-left, .home-dual-right {z-index:1;}

.na {z-index:5;}
.category-filter {z-index:10;}

.sider {z-index:700;}
.navigation {z-index:750;}
.header {z-index:800;}
.topbar {z-index:850;}

.na {z-index:860;}

.popup-box {z-index:900;}



/* ===== special ===== */
.ot, .homeSlider .bx-pager-item {overflow:hidden;text-indent:-5000rem;}

.zhcn {font-family:simsun, sans-serif;}

.na {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.dropHold .dropDown {opacity:0;visibility:hidden;}
.dropHold:hover .dropDown {opacity:1;visibility:visible;}

.ellipsis, .course-system-list li p, .home-teacher-list li p, .home-press-list li p, .breadcrumb b, .uc-gc p, .press-stat p b, .context h4, .check-row-info h3, .check-row-info p, .order-row-info li h3, .order-row-info li p, .uc-list-course li p {display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;box-orient:vertical;}
.ellipsis, .breadcrumb b, .press-stat p b, .context h4, .check-row-info h3, .check-row-info p, .uc-list-course li p {-webkit-line-clamp:1;line-clamp:1;}
.ellipsis.row2, .uc-gc p, .order-row-info li h3, .order-row-info li p {-webkit-line-clamp:2;line-clamp:2;}
.ellipsis.row3, .course-system-list li p, .home-teacher-list li p, .home-press-list li p {-webkit-line-clamp:3;line-clamp:3;}


/* ===== ends ===== */
}
/* ===== ends ===== */