/* www.tjcheb.com/1443/css/mobile-seo.css */
.mobile-seo-content{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;font-size:14px;line-height:1.5}
.sf-hidden{display:none!important}
#video-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:9999;justify-content:center;align-items:center}
#video-container{position:relative;width:80%;max-width:800px}
#close-popup{position:absolute;top:10px;right:10px;color:white;font-size:30px;cursor:pointer}
.PracticalTrainingContainer{padding:1.33333rem .64rem;background-color:#ffffff;margin-bottom:0.64rem}
.ModuleTitle{font-size:0.48rem;font-weight:500;color:#000;text-align:center;margin-bottom:0.16rem}
.ModuleSubTitle{font-size:0.37333rem;color:rgba(0,0,0,0.65);text-align:center;margin-bottom:0.53333rem;line-height:1.5}
.PracticalTrainingDesc{margin-bottom:0.32rem;padding:0 0.13333rem}
.PracticalTrainingGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:0.64rem;margin-top:0.64rem}
.PracticalTrainingWrapper{width:100%;max-width:4.26667rem;display:flex;flex-direction:column}
.PracticalTrainingImage{width:100%;height:2.4rem;overflow:hidden;border-radius:0.16rem 0.16rem 0 0;position:relative}
.PracticalTrainingImage img{width:100%;height:115%;object-fit:cover;object-position:top center;transition:transform 0.5s ease;display:block;margin-top:-5%}
.PracticalTrainingWrapper:hover .PracticalTrainingImage img{transform:scale(1.05)}
.PracticalTrainingCard{width:100%;background-color:white;border-radius:0 0 0.16rem 0.16rem;box-shadow:0 0.08rem 0.21333rem rgba(0,0,0,0.08);padding:0.48rem;text-decoration:none;transition:all 0.3s ease;display:flex;flex-direction:column;margin-top:-0.02667rem}
.PracticalTrainingWrapper:hover .PracticalTrainingCard{transform:translateY(-0.08rem);box-shadow:0 0.16rem 0.32rem rgba(0,0,0,0.12)}
.PracticalTrainingTitle{font-weight:500;font-size:0.42667rem;color:#000;margin-bottom:0.21333rem;text-align:center}
.PriceAndButton{display:flex;justify-content:space-between;align-items:center;padding-top:0.21333rem;border-top:1px dashed #eee}
.PracticalTrainingPrice{font-size:0.37333rem;color:#ff4d4f;font-weight:500}
.ViewDetails{font-size:0.32rem;color:#E63946;background-color:transparent;border:none;cursor:pointer;padding:0.10667rem 0.21333rem;border-radius:0.05333rem;transition:background-color 0.3s ease}
.ViewDetails:hover{background-color:rgba(237,206,207,0.3)}
.OperationTipsContainer{padding:1.33333rem .48rem;background-color:#fff;margin-bottom:0.64rem}
.TipsColumns{display:flex;gap:0.48rem;margin-top:0.48rem}
.TipsColumn{width:50%;display:flex;flex-direction:column;gap:0.48rem}
.TipsWrapper{width:100%;display:flex;flex-direction:column}
.TipsImage{width:100%;height:1.86667rem;overflow:hidden;border-radius:0.16rem 0.16rem 0 0}
.TipsImage img{width:100%;height:115%;object-fit:cover;object-position:top center;transition:transform 0.5s ease;margin-top:-5%}
.TipsWrapper:hover .TipsImage img{transform:scale(1.05)}
.TipsCard{width:100%;background-color:white;border-radius:0 0 0.16rem 0.16rem;box-shadow:0 0.08rem 0.21333rem rgba(0,0,0,0.08);padding:0.37333rem;text-decoration:none;transition:all 0.3s ease;display:flex;flex-direction:column;margin-top:-0.02667rem;min-height:1.44rem;justify-content:center}
.TipsWrapper:hover .TipsCard{transform:translateY(-0.08rem);box-shadow:0 0.16rem 0.32rem rgba(0,0,0,0.12)}
.TipsTitle{font-weight:500;font-size:0.34667rem;color:#000;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.MoreTipsContainer{text-align:center;margin:0.8rem 0 0.26667rem;padding:0 0.64rem}
.MoreTipsButton{display:inline-flex;align-items:center;justify-content:center;gap:0.16rem;background-color:#f5f7fa;color:#E63946;font-size:0.37333rem;font-weight:500;text-decoration:none;padding:0.26667rem 0.8rem;border-radius:2rem;transition:all 0.3s ease;box-shadow:0 0.05333rem 0.13333rem rgba(237,206,207,0.35)}
.MoreTipsButton .icon-arrow-right{display:inline-block;width:0.32rem;height:0.32rem;border-top:0.05333rem solid #E63946;border-right:0.05333rem solid #E63946;transform:rotate(45deg);transition:transform 0.3s ease}
.MoreTipsButton:hover{background-color:#E63946;color:white;transform:translateY(-0.05333rem);box-shadow:0 0.10667rem 0.26667rem rgba(237,206,207,0.3)}
.MoreTipsButton:hover .icon-arrow-right{border-color:white;transform:rotate(45deg) translateX(0.05333rem)}
.BusinessAnalysisModule{padding:0;margin:1.06667rem 0.53333rem 0}
.ButtonGroup{display:grid;grid-template-columns:repeat(3,1fr);gap:0.21333rem;margin-bottom:0.64rem}
.ButtonGroup button{padding:0.32rem 0;background-color:#ffffff;border:1px solid #e8e8e8;border-radius:0.05333rem;font-size:0.32rem;color:#333333;cursor:pointer;transition:all 0.3s ease;box-shadow:0 0.05rem 0.1rem rgba(0,0,0,0.05);display:flex;align-items:center;justify-content:center}
.ButtonGroup button:hover{background-color:#f5f5f5;transform:translateY(-0.05rem);box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.1)}
.ButtonGroup button.active{background-color:#E63946;color:white;border-color:#E63946;box-shadow:0 0.1rem 0.2rem rgba(237,206,207,0.3)}
.ImageDisplay{background-color:white;padding:0;border-radius:0;box-shadow:none;margin-bottom:0.64rem;display:flex;justify-content:center;align-items:center;position:relative}
.ImageDisplay img{max-width:100%;height:auto;border-radius:0.08rem;box-shadow:0 0.13333rem 0.34667rem 0 hsla(0,0%,87.8%,0.4196078431372549);transition:opacity 0.5s ease;opacity:0;animation:fadeIn 0.5s ease forwards}
.ActionButtons{display:flex;justify-content:center;gap:0.53333rem;padding:0;background-color:transparent;border-radius:0;box-shadow:none}
.ActionButtons a{padding:0;border-radius:0.05333rem;font-size:0.37333rem;text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;width:2.56rem;height:0.8rem;background-color:#E63946;color:white}
.ActionButtons a:last-child{background-color:#ffffff;color:#E63946;border:1px solid #E63946}
.ActionButtons a:hover{transform:translateY(-0.05rem);box-shadow:0 0.1rem 0.2rem rgba(0,0,0,0.1)}
@keyframes fadeIn{from{opacity:0;transform:translateY(0.2rem)}to{opacity:1;transform:translateY(0)}}
.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:0.08rem}
@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(max-width:480px){.PracticalTrainingGrid{flex-direction:column;align-items:center}.PracticalTrainingWrapper,.PracticalTrainingCard{max-width:100%;width:100%}.PracticalTrainingImage{height:3rem}.PracticalTrainingImage img{height:115%;margin-top:-5%}}
@media(max-width:360px){.TipsColumns{gap:0.32rem}.TipsImage{height:1.6rem}.TipsCard{min-height:1.28rem;padding:0.32rem}.TipsTitle{font-size:0.32rem}.MoreTipsButton{padding:0.24rem 0.64rem;font-size:0.34667rem}}