html{font-family:"Helvetica Neue",Helvetica,"Microsoft YaHei",STHeiTi,sans-serif;font-size:10px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{font-size:1.2rem;margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2.2rem;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:.8rem}
sub,sup{font-size:.7rem;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0 none}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:1rem}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0 none;padding:0}
input{line-height:normal;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0 none;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{padding:0;margin:0}
a{text-decoration:none}
li,ul{list-style:none}
.show{display:block}
[class*=icon-union]::before{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;font-family:m_icon!important;font-size:.93rem}
.icon-union-mobile:before{content:'\e766'}
.icon-union-course:before{content:'\e763'}
.icon-union-card:before{content:'\e765'}
.icon-union-mall:before{content:'\e764'}
body{background:#f2f2f2}
.union_loading{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9}
.union_wrap{margin:0 auto;max-width:700px}
.union_copyright{height:6rem}
.union_copyright .inner{position:fixed;z-index:-1;box-sizing:border-box;width:100%;bottom:6rem;left:0;padding:1.5rem;text-align:center;font-size:1rem;color:#b2b2b2}
.union_copyright a{color:grey}
@font-face{font-family:m_icon;src:url(/fonts/m_icon/m_icon.eot?t=?ver=1513591444);src:url(/fonts/m_icon/m_icon.eot?t=?ver=1513591444#iefix) format('embedded-opentype'),url(/fonts/m_icon/m_icon.woff?t=?ver=1513591444) format('woff'),url(/fonts/m_icon/m_icon.ttf?t=?ver=1513591444) format('truetype'),url(/fonts/m_icon/m_icon.svg?t=?ver=1513591444#m_icon) format('svg')}
@font-face{font-family:m_themes_icon;src:url(/fonts/m_themes_icon/m_themes_icon.eot?t=?ver=1513591444);src:url(/fonts/m_themes_icon/m_themes_icon.eot?t=?ver=1513591444#iefix) format('embedded-opentype'),url(/fonts/m_themes_icon/m_themes_icon.woff?t=?ver=1513591444) format('woff'),url(/fonts/m_themes_icon/m_themes_icon.ttf?t=?ver=1513591444) format('truetype'),url(/fonts/m_themes_icon/m_themes_icon.svg?t=?ver=1513591444#m_themes_icon) format('svg')}
.m_icon,.m_themes_icon{font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
.m_icon{font-family:m_icon!important}
.m_themes_icon{font-family:m_themes_icon!important}
body{word-wrap:break-word;word-break:break-all;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
a.disabled,button.disabled,input.disabled{cursor:default;background:#e8e8e8!important;color:#c7c7c7!important}
a.disabled:hover,button.disabled:hover,input.disabled:hover{background:#e8e8e8!important;color:#c7c7c7!important}
[v-cloak]{display:none}
.hide{display:none}
.show{display:block}
.mg-b{margin-bottom:10px}
.mg-t10{margin-top:10px!important}
.mg-t15{margin-top:15px!important}
.mg-t20{margin-top:20px!important}
a,button,div,i,input,label,select,span,textarea{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
a:focus,button:focus,div:focus,i:focus,input:focus,label:focus,select:focus,span:focus,textarea:focus{outline:0}
.corner_newer{position:absolute;right:0;top:0}
.corner_newer .m_icon{position:absolute;right:0;top:0;z-index:0;font-size:70px;line-height:70px;color:#ea3925}
.corner_newer .des{position:absolute;width:50px;height:20px;right:-2px;top:17px;z-index:2;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);color:#fff;font-size:1.2rem}
.card_bg{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px}
body{background:#fff;font-family:Menlo,Monaco,Consolas,"Courier New",monospace,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif;line-height:1}
.main_content{overflow:hidden;min-height:450px}
.page_title{height:44px;background:#f5f5f5;font-size:1.6rem;color:#333;text-align:center;line-height:44px;font-weight:400}
.page_title .back{display:block;position:absolute;left:15px;top:13px;width:17px;height:17px;text-indent:-9999px;background:url(https://static-s.styd.cn/201804081740/icon_m_default.png) left top no-repeat;background-size:250px 500px;background-position:-200px -100px}
.surprise{padding:20px 0 10px}
.surprise.pd-b-60{padding-bottom:60px}
.surprise p{font-size:1.2rem;color:#aaa;line-height:2rem;text-align:center}
.training_title{font-size:1.5rem;color:#4c4c4c;padding-bottom:15px;margin:20px 15px 15px;border-bottom:1px solid #ddd}
.no_more{width:220px;margin:50px auto}
.no_more span{display:block;width:90px;height:78px;margin:0 auto 10px;background:url(../../../img/no_data.png) left top no-repeat;background-size:100% 100%}
.no_more p{font-size:1.4rem;color:#969696;text-align:center;line-height:20px}
.foot_bar{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;width:100%;height:50px}
.foot_bar ul{width:100%;height:100%}
.foot_bar ul li{width:25%;height:50px;float:left}
.foot_bar ul li a{display:block;font-size:1rem;text-align:center;padding:8px 0 6px;line-height:12px}
.foot_bar ul li a:before{font-family:m_themes_icon;content:'\e607';font-size:2.2rem;display:block;height:21px;margin:4px auto 1px}
.foot_bar ul li.course a:before{content:'\e647'}
.foot_bar ul li.card a:before{content:'\e605'}
.foot_bar ul li.mall a:before{content:'\e606'}
.foot_bar ul li.mall{display:none}
.foot_bar ul li.mall a:before{content:'\e608'}
.foot_bar ul li.my a:before{content:'\e604'}
.foot_bar.hasmall li{width:20%}
.foot_bar.hasmall li.mall{display:block}
@media only screen and (min-width:481px){
.wrap{width:700px;margin:0 auto}
.foot_bar{right:0;margin:auto;max-width:700px}
}
.follow_wrap{background:#1d1f22;height:45px;line-height:45px;color:#fff;position:relative;padding-left:48px;padding-right:50px;font-size:1.5rem}
.follow_wrap img{position:absolute;left:15px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:12px}
.follow_wrap a{color:#fff}
.follow_wrap a:hover{color:#fff}
.follow_wrap .follow_me{position:absolute;right:15px;color:#fff}
.follow_wrap .follow_me:hover{color:#fff}
.layer{position:absolute;display:none;left:0;top:0;z-index:2;background:rgba(0,0,0,.7)}
.layer .coach_qrcode{position:fixed;top:100px;left:50%;margin-left:-140px;width:250px;background:#fff;padding:15px;border-radius:5px}
.layer .coach_qrcode img{display:block;width:250px;height:250px;margin-bottom:20px}
.layer .coach_qrcode p{font-size:1.4rem;text-align:center;line-height:2rem}
.layer .coach_qrcode p.tips{color:#666}
.layer .coach_qrcode p.name{color:#080504}
.layer .close_layer{position:fixed;right:10px;top:10px;display:block;width:23px;height:23px;background:url(../../../img/icon_coach_share.png?ver=1513591444) -34px 0 no-repeat;background-size:57px 23px}
.icon_address{background:url(https://static-s.styd.cn/201804081740/icon_m_default.png) left top no-repeat;background-size:250px 500px;background-position:0 -150px}
.icon_tag{background:url(https://static-s.styd.cn/201804081740/icon_m_default.png) left top no-repeat;background-size:250px 500px;background-position:0 -250px}
.top_menu{position:relative;height:36px;line-height:36px;text-align:center;font-size:1.5rem}
.top_menu .m_icon{position:absolute;left:5px;font-size:2.2rem;width:30px;height:30px;line-height:30px;top:50%;margin-top:-15px}
.top_menu .m_icon.me{left:auto;right:5px}
.float_menu{position:fixed;right:10px;bottom:10px;z-index:999;width:50px;height:50px;border-radius:100%}
.float_menu .m_icon{display:block;width:50px;height:50px;line-height:50px;color:#fff;font-size:28px;text-align:center}
input{background:0 0}
.sec_seperate{width:100%;height:10px;background:#f2f2f2}
.new_welfare{width:100%;height:50px;position:relative;max-width:700px;margin:0 auto 50px auto}
.new_welfare .inner_wrap{position:fixed;width:100%;height:50px;max-width:700px;background:rgba(0,0,0,.68);left:0;bottom:50px;bottom:calc(50px + constant(safe-area-inset-bottom));bottom:calc(50px + env(safe-area-inset-bottom));color:#fff;box-sizing:border-box;padding:10px 90px 10px 27px}
.new_welfare .inner_wrap .text_icon{position:absolute;left:0;top:9px;font-size:1.2rem;padding:3px 3px;border-radius:3px;color:#fff;margin-left:5px}
.new_welfare .inner_wrap .btn_buy{position:absolute;right:27px;top:50%;cursor:pointer;margin-top:-15px;width:60px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:15px;border-radius:5px}
.new_welfare .inner_wrap .btn_buy:hover{color:#fff}
.new_welfare .inner_wrap .close{position:absolute;width:20px;height:50px;line-height:25px;font-size:22px;right:0;top:0;color:#fff;cursor:pointer;z-index:2;text-align:right;padding-right:5px}
.new_welfare .inner_wrap p{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.new_welfare .inner_wrap p.t1{font-size:1.5rem}
.new_welfare .inner_wrap p.t2{font-size:1.2rem;margin-top:4px}
.new_welfare.bottom{margin-bottom:0}
.new_welfare.bottom .inner_wrap{bottom:0}
.anniversary_banner{width:100%;height:50px;position:relative;max-width:700px;margin:0 auto 50px}
.anniversary_banner .inner_wrap{position:fixed;width:100%;height:50px;z-index:99;max-width:700px;background:url(https://static-s.styd.cn/201801031730/anniversary_banner_2017.png) center center no-repeat;background-size:cover;left:0;bottom:50px;bottom:calc(50px + constant(safe-area-inset-bottom));bottom:calc(50px + env(safe-area-inset-bottom));box-sizing:border-box}
.anniversary_banner .inner_wrap:after,.anniversary_banner .inner_wrap:before{content:" ";display:table}
.anniversary_banner .inner_wrap:after{clear:both}
.anniversary_banner .inner_wrap a{display:block;float:left;width:90%;height:100%;text-indent:-9999px}
.anniversary_banner .inner_wrap .close{display:block;float:left;width:10%;height:100%;position:relative}
.anniversary_banner .inner_wrap .close::before{position:absolute;right:10px;top:10px;content:'';background:#fff;width:1rem;height:1rem}
.anniversary_banner .inner_wrap .close::after{position:absolute;right:5px;top:5px;font-family:m_icon;content:'\e610';color:#3a3a3d;font-size:2rem}
.anniversary_banner.bottom{margin-bottom:0}
.anniversary_banner.bottom .inner_wrap{bottom:0;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}
@media screen and (min-width:700px){
.anniversary_banner .inner_wrap,.new_welfare .inner_wrap{left:50%;margin-left:-350px}
}
.t-radio-dot{display:inline-block;width:17px;height:17px;margin-right:5px;vertical-align:text-top}
.tab_g{padding:9px 0;height:25px;background:#fff;overflow:hidden;border-bottom:1px solid #ddd}
.tab_g li{float:left;width:25%}
.tab_g li a{display:block;width:100%;height:25px;font-size:1.4rem;color:grey;text-align:center;line-height:25px}
.tab_g li.current{padding-bottom:7px}
.border-b,.border-r,.border-t{position:relative}
.border-b::after,.border-r::after,.border-t::after{content:'';position:absolute;width:200%;height:1px;background:#e6e6e6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5);-webkit-box-sizing:border-box;box-sizing:border-box}
.border-r::after{width:1px;height:200%}
.border-b::after{left:0;bottom:0}
.border-r::after{right:0;top:0}
.border-t::after{left:0;top:0}
.union_header{box-sizing:border-box;height:3.5rem;padding:.9rem 1.5rem;background:#fff;position:relative}
.union_header img{max-height:100%;max-width:50%}
.union_header .city,.union_header .home{position:absolute;right:1.2rem;top:0;z-index:2}
.union_header .home{width:3.5rem;height:3.5rem;line-height:3.5rem;text-align:right;right:0;padding-right:1.2rem}
.union_header .home::before{display:inline-block;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;font-family:m_icon!important;content:'\e761';font-size:1.6rem}
.union_select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;height:3.5rem;background:0 0;font-size:1.2rem;text-align:right;padding-right:1.5rem;border:0 none;direction:rtl}
.union_select select option{direction:ltr}
.union_select:after{content:'\e760';font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;font-family:m_icon!important;font-size:.8rem;position:absolute;right:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.union_menu ul{display:-webkit-box;display:-moz-flex;display:-o-flex;display:-ms-flex;display:box;background:#fff;position:relative;position:fixed;z-index:99;width:100%;height:5rem;max-width:700px;left:50%;bottom:0;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.union_menu ul::after{content:'';position:absolute;width:200%;height:1px;background:#e6e6e6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5);-webkit-box-sizing:border-box;box-sizing:border-box}
.union_menu ul::after{left:0;top:0}
.union_menu ul li{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:100%;height:5rem;text-align:center;display:-webkit-box;display:-moz-flex;display:-o-flex;display:-ms-flex;display:box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.5rem;color:#333;position:relative}
.union_menu ul li::after{content:'';position:absolute;width:200%;height:1px;background:#e6e6e6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5);-webkit-box-sizing:border-box;box-sizing:border-box}
.union_menu ul li::after{width:1px;height:200%}
.union_menu ul li::after{right:0;top:0}
.union_menu ul li:last-child::after{display:none}
.union_menu ul li a{display:block;width:100%;height:100%;line-height:5rem;color:#bbb}
.union_menu ul li a::before{display:inline-block;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;font-family:m_icon!important;margin-right:.5rem}
.union_menu ul li a.home::before{content:'\e761'}
.union_menu ul li a.my::before{content:'\e762'}
.st-star{display:inline-block;font-size:0}
.st-star-item{display:inline-block;width:1.5rem;height:1.5rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACoUlEQVRIS72WP0wTcRTHPw8oRnNXXYwxGAcNmBgdHdQFHWTQyehm1EHAScGl0kNyAldx8e8i4GDiZnTTRF1gkcWVaFISBiMJJiZK76IxbfpMrwULvZa7FvwtN/ze+35+3/f75d0T6lhqs42YOe2nZt1OsfkVVUaiJhTidTTeh+h9P1ekX5KZB1F1IoPVppWYMQ/SVoTpAovefnnMnyjw6GDH6AEZXw3RXrG8iU0D6wuamTPTwL41kHmy7gGxyYWFR3KsTvwC6PNAcZGLkswE7wUkhAarIqTMWeBgFVefSLqHRNAwrsODU8ZZVF7VFFU9J4Ne7ZiSQCiw2hi0mjMoh9dxM0vWPSo23nquV4HV3mmwJdsOuQ7ydIB0QOHrl9dYT6y07yF8Bi08wjRKGprTtMTmJPHdXdYQTZmXgMuoD9hdaAkhAVHDCne/6B8Gnok65g9gR1SVBuN/FsAJYKxBoajpN/2yqmPcAhmOml1fvA6J5Y2s3Of/gReh/r+l/NSbC/8HrQBvXtlXQwPBGw+vhFYF+/BU/CGq1+p7QMt9UR5JMnM9SKNqs1Anfhr0dUNg5IxYmTfRwKl4H1oab+ql1xiLqjtOmRMo3fUyS3lPxXIDNWqU2vwAHGsQPCOWezxaqTemhy+J5Qb+BwId6+jWNqTla4Nui+ma2yODvxfWagWD72w/RT7/ripYeEtebvv7krdBuqrGNjV1ycDS+3BgJ94Peq9CTPiIakIsb2pVqx0xTtIsYyhHKg8gN8TKFIf/shXs2DEngStlcXM0qcWA91IIHua00Pcd4zzIKNBelhv4squBnwC9wDdUh/niTcoE2TB3rj3E2Gt0IzIE7ALGxXKvhnN8F5Os2UnOnQozuAUdyB8QW8wTxNxpSbAyay3H/gV/leeY7JjBOwAAAABJRU5ErkJggg==) no-repeat 0 0;background-size:100%;margin-right:.7rem}
.st-radio{-webkit-appearance:none;border:0 none;width:1.6rem;height:1.6rem;background:url(https://static-s.styd.cn/202003021738/radio.png) no-repeat -2.6rem 0;background-size:4.2rem}
.st-radio--checked{background-position:0 0}
.icon-online-deposit,.icon-online-number,.icon-online-selected,.icon-online-wechat{display:inline-block;width:2.2rem;height:2.2rem;background:url(https://static-s.styd.cn/202003031101/payment_method.png) no-repeat;background-size:5.4rem}
.icon-online-wechat{background-position:0 -3.2rem}
.icon-online-deposit{background-position:0 0}
.icon-online-number{background-position:-3.2rem 0}
.icon-online-selected{background-position:-3.2rem -3.2rem}
.surprise{padding-bottom:80px!important}
.online-course-bottom-fixed{height:6rem}
.online-course-bottom-fixed__container{position:fixed;z-index:9;display:flex;width:100%;height:4.4rem;background:#fff;padding-top:.8rem;left:50%;bottom:0;padding-bottom:calc(.8rem + constant(safe-area-inset-bottom));padding-bottom:calc(.8rem + env(safe-area-inset-bottom));max-width:750px;transform:translate(-50%,0);box-shadow:0 -.1rem .2rem 0 rgba(0,0,0,.1)}
.online-course-bottom-fixed__btn{flex:1;margin:0 1.5rem;width:100%;height:4.4rem;line-height:4.4rem;background:linear-gradient(to bottom,#4b5aff 0,#3152ff 100%);border-radius:2.2rem;border:0 none;font-size:1.6rem;cursor:pointer;color:#fff}
.online-course-bottom-fixed__btn:hover{opacity:.9;color:#fff}
.online-course-bottom-fixed__btn--disabled{background:rgba(0,0,0,.25);cursor:default}
.online-course-info__cover-img{width:100%;height:60vw;max-height:420px}
.online-course-info__duration{position:absolute;right:1.5rem;bottom:1.2rem;padding:.2rem .4rem;background:rgba(0,0,0,.6);border-radius:.2rem;font-size:1.2rem;color:#fff}
.online-course-info__video-wrap{width:100%;position:absolute;left:50%;top:0;z-index:8;max-width:700px;transform:translate(-50%,0)}
.online-course-info__video{width:100%;height:60vw;max-height:420px}
.online-course-info .container{padding:1.5rem}
.online-course-info__column-title{font-size:1.8rem;color:#000;position:relative;margin:1.5rem 0}
.online-course-info__column-title::before{content:'';position:absolute;left:0;bottom:0;width:7.4rem;height:.4rem;background:rgba(53,85,255,.5);border-radius:.2rem;z-index:-1}
.online-course-info__tag{display:flex;align-items:center;margin-top:1rem}
.online-course-info__tag-level,.online-course-info__tag-replay{display:inline-block;height:1.5rem;line-height:1.5rem;padding:0 .6rem;border-radius:.75rem}
.online-course-info__tag-level{border:.1rem solid #ff850d;color:#ff850d}
.online-course-info__tag-replay{background:#21d3a9;color:#fff;margin-left:.8rem;display:flex;align-items:center}
.online-course-info__tag-replay::before{content:'';display:inline-block;width:1rem;height:1rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAABg0lEQVQ4T6XUz4vNYRTH8ddHycbMQilhZworSlFqisZafiR7JSv/gGJB9ko2o2YrSWSNmWIjKUpRyAIrRYz90XP73uma7oyZe7/1bL7nPO/nc85zPk8M+apqBmcxjR3YiK+4leRGVW3v4nNJfvURGWRV1RRu48iwQ/A0yUxVXcclfMCpJG9b/hKsqpqKh9iC77iJR/iEDdiJL0kWO2UPcBA/cSDJ5x6sU/SiA93HuSS/V1DX+11Vm3AHJ/EKh/uw+a60BjqTpFYD9WNVNYGX2N1WumY/7kqb+p+i5YdU1Ta0fc8bbBbncSXJtbUoWimnwd5hD/YneTMurDW61T6R5M96YVX1rDcWyXRTNjKsqjZjsa0kk2OVWVX78Brvk+wd6wKq6jKuYjbJhZFHo6om8RFbcSzJk5GGtqravns4jYUkR5e8uR47dYrmOtAPHErSFK7Z6C13F47jYldaA51I0huNf2ADhl/tCervW2iu6SsaChsw8PLHsYW+oam425o9bLj/Aj3orjmvkFJUAAAAAElFTkSuQmCC) no-repeat 0 0;background-size:100%}
.online-course-info__hr{width:100%;padding-right:1.5rem;border-bottom:.1rem solid #f7f5f6;margin:2rem 0}
.online-course-info__video-container{position:relative}
.online-course-info__video-deleted{font-size:1.2rem;color:#fff;padding:.6rem 1rem;background:rgba(0,0,0,.8);border-radius:1.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center}
.online-course-info__video-deleted::before{content:'';display:inline-block;width:1rem;height:1rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABRElEQVQ4T7WVuy4FURSGv1+iQiFRaRUilPSikWgQl8YTiPa4PII4HoNGIqhU4gX0KDQKD+ByIpFYsuZsJ5NzZvaeiWPKmX9/a/1rrb1GFDxmNgisAMvALDAeZC/AHXAFXEr66j6u7hdmtgo0gYmiYLl3T8CupIu8rgM0swHgEGgAPYFK4AYcAweSvl2TBx55xIKDrRBkGtgpATcl7XWAweZ5SWbXkpZCXT8Bd9JTKWDN7SsI7yM1ewe2gRlgP1JXr+mUAzeAs0QDqn7edOAJsJU48QyMAiMJ3akDH4DJiNBnbQxYrODk0YGvicgfkobNbB64TWT49i/AlOU6GWaWU02pA8yakhqbOsBsbHyzxAa7KrA92N61xNVrSRoyswXgJrIk2lfvV2BmZcvBJX7l5oD1SsshZNnf9ZXLtD8LNm/lL7+AH6b5n4eUU4DLAAAAAElFTkSuQmCC) no-repeat center center;background-size:100%;margin-right:.5rem}
.online-course-info__video-action{position:absolute;right:1.5rem;top:1.5rem;z-index:9}
.online-course-info__icon-share{width:2.4rem;height:2.4rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAAAyVBMVEUAAAAAAADz8/MAAAAAAAAAAAAAAAAAAABJSUkaGhr4+PhHR0cAAAAAAAAAAAAAAAAAAAAAAAAAAAD5+fmxsbFBQUHGxsbr6+ugoKB+fn79/f3d3d0UFBT6+vry8vLW1tbLy8uLi4sxMTEAAAAAAAAAAAD+/v7Z2dnPz8+2tradnZ2amppnZ2f8/Pz09PTu7u68vLyrq6uHh4cMDAzj4+Nvb2/19fVcXFzn5+fR0dHCwsJ1dXUeHh7k5OTg4ODIyMipqamSkpL////qE9arAAAAQnRSTlNmAO1aTwJgEXts83pFPTUxJSAN9a54vuOjkPzUa/frzcOXc1QsKf3PxrKhn4b67ua2qpVp2orwgt/Iuoxt3NbBqZvR9nstAAADu0lEQVRYw82Z6VbiMBSAr3azHZYuUKXsCAiyKCii4zq+/0NNpqEVcxOStucwfv9mSr4Tk9ybmwRO5FhetaxfaiaAqV3q5apnKTQCmXRYMgFhloZWEbFf0UCIVvHziQ1XBwm6a2QWGyMNFNBGRjaxi7RCtZtBbOmQAd1SFBsVyEjFUBH7OmRG9+Viz4QcmJ5MXIWcVA+Ly5Cb8gGxUYIClAyhmHgLmUXiMhSkzBdXoTBVntgDMfNV777jRMsa/efz4/hzj+CtDzs8LPZF6/du3Q1SR2zeEi3De7KefVZsCOKtVXP2BR0ghJ+YpM+6wYgF+eF6+b39KRCeOOK3NG98F1tcbeOGbR8CYcYRB5BgfRNzB+IWNb96iT9MOGZI0PfFLmDsq71m7Wav9mczSL5try/+ccsTg/slNjTsrZ9/WZ/WLeDw65Qr1oxUPOJ4nVRbI1axF4thRMXcDttJf8fvA5B5qZjpMvBHOBnfhznIvFgM7k6sC9fDeV3qPb3FYp2Kfbx+d42aL3Lv2QUWgx+LcdDt4uKxpeAFnrgSizUUx/SnTl3FyxVrRIyjubWk6+FZxcsXg0XEQ2Co0V/+VvGKxEMiLrH516FxMVDxpgM3ZrY/ImYT/Jo2myp6YUsnmilgTgANcZfOnK3opbkuYifEArTV0X1oIvemzJ7CLTB4UGX3zXSrkXvFEC1bTKzihgu7mJdo2UTRo8Fc0Eu0l8z/3NO9LZPXRrFPtGxAd3b1A+JM5K03x4seq9aAXcY0PGbIOxD295UXp7j8ieLWDWDpirx1uiMAQlEcCLzQQCFNUR2KDtebli8B0qpO3gfjZZJhB02e8nJbdYIuSv1pifiKlpskQOQ04wY9FCCSkJZiL+IGHyikJUlISp/+fo6SkCRtSplwFwV4okQf2IojQfvRBQZLsjVJmfJHzpRsplIGbbqR3aGzpHj7D1XEoeDPGx4oWKKN3LuJaAay0RDnKbFwdX4NDNrhovAcdYRfnZ/juxxZGWsf9JJgFuRYP0fhjU8/uMjT5UcFZyOcNyc5+wHCVTjcROGAu37D6FM4EZqhdhyboqb2tJ18feAM1kj1ABlM+vaetT8J0k83Z8DrsPqRd9EMa7NGY1YLmwvmbI1wMxzSMeJEpWe8VsDcNICHlekiBLO8AC6VLFc3GEd0cteNXJdNlHZ3fQd8TD/X9VjkdO57qzmI8Y5woXeEK8jil6ZHuOY9wsV08av0417+F3+uOOoDS/Enof//iJXp2e2nPBQqPW3+vMfYIs/HfwF0zjUZuA+xoQAAAABJRU5ErkJggg==) no-repeat 0 0}
.online-course-info__icon-report{width:2.4rem;height:2.4rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAAAzFBMVEUAAAAAAAD+/v7d3d2EhIQAAAAAAAAAAAAAAADPz88AAAAAAAAAAAAAAAAAAAAAAAAAAABsbGwNDQ39/f2vr6+7u7sdHR13d3fb29tSUlL7+/vd3d3U1NSjo6MAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6+vrGxsapqalYWFj09PTx8fHk5OSampqPj49KSkrs7Ozh4eHJycnBwcF+fn74+Pju7u7o6OjW1tazs7OTk5NmZmZfX18uLi7MzMy+vr41NTX9/f3R0dH////IzVWaAAAAQ3RSTlNmAP3VkwJgWRHGTkU5MSUgDYhp/Ky1bY3SfvnUyqVcVFFPQDQsKfe+qYDv6tygmXvk2MG6kPPn4M2wnIWDcsS4dfrI6HJ4ZgAAA/RJREFUWMPNmWl7ojAQgGdTOVVAsaJWe3v30Nr73p3//582RrqCE0qozbN9v9RifJ8wk0AygV/52H712D2wTADTOnCPq76t8CPIk56WTSCY5VN7G3FwYkEm1knwNbHhHUEOR55RWGz0LVDA6hvFxN4+KLLvFRDbLhTAtRXFRgUKUjFUxMEhFOYwyBf7JnwB088TV+GLVD8XV+DLVD4RG2XYgrKRKSbegmYipnHYPhqgnLf69UO3+3Bdz8kgFfvwCe3R3m9kHPy9N2pDJj4VB5njt1m6miAyFIgPk6tSE6SYwabYyJhvz40ztpau5eys8Sydg8ZanJm4l0fnBlmyq8mOM7xxHl9oAtNimzSo7d4JzbqP81EUjeYsdRHvdmuQxk6J3Q1rd4AsKRj8uWjGEb/4M0i6+XfdlNtNir20t5Hu1XQR1VMDL1pM03czggTeWmzsp8dWOklt6fhLJZUl2+wb/8R9SPHGYmvn/vwFMnk5v+/EbvYGCfofYsOCFC3RejIks+zp9fVpYzYOJ0LcggSWIcQkwrCDnB4QxiFj4Rg26CFnB5J4sfhIJi5R8RVDZFewQYmKj1biABTFe8jZUxBDIMQnquIdoVARnwix9f1iaym24fvFYHPxqQ7xKReXdYjLXGzqEJu/wAYdYq719Yh9qOoRV+FYi5hrXT1iFw60iLnW0iO2wNQiJtotH5sU9Qf9q6I4JxTk1YQ1xVAUSR48OU4EisnLG24U1eHmSpJUWExT6sqmdJfxpueq4nPemHXplK4CYRjypg+q4geGGA7pQ8gHQm+1tqHUHKdGLraYbHnjyx70z8jpNKmXcTbNzQ5yyOrelr2a4AalQXaWE8SRhBhvyDCWvkxhsTRM6yri+nR5cUH2kuvXP10g91RC0RNN2yB5/dtAuV92Y3CZn7zLwbLlPRHYZIkVt19mmp3VIYf6nWhIemDFi0LKGy5x8sSOaLYLArIoDGRdmTHyE8ouctiM3lggXXgLxh1qlns7Y1roW28VKBcoGGZ7h4gZTyuPbG7Smz1BqynXNlsoaADBMsh2jN4pstsxSBjfMsyKVZ9sIOXmsAeEXki8dANJoky2vq13SPG+CgMTcSB4dJNOMxiyVeZH9cRQHK1GTBhegASXlBVk1CYMBbcRxES3KGDTGsiwSSFEStP5KIDMI6Gdf/w/lA+XSlbphoZjsOp0iLNGY8b/CO8kAimHhnqx6T3uNDJO/GGRU2xSLI893cXquOutS8jAL1rQe5x+qBnOrtULejSBVH22CsW8pFiCVC+athvdbuMSsilrK/NqKkzrKqXrKv7rOq7QdcCi6Ujo/x9iFTp2+ykHhUpHmz/vMHab4+O/H2zma3UsApEAAAAASUVORK5CYII=) no-repeat 0 0}
.online-course-info__icon-report,.online-course-info__icon-share{display:inline-block;background-size:100%}
.online-course-info__name{font-size:2.1rem;color:#000;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.online-course-info__price{font-weight:700;font-size:2.5rem;color:#000;margin-top:2rem}
.online-course-info__price-unit{font-size:1.5rem}
.online-course-info__presenter{font-size:1.2rem;color:#666;margin-top:1.2rem}
.online-course-info__intro{font-size:1.4rem;color:#333;line-height:1.5;margin-top:2rem}
.online-course-info__intro img{max-width:100%;height:auto!important}
.online-course-info__copyright{font-size:1.2rem;color:#999;text-align:center;margin:4rem 0 2rem}