.monitor-extra section{width:100%;margin:0 auto}.monitor-extra h1{text-align:center;font-weight:400;font-size:2rem;margin:0 auto 40px;padding:0 20px}.monitor-extra h1 em{font-style:normal;color:#dc4c4d}.monitor-extra h2{text-align:center;font-size:1.8rem;margin:0 0 30px}.monitor-extra h3,.monitor-extra h4{text-align:center;font-size:1.6rem;margin:0 0 30px}.monitor-extra h5{margin-bottom:2rem}.monitor-extra h5 img{display:block;margin:0 auto}.monitor-extra b{font-weight:700}.monitor-extra .link a{background-color:#e87979;text-align:center;font-weight:700;padding:.45rem 1rem .35rem;border-radius:2px;margin:1rem;font-size:1.35rem;color:#fff;width:100%;max-width:300px}.monitor-extra .link a:hover{opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)"}.monitor-extra .link .counseling{background-color:#f1ab26}.monitor-extra .link .registerUser{background-color:#56b06d}.monitor-extra .link .Startguide{background-color:#6181ce}.monitor-extra .link:not(.wrap){text-align:center;width:100%;position:relative;padding:1em 0}.monitor-extra .link.wrap{text-align:center;width:100%;position:relative;padding:0}.monitor-extra .link.dai a{padding:.7rem;font-size:1.3rem;max-width:340px}.monitor-extra .more-link{margin:4rem 0 0;flex-direction:column;text-align:center}.monitor-extra .more-link a{white-space:normal}.monitor-extra .close{margin:0 auto 40px;text-align:center}.monitor-extra .closed{padding:.5rem 2rem;font-size:1.5rem;letter-spacing:.2rem;border:2px solid #b0d4ea;font-weight:700;color:#4188b3;display:inline-block}.page-grid.monitor-extra{background-color:#fff;line-height:1.45;color:#3e3e3e;margin:0 auto!important}.page-grid.monitor-extra img{max-width:100%}.page-grid.monitor-extra .wrapper{width:100%;max-width:1080px;margin:0 auto}.monitor-extra header{margin:0 auto 40px;position:relative;width:100%;background-image:url(https://sb-drops.s3.amazonaws.com/drop/rmopt-684b6f08af8b0-971902500-1749774088.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.monitor-extra header .line{padding:.6rem;color:#fff;background-color:#000;opacity:.6;text-align:center;font-size:.85rem;letter-spacing:.5rem;font-weight:700;z-index:1;position:relative}.monitor-extra header img{width:150px;display:block;margin:0 auto;padding:2rem 0}.intro{width:100%;margin:0 auto;padding:1rem}.intro p{text-align:center;font-size:1rem;max-width:800px;margin:0 auto}.lesson-scene_wrapper{padding:0 20px}.lesson-scene_wrapper .video_list{display:flex;justify-content:center}@media screen and (max-width:800px){.lesson-scene_wrapper .video_list{display:block}}.lesson-scene_wrapper .video_list .video-item{margin-right:30px;max-width:500px;border-bottom:1px dotted #ccc}.lesson-scene_wrapper .video_list .video-item:last-of-type{margin-right:0}@media screen and (max-width:800px){.lesson-scene_wrapper .video_list .video-item{margin:0 auto 40px}.lesson-scene_wrapper .video_list .video-item:last-of-type{margin:0 auto}}.lesson-scene_wrapper .video_list .video-item img{padding:7px;cursor:pointer}.lesson-scene_wrapper .video_list .video-item .play-btn{width:80px;height:80px;position:absolute;bottom:10px;left:10px;opacity:.7}.video-container{position:relative;width:100%;padding:56.25% 0 0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.click-to-play{background-color:#fff;border:1px solid #d9dcde;margin-bottom:20px}.click-to-play .video-oneScene{cursor:pointer;width:100%;height:auto;overflow:hidden;background-size:cover!important;position:relative}.category-title{position:relative;top:-1rem;display:flex;justify-content:center;align-items:center}.category-title img{width:42px}.tutor-item{max-width:70%;margin:0 auto 40px}@media screen and (max-width:800px){.tutor-item{max-width:100%}}.monitor-tutor{padding:1em}#feedback-list{display:none}#feedback-list .user-avatar img{border-radius:50%;background-color:#fff}#feedback-list .comment-inner .feedback-comment-lesson img{width:23px;height:23px}.TutorEx{padding:30px 20px;border-top:1px dotted #ddd;margin:4em 0}.TutorEx h2{margin-bottom:2rem;color:#555}.TutorEx h2,.TutorEx li,.TutorEx ul{text-align:center}.TutorEx li{display:inline-block;vertical-align:top;width:160px;margin:10px 0;font-size:.85rem}.TutorEx li a{color:#333}.TutorEx li img{width:130px;padding:8px;border-radius:65px;-webkit-border-radius:65px;-moz-border-radius:65px;-o-border-radius:65px;-ms-border-radius:65px;box-shadow:0 0 5px #aaa;display:block;margin:0 auto 10px}.TutorEx li span{display:block;font-size:80%}.detail{padding:30px;margin-bottom:40px;background-color:#fbfbf7}.detail h4{margin-bottom:30px}.detail .detail_top{margin-bottom:30px;text-align:center}.detail .detail_top p{letter-spacing:5px;font-size:1.3rem;margin:.5em 0;border-bottom:2px dashed #ccc;padding:.3em;background-color:#fff}.detail .detail_top p a{color:#222}.detail .detail_top p a img{width:1.6rem}.detail .detail_container{display:flex}@media screen and (max-width:800px){.detail .detail_container{display:block}}.detail .detail_container .detail-list{width:33%;margin-right:40px}@media screen and (max-width:800px){.detail .detail_container .detail-list{width:100%;margin:0 0 30px}}.detail .detail_container .detail-list:last-of-type{margin-right:0}.detail .detail_container .detail-list ul{margin:0 0 0 1em}.detail .detail_container .detail-list ul li{list-style-type:disc;font-size:.9em;margin:1em 0;border-bottom:1px dotted #ccc;padding:0 0 .3em}.detail .detail_container .detail-list small{font-size:.8rem}.information{padding:0 20px 80px}.information .info-content{max-width:800px;margin:auto}.information .info-content .attention{margin-bottom:30px}.information .info-content p{margin-bottom:1rem}.pageTop_btn{opacity:0;position:fixed;bottom:150px;right:20px;transition:.5s}.pageTop_btn a{z-index:10;font-size:12px;padding:30px 0;background-color:#8e7b87;text-decoration:none;color:#fff!important;line-height:normal;width:100px;height:77px;text-align:center;display:block;border-radius:5px;-webkit-border-radius:5px}.pageTop_btn.show{opacity:1}.playing-video{display:none;visibility:visible;opacity:1;z-index:100;background:#0f0e1ee6;height:100%;left:0;position:fixed;top:0;width:100%;padding:20%}@media screen and (max-width:800px){.playing-video{padding:0 20px}}.playing-video.show{display:block}.playing-video .video-content{opacity:1;transform:scale(1) translateZ(0);background:#494d55;width:100%;position:relative;top:50%;margin-top:-30%;padding:2px}.playing-video .video-content .close-btn_wrapper{position:absolute;bottom:100%;right:0;color:#fff;font-weight:700;opacity:.7;display:flex;align-items:center;cursor:pointer;padding:1rem}.playing-video .video-content .close-btn_wrapper .close-btn{width:20px;height:20px;margin-right:10px;position:relative}.playing-video .video-content .close-btn_wrapper .close-btn span{width:20px;height:2px;background-color:#fff;position:absolute;top:50%;left:0}.playing-video .video-content .close-btn_wrapper .close-btn span.top{transform:rotate(45deg)}.playing-video .video-content .close-btn_wrapper .close-btn span.bottom{transform:rotate(-45deg)}.playing-video .video-content .video-screen{width:100%;position:relative;padding:56.25% 0 0}.playing-video .video-content .video-screen iframe{position:absolute;top:0;left:0;width:100%;height:100%}