.banner{position:relative;overflow:hidden}.banner .hd{position:absolute;bottom:25px;left:50%;z-index:5}.banner .hd ul{margin-left:-50%}.banner .hd li{width:54px;height:8px;margin:0 5px;background:#fff;opacity:0.7;font-size:0}.banner .hd li.on{opacity:1}.banner .bd{position:relative;z-index:0}.banner .bd li{position:relative;height:416px}.banner .bd .img{position:absolute;left:50%;margin-left:-960px;display:block;width:1920px;height:416px}.banner .bd img{height:100%;width:100%;vertical-align:top}.video-wrap{position:relative;z-index:1;width:686px;height:386px;margin:40px auto;overflow:hidden}.video-wrap img,.video-wrap video{display:block;width:100%;height:100%}.lesson-my{padding-bottom:10px;border-bottom:1px solid #EEE}.wrap-ads{padding:10px 0 40px}.col3{margin:0 -8px}.col3 li{width:33.33%;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.img-ad{display:block;width:100%;height:125px;overflow:hidden}.img-ad img{display:block;width:100%;height:100%}.filter{padding:30px 0 2px;line-height:28px;font-size:14px}.filter dl{padding-left:52px;margin-bottom:28px}.filter dt{margin-left:-52px;font-weight:bold;color:#333}.filter dd a{float:left;margin-right:20px;padding:0 16px;color:#666}.filter dd a.active,.filter dd a:hover{background:#008977;border-radius:15px;color:#fff}.lesson{margin-top:8px}.lesson dl{padding:37px 0 38px 374px;border-bottom:1px solid #eee}.lesson dt{margin-left:-374px;width:350px;height:260px;overflow:hidden}.lesson dt img{display:block;width:100%;height:100%;border-radius:10px}.lesson .title{line-height:32px;font-weight:bold;font-size:20px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson .title a{color:#333}.lesson .title a:hover{color:#008977}.lesson .menu{position:relative;height:260px;overflow:hidden}.lesson .list-menu{margin-top:-6px;overflow:hidden}.lesson .menu li,.lesson-menu .menu-tab li{margin-top:22px;line-height:24px;font-size:16px;color:#333}.lesson .menu li a,.lesson-menu .menu-tab li a{padding-left:28px;background:url(../images/ico-list.png) no-repeat 0 0;color:#333;display:inline-block;max-width:730px;height:24px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson .menu li a:hover,.lesson-menu .menu-tab li a:hover{background-position:0 -24px;color:#008977}.lesson .menu .tag-kan,.lesson-menu .menu-tab .tag-kan{position:relative;top:-4px;display:inline-block;width:40px;height:22px;margin-left:10px;background:url(../images/ico-shikan.png) no-repeat;font-size:0}.lesson .menu .bottom{position:absolute;bottom:0;left:0;z-index:3;display:block;width:100%;height:24px;line-height:24px;padding-top:6px;background:#fff}.lesson .menu .btn-toggle{font-size:15px;color:#008977}.lesson .menu .btn-toggle i{position:relative;display:inline-block;width:14px;height:7px;margin-left:7px;background:url(../images/ico-pack.png) no-repeat 0 -10px}.lesson .menu.open{height:auto}.lesson .menu.open .bottom{position:relative;margin-top:16px}.lesson .menu.open .btn-toggle i{background-position:0 0}.wrap-info{width:750px;padding:30px 30px 30px 420px;background:#fff;margin:32px auto 36px}.wrap-info img{margin-left:-390px;display:block;width:360px;height:268px;border-radius:10px}.wrap-info .name{margin-top:25px;line-height:30px;font-weight:bold;font-size:24px;color:#333}.wrap-info .info{margin-top:8px;line-height:30px;font-size:16px;color:#999}.rich-text{padding:30px;line-height:1.6;font-size:16px;color:#333}.rich-text p{margin-bottom:15px}.rich-text img{display:block;margin:0 auto;max-width:100%;margin-bottom:15px}.lesson-menu{padding:15px 30px 50px}.lesson-menu .menu-tab{margin-bottom:16px}.lesson-menu dt{padding:17px 0;background:#F8F8F8}.lesson-menu dt h6{line-height:20px;padding-left:20px;border-left:4px solid #FF9F31;font-weight:normal;font-size:16px;color:#333}.lesson-menu dt i{display:block;width:14px;height:9px;margin-top:5px;margin-right:20px;background:url(../images/ico-pack.png) no-repeat 0 -34px;cursor:pointer}.lesson-menu dd{display:none;padding-left:25px}.lesson-menu .menu-tab.open dt i{background-position:0 -23px}.lesson-menu .menu-tab.open dd{display:block}.wrap-player{background:#191919;min-width:1200px;padding-top:40px}.wrap-player .video-wrap{height:496px;width:1200px;margin-top:0;margin-bottom:0;background:#000}.wrap-player .title{margin-top:30px;line-height:22px;font-size:18px;color:#F8F8F8}.wrap-player .time{margin-top:8px;padding-bottom:20px;line-height:20px;font-size:14px;color:#CCC}.list-problem{padding:0 35px;font-size:18px;color:#333}.list-problem dl{position:relative;padding:25px 0 10px;border-bottom:1px solid #eee}.list-problem .btn,.btn-learn{display:block;width:170px;height:50px;margin:30px auto 35px;background:#008977;border:0 none;border-radius:30px;font-size:18px;color:#fff;cursor:pointer}.btn-learn{margin-top:50px;line-height:50px}.list-problem .btn:hover{opacity:0.9}.list-problem .question{margin-right:80px;padding-left:40px;line-height:30px}.list-problem .question .num{margin-left:-40px;font-weight:bold;font-size:24px;color:#999}.list-problem .question .type{display:inline-block;height:23px;line-height:23px;padding:0 10px;margin-right:10px;vertical-align:middle;border:1px solid #FF9F31;border-radius:4px;font-size:14px;color:#FF9F31}.list-problem .question .cont p{display:inline}.list-problem .question .cont img{vertical-align:middle}.list-problem .question input{width:80px;height:20px;padding:4px;background:none;border:1px solid #ddd;margin:0 4px}.list-problem .answers{padding-left:42px;margin-top:20px}.list-problem .check{position:relative;padding-left:42px;line-height:20px;margin-bottom:20px;margin-right:85px;background:url(../images/ico-check.png) no-repeat 0 0;font-size:18px;color:#333}.list-problem .check:hover{background-position:0 -22px;color:#008977}.list-problem .check.checked{background-position:0 -44px}.list-problem .check input{position:absolute;left:0;right:0;top:0;bottom:0;z-index:5;opacity:0;cursor:pointer}.problem-blank .answers{padding-top:30px}.problem-blank .answers .blank{width:190px;margin-right:100px;margin-bottom:20px}.problem-blank .answers input{width:38px;height:20px;padding:2px 0;text-align:center;border:1px solid #eee}.problem-blank .answers .symbol{width:30px;line-height:24px;text-align:center;font-size:18px;color:#333}.problem-blank .answers input:focus{border:1px solid #008977}.list-problem .check.checked.correct{background-position:0 -66px}.list-problem .check.checked.wrong{background-position:0 -88px}.problem-blank .answers .correct input{border:1px solid #07C599}.problem-blank .answers .wrong input{border:1px solid #D74B44}.list-problem .result-wrong,.list-problem .result-correct{position:absolute;top:30px;right:0;line-height:20px;padding-left:25px;font-size:18px}.list-problem .result-wrong{background:url(../images/ico-result.png) no-repeat 0 -22px;color:#D74B44}.list-problem .result-correct{background:url(../images/ico-result.png) no-repeat 0 0;color:#07C599}.list-problem .result{margin-top:6px;margin-bottom:16px;margin-left:36px;font-size:16px;color:#333}.user-content .side .avatar{width:110px;height:110px;margin:40px 65px 10px;border-radius:50%}.user-content .side .avatar img{display:block;width:100%;height:100%;border-radius:50%}.user-content .side .name{margin-bottom:55px;line-height:24px;text-align:center;font-weight:bold;font-size:18px;color:#333}.user-content .side .nav{padding-bottom:100px}.user-content .sec-title{padding-top:30px;padding-bottom:0;height:20px}.user-content .sec-title .h3{line-height:20px;font-size:20px}.user-content .lesson{margin-top:10px}.user-content .lesson dl{padding:20px 0 20px 304px}.user-content .lesson dt{width:288px;height:204px;margin-left:-304px}.user-content .lesson .menu{height:204px}.user-content .lesson .menu.open{height:auto}.user-content .score{padding:15px 20px;line-height:40px;font-size:16px;color:#333}.user-content .score  b{font-weight:bold;font-size:28px}.user-content .score .btn-tips{display:block;width:20px;height:20px;margin-left:10px;margin-top:10px;background:url(../images/ico-tips.png) no-repeat 0 0;font-size:0}.user-content .score .btn-tips:hover{background-position:0 -25px}.user-content .gift{padding:15px 20px 15px 64px;line-height:40px;background:url(../images/ico-gift.png) no-repeat 20px center;font-size:18px;color:#666}.user-content .score-get{padding:0 20px;overflow:hidden}.user-content .score-get li{position:relative;padding:20px 0 20px 60px;margin-top:-1px;border-top:1px solid #EEE}.user-content .score-get .text{margin-right:120px;line-height:40px;font-size:18px;color:#333}.user-content .score-get .num{margin-left:10px;color:#FF9F31}.user-content .score-get .btn{position:absolute;top:20px;right:0;display:block;width:100px;height:40px;line-height:40px;background:#008977;border-radius:25px;text-align:center;font-size:16px;color:#fff}.user-content .score-get .btn:hover{opacity:0.9}.user-content .score-get .msg{background:url(../images/ico-msg.png?v=20210716) no-repeat left 20px}.user-content .score-get .study{background:url(../images/ico-study.png?v=20210716) no-repeat left 20px}.user-content .score-get .answer{background:url(../images/ico-dati.png?v=20210716) no-repeat left 20px}