.course-item-list{position:relative;background-color:#fff;padding-left:2.5%;padding-right:2.5%}.course-item-list .item{display:block;padding-top:2.6315789474%;padding-bottom:2.6315789474%;border-bottom:1px solid #e5e5e5}.course-item-list .item:last-child{border-bottom:none}.course-item-list .item .media{margin-top:0;position:relative}.course-item-list .item .media .btn{position:absolute;right:0;bottom:0}.course-item-list .item .media .media-left{padding-right:0;line-height:0;width:19.649122807%}.course-item-list .item .media .media-left .item-cover{display:inline-block;overflow:hidden;width:100%;height:0;padding-bottom:56.25%}.course-item-list .item .media .media-left .item-cover img{width:100%;transition:all,.3s}.course-item-list .item .media .media-body{padding-left:2.6315789474%}.course-item-list .item .media .media-body .media-heading{display:inline-block;min-height:48px;font-size:20px;color:#3e454d}.course-item-list .item .media .media-body .media-heading:hover{color:#0f6af3}@media (min-width:1200px){.course-item-list .item .media .btn{filter:alpha(opacity=0);opacity:0}.course-item-list .item:hover .media .btn{filter:alpha(opacity=100);opacity:1}.course-item-list .item:hover .media .media-left .item-cover img{transform:scale(1.08)}}@media (max-width:991px){.course-item-list .item .media .media-left{width:29.4736842105%}.course-item-list .item .media .media-body .media-heading{margin-top:-2px}}@media (max-width:767px){.course-item-list .item .media .btn{display:none!important}.course-item-list .item .media .media-left{width:39.298245614%}.course-item-list .item .media .media-body .media-heading{font-size:18px;min-height:42px}}@media (max-width:540px){.course-item-list .item .media .media-body .media-heading{font-size:16px;min-height:36px}}@media (max-width:375px){.course-item-list .item .media .media-body .media-heading{font-size:14px;min-height:0}}.progress--label{position:relative;width:140px;min-height:1px;overflow:hidden}.progress--label .progress--bar{position:absolute;left:0;top:50%;margin-top:-3px;width:80px;min-height:1px}.progress--label .progress--bar .progress,.progress--label .progress--bar .progress-bar{line-height:0;font-size:0;height:6px;border-radius:4px}.progress--label .progress--bar .progress{margin-bottom:0;background-color:#e8f1ff}.progress--label .progress--bar .progress-bar{background-color:#0f6af3}.progress--label .progress--text{float:right!important;color:#676c73}@media (max-width:767px){.progress--label{width:128px}.progress--label .progress--text{font-size:12px}}@media (max-width:580px){.studymap-list-wrapper .studymap-item-grid{margin-left:-15px;margin-right:-15px}.studymap-list-wrapper .studymap-item-grid [class*=col-]{padding-left:0;padding-right:0}}.studymap-item-grid{margin-top:-14px;margin-left:-12px;margin-right:-12px}.studymap-item-grid [class*=col-]{padding-left:12px;padding-right:12px}.studymap-item-grid .col-md-6{width:33%}@media (max-width:991px){.studymap-item-grid .col-md-6{width:50%}}@media (max-width:991px) and (max-width:500px){.studymap-item-grid .col-md-6{width:100%}}.studymap-item-grid .item{display:block;margin-top:24px;position:relative;background-color:#fff;border-radius:4px}.studymap-item-grid .item .imgs{position:relative;width:100%;height:100px;overflow:hidden}.studymap-item-grid .item .imgs .img{position:absolute;left:50%;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;border-radius:4px;background-size:cover;background-repeat:no-repeat;background-position:50%;transform:translateX(-50%)}.studymap-item-grid .item .imgs .img-up{top:0;z-index:3}.studymap-item-grid .item .imgs .img-mid{top:6.1728395062%;width:93.0555555556%;opacity:.5;z-index:2}.studymap-item-grid .item .imgs .img-down{top:12.3456790123%;width:86.1111111111%;opacity:.3;z-index:1}.studymap-item-grid .item .imgs .title-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;height:100%}.studymap-item-grid .item .imgs .title-wrapper .title{padding-left:50px;padding-right:50px;height:100%;text-align:center;color:#fff;font-size:20px}.studymap-item-grid .item .info{float:right;width:100%;padding-left:156px}.studymap-item-grid .item .info .title{font-size:16px;line-height:24px}.studymap-item-grid .item .info .summary{width:100%;height:52px;margin-top:15px;padding:4px 9px;font-size:12px;line-height:22px;color:#9399a5;border-radius:4px;background-color:#f7f8fa}.studymap-item-grid .item .info .summary .text{height:22px}.studymap-item-grid .item .bottom{padding:16px 12px}.studymap-item-grid .item .bottom .bottom-setting{color:#1f2329;margin-bottom:16px;font-size:14px;height:40px}.studymap-item-grid .item .bottom .they-are-learning{color:#676c73;font-size:12px}@media (max-width:666px){.studymap-item-grid .item .bottom .they-are-learning{float:none!important}}.studymap-item-grid .item .bottom .they-are-learning .study-open{color:#0f6af3}@media (max-width:666px){.studymap-item-grid .item .bottom .they-are-learning .study-open{float:right}}@media (max-width:500px){.studymap-item-grid .item .bottom .they-are-learning .study-open{float:none}}@media (max-width:666px){.studymap-item-grid .item .bottom .fellow-study{float:none!important;margin-top:10px}}@media (max-width:500px){.studymap-item-grid .item .bottom .fellow-study{float:right!important;margin-top:-18px}}.studymap-item-grid .item .bottom .fellow-study .fellow{font-size:12px;color:#9399a5}.studymap-item-grid .item .bottom .last-learning{display:inline-block;border-radius:2px;background-color:#e5eeff;color:#0f6af3;padding-left:8px;padding-right:8px;font-size:12px;line-height:22px}.studymap-item-grid .item:hover .bottom .bottom-setting{color:#0f6af3}.studymap-detail-banner{margin-top:-20px;margin-bottom:20px;height:180px;background:url(/assets/images/studymap/detail-banner-1.jpg) 50% no-repeat;color:#fff}.studymap-detail-banner .container,.studymap-detail-banner .detail-banner{height:100%}.studymap-detail-banner .detail-banner{position:relative;padding-right:180px}.studymap-detail-banner .banner-left{height:100%}.studymap-detail-banner .banner-left a.link{color:#fff}.studymap-detail-banner .banner-left .title-wrapper .title{font-size:32px}.studymap-detail-banner .banner-left .title-wrapper .intro{margin-left:30px}.studymap-detail-banner .banner-left .attr{padding-top:28px;line-height:24px}.studymap-detail-banner .banner-left .attr,.studymap-detail-banner .banner-left .attr .iconfont{font-size:14px}.studymap-detail-banner .banner-left .attr .iconfont{margin-right:10px}.studymap-detail-banner .banner-left .attr>span{display:inline-block;white-space:nowrap;margin-right:30px}.studymap-detail-banner .banner-left .attr>span.siderways{display:none}@media (max-width:1200px){.studymap-detail-banner .banner-left .attr>span.siderways{display:inline-block}}.studymap-detail-banner .circle-wrapper{display:table;position:absolute;top:50%;right:0;transform:translateY(-50%);width:140px;height:140px}.studymap-detail-banner .circle-wrapper .svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%}.studymap-detail-banner .circle-wrapper .text-wrapper{display:table-cell;vertical-align:middle;text-align:center}.studymap-detail-banner .circle-total-progress{z-index:1}.studymap-detail-banner .circle-total-progress .svg{transform:rotate(-90deg)}.studymap-detail-banner .circle-total-progress .svg .circle{stroke-width:10px}.studymap-detail-banner .circle-total-progress .svg .circle.circle-bar{fill:none;stroke:hsla(0,0%,100%,.2);stroke-width:7.143%}.studymap-detail-banner .circle-total-progress .svg .circle.circle-progress{fill:none;stroke-width:7.143%;stroke-linejoin:round;stroke-linecap:round}.studymap-detail-banner .circle-total-progress .svg .circle.circle-progress.fill{stroke:#fff}.studymap-detail-banner .circle-total-progress .text-top{font-size:36px;padding-top:16px;padding-bottom:3px}.studymap-detail-banner .circle-open-btn{z-index:2;cursor:pointer}.studymap-detail-banner .circle-open-btn .svg{border:5px solid hsla(0,0%,100%,.4);border-radius:50%;background-color:#0a213e;background-image:linear-gradient(180deg,#0a213e 0,#314763);background-repeat:repeat-y;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF0A213E",endColorstr="#FF314763",GradientType="0")}.studymap-detail-banner .circle-open-btn .text-top{font-size:24px}.studymap-detail-banner .circle-open-btn:hover .svg{border-color:#fff}@media (max-width:1199px){.studymap-detail-banner .banner-left .title-wrapper .title{font-size:25.6px}.studymap-detail-banner .banner-left .title-wrapper .intro{margin-left:24px}.studymap-detail-banner .banner-left .attr{padding-top:22.4px}.studymap-detail-banner .banner-left .attr .iconfont{margin-right:8px}.studymap-detail-banner .banner-left .attr>span{margin-right:24px}}@media (max-width:767px){.studymap-detail-banner{height:auto;padding-top:20px;padding-bottom:20px;background-size:160% 100%;line-height:1.4285714286}.studymap-detail-banner .detail-banner{padding-right:120px}.studymap-detail-banner .banner-left .title-wrapper .title{font-size:19.2px}.studymap-detail-banner .banner-left .title-wrapper .intro{margin-left:18px}.studymap-detail-banner .banner-left .attr{padding-top:19.2px}.studymap-detail-banner .circle-wrapper{width:100px;height:100px}.studymap-detail-banner .circle-total-progress .text-top{font-size:26px;padding-top:5px;padding-bottom:0}.studymap-detail-banner .circle-open-btn .svg{border-width:4px}.studymap-detail-banner .circle-open-btn .text-top{font-size:18px}}@media (max-width:480px){.studymap-detail-banner .detail-banner{padding-right:88px}.studymap-detail-banner .circle-wrapper{width:68px;height:68px}.studymap-detail-banner .circle-total-progress .text-top{font-size:20px;padding-top:0;padding-bottom:0}.studymap-detail-banner .circle-total-progress .text-bottom{font-size:12px;margin-top:-5px}.studymap-detail-banner .circle-open-btn .svg{border-width:3px}.studymap-detail-banner .circle-open-btn .text-top{font-size:14px}}@media (max-width:400px){.studymap-detail-banner .banner-left .title-wrapper .title{font-size:15px}.studymap-detail-banner .banner-left .title-wrapper .intro{margin-left:14px}.studymap-detail-banner .banner-left .attr{padding-top:15px}.studymap-detail-banner .banner-left .attr,.studymap-detail-banner .banner-left .attr .iconfont{font-size:12px}.studymap-detail-banner .banner-left .attr>span{margin-right:20px}}.studymap-detail-item-wrapper{padding-left:0!important;padding-right:0!important;background-color:#f7f8fa}.studymap-detail-item-wrapper.studymap-detail__width-856{width:856px;float:left}.studymap-detail-item-wrapper .detail-item{border-radius:4px;background-color:#fff}.studymap-detail-item-wrapper .detail-item+.detail-item{margin-top:24px}.studymap-detail-item-wrapper .detail-item .info-title{padding:30px;border-bottom:1px solid #e5e5e5;font-size:20px}.studymap-detail-item-wrapper .detail-item .info-title p{margin-bottom:0}.studymap-detail-item-wrapper .detail-item .info-title .title-left{width:80%;float:left}.studymap-detail-item-wrapper .detail-item .info-title .title-left .stage-title>span{font-size:14px;margin-left:5px}.studymap-detail-item-wrapper .detail-item .info-title .title-right{float:right;width:20%}.studymap-detail-item-wrapper .detail-item .info-title .title-right .progress--label{width:160px}.studymap-detail-item-wrapper .detail-item .info-title .title-right .progress--label .progress--bar{margin-top:11px;left:-56px;width:160px}@media (max-width:1200px){.studymap-detail-item-wrapper .detail-item .info-title .title-right .progress--label .progress--bar{left:10px}}.studymap-detail-item-wrapper .detail-item .a-wrap{padding:20px 30px}.studymap-detail-item-wrapper .item{position:relative;padding-top:14px!important;padding-bottom:14px!important;border-bottom:none}.studymap-detail-item-wrapper .item .media .media-left{width:16.6666666667%}.studymap-detail-item-wrapper .item .media .media-left .item-cover{position:relative;padding-bottom:56%}.studymap-detail-item-wrapper .item .media .media-left .item-cover .cover-label{right:auto;left:10px;height:24px}.studymap-detail-item-wrapper .item .media .media-left .item-cover .cover-label .text{line-height:24px;font-size:12px;padding-left:5px;padding-right:5px}@media (max-width:580px){.studymap-detail-item-wrapper .item .media .media-left .item-cover .cover-label{transform:scale(.8333333333);transform-origin:left top;right:auto;left:6px}}.studymap-detail-item-wrapper .item .media .media-body{padding-left:2.5%}.studymap-detail-item-wrapper .media-heading span{margin-right:5px}.studymap-detail-item-wrapper .item-attr+.item-attr{margin-top:10px}.studymap-detail-item-wrapper .item-attr>span{margin-right:20px}.studymap-detail-item-wrapper .item-attr>span:last-child{margin-right:0}.studymap-detail-item-wrapper .item-attr .item-attr-text{line-height:22px;color:#676c73;display:inline-block;vertical-align:top}.studymap-detail-item-wrapper .item-attr .progress--label{display:inline-block}.studymap-detail-item-wrapper .media-heading .label-title-status{display:none}@media (max-width:1199px){.studymap-detail-item-wrapper .item-attr .item-attr-text{line-height:18px}.studymap-detail-item-wrapper .detail-item .info-title .title-right .progress--label,.studymap-detail-item-wrapper .detail-item .info-title .title-right .progress--label .progress--bar{width:110px}}@media (max-width:991px){.studymap-detail-item-wrapper .item .media .media-left{width:25%}.studymap-detail-item-wrapper .media-heading .label-title-status{display:inline-block}.studymap-detail-item-wrapper .item-attr .label-title-status{display:none}.studymap-detail-item-wrapper .detail-item .info-title .title-right .progress--label{width:80px}.studymap-detail-item-wrapper .detail-item .info-title .title-right .progress--label .progress--bar{width:80px;left:0}}@media (max-width:767px){.studymap-detail-item-wrapper{margin-left:-15px;margin-right:-15px}.studymap-detail-item-wrapper .item .media .media-left{width:33.3333333333%}.studymap-detail-item-wrapper .detail-item{position:relative}.studymap-detail-item-wrapper .detail-item .info-title{padding:15px;font-size:16px}.studymap-detail-item-wrapper .detail-item .info-title .title-left{float:none;width:100%}.studymap-detail-item-wrapper .detail-item .info-title .title-left .stage-title>span{display:inline-block;font-size:12px}.studymap-detail-item-wrapper .detail-item .info-title .title-right{float:none;width:100%;line-height:30px}.studymap-detail-item-wrapper .detail-item .info-title .title-right .progress--label{display:block;width:140px}.studymap-detail-item-wrapper .detail-item .info-title .title-right .progress--label .progress--bar{margin-top:-2px;width:110px}.studymap-detail-item-wrapper .detail-item .a-wrap{padding-left:15px;padding-right:15px}}@media (max-width:540px){.studymap-detail-item-wrapper .item-attr{line-height:18px;font-size:12px}.studymap-detail-item-wrapper .item-attr+.item-attr{margin-top:0}.studymap-detail-item-wrapper .item-attr .progress--label{margin-top:0;height:18px}}@media (max-width:480px){.studymap-detail-item-wrapper{padding-top:20px}.studymap-detail-item-wrapper .item-attr .item-attr-text .text{display:none}.studymap-detail-item-wrapper .item+.item{padding-top:20px!important}}.studymap--right{position:relative;float:right;margin-top:-90px;z-index:100}.studymap--right .studymap--right-top{width:320px;padding:24px;background-color:#fff;border-radius:4px}.studymap--right .studymap--right-top .philosophy{font-size:16px;color:#3e454d}.studymap--right .studymap--right-top .learning-progress{margin-top:10px;border-radius:8px;height:16px;background-color:#f1f1f1;width:100%}.studymap--right .studymap--right-top .learning-progress .learning-progress-color{height:16px;background-color:#0f6af3;border-radius:8px}.studymap--right .studymap--right-top .learned-last-time{color:#676c73;font-size:12px;margin-top:20px;margin-bottom:10px}.studymap--right .studymap--right-top .learning-button .continue-learning{padding:8px 0;width:100%;color:#fff;font-size:16px;border-radius:4px}.studymap--right .studymap--right-top .synopsis{margin-top:22px}.studymap--right .studymap--right-top .synopsis .synopsis-title{font-size:16px;color:#3e454d;margin-bottom:10px}.studymap--right .studymap--right-top .synopsis .synopsis-content{font-size:14px;color:#676c73}.studymap--right .studymap--right-bottom{margin-top:24px;padding:30px 24px;background-color:#fff;border-radius:4px}.studymap--right .studymap--right-bottom a.link{color:#3e454d}.studymap--right .studymap--right-bottom a.link img{width:36px;height:36px;vertical-align:middle}.studymap--right .studymap--right-bottom .icon-xuexi-study{float:right;font-size:24px;color:#676c73}.studymap--right .studymap--right-bottom .they-are-learning{color:#3e454d}.studymap--right .studymap--right-bottom .they-are-learning img{width:36px;height:36px;vertical-align:middle}.modal-studymap-opened .modal-dialog{width:500px}.modal-studymap-opened .\--img{width:100%;height:0;padding-bottom:86%;position:relative}.modal-studymap-opened .\--img img{width:100%}.modal-studymap-opened .\--body,.modal-studymap-opened .\--img img{position:absolute;top:0;left:0;width:100%;height:100%}.modal-studymap-opened .\--body .title{font-size:24px;color:#a44d1c;line-height:1;margin-top:49.6%}.modal-studymap-opened .\--body .btn--wrapper{margin-top:9%;height:17.2093023256%}@media (max-width:540px){.modal-studymap-opened .modal-dialog{width:98%}}@media (max-width:440px){.modal-studymap-opened .\--body .title{font-size:20px}}@media (max-width:400px){.modal-studymap-opened .\--body .title{font-size:18px}}.modal-studymap-learning-users .modal-dialog{width:480px;margin-left:auto;margin-right:auto}.modal-studymap-learning-users .modal-content{min-height:200px}.modal-studymap-learning-users .users-list{max-height:480px;overflow-y:auto}.modal-studymap-learning-users .users-item{min-height:50px;padding-left:65px;position:relative}.modal-studymap-learning-users .users-item+.users-item{margin-top:24px}.modal-studymap-learning-users .users-item .avatar{position:absolute;top:0;left:0;width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.modal-studymap-learning-users .users-item .top{padding-top:4px}.modal-studymap-learning-users .users-item .username{font-size:16px}.modal-studymap-learning-users .users-item .positionname{font-size:12px;color:#9399a5}.modal-studymap-learning-users .users-item .departname{color:#676c73}@media (max-width:540px){.modal-studymap-learning-users .modal-dialog{width:96%}.modal-studymap-learning-users .users-list{max-height:400px}.modal-studymap-learning-users .users-item{min-height:42px;padding-left:54px}.modal-studymap-learning-users .users-item .avatar{width:42px;height:42px}.modal-studymap-learning-users .users-item .top{padding-top:0}.modal-studymap-learning-users .users-item .username{font-size:14px}.modal-studymap-learning-users .users-item .departname{font-size:12px}}