@media screen and ( max-width: 1239px ){


/* ===== page-login ===== */
.page-login {background:rgba(255,255,255,0.8);min-height:100%;width:100%;}
.page-login .gap {max-height:60px !important;}



/* ===== login-box ===== */
.login-box {background:#fff;background:rgba(255,255,255,0.9);margin:0 15px;padding:30px 15px 30px 15px;width:calc( 100% - 60px );}
.login-box h2, .login-box h5 {text-align:center;}
.login-box h2 {color:#8c0000;}
.login-box h2 {font-size:30px;}
.login-box h5 {color:#888;font-size:15px;padding:15px 0;}






/* ----- uc-stats ----- */
.uc-stats, .uc-stats a, .uc-stats i {height:24px;line-height:24px;text-align:center;width:24px;}
.uc-stats {margin-right:30px;margin-top:23px;padding:5px;}
.uc-stats a, .uc-stats i {display:block;position:relative;}
.uc-stats i {color:#888;font-size:27px;}
.uc-stats em {background:#8c0000;border-radius:60px;height:8px;position: absolute;width:8px;}

.mail-stat em {right:-2px;top:0;}
.note-stat em {right:1px;top:0;}

.uc-stats:hover i {color:#f60;}
.uc-stats:hover em {background:#f60;}



/* ===== uc-left ===== */
.uc-left, .uc-menu, .uc-menu li {width:100%;}


/* ===== uc-menu ===== */
.uc-menu {border-bottom:1px solid #ddd;border-top:1px solid #ddd;height:auto;overflow:hidden;position:relative;width:100%;}

.uc-menu li {border:0;height:0;overflow:hidden;}
.uc-menu.expanded li {height:auto;}
.uc-menu.expanded li:not(:first-child) {border-top:1px solid #eee;}
.uc-menu li a {padding-left:20px;}
.uc-menu li a * {display:block;font-size:16px;line-height:53px;padding-top:1px;}
.uc-menu li a b {color:#666;}
.uc-menu i, p.sign-out, .uc-left .gap {display:none !important;}

.uc-menu li.curr {height:auto;}
.uc-menu li.curr a * {color:#8c0000;}
.uc-menu li.curr a:before {background:#8c0000;height:20px;margin-top:-10px;top:50%;width:2px;}

.uc-menu em, .uc-menu em:after, .uc-menu em:before {position: absolute;}
.uc-menu em {background:#f3f3f3;height:54px;line-height:54px;right:0;text-align:center;top:0;width:54px;}
.uc-menu em:after, .uc-menu em:before {background:#8c0000;content:" ";}
.uc-menu em:after {height:20px;left:26px;top:17px;width:2px;}
.uc-menu em:before {height:2px;left:17px;top:26px;width:20px;}

.uc-menu.expanded em {background:#eee;}
.uc-menu.expanded em:after, .uc-menu.expanded em:before {transform: rotate(135deg);}

p.sign-out {display:none !important;}



/* ===== uc-right ===== */
.uc-right {width:100%;}
.uc-right {margin-top:15px;}


/* ----- uc-course-guide ----- */
.uc-course-guide, .uc-course-guide em, .uc-gc {height:38vw;}
.uc-course-guide {margin:0 20px;width:calc( 100% - 40px );}
.uc-course-guide em {top:0;width:38%;}

.uc-gc {position:relative;z-index:5;}
.uc-gc {width:62%;}
.uc-gc:after {content:' ';position:absolute;top:0;} 
.uc-gc:after {height:0;border-color: transparent;border-style: solid;border-width:240px 20px 0 0;border-top-width: 38vw;border-right-width: 10px;border-bottom-width: 0;border-left-width: 0;left:100%;top:0;width:0;}

.gc-0 {background-color: #d94949;}
.gc-0:after {border-top-color: #d94949;}
.gc-1 {background-color: #ff9700;}
.gc-1:after {border-top-color: #ff9700;}
.gc-2 {background-color: #1b9ab9;}
.gc-2:after {border-top-color: #1b9ab9;}
.gc-3 {background-color: #8164a5;}
.gc-3:after {border-top-color: #8164a5;}

.gc-4 {background-color: #126dca;}
.gc-4:after {border-top-color: #126dca;}

.gc-5 {background-color: #4d8a09;}
.gc-5:after {border-top-color: #4d8a09;}

.gc-6 {background-color: #8c0000;}
.gc-6:after {border-top-color: #8c0000;}


.uc-gc h2, .uc-gc p {color:#fff;}
.uc-gc h2 {font-size:21px;line-height:1;padding:20px 20px;}
.uc-gc p {display:none !important;}

.uc-gc h5 {display:-webkit-box;display:-webkit-flex;display:flex;}
.uc-gc h5 {justify-content:flex-start;padding-left:20px;}
.uc-gc h5 a {border-radius:99px;display:block;line-height:33px;padding:1px 2em 0 2em;}
.uc-gc h5 a:link, .uc-gc h5 a:visited {background:#fff;color:#8c0000;}
.uc-gc h5 a:hover, .uc-gc h5 a:active {background:#8c0000;color:#fff;}


/* ===== ucr-top ===== */
.ucr-top, .ucr-top b {color:#333;font-size:16px;font-weight:bold;}
.ucr-top {border-bottom:1px solid #ddd;height:54px;}
.ucr-top.bt1 {border-top:1px solid #ddd;}
.ucr-top h3 {padding:2px 0 0 20px;}
.ucr-top h3 * {line-height:54px;}
.ucr-top small, i.zhcn {color:#e00;}
.ucr-top small {font-size:15px;}

.ucr-top ol {padding-right:0;}
.ucr-top li {margin-right:15px;}
.ucr-top li a {display:block;line-height:52px;padding-top:4px;}
.ucr-top li a:after {background:#e00;bottom:0;height:2px;left:0;width:0%;}

.ucr-top li.active a {color:#8c0000;}
.ucr-top li.active a:after {background:#8c0000;width:100%;}

.ucr-top p {height:32px;padding:11px 15px 11px 0;}
.ucr-top p * {line-height:29px;}
.ucr-top a.uc-btn {margin-left:5px;padding:1px 12px 0 12px;}

.ucr-top a.btn-primary:link, .ucr-top a.btn-primary:visited {background:#8c0000;border:1px solid #8c0000;color:#fff;}
.ucr-top a.btn-secondary:link, .ucr-top a.btn-secondary:visited {background:#fff;border:1px solid #8c0000;color:#8c0000;}
.ucr-top a.uc-btn:hover {background:#f60 !important;border:1px solid #f60 !important;color:#fff !important;}


/* ===== uc-form ===== */
.form-row-group, .uc-form-row dl, .uc-form-row dt, .uc-form-row dd, .uc-selector {width:100%;}

.uc-form-row {border-bottom:1px solid #e8e8e8;padding:12px 15px 15px 15px;width:calc( 100% - 30px );}
.uc-form-row * {font-size:15px;}
.uc-form-row dt {padding-bottom:9px;}


.uc-form-row input, .uc-form-row input[type], .uc-form-row select {border:1px solid #ddd;}
.uc-form-row input[type="text"], .uc-form-row input[type="password"] {height:42px;padding:0 10px;width:calc( 100% - 12px );}
.uc-form-row input:disabled, .uc-form-row input:read-only {background:#fafbfc;border:1px solid #eee;}

.uc-select-group select {height:38px;padding:0 10px;width:100%;}
.uc-selector:not(:first-child), .uc-select-group span {margin-top:5px;line-height:38px;}
.uc-selector:after {content:"\F0140";line-height:38px;right:0;text-align:center;top:0;width:30px;}


.uc-label-group label {cursor:pointer;margin-right: 15px;padding:9px 0;width:calc( 50% - 15px );}
.uc-label-group.full-label label {margin-right:0;width:100%;}

.uc-label-group b {line-height:16px;padding:3px 0 0 6px;}
.uc-label-group input {background:#fff;border:1px solid #ccc;height:22px;width:22px;}
.uc-label-group input:after {color:#ddd;content:"\F012C";display:block;height:20px;line-height:20px;text-align:center;width:20px;}
.uc-label-group input:checked {background:#8c0000;border:1px solid #8c0000;}
.uc-label-group input:checked:after {color:#fff;}
.uc-label-group input[type='radio'] {border-radius:50%;}

.form-horizon .uc-form-row p {padding-top:3px;}

.uc-form-action.uc-form-tc dl {padding:15px 15px 0 5px;}
.uc-form-action dt, .uc-form-action dd {padding-left:10px;width:calc( 50% - 15px );}
.uc-form-action button {border-style:solid;border-width:1px;font-size:15px;height:48px;width:calc( 100% - 2px );}
.uc-form-action dt button, .uc-form-action p button {background:#8c0000;border-color:#8c0000;color:#fff;}
.uc-form-action dd button {background:#fff;border-color:#8c0000;color:#8c0000;}

.uc-form a {color:#8c0000;}




/* ===== list-orders ===== */
.order-title, .order-row-top p.dealtime {display:none !important;}
.order-title, .list-orders {padding:0 30px;width:calc( 100% - 60px );}
.order-title {margin-top:24px;}
.order-title ol {height:42px;}
.order-title li {background:#f3f3f3;color:#333;line-height:41px;padding-top:1px;text-align:center;}
.order-title li:not(:first-child) {margin-left:2px;width:130px;}
.order-title li:nth-child(1) {width:calc( 100% - 396px );}

.list-orders {padding:0 10px 0 10px;width:calc( 100% - 20px );}
.order-row {border:1px solid #e8e8e8;margin-top:10px;width:calc( 100% - 2px );}

.order-row-top {background:#f3f3f3;border-bottom:1px solid #eee;height:42px;}
.order-row-top p, .order-row-top p * {line-height:40px;}
.order-row-top p {padding:2px 10px 0 10px;}



.order-row-top p b {color:#333;}
.order-row-top a, .order-row-top a i {display:block;font-size:21px;height:42px;line-height:42px;text-align:center;width:45px;}
.order-row-top a {right:0;top:0;}

.order-row-top a * {background:#e8e8e8;color:#8c0000;}

.order-row-content {width:100%;}
.order-content-col:not(:first-child) {border-top:1px solid #e8e8e8;padding:9px 15px;width:calc( 100% - 30px );}
.order-content-col:not(:first-child) p:before {color:#888;}
.order-content-col:nth-child(2) p:before {content:"金额：";}
.order-content-col:nth-child(3) p:before {content:"状态：";}

.order-content-col p a, .order-detail-list p a {border:1px solid #8c0000;color:#8c0000;display:block;line-height:29px;padding:1px 30px 0 30px;}


.stat.txt-price {color:#a60a08;}
.stat.txt-green {color:#00ba97;}
.stat.txt-orange {color:#f80;}
.stat.txt-red {color:#e00;}

.order-row-info li:not(:first-child) {border-top:1px solid #eee;width:100%;}
.order-row-info li a {display:block;min-height:48px;padding:15px 15px 15px 106px;position:relative;width:calc( 100% - 121px );}
.order-row-info li em {height:48px;left:15px;position:absolute;top:15px;width:76px;}

.order-row-info li h3, .order-row-info li p {font-size:15px;width:100%;}
.order-row-info li h3 {font-weight:bold;line-height:24px;max-height:24px;}
.order-row-info li p {line-height:20px;margin-top:6px;max-height:20px;}

.order-row-info li a h3 {color:#8c0000;}
.order-row-info li a p {color:#aaa;}

.check-row li h4, .check-row li h5 {line-height:34px;padding-top:2px;}
.check-row li h4 {color:#333;}
.check-row li h5 {color:#a60a08;}


/* ===== order-detail ===== */
.order-summary {padding:0 15px;}
.order-summary ol {border:1px solid #e8e8e8;margin-top:15px;width:calc( 100% - 2px );}
.order-summary li {padding:0 0 15px 0;width:100%;}
.order-summary li:not(:first-child) {border-top:1px solid #eee;}


.order-summary h4, .order-summary p b {color:#333;}
.order-summary h4 {background:#f8f8f8;font-size:15px;line-height:38px;margin-bottom:9px;padding:1px 0 0 15px;}
.order-summary p, .order-summary p * {font-size:14px;}
.order-summary p {color:#989898;padding:6px 15px 0 15px;}

.order-details {border:1px solid #eee;margin:10px 15px 0 15px;width:calc( 100% - 32px );}
.order-details:hover {border:1px solid #ccc;}

.order-detail-top {background:#f8f8f8;border-bottom:1px solid #eee;height:42px;}
.order-detail-top li {line-height:41px;padding-top:1px;text-indent:15px;}
.order-detail-top li:not(:first-child) {display:none !important;}

.order-detail-list ul {border-bottom:1px solid #ddd;}
.order-detail-list ul li:not(:first-child) {border-top:1px solid #e8e8e8;padding:9px 15px;width:calc( 100% - 30px );}

.order-detail-list li:first-child a {display:block;min-height:48px;padding:15px 15px 15px 106px;position:relative;width:calc( 100% - 121px );}
.order-detail-list li em {height:48px;left:15px;position:absolute;top:15px;width:76px;}

.order-detail-list li:first-child h3, .order-detail-list li:first-child p {font-size:15px;width:100%;}
.order-detail-list li:first-child h3 {font-weight:bold;line-height:24px;max-height:48px;}
.order-detail-list li:first-child p {line-height:20px;margin-top:6px;max-height:40px;}

.order-detail-list li:first-child h3 {color:#8c0000;}
.order-detail-list li p {color:#aaa;}

.order-detail-list li:nth-child(2) p:before {content:"分类：";}
.order-detail-list li:nth-child(3) p:before {content:"价格：";}
.order-detail-list li:last-child {display:none !important;}

.order-detail-count {padding:12px 15px;}
.order-detail-count dl {padding:3px 0;}
.order-detail-count dl * {font-size:15px;line-height:24px;text-align:right;}
.order-detail-count dt {width:calc( 100% - 120px );}
.order-detail-count dd {color:#333;width:120px;}
.order-detail-count span, .order-detail-count strong {color:#a60a08;}
.order-detail-count strong {font-size:18px;font-weight:bold;}


/* ===== invoice-detail ===== */
.invoice-detail {padding:6px 30px 30px 30px;width:calc( 100% - 60px );}
.invoice-detail table, .invoice-detail th, .invoice-detail td {border:1px solid #eee;border-collapse: collapse;}
.invoice-detail table {margin-top:24px;}
.invoice-detail th, .invoice-detail td {line-height:20px;padding:6px 12px;}
.invoice-detail th {width:120px;}
.invoice-detail thead th {background:#f8f8f8;color:#333;}
.invoice-detail tbody th {color:#888}
.invoice-detail tbody td {color:#333;}
.invoice-detail td i {margin-right:6px;}

.invoice-detail a:link, .invoice-detail a:visited, .invoice-detail a:link *, .invoice-detail a:visited * {color:#8c0000;}
.invoice-detail a:hover, .invoice-detail a:active, .invoice-detail a:hover *, .invoice-detail a:active * {color:#f80;}



/* ===== list-certificates ===== */
.list-certificates dl {padding:20px 20px 0 20px;width:calc( 100% - 40px );}
.list-certificates dt, .list-certificates dt em {text-align:center;width:100%;}

.list-certificates dt em {height:0;padding-bottom:56.25%;}

.list-certificates dd {border-bottom:1px solid #eee;margin-right:-20px;padding:20px 20px 20px 0;}
.list-certificates h4 {font-size:18px;}
.list-certificates p, .list-certificates p * {color:#888;font-size:15px;}
.list-certificates p {padding:9px 0 18px 0;}

.list-certificates h5, .uc-list-download p {background:#8c0000;border-radius:99px;margin:auto;padding:6px 0;width:38%;}
.list-certificates h5 *, .uc-list-download p * {color:#fff;line-height:20px;margin:0 3px;}

.list-certificates a h4 {color:#8c0000;}
.list-certificates a span {border:1px solid #8c0000;color:#8c0000;}



/* ===== course-swaper ===== */
.course-swaper, .course-swaper li a {position:relative;width:100%;}
.course-swaper {height:49px;overflow:auto;}
.course-swaper ol {left:0;padding-right:15px;position: absolute;top:0;}
.course-swaper li {border-bottom:1px solid #e8e8e8;padding-left:20px;padding-right:5px;position:relative;}
.course-swaper li * {line-height:47px;}
.course-swaper li a {display:block;padding-top:1px;white-space:nowrap;}
.course-swaper li.active a {color:#8c0000;}
.course-swaper li.active a:after {background:#8c0000;bottom:-1px;content:" ";height:2px;left:0;position: absolute;width:100%;}



	
/* ===== uc-list ===== */
.uc-list, .uc-list-course ul {width:100%;}

.uc-list-course li {padding:20px 20px 0 20px;width:calc( 100% - 40px );}
.uc-list-course li a, .uc-list-course li em {width:100%;}
.uc-list-course li em {height:0;margin-bottom:10px;padding-bottom:56.25%;}
.uc-list-course li em:before {background:rgba(255,255,255,0.5);height:100%;width:100%;}
.uc-list-course li p {font-size:15px;height:20px;line-height:20px;text-align:center;}

.uc-list-course li.learned em:before {background:rgba(255,255,255,0.5);}
.uc-list-course li h6, .uc-list-course li h6:before {line-height:23px;}
.uc-list-course li h6 {background:#8c0000;border-radius:9em;bottom:10px;color:#fff;font-size:12px;left:10px;padding:1px 12px 0 0;position:absolute;z-index:5;}
.uc-list-course h6:before {content:"\F012C";padding:0 6px 0 9px;}

.uc-list-course li p {color:#333;padding-top:6px;}



/* ===== course-video ===== */
.course-video {padding:20px 0;width:100%;}
.course-video video {background:#ddd;display:block;height:56.25vw;margin:0 auto;width:100%;}



/* ===== uc-list-download ===== */
.uc-list-download li {border-bottom:1px solid #eee;padding:20px 20px;width:calc( 100% - 40px );}
.uc-list-download h3 {color:#333;font-size:16px;}
.uc-list-download dl {padding:12px 0 24px 0;}
.uc-list-download dt, .uc-list-download dd {color:#989898;line-height:20px;padding-right:20px;width:calc( 50% - 20px );}
.uc-list-download dl b {color:#333;}
.uc-list-download p * {line-height:20px;}


/* ===== uc-list-discount ===== */
.uc-list-discount, .uc-list-discount ul {width:100%;}
.uc-list-discount {padding-bottom:10px;}
.uc-list-discount li {background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-top:10px;padding:15px 0 15px 15px;position: relative;;width:calc( 100% - 15px );}
.uc-list-discount li dt * {text-align:center;}
.uc-list-discount li em {background:#8c0000;display:block;height:27vw;overflow:hidden;position:relative;width:30vw;}
.uc-list-discount li em:after, .uc-list-discount li em:before {content:" ";position: absolute;}
.uc-list-discount li em:after {background-image:url(/assets/img/dot-btm-f8.png);bottom:0;height:10px;left:0;width:100%;}
.uc-list-discount li em:before {background:#fff;border-radius:50%;height:36px;left:50%;margin-left:-18px;top:-24px;width:36px;}

.uc-list-discount dt h4, .uc-list-discount dt h4 * {color:#fbde69;line-height:40px;width:100%;}
.uc-list-discount dt h4 {height:40px;left:0;margin-top:-20px;position:absolute;top:50%;}
.uc-list-discount dt b {font-size:30px;padding-right:0.15em;}
.uc-list-discount dt small {font-size:24px;}

.uc-list-discount dd {padding-left:15px;}
.uc-list-discount dd h4 * {color:#8c0000;}
.uc-list-discount dd h4 b {font-size:24px;}
.uc-list-discount dd p {padding-top:6px;}
.uc-list-discount dd p {color:#888;}
.uc-list-discount dd p b {color:#333;}

.uc-list-discount dd h5 {min-height:30px;margin-left:calc( -30vw - 15px );padding-top:15px;}
.uc-list-discount dd a:link, .uc-list-discount dd a:visited {border:1px solid #8c0000;border-radius:99rem;color:#8c0000;line-height:35px;padding:1px 36px 0 36px;}
.uc-list-discount dd a:hover, .uc-list-discount dd a:active {background:#f80;border:1px solid #f80;color:#fff;}


.uc-list-discount li.marks em {background:#b8b8b8;}
.uc-list-discount li.marks dt * {color:#fff;}

.uc-list-discount li.marks:after {bottom:12px;content:" ";height:62px;position: absolute;right:12px;width:62px;}
.uc-list-discount li.disabled:after {background:url(/assets/img/stamp-disabled.png);}
.uc-list-discount li.past:after {background:url(/assets/img/stamp-past.png);}
.uc-list-discount li.used:after {background:url(/assets/img/stamp-used.png);}


/* ===== uc-discount-exchange ===== */
.uc-discount-exchange {padding-bottom:10px;width:100%;}
.uc-discount-exchange form {background:#fff;padding:12px 15px;width:calc( 100% - 30px );}
.uc-discount-exchange h4 {display:none !important;}
.uc-discount-exchange input {background:#fafbfc;border:1px solid #ddd;height:40px;padding:0 6px;width:calc( 100% - 30% - 14px );}
.uc-discount-exchange input:hover {background:#fff;border:1px solid #ceaaaa;}
.uc-discount-exchange input:focus {background:#fff;border:1px solid #8c0000;color:#8c0000;}

.uc-discount-exchange button {background:#8c0000;color:#fff;height:42px;margin-left:5px;width:30%;}
.uc-discount-exchange button:hover {background:#f80;}




/**-----ucrSwap-----**/
.ucrSwap, .ucrSwap li, .ucrSwap li * {height:48px;line-height:48px;}
.ucrSwap {border-bottom:1px solid #eee;overflow:hidden;width:100%;}
.ucrSwap ol {display:-webkit-box;display:-webkit-flex;display:flex;}
.ucrSwap ol {padding:0 20px 0 0;}
.ucrSwap li {cursor:pointer;font-size:16px;margin-left:20px;position:relative;}
.ucrSwap li:after {background:#8c0000;bottom:-1px;content:" ";height:3px;left:0;position:absolute;transition:all 300ms ease 0s;width:0%;}
.ucrSwap li:hover {color:#f60;}
.ucrSwap li.curr {color:#8c0000;}
.ucrSwap li.curr:after {width:100%;}


/**-----manual-entry-----**/
.manual-entry {padding-top:0.5rem;}


/**-----manual-hr-----**/
.manual-hr {border:0 none;border-top:1px solid #ddd;display:block;margin:20px 0;width:100%;}



/**-----uc-current-course-----**/
.uc-current-course {margin-left:20px;margin-right:20px;padding:16px 20px;width:calc( 100% - 80px );}
.uc-current-course h3 {color:#8c0000;font-size:18px;line-height:1.4;padding-top:8px;}
.uc-current-course h5, .uc-current-course p {display:-webkit-box;display:-webkit-flex;display:flex;}
.uc-current-course h5 b {background:#8c0000;border-radius:99px;color:#fff;display:block;font-size:12px;height:20px;line-height:20px;padding-left:8px;padding-right:8px;}

.uc-current-course ul {padding-top:4px;}
.uc-current-course li {color:#989898;}
.uc-current-course li b {color:#333;}
.uc-current-course li:not(:first-child) {padding-top:4px;}

.uc-current-course p {justify-content:center;padding-top:12px;width:100%;}
.uc-current-course p a {background:#fff;border:1px solid #8c0000;border-radius:99px;color:#8c0000;display:block;line-height:33px;padding:1px 2em 0 2em;}



/* ===== ends_common ===== */
}
/* ===== ends_common ===== */