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}
.icon-close-plain,.icon-hot{font-size:.7995rem;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;font-family:icon_club_m!important;font-size:1.4rem;cursor:pointer}
.icon-close-plain:before,.icon-hot:before{content:'\e606'}
.icon-hot:before{content:'\e6e8';color:#fc5a44}
.icon-close-plain:before{content:'\e6e9'}
.free_card_layer{height:4.5rem}
.free_card_layer .inner{position:fixed;width:100%;height:4.5rem;background:rgba(0,0,0,.7);left:50%;bottom:0;z-index:100;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);max-width:700px;display:table;table-layout:fixed}
.free_card_layer .content{vertical-align:middle;box-sizing:border-box;width:100%;height:4.5rem;display:table-cell;padding:0 4.5rem 0 1.2rem}
.free_card_layer .hot,.free_card_layer .label,.free_card_layer .name{display:inline-block;vertical-align:middle}
.free_card_layer .label{background:#ffea0a;width:5rem;height:2rem;text-align:center;line-height:2rem;font-size:1.3rem;color:#484848;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg);margin-right:.3rem}
.free_card_layer .label i{display:block;-webkit-transform:skew(20deg);-moz-transform:skew(20deg);-ms-transform:skew(20deg);transform:skew(20deg);font-style:normal}
.free_card_layer .name{color:#fff;font-size:1.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}
.free_card_layer .hot{position:relative}
.free_card_layer .icon-hot{font-size:1.5;position:absolute;left:0;top:-1.2rem;font-size:2.1rem}
.free_card_layer .icon-close-plain{position:absolute;width:3.6rem;height:4.5rem;text-align:center;line-height:4.5rem;right:0;top:0}
.free_card_layer .icon-close-plain:before{color:#a4a4a4}
.foot_bar+.free_card_layer .inner{bottom:4.5rem;bottom:calc(4.5rem + constant(safe-area-inset-bottom));bottom:calc(4.5rem + env(safe-area-inset-bottom))}
@font-face{font-family:icon_club_m;src:url(../../../fonts/icon_club_m/icon_club_m.eot?t=?ver=1474542308);src:url(../../../fonts/icon_club_m/icon_club_m.eot?t=?ver=1474542308#iefix) format('embedded-opentype'),url(../../../fonts/icon_club_m/icon_club_m.woff?t=?ver=1474542308) format('woff'),url(../../../fonts/icon_club_m/icon_club_m.ttf?t=?ver=1474542308) format('truetype'),url(../../../fonts/icon_club_m/icon_club_m.svg?t=?ver=1474542308#icon_club_m) format('svg')}
.icon_club_m{font-size:.7995rem;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;font-family:icon_club_m!important}
.foot_bar{position:fixed;bottom:0;border-top:1px solid #ddd;left:0;background:#fff;width:100%;height:4.5rem;max-width:700px;z-index:99}
.foot_bar ul{width:100%;height:100%;display:-webkit-box;display:-moz-flex;display:-o-flex;display:-ms-flex;display:box}
.foot_bar ul li{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:block;height:100%;position:relative}
.foot_bar ul li a{display:block;font-size:1rem;text-align:center;height:100%;box-sizing:border-box;padding-top:.525rem}
.foot_bar ul li a:before{width:2.1rem;height:2.4rem;font-family:icon_club_m;content:'\e622';font-size:1.95rem;line-height:2.4rem;display:block;margin:0 auto;color:#bfbfbf}
.foot_bar ul li a span{position:absolute;width:100%;bottom:.525rem;left:0;color:#acacac}
.foot_bar ul li a.current span,.foot_bar ul li a.current:before{color:#1a1a1d}
.foot_bar ul li.course a:before{content:'\e621'}
.foot_bar ul li.product a:before{content:'\e620'}
.foot_bar ul li.mall{display:block}
.foot_bar ul li.mall a:before{content:'\e624'}
.foot_bar ul li.my a:before{content:'\e623'}
@media screen and (min-width:700px){
.foot_bar{left:50%;margin-left:-350px}
}