* { -webkit-tap-highlight-color: transparent }
        body{position:relative;margin:auto;/*margin-bottom:1.6rem;*/max-width:40pc;background-color:#f1f0f0;font-family:Open Sans,Calibri,Candara,Arial,sans-serif}
        .fd-video{background:#f3f4f6;padding:5px 16px 14.00966vw}
        .fd-video-inner{position:relative;background:#fff;border-radius:10px}
        .fd-video-play{position:relative;background:#fff;border-radius:10px 10px 0 0}
        .fd-video-img{width:100%;display:block;/*border-radius:10px;*/cursor:pointer}
        .fd-play-btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:48px;height:48px;color:#fff;background:rgba(0,0,0,.4);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:1000px;pointer-events:none}
        .fd-play-btn i{font-size:22px}
        .fd-video-info{width:100%;background:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:12px 16px;border-radius:0 0 10px 10px;box-sizing:border-box}
        .fd-video-title{font-size:14px;color:#333}
        .fd-video-share{line-height:1;font-size:14px;color:#fe2d64;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;padding:6px 12px;border:1px solid #fe2d64;border-radius:1000px;cursor:pointer}
        .fd-tutorial{background:#fff;padding:14.00966vw 16px 16px}
        .fd-tutorial a{text-decoration:none}
        .tutorial-inner{/*position:relative;display:-webkit-flex;display:flex;padding:12px;margin-bottom:16px;border:1px solid #e9eaec;border-radius:10px*/}
        .tutorial-inner:last-child{margin-bottom:0}
        .tutorial-inner>a{width:40%;display:block}
        .tutorial-img{width:100%;height:100%;display:block}
        .tutorial-info{width:60%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;padding-left:12px;box-sizing:border-box}
        .tutorial-title{font-size:14px;color:#333;display:block;text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
        .tutorial-share{line-height:1;font-size:14px;color:#fe2d64;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;padding:8px 12px;border:1px solid #fe2d64;border-radius:1000px;cursor:pointer}
        .course-nav{position:absolute;top:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:0 16px;box-sizing:border-box;z-index:200}
        .course-nav a{width:-webkit-calc(50% - 8px);width:calc(50% - 8px);font-size:16px;color:#333;background:#fff;text-decoration:none;display:block;padding:3.86473vw 0 3.86473vw 3.86473vw;-webkit-box-shadow:0 8px 8px 0 rgba(202,202,202,.21);box-shadow:0 8px 8px 0 rgba(202,202,202,.21);border-radius:10px}
        .course-nav>a:first-child{margin-right:8px}
        .course-nav>a:last-child{margin-left:8px}
        .nav-icon{width:8.69565vw;height:8.69565vw;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-right:6px;border-radius:1000px}
        .nav-inner span:last-child{font-size:3.86473vw}
        .novice-tutorial .nav-icon{color:#fff;background:-webkit-linear-gradient(-90deg,rgba(254,48,101,1) 0,rgba(255,98,123,1) 100%);background:linear-gradient(-90deg,rgba(254,48,101,1) 0,rgba(255,98,123,1) 100%)}
        a.nav-active:first-child{color:#fff;background:-webkit-linear-gradient(-90deg,rgba(254,48,101,1) 0,rgba(255,98,123,1) 100%);background:linear-gradient(-90deg,rgba(254,48,101,1) 0,rgba(255,98,123,1) 100%);-webkit-box-shadow:0 8px 8px 0 rgba(254,50,102,.15);box-shadow:0 8px 8px 0 rgba(254,50,102,.15)}
        a.nav-active:code-child{color:#fff;background:-webkit-linear-gradient(-90deg,rgba(254,48,101,1) 0,rgba(255,98,123,1) 100%);background:linear-gradient(-90deg,rgba(254,48,101,1) 0,rgba(255,98,123,1) 100%);-webkit-box-shadow:0 8px 8px 0 rgba(254,50,102,.15);box-shadow:0 8px 8px 0 rgba(254,50,102,.15)}
        .nav-active .novice-tutorial .nav-icon{color:#ff5b77;background:#fff}
        .fdapp-jiantou{font-size:4.34782vw}
        .common-problem .nav-icon{color:#fff;background:-webkit-linear-gradient(-90deg,rgba(255,124,60 ,1) 0,rgba(255,161,114,1) 100%);background:linear-gradient(-90deg,rgba(255,124,60 ,1) 0,rgba(255,161,114,1) 100%)}
        a.nav-active:last-child{color:#fff;background:-webkit-linear-gradient(-90deg,rgba(255,124,60 ,1) 0,rgba(255,161,114,1) 100%);background:linear-gradient(-90deg,rgba(255,124,60 ,1) 0,rgba(255,161,114,1) 100%);-webkit-box-shadow:0 8px 8px 0 rgba(255,124,61,.21);box-shadow:0 8px 8px 0 rgba(255,124,61,.21)}
        .nav-active .common-problem .nav-icon{color:#ff742f;background:#fff}
        .fdapp-wenhao{font-size:5.314vw}
        
        .fd-course{padding:14.00966vw 16px 16px;background:#fff}
        .fd-problem{padding:14.00966vw 16px 16px;background:#fff;display:none}
                .fd-code{padding:14.00966vw 16px 16px;background:#fff;display:none}
        .fd-row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e9eaec}
        .fd-row:last-child{border-bottom:none}
        .fd-label{position:relative;min-width:88px;font-size:14px;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;padding:0 16px;box-sizing:border-box}
        .fd-label>img{width:39px;height:39px;display:block;margin-bottom:6px}
        .fd-lists{position:relative;width:-webkit-calc(100% - 88px);width:calc(100% - 88px);padding-left:16px;box-sizing:border-box}
        .fd-lists::after{content:"";position:absolute;top:0;left:-.5px;width:1px;height:100%;background:#e9eaec;display:block}
        .fd-lists a{font-size:14px;color:#333;text-decoration:none;display:block;word-break:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:12px 0;border-bottom:1px solid #e9eaec}
        .fd-lists a:first-child{padding-top:0}
        .fd-lists a:last-child{padding-bottom:0;border-bottom:none}
        .video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:none;z-index:1999}
        .video-dialog{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
        .video-dialog video{width:94%;display:block;margin:0 auto}
        .video-modal-close{width:38px;height:38px;background:#fff;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-top:32px;border:1px solid #fe2d64;border-radius:1000px;cursor:pointer}
        .video-modal-close i{font-size:24px;color:#fe2d64}
            /*悬浮图标*/
    
    .fq-custom {
        z-index: 1;
        position: absolute;
       /* bottom: 100px;*/
        right: 1px;
        position: fixed;
        top: 200px;
        color: #fff;
    background: linear-gradient( 
90deg
 , rgb(0 0 0 / 40%), rgb(0 0 0 / 40%));
    /* display: inline-block; */
    /* margin: 0 auto; */
    /*padding: 0.24rem 0.8rem;*/
    /* border-radius: 1000px; */
    /* border-top-right-radius: 15px; */
    border-top-left-radius: 15px;
    /* border-top-right-radius: 15px; */
    border-bottom-left-radius: 15px;
    /* border-bottom-right-radius: 15px; */


    }
    
    .fq-custom img {
        width: 100%;
        line-height: 70px;
        width: 70px;
        height: 40px;
        -webkit-filter: drop-shadow(0 3px 8px rgba(84, 30, 15, .8));
        filter: drop-shadow(0 3px 8px rgba(84, 30, 15, .8));
    }
    .hot{
        width: 1.32rem;
        height: 1.32rem;
    }
    .xxx {
    position: relative;
    padding: 0 0px;
    z-index: 10;
    margin-bottom: 10px;
    /* margin-top: 10px; */
}
.xxx fieldset {
    padding: 0.3em;
    margin: 0 2px;
    border: 1px dashed #2ecc71;
}
.lightyear-notification {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000; /* 使通知在其他元素上方显示 */
}
/* 全部导航项的通用样式 */
.course-nav a {
    display: inline-block;
    padding: 20px 15px;
    text-decoration: none;
    color: #333;
}

/* 默认样式 */
.course-nav a {
    background-color: #fff;
}

/* 激活状态样式 */
.course-nav a.nav-active {
    background-color: #007bff;
    color: #fff;
    box-shadow: 0 8px 8px 0 rgba(254,50,102,.15);
}

/* 不同导航项的样式 */
.course-nav a.nav-update-diary {
    /* 样式规则适用于 "更新日记" 导航项 */
}

.course-nav a.nav-previous-review {
    /* 样式规则适用于 "往期回顾" 导航项 */
}

.course-nav a.nav-premium-code.common-problem .nav-icon {
    /* 样式规则适用于 "精品代码" 导航项 */
}
.icopng {
    width: 100px;
    height: 100px;
    background-image: url(image.png);
}
.teyouqu {
    color: #333333;
    font-family: mp-quote, -apple-system-font, BlinkMacSystemFont;
    /*font-size: 17px;*/
}
    .teyouqu a {
    text-decoration: none;
    color: inherit; /* 保持链接文字颜色与父元素一致 */
}
.layui-layer-msg {
    min-width: 180px;
    border: 1px solid #00aa00;
    box-shadow: none;
}