html,body,p,form,ul,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,strong{font-weight:normal}
body,a,li,input,button,textarea{font-family:"PingFangSC","\5FAE\8F6F\96C5\9ED1" !important}
a{text-decoration:none;cursor:pointer}
em,i{font-style:normal}
li{list-style:none}
img{border:0 none;vertical-align:top}
input,button,textarea{font-size:16px;outline:0 none;margin:0;padding:0;border:0 none}
input{color:#333}
sub,sup{position:relative;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}

.at{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at2{display:-webkit-box;display:box;text-overflow:ellipsis;overflow:hidden;
    -webkit-box-orient:vertical;box-orient:vertical;
    -webkit-line-clamp:2;line-clamp:2}
.bb{
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}

.clearfix:after{display:block;height:0;content:'';overflow:hidden;clear:both}
.clearfix{zoom:1}

.left{float:left}
.right{float:right}

body{line-height:20px;font-size:14px;background-color:#F5361B}
.t_in{position:relative;width:1240px;margin:0 auto}

.t_footer{min-width:1240px;width:100%;font-size:14px;color:#FFF2EB;text-align:center;margin:0 auto;padding-bottom:100px}

.banner{display:block;max-width:1920px;min-width:1240px;height:420px;margin:0 auto;background:url(//img01.51jobcdn.com/im/mkt/edu/shopping/top@2x.png) center top no-repeat;
    -webkit-background-size:auto 420px;-moz-background-size:auto 420px;-o-background-size:auto 420px;-ms-background-size:auto 420px;background-size:auto 420px}
.banner .t_in{position:relative;height:420px}
.banner .t_in .logo{position:absolute;left:0;top:0;width:120px;height:100px}
.banner .t_in::after{content:'';position:absolute;right:0;bottom:-86px;z-index:2;width:364px;height:263px;background:url(//img01.51jobcdn.com/im/mkt/edu/shopping/book@2x.png) no-repeat;
    -webkit-background-size:auto 100%;-moz-background-size:auto 100%;-o-background-size:auto 100%;-ms-background-size:auto 100%;background-size:auto 100%}

.lst{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 27px}
.lst .e{width:280px;overflow:hidden;margin-bottom:40px;background-color:#FFFFFF;
    -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px}
.lst .e p{line-height:24px;padding:0 23px}
.lst .e p:last-child{padding-bottom:20px}
.lst .e .lessonphoto{width:100%}
.lst .e .lname{height:48px;font-size:18px;font-weight:bold;color:#333333;padding-top:20px}
.lst .e .price{padding-top:10px}
.lst .e .old{font-size:14px;color:#BBBBBB;text-decoration:line-through}
.lst .e .now{float:right;font-size:18px;font-weight:bold;color:#FF522B}
.lst .e .small{font-size:18px;font-weight:bold;color:#FF522B}
.lst .more{display:block;width:320px;height:68px;line-height:68px;font-size:32px;font-weight:bold;text-align:center;margin:0 auto 40px;color:#FFFFFF;
    background-image:-webkit-linear-gradient(-90deg, #FF9200 0%, #FF5823 100%);
    background-image:-moz-linear-gradient(180deg, #FF9200 0%, #FF5823 100%);
    background-image:-ms-linear-gradient(180deg, #FF9200 0%, #FF5823 100%);
    background-image:-o-linear-gradient(180deg, #FF9200 0%, #FF5823 100%);
    background-image:linear-gradient(180deg, #FF9200 0%, #FF5823 100%);
    -webkit-border-radius:68px;-moz-border-radius:68px;-o-border-radius:68px;-ms-border-radius:68px;border-radius:68px;
    -webkit-text-shadow:0 5px 11px #FF5723;-moz-text-shadow:0 5px 11px #FF5723;-o-text-shadow:0 5px 11px #FF5723;-ms-text-shadow:0 5px 11px #FF5723;text-shadow:0 5px 11px #FF5723}
.lst .e:hover{
    -webkit-box-shadow:0 4px 14px #ffccc5;-moz-box-shadow:0 4px 14px #ffccc5;-o-box-shadow:0 4px 14px #ffccc5;-ms-box-shadow:0 4px 14px #ffccc5;box-shadow:0 4px 14px #ffccc5}
.lst .ban{overflow:hidden;margin-bottom:40px;
    -webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;border-radius:10px}

.p_list{padding:0 30px}
.p_list .t_in{margin-bottom:60px;background-color:#FFF2EB;
    -webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;-ms-border-radius:12px;border-radius:12px}
.p_list h3{position:relative;text-align:center;padding-bottom:50px}
.p_list h3::before{content:'';position:relative;top:-6px;left:0;display:block;height:64px;margin-bottom:12px;background:url(//img01.51jobcdn.com/im/mkt/edu/shopping/1-title1@2x.png) left center no-repeat;
    -webkit-background-size:auto 64px;-moz-background-size:auto 64px;-o-background-size:auto 64px;-ms-background-size:auto 64px;background-size:auto 64px}
.p_list .t_in:nth-child(2) h3::before{background-image:url(//img01.51jobcdn.com/im/mkt/edu/shopping/2-title1@2x.png)}
.p_list .t_in:nth-child(3) h3::before{background-image:url(//img01.51jobcdn.com/im/mkt/edu/shopping/3-title1@2x.png)}
.p_list .t_in:nth-child(4) h3::before{background-image:url(//img01.51jobcdn.com/im/mkt/edu/shopping/5-title1@2x.png)}
.p_list .t_in:nth-child(5) h3::before{background-image:url(//img01.51jobcdn.com/im/mkt/edu/shopping/6-title1@2x.png)}