.bp-color-green{color:#92c1a2}.bp-color-blue{color:#48b1ba}.bp-color-red{color:#da4751}.bp-color-yellow{color:#f0c35a}.bp-color-gray-text{color:#bbb}.bp-background-color-green{background-color:#92c1a2}.bp-background-color-blue{background-color:#48b1ba}.bp-background-color-red{background-color:#da4751}.bp-background-color-yellow{background-color:#f0c35a}.bp-background-color-gray{background-color:#e5e5e5}.bp-blue-button{color:#fff;background-color:#48b1ba;border-color:#398e97}.bp-blue-button:hover{color:#fff;background-color:#41a4ae;border-color:#369aaa}.bp-blue-button:active{color:#fff;background-color:#3a95a0;border-color:#369aaa}.bp-blue-button:focus{color:#fff}.bp-red-button{color:#fff;background-color:#da4751;border-color:#b03942}.bp-red-button:hover{color:#fff;background-color:#c8414b;border-color:#b03942}.bp-red-button:active{color:#fff;background-color:#bb3d48;border-color:#b03942}.bp-red-button:focus{color:#fff}.bp-clear-float{clear:both;font-size:1px;height:0;line-height:0}label>*{pointer-events:none}.xy-center{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.background-image{background-image:url('');background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.transparent-black{background:rgba(0,0,0,.7)}.bp-one-line-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bp-three-line-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3;width:100%}.bp-two-line-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;width:100%}.bp-five-line-text{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:5;width:100%}.bp-caret-right{border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid;display:inline-block;height:0;opacity:.3;vertical-align:top;width:0}.no-padding{padding:0!important}.horizental-center{display:flex;justify-content:center}.bp-divider{height:1px;background-color:#e5e5e5}.fix-top{position:fixed;top:0;z-index:999;left:0;right:0}.fix-bottom{position:fixed;bottom:0;z-index:999;left:0;right:0}.fix-placeholder{visibility:hidden;margin-left:-2000px;margin-right:1000px}.wechat-mask{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:9;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:default}.wechat-mask img{float:right;max-width:60%}.cssshadow{-moz-box-shadow:3px 3px 4px #000;-webkit-box-shadow:3px 3px 4px #000;box-shadow:3px 3px 4px #000}.bp-mask-div-before-load-data{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;opacity:.8;display:none;z-index:1000}.bp-common-captcha-wrap{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.5);top:0;left:0}.bp-common-captcha-container{position:absolute;top:0;left:20px;right:20px;bottom:0;height:218px;background:#fff;margin:auto;border-radius:5px}.bp-common-captcha-content{width:170px;height:40px;margin:30px auto 0}.bp-common-captcha-img{float:left;width:130px;height:40px;background:#e9e9e9}.bp-common-captcha-refresh-content{float:right;width:40px;height:40px;background:#e9e9e9}.bp-common-captcha-refresh-img{width:40px;height:24px;position:relative;top:50%;right:0;transform:translateY(-50%);border-left:1px solid #c9c9c9;float:right}.bp-common-captcha-refresh-img img{width:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bp-common-captcha-input{height:64px;border-bottom:1px solid #dcdcdc;margin:0 30px;position:relative}.bp-common-captcha-input input{width:100%;height:62px;outline:0;border:none;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:14px}.bp-common-captcha-submit{height:44px;margin:10px 30px 0;line-height:44px;background:#da4751;color:#fff;text-align:center;border-radius:5px;font-size:14px}.bp-table-hover tbody tr:hover td,.table-hover tbody tr:hover th{background-color:#d9edf7}.tableFixHead{overflow-y:auto;height:100px}.tableFixHead th{position:sticky;top:0}.page-permission-hit{color:red}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.dialog-overlay{position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background:#000;opacity:0;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s}.dialog-content{position:fixed;top:50%;left:50%;z-index:10001;width:85%;overflow:hidden;background-color:#fafafc;text-align:center;border-radius:3px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);opacity:0;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;-ms-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s}.dialog-content-hd{padding:20px 0 0}.dialog-content-title{font-weight:400;font-size:17px}.dialog-content-bd{padding:15px 20px 0;font-size:14px;color:#666;word-wrap:break-word;word-break:break-all;text-align:center}.dialog-content-bd p{margin:5px 0}.dialog-content-ft{position:relative;line-height:42px;margin-top:20px;font-size:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.dialog-content-ft a{position:relative;display:block;text-decoration:none;color:#0bb20c;outline:0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-tap-highlight-color:transparent}.dialog-content-ft a:active{background-color:#eee}.dialog-content-ft:after{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.dialog-content-ft a:after{content:" ";position:absolute;left:0;top:0;width:1px;height:100%;border-left:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.dialog-content-ft a:first-child:after{border-left:none}.dialog-content-ft .dialog-btn-cancel{color:#353535}.dialog-content-ft .dialog-btn-ok{color:#0bb20c}.dialog-wrap-info .dialog-overlay{background-color:transparent;opacity:0}.dialog-content-info{width:auto;text-align:center;background-color:rgba(0,0,0,.8);border-radius:10px}.dialog-content-info .dialog-content-bd{position:relative;padding:0;width:140px;height:140px;color:#fff;text-align:center}.dialog-content-info .dialog-content-bd .info-icon{max-width:48px;margin:20% 0 0}.dialog-content-info .dialog-content-bd .info-text{position:absolute;width:100%;left:0;bottom:20px;margin:0;font-size:16px}.dialog-wrap-show .dialog-overlay{opacity:.6}.dialog-wrap-show .dialog-content{opacity:1}@media screen and (min-width:1024px){.dialog-content{max-width:35%}}a,a:active,a:hover,a:link,a:visited{text-decoration:none}.course-share-bg-wrapper{position:relative;padding-bottom:50%;height:0}.course-share-bg-content{position:absolute;top:0;left:0;width:100%;height:100%}.course-share-go-app{position:absolute;border:1px solid #ccc;border-radius:4px;bottom:10px;right:10px;text-align:center;color:#fff;background:#000;opacity:.5;padding:3px 10px}.course-share-select-tag{margin-left:2.5%;font-size:16px;color:#999}.course-share-select-tag ul{float:left;width:30%;height:50px;line-height:50px;text-align:center;padding:0;margin:0 0 -1px 2.5%}.course-share-lesson-container{height:100px;border-bottom:1px solid #ccc;margin:0 auto;padding-left:100px}.course-share-lesson-info{width:100%;float:left;height:100px;padding-top:20px;padding-left:10px;position:relative}.course-share-lesson-duration{font-size:14px;position:absolute;bottom:20px;left:10px}.course-share-lesson-free{color:#da4751;position:absolute;bottom:20px;right:10px;font-size:12px}.course-share-lesson-cover{float:left;width:80px;height:60px;position:relative;margin:20px 0 20px -100%;right:80px}.course-share-comment-container{padding:0 10px 0 50px}.course-share-comment-info{width:100%;float:left;border-bottom:1px solid #ccc;font-size:13px}.course-share-comment-date{float:right;color:#999}.course-share-comment-content{padding:4px 0}.course-share-comment-avatar{position:relative;float:left;margin-left:-100%;right:50px;max-height:100px;width:50px;text-align:center}.course-share-comment-avatar-img{width:30px;height:30px;margin:10px auto}.course-share-bottom-button-container{position:fixed;bottom:0;left:0;width:100%;z-index:1000}.course-share-bottom-vip-hint-wrap{height:30px;background:#f6f0dc;padding:0 15px 0 12px;line-height:30px}.course-share-bottom-vip-hint-badge{display:inline-block;background:#161617;color:#e2c573;border-radius:4px;width:33px;height:20px;line-height:20px;margin:5px 7px 0 0;font-size:12px;text-align:center}.course-share-bottom-vip-hint-member-cash{color:#161617;margin-right:13px}.course-share-bottom-vip-hint-member-cash span{margin-left:2px}.course-share-bottom-vip-hint-cash{color:#999;font-size:13px}.course-share-bottom-vip-hint-text{display:inline-block;float:right;color:#cf9c38;font-size:13px}.course-share-bottom-button{height:50px;line-height:50px;text-align:center;font-size:15px;border-top:1px solid #dcdcdc;color:#fff;background:#da4751}.course-share-bottom-button-for-audition{height:52px;line-height:52px;font-size:15px;border-top:1px solid #dcdcdc;color:#fff;background:#da4751;padding-left:124px;text-align:center}.course-share-bottom-button-for-audition-right{width:100%;float:left;height:51px;line-height:52px}.course-share-bottom-button-for-audition-left{position:absolute;bottom:0;left:0;width:124px;height:52px;line-height:52px;background:#fff;color:#333}.course-share-bottom-button-for-audition-left img{width:20px;height:20px;vertical-align:middle;margin-right:4px}.course-inactivity-share-bottom-button-container{position:fixed;bottom:0;left:0;width:100%;height:49px;line-height:49px;z-index:1000;text-align:center;font-size:15px;border-top:1px solid #dcdcdc}.course-inactivity-share-bottom-button-container .left-button{background:#fff;color:#da4751}.course-inactivity-share-bottom-button-container .right-button{background:#da4751;color:#fff}.course-inactivity-share-bottom-button-container .one-button{background:#da4751;color:#fff}.padding-non{padding-left:0;padding-right:0}#loginbar{position:fixed;top:70px;right:0;background-color:#24252b;border-top-left-radius:22px;border-bottom-left-radius:22px;padding:2px 3px;z-index:1000;font-family:Helvetica,Tahoma,"\5FAE\8F6F\96C5\9ED1";transform:translate3d(0,0,0);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}#loginbar .avator{position:absolute;height:40px;width:40px;border-radius:50%;margin-right:8px;background:url(../../image/phone/course/default_user_avatar.png) no-repeat;background-size:contain}#loginbar.login-show .qk-link{width:auto}#loginbar .qk-link{margin-left:48px;margin-right:5px;color:#fff;font-size:13px;width:1px;text-indent:1px;white-space:nowrap;overflow:hidden;height:40px;line-height:40px}#loginbar .avator img{width:100%;height:100%;border-radius:50%;border:none}#loginbar.login-show .qk-link .user-name{display:inline-block;max-width:104px;overflow:hidden;vertical-align:top;margin:0;padding:0}#loginbar .qk-link .change-user{color:#4ca7f2;margin-right:12px;text-indent:1px;vertical-align:top}#loginbar .qk-link .ic-change{display:inline-block;width:12px;height:9px;background:url(../../image/phone/course/login.png) no-repeat -27px -6px;background-size:42px;margin-right:5px;margin-left:6px;vertical-align:0}.ic{text-align:center;white-space:nowrap}.pay-top-tip{padding:10px;background:#2db6ef;color:#fff;font-size:13px}.pay-top-tip .var-text{margin:0 5px;font-weight:700}.course-share-tag-selected{border-bottom:1px solid #da4751;color:#da4751}.course-share-product-container{padding:0 17px}.course-share-product-title{font-size:18px;color:#333;margin:20px 0 15px}.course-share-product-info{font-size:12px;color:#989898;margin-bottom:10px}.course-share-product-member{display:inline-block;background:#000;border-radius:10px;color:#f9e3a0;vertical-align:text-bottom;padding:2px 10px;font-size:12px;box-shadow:1px 1px 1px #f9e3a0}.course-share-handout-wrap{padding:0 0 0 74px}.course-share-handout-wrap-right{width:100%;float:left;height:74px;position:relative}.course-share-handout-wrap-right img{width:6px;height:11px;position:absolute;top:31px;right:10px}.course-share-handout-title{margin:10px 0 0 10px;color:#333;font-size:15px;padding-right:30px}.course-share-handout-hint{position:absolute;left:10px;bottom:10px;font-size:13px;color:#666}.course-share-handout-wrap-left{width:74px;position:relative;float:left;margin-left:-100%;right:74px;height:74px}.course-share-handout-wrap-left img{width:100%;height:100%;border-radius:6px}.code-header{font-size:19px;color:#fff;text-align:center;line-height:56px;margin:0;padding:0;background:#fdced4;border-radius:5px;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.free-close{background:url(../../image/phone/course/modal-close.png) no-repeat center center;position:absolute;right:0;display:inline-block;width:45px;height:45px;background-size:contain}.code-desc{text-align:center;font-size:15px!important;color:#666!important;margin:0;padding:0}.code-footer{line-height:20px;font-size:13px!important;color:#ffb0b3;margin:0;padding:0}.invite-code-img{display:block;max-width:100px;max-height:100px;margin:0 auto;margin-bottom:15px}.layer-foot{bottom:0;left:0;right:0;background:#fff;width:100%;height:75px;border-radius:5px;border-top-left-radius:0!important;border-top-right-radius:0!important;padding:17px 0;text-align:center;border-top:1px #e5e5e5 solid}.modal .modal-dialog{left:50%;top:50%;transform:translate(-50%,-50%)!important;-webkit-transform:translate(-50%,-50%)!important;margin:0!important;width:80%;position:absolute}.content{padding:22px 25px;line-height:23px;font-size:13px;color:#333}.course-share-divide{height:10px;background:#f0f0f0}.course-share-progress-wrap{padding-bottom:15px}.course-share-progress-text{color:#da4751;font-size:12px;padding-left:4px;margin:0 15px 10px}.course-share-progress-percent span{display:inline-block;margin:15px 5px 0;font-size:18px}.course-share-progress-bg{height:12px;margin:0 15px;border-radius:6px;background:#f3e8e8;position:relative;box-shadow:5px 4px 10px rgba(255,140,148,.4)}.course-share-progress-content{position:absolute;top:0;left:0;height:12px;border-radius:6px;width:200px;background:#ff8c94}.cert-name-modal,.course-share-cert-modal{display:none;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);width:100%;height:100%;z-index:1001;text-align:center}.course-share-cert-wrap{width:260px;border-radius:5px;background:#fff;padding:10px;margin:40px auto 20px}.course-share-cert-wrap img{width:100%}.course-share-cert-wrap span{display:inline-block;margin-top:7px;font-size:12px;color:#999}.course-share-cert-hint-wrap{height:155px;margin:0 auto;padding-left:100px}.course-share-cert-hint-text{width:100%;float:left;height:155px;font-size:15px;color:#333;padding:20px 0 0 12px}.course-share-cert-hint-img-wrap{width:100px;position:relative;float:left;margin-left:-100%;right:100px;height:155px}.course-share-cert-hint-img{width:80px;height:125px;margin:15px auto;position:absolute;top:0;right:0;bottom:0}.course-share-cert-hint-img img{width:100%}.cert-name-wrap{width:280px;border-radius:5px;background:#fff;padding:30px 20px;margin:60px auto 30px}.cert-name-title{font-size:18px;font-weight:700;color:#da4751;margin-bottom:20px}.cert-name-content{font-size:14px;color:#333;text-align:center;margin-bottom:30px}.cert-name-content span{display:inline-block}.cert-name-hint{font-size:12px;color:#da4751;margin-bottom:7px;text-align:left}.cert-name-input{width:100%;height:44px;line-height:44px;padding-left:15px;outline:0;border:1px solid #ccc;border-radius:4px;margin-bottom:15px}.cert-name-btn{width:100%;height:44px;line-height:44px;border-radius:4px;color:#fff;text-align:center;background:#da4751}.course-teacher-wechat-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1020}.course-teacher-wechat-content{width:270px;height:318px;background:#fff;padding:5px 5px 0;text-align:center;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto;border-radius:12px}.course-teacher-wechat-content-head{position:relative;margin-bottom:20px}.course-teacher-wechat-content-head img{width:100%;height:84px}.course-teacher-wechat-content-head-text{position:absolute;top:24px;left:16px;color:#fff;text-align:left}.course-teacher-wechat-qr{width:127px;height:127px;margin-bottom:15px}.course-teacher-wechat-btn{margin:0 27px;background:linear-gradient(168deg,rgba(78,228,167,1) 0,rgba(28,229,148,1) 100%);color:#fff;height:44px;line-height:44px;border-radius:22px;font-size:14px}.course-teacher-wechat-close{position:absolute;bottom:-60px;left:0;text-align:center;width:100%}.course-teacher-wechat-close img{width:37px;height:37px}