/* 新版新增 202510 */.top_login {}
.header-login {float:right;position:relative;display:flex;}
.header-login span {border-radius:50px;padding:5px 20px}
.header-login a,.header-login span,.header-login span:hover {color:#fff;border-color:#fff;font-size:14px;}
.btn-hollow {border:1px solid #ffffff;border-color:#ffffff;color:#ffffff;}
.btn.btn-hollow {transition:.5s}
.btn.btn-hollow:hover {background-color:#FF8B32;color:#fff;cursor:pointer;}
.header-login li {float:left;margin-left:20px}
@media (max-width:767px) {.header-login {margin-top:15px;padding-bottom:10px}
.header-menu {display:none;float:none;margin-top:20px;padding:20px 0;border-top:1px solid #eee}
.header-menu:after,.header-menu:before {content:" ";display:table;clear:both}
.header-menu>li {margin:0;padding:5px;width:33.333333%}
.header-menu>li>a {display:block;padding:0;text-align:center;height:35px;line-height:35px;font-size:14px;background-color:#f5f5f5;color:#000;border-radius:5px}
}
.diyheader-user {position:relative;display:inline-block;margin-left:8px;}
.diyavatar {display:flex;align-items:center;padding:8px 15px;color:white;text-decoration:none;transition:all 0.3s ease;}
.diyavatar:hover {background-color:rgba(255,255,255,0.1);border-radius:5px;}
.diyavatar:hover {color:#ffffff;text-decoration:none;}
.diyavatar img {width:32px;height:32px;border-radius:50%;margin-right:10px;border:2px solid rgba(255,255,255,0.5);}
.diycaret {margin-left:5px;transition:transform 0.3s ease;font-size:12px;}
.diydropdown-menu {position:absolute;top:100%;right:0;min-width:150px;background-color:white;border-radius:5px;box-shadow:0 5px 25px rgba(0,0,0,0.15);list-style:none;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;z-index:1000;overflow:hidden;}
.diyheader-user:hover .diydropdown-menu {opacity:1;visibility:visible;transform:translateY(0);}
.diyheader-user:hover .diycaret {transform:rotate(180deg);}
.diydropdown-menu li {border-bottom:1px solid #f0f0f0;}
.diydropdown-menu li:last-child {border-bottom:none;}
.diydropdown-menu li.top {background-color:#f9f9f9;padding:15px 20px;font-weight:bold;color:#6a11cb;}
.diydropdown-menu li.top a {display:flex;justify-content:space-between;align-items:center;}
.diydropdown-menu a {display:block;padding:12px 20px;color:#555;text-decoration:none;transition:all 0.2s ease;font-size:14px;}
.diydropdown-menu a:hover {background-color:#f5f7fa;color:#6a11cb;padding-left:25px;}
.num {color:#ff6b6b;font-weight:bold;}
.content {background-color:white;border-radius:10px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,0.05);}
@media (max-width:768px) {.diydropdown-menu {min-width:100px;right:-50px;}
}
/* 申请试课弹窗 start*/ 
.sk_ * {margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI','Microsoft YaHei',sans-serif;}
.sk_body {background-color:#f5f5fc;color:#333;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#fef2f2 0%,#f5f5fc 100%);}
.sk_form-container {flex:1;max-width:1360px;width:90%;margin:30px auto;background-color:white;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);overflow:hidden;}
.sk_page {padding:40px;display:none;}
.sk_page.active {display:block;animation:sk_fadeIn 0.5s ease;}
@keyframes sk_fadeIn {from {opacity:0;}
to {opacity:1;}
}
.sk_page-header {margin-bottom:30px;}
.sk_page-title {color:#BD0F1B;margin-bottom:20px;font-size:1.2rem;display:flex;align-items:center;gap:10px;font-weight: bolder;}
.sk_question-container {margin-bottom:40px;}
.sk_question {margin-bottom:25px;}
.sk_options-container {display:flex;flex-direction:column;gap:12px;margin:0 auto;}
.sk_option {position:relative;overflow:hidden;margin-bottom:10px;}
.sk_option input {display:none;}
.sk_option label {display:block;padding:20px 25px;background-color:#f8f9fa;border:1px solid #eee;border-radius:12px;cursor:pointer;transition:all 0.3s;font-weight:500;font-size:1rem;position:relative;overflow:hidden;}
.sk_option label:hover {border-color:#FF8B32;box-shadow:0 5px 15px rgba(255,139,50,0.1);}
.sk_option input:checked + label {background-color:rgba(255,139,50,0.08);color:#FF8B32;border:1px solid #FF8B32;box-shadow:0 5px 15px rgba(255,139,50,0.15);}
.sk_option input:checked + label:after {content:'';position:absolute;bottom:0;right:0;width:0;height:0;border-bottom:30px solid #FF8B32;border-left:30px solid transparent;transition:all 0.3s;}
.sk_option input:checked + label:before {content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;bottom:0px;right:5px;color:white;font-size:12px;z-index:2;}
.sk_checkbox-option {position:relative;display:block;margin-bottom:12px;margin-left:auto;margin-right:auto;}
.sk_checkbox-option input {display:none;}
.sk_checkbox-option label {display:block;padding:20px 25px;background-color:#f5f5fc;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all 0.3s;font-weight:500;font-size:1rem;position:relative;overflow:hidden;}
.sk_checkbox-option label:hover {border-color:#FF8B32;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,139,50,0.1);}
.sk_checkbox-option input:checked + label {background-color:rgba(255,139,50,0.08);color:#FF8B32;border:1px solid #FF8B32;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,139,50,0.15);}
.sk_checkbox-option input:checked + label:after {content:'';position:absolute;bottom:0;right:0;width:0;height:0;border-bottom:30px solid #FF8B32;border-left:30px solid transparent;transition:all 0.3s;}
.sk_checkbox-option input:checked + label:before {content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;bottom:0px;right:5px;color:white;font-size:12px;z-index:2;}
.sk_input-container {margin-bottom:25px;margin-left:auto;margin-right:auto;}
.sk_input-label {display:block;margin-bottom:8px;font-weight:600;color:#333;}
.sk_input-container input[type="text"],.sk_input-container input[type="tel"],.sk_input-container select,.sk_input-container textarea {width:100%;padding:15px;border:1px solid #e0e0e0;border-radius:10px;font-size:.8rem;transition:border-color 0.3s;}
.sk_input-container input[type="text"]:focus,.sk_input-container input[type="tel"]:focus,.sk_input-container select:focus,.sk_input-container textarea:focus {border-color:#BD0F1B;outline:none;}
.sk_verification-container {display:flex;gap:10px;margin-top:10px;}
.sk_verification-container input {flex:1;}
.sk_send-code-btn {padding:0 20px;background-color:#FF8B32;color:white;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all 0.3s;white-space:nowrap;}
.sk_send-code-btn:hover {background-color:#e67a22;transform:translateY(-2px);box-shadow:0 5px 10px rgba(255,139,50,0.3);}
.sk_send-code-btn:disabled {background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none;}
.sk_captcha-container {display:flex;align-items:center;gap:15px;margin-top:10px;}
.sk_captcha-img {width:150px;height:50px;border:1px solid #ddd;border-radius:5px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;user-select:none;overflow:hidden;}
.sk_captcha-img img {width:100%;height:auto;object-fit:cover;}
.sk_refresh-captcha {color:#BD0F1B;cursor:pointer;font-size:1rem;transition:transform 0.3s;}
.sk_refresh-captcha:hover {transform:rotate(90deg);}
.sk_navigation-buttons {display:flex;justify-content:space-between;margin-top:40px;padding-top:20px;border-top:1px solid #eee;margin-left:auto;margin-right:auto;}
.sk_nav-btn {padding:15px 30px;background-color:#BD0F1B;color:white;border:none;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;gap:8px;}
.sk_nav-btn:hover {background-color:#a50c17;transform:translateY(-2px);box-shadow:0 5px 15px rgba(189,15,27,0.2);}
.sk_nav-btn.prev {background-color:#f5f5fc;color:#333;border:1px solid #e0e0e0;}
.sk_nav-btn.prev:hover {background-color:#e9ecef;border-color:#BD0F1B;}
.sk_nav-btn.submit {background-color:#FF8B32;}
.sk_nav-btn.submit:hover {background-color:#e67a22;box-shadow:0 5px 15px rgba(255,139,50,0.3);}
.sk_nav-btn:disabled {background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none;}
.sk_progress-container {height:8px;background-color:#f0f0f0;border-radius:0;overflow:hidden;}
.sk_progress-bar {height:100%;background:linear-gradient(to right,#BD0F1B,#FF8B32);width:0%;transition:width 0.5s ease;}

.sk_confirmation {text-align:center;padding:60px 40px;}
.sk_confirmation i {font-size:5rem;color:#FF8B32;margin-bottom:20px;}
.sk_confirmation h2 {color:#BD0F1B;margin-bottom:15px;font-size:1.4rem;}
.sk_confirmation p {color:#666;max-width:1200px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:2.4}
.sk_other-input {margin-top:10px;display:none;margin-left:auto;margin-right:auto;width:100%;padding:15px;border:1px solid #e0e0e0;border-radius:10px;font-size:16px;transition:border-color 0.3s;box-sizing: border-box;}
.sk_required::after {content:" *";color:#BD0F1B;}
@media (max-width:768px) {.sk_form-container {width:95%;margin:20px auto;}
.sk_page {padding:25px;}
.sk_option label,.sk_checkbox-option label {padding:18px 20px;}
.sk_navigation-buttons {flex-direction:column;gap:15px;}
.sk_nav-btn {width:100%;justify-content:center;}
}
.sk_error-message {color:#BD0F1B;font-size:.8rem;margin-top:5px;display:none;}
.sk_has-error {border-color:#BD0F1B !important;}
/* 第一个页面导航按钮样式 */        #sk_page1 .sk_navigation-buttons {justify-content:flex-end;}
/* 申请试课弹窗 end*//* 课程包购买 start */.courses-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:25px;margin-bottom:40px;}
.course-card {background-color:#ffffff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;cursor:pointer;box-sizing:border-box;}
.course-card:hover {transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.15);}
.course-image {width:100%;height:220px;object-fit:cover;}
.course-info {padding:20px;}
.course-title {font-size:18px;font-weight:bold;margin-bottom:10px;color:#333333;}
.course-meta {display:flex;justify-content:space-between;align-items:center;margin-top:15px;margin-bottom:15px;}
.course-price {color:#BD0F1Bfont-size:20px;font-weight:bold;}
.course-lessons {background-color:rgba(189,15,27,0.1);color:#BD0F1B;padding:5px 12px;border-radius:20px;font-size:12px;}
.course-description {color:#666;font-size:14px;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orrient:vertical;overflow:hidden;}
.course-detail-btn {display:block;width:100%;background-color:#BD0F1B;color:white;border:none;padding:12px;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color 0.3s;text-align:center;margin-top:15px;text-decoration:none;box-sizing:border-box;}
.course-detail-btn:hover {background-color:#8b0000;}
@media (max-width:768px) {.courses-grid {grid-template-columns:repeat(auto-fill,minmax(250px,1fr));}
}
/* 课程包购买 end *//* 课程详情:start *//* 面包屑导航 */        .breadcrumb {padding:15px 0;font-size:14px;color:#666666;}
.breadcrumb a {color:#666666;text-decoration:none;}
.breadcrumb a:hover {color:#BD0F1B;}
/* 课程详情主体 */        .course-detail {display:flex;flex-wrap:wrap;margin:30px 0;background-color:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
/* 左侧轮播图区域 - 使用Swiper优化 */        .course-gallery {flex:1;min-width:300px;padding:20px;}
.course-gallery img {width:100%;height:auto;object-fit:cover;}
/* 右侧课程信息 */.course-info_detail {flex:1;min-width:300px;padding:30px;border-left:1px solid #eeeeee;box-sizing:border-box;}
.course-title {font-size:20px;font-weight:bold;margin-bottom:15px;color:#333333;}
.course-meta {display:flex;margin-bottom:20px;font-size:14px;color:#666666;}
.course-meta-item {margin-right:20px;display:flex;align-items:center;}
.course-meta-item i {margin-right:5px;color:#BD0F1B;}
.course-price {font-size:24px;font-weight:bold;color:#BD0F1B}
.original-price {font-size:16px;color:#999999;text-decoration:line-through;margin-left:10px;}
.price-unit {font-size:16px;color:#666666;}
.course-actions {display:flex;margin-bottom:25px;}
.btn {padding:12px 25px;border-radius:4px;font-weight:bold;cursor:pointer;transition:all 0.3s;border:none;font-size:16px;}
.btn-primary {background-color:#BD0F1B;color:white;margin-right:15px;}
.btn-primary:hover {background-color:#a00d16;}
.btn-secondary {background-color:#f5f5f5;color:#333333;border:1px solid #dddddd;}
.btn-secondary:hover {background-color:#eeeeee;}
.course-intro {margin-bottom:20px;}
.course-intro h3 {margin-bottom:10px;font-size:18px;}
.course-intro p {color:#666666;line-height:1.8;}
/* 标签页 */        .tabs {margin:40px 0;background-color:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.tab-headers {display:flex;border-bottom:1px solid #eeeeee;}
.tab-header {padding:15px 25px;cursor:pointer;font-weight:500;transition:all 0.3s;border-bottom:2px solid transparent;}
.tab-header.active {color:#BD0F1B;border-bottom:2px solid #BD0F1B;}
.tab-content {padding:30px;}
.tab-panel {display:none;}
.tab-panel.active {display:block;}
/* 课程大纲 */        .curriculum-list {list-style:none;}
.curriculum-item {padding:15px 0;border-bottom:1px solid #eeeeee;}
.curriculum-item:last-child {border-bottom:none;}
.curriculum-header {display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.curriculum-title {font-weight:500;}
.curriculum-duration {color:#666666;font-size:14px;}
.curriculum-content {margin-top:10px;padding-left:20px;display:none;}
.curriculum-content.active {display:block;}
.lesson-item {display:flex;justify-content:space-between;padding:8px 0;color:#666666;}
/* 讲师介绍 */        .instructor-info {display:flex;margin-bottom:30px;}
.instructor-avatar {width:100px;height:100px;border-radius:50%;overflow:hidden;margin-right:20px;}
.instructor-avatar img {width:100%;height:100%;object-fit:cover;}
.instructor-details h3 {margin-bottom:10px;}
.instructor-details p {color:#666666;margin-bottom:10px;}
.instructor-stats {display:flex;margin-top:15px;}
.stat-item {margin-right:20px;text-align:center;}
.stat-value {font-size:18px;font-weight:bold;color:#BD0F1B;}
.stat-label {font-size:14px;color:#666666;}
/* 相关课程 */        .related-courses {margin-top:40px;}
.related-courses h3 {margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eeeeee;}
/* 响应式设计 */        @media (max-width:768px) {.course-detail {flex-direction:column;}
.course-info {border-left:none;border-top:1px solid #eeeeee;}
.course-actions {flex-direction:column;}
.btn {width:100%;margin-bottom:10px;box-sizing:border-box;text-align:center;}
.btn-primary {margin-right:0;}
.instructor-info {flex-direction:column;align-items:center;text-align:center;}
.instructor-avatar {margin-right:0;margin-bottom:15px;}
.instructor-stats {justify-content:center;}
}
/* 结算页面 */.checkout-container {display:grid;grid-template-columns:1fr 400px;gap:30px;}
@media (max-width:768px) {.checkout-container {grid-template-columns:1fr;}
}
.checkout-card {background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin-bottom:20px;}
.section-title {font-size:20px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee;color:#BD0F1B;}
/* 支付方式样式 */.payment-methods {display:flex;flex-direction:column;gap:15px;}
.payment-method {display:flex;align-items:center;padding:15px;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all 0.3s;}
.payment-method:hover {border-color:#BD0F1B;}
.payment-method.selected {border-color:#BD0F1B;background-color:rgba(189,15,27,0.05);}
.payment-icon {width:40px;height:40px;margin-right:15px;display:flex;align-items:center;justify-content:center;border-radius:6px;background-color:#f5f5f5;overflow:hidden;}
.payment-icon i {font-size:26px;}
.payment-info {flex:1;}
.payment-name {font-weight:500;margin-bottom:5px;}
.payment-desc {color:#666;font-size:14px;}
.radio-input {width:20px;height:20px;accent-color:#BD0F1B;}
/* 商品详情样式 */.course-item {display:flex;padding:15px 0;border-bottom:1px solid #f0f0f0;}
.course-item:last-child {border-bottom:none;}
.course-image-detail {width:100px;height:70px;object-fit:cover;border-radius:8px;margin-right:15px;}
.ck_course-details {flex:1;}
.ck_course-name {font-weight:500;margin-bottom:5px;}
.ck_course-meta {display:flex;justify-content:space-between;color:#666;font-size:14px;}
.ck_course-price {color:#BD0F1B;font-weight:bold;}
/* 订单留言样式 */.order-notes {width:100%;padding:15px;border:1px solid #ddd;border-radius:8px;resize:vertical;min-height:100px;font-size:14px;transition:border-color 0.3s;}
.order-notes:focus {outline:none;border-color:#BD0F1B;}
/* 订单摘要样式 */.order-summary {background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 12px rgba(0,0,0,0.1);position:sticky;top:20px;}
.summary-row {display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0;}
.summary-row:last-child {border-bottom:none;}
.summary-total {font-size:20px;font-weight:bold;color:#BD0F1B;}
.discount-code {display:flex;margin:15px 0;}
.discount-input {flex:1;padding:12px;border:1px solid #ddd;border-radius:8px 0 0 8px;font-size:14px;}
.discount-btn {background-color:#f5f5f5;border:1px solid #ddd;border-left:none;border-radius:0 8px 8px 0;padding:0 15px;cursor:pointer;transition:background-color 0.3s;}
.discount-btn:hover {background-color:#eaeaea;}
.checkout-btn {display:block;width:100%;background-color:#BD0F1B;color:white;border:none;padding:15px;border-radius:8px;font-size:18px;font-weight:bold;cursor:pointer;transition:background-color 0.3s;margin-top:20px;}
.checkout-btn:hover {background-color:#8b0000;}
.agreement {margin-top:15px;font-size:14px;color:#666;text-align:center;}
.agreement a {color:#BD0F1B;text-decoration:none;font-weight:bold;}
.agreement span {color:#BD0F1B;font-weight:bold;}
.fa-weixin {color:#07C160;}
.fa-credit-card {color:#E10915;}
.fa-alipay {color:#1677FF}
.fa-cc-visa {color:#E10915;}
.fa-paypal {color:#003087;}
.fa-money-bill-alt {color:#E10915;}
.diypay label {min-width:111px;}
/* 商品属性按钮 */        .product-attributes {margin-bottom:20px;}
.attributes-title {font-size:16px;font-weight:bold;margin-bottom:10px;color:#333333;}
.attributes-list {display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;}
.attribute-btn {padding:8px 16px;border:1px solid #dddddd;border-radius:4px;background-color:#ffffff;color:#666666;cursor:pointer;transition:all 0.3s;}
.attribute-btn:hover {border-color:#BD0F1B;color:#BD0F1B;}
.attribute-btn.active {border-color:#BD0F1B;background-color:#BD0F1B;color:#ffffff;}