@charset "utf-8";
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
body{
	background:#eaf4f9;
}
img{
	vertical-align:top;
}
/*header*/
.banner{
	width:6.4rem;
	height:3.95rem;
	background:url(../images/banner.png) no-repeat;
  background-size: 100% auto;
	width:100%;
	margin-top: 40px;
}
.hongbao-z{
	background: #fff;
}
/*.hongbao{
	display: flex;
	display: -webkit-flex;
	justify-content:space-between;
}
.hongbao .fifty{
	background: url(../images/fifty.jpg) no-repeat;
	background-size: 100% auto;
	width:1.95rem;
	height:1.63rem;
	display: block;
}
.hongbao .one-h{
	background: url(../images/one.jpg) no-repeat;
	background-size: 100% auto;
	width:1.95rem;
	height:1.63rem;
	display: block;
}
.hongbao .three-h{
	background: url(../images/three.jpg) no-repeat;
	background-size: 100% auto;
	width:1.95rem;
	height:1.63rem;
	display: block;
}
.guize{
	padding:0.24rem 0 0.55rem 0.19rem;
}
.guize .wenhao{
	background: url(../images/wenhao.png) no-repeat;
	background-size: 100% auto;
	width:0.28rem;
	height:0.28rem;
	display: block;
	float: left;
}
.guize .shigui{
	font-size:0.24rem;
	color: #d3252f;
	float: left;
	margin:0.02rem 0 0 0.24rem;
	display: block;
	text-decoration: underline;
}
.guize .shigui:active{
	color: #ba2a30;
}*/
.ticket {
    width: 6rem;
    margin: 0 auto;
    padding-top:0.4rem;
}
.ticket_bg {
    background: url(../images/ticket_07.png) no-repeat;
    background-size: 0.76rem 0.76rem;
}
.ticket_bg div {
    margin-left: 1rem;
    margin-bottom: 0.7rem;
    height: 0.76rem;
}
.ticket_bg div .mian{
	line-height: 0.76rem;
}
.ticket_bg h3, .ticket_bg p {
    font-size: 0.3rem;
}
.redPac>span {
    position: relative;
    display: inline-block;
}
.redPac img {
    width: 1.9rem;
    height: 0.97rem;
}
.redPac .redPac_bg img {
    width: 0.58rem;
    height: 0.58rem;
    position: absolute;
    right: 0.2rem;
    top: 0.3rem;
}
.redPac>span:not(:first-child) img {
    margin-left: 0.04rem;
}
.rule {
    width: 6.03rem;
    margin: 0 auto;
    margin-top: 0.34rem;
}
.rule img {
    width: 6.03rem;
    height: 4.26rem;
}


.banner-con{
	background: #fff;
	padding: 0.58rem 0;
}
.banner-con .qianyan{
	display: block;
	width:1.76rem;
	height:0.44rem;
	margin:0 auto 0.26rem auto;
}
.banner-con .banner-cotet{
    font-size:0.28rem;
    text-indent:0.7rem;
    width:5.84rem;
    margin:0 auto;
    line-height:0.35rem;
}
.team-up{
	transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
}
.team-bg{
	background: url(../images/team-bg.png) no-repeat 0.15rem 0.2rem;
    background-size:0.35rem 0.31rem;
    width:0.64rem;
    height:0.66rem;
    line-height:0.66rem;
    display: block;
    margin:0 auto;
}
/*main*/
.main{
	width:6.22rem;
	margin:0 auto;
	text-align:center;
}
.main .className{
	font-size:0.3rem;
	font-weight:bold;
	padding:0.25rem 0 0.1rem 0;
}
.main .content{
	font-size:0.22rem;
	color:#3e3e3e;
	width:5.4rem;
	margin:0 auto;
	text-align:left;
}
/*一带一路*/
.four{
	background:#cdecef;
    width:6.22rem;
    margin:0 auto;
    font-family:"微软雅黑";
    margin-bottom:0.23rem;
}
/*轻松入门  one*/
.one{
    background:#cdecef;
    width:6.22rem;
    margin:0 auto;
    font-family:"微软雅黑";
    margin-top:0.25rem;
}
.enter{
	background:#dcf1e0;
}
.intro,.intro1{
	width:6.14rem;
	margin:0 auto;
	margin-top:0.25rem;
}
.intro li,.intro1 li{
	float:left;
	width:3.04rem;
	height:5rem;
	background:#fff;
}
.intro li.left,.intro1 li.left{
	margin-right:0.06rem;
}
.two .two_bot{
	height:5.3rem;
}
.intro img,.intro1 img{
	height:auto;
	width:3.04rem;
}
.one .ry,.two .ry,.three .ry{
    font-size:0.22rem;
    padding:0.18rem 0.05rem 0.08rem 0.05rem;
}
.one .ry .ty{
	font-size:12px;
}
/*.one .one_bot{
	height:4.8rem;
}*/

.one .teacher,.two .teacher,.three .teacher{
   font-size:0.22rem;
   padding:0 0.05rem 0.08rem 0.05rem;
   color:#575757;
   height: 0.66rem;
}
/*.two .song{
	margin-bottom:0.32rem;
}*/
.one .n_price,.two .n_price,.three .n_price{
   font-size:0.3766rem;
   padding:0 0 0.08rem 0.14rem;
   color:#ff2a00;
}
.one .y_price,.two .y_price,.three .y_price{
	text-decoration:line-through;
	font-size:0.2197rem;
	color:#8f8f8f;
	margin-left:0.18rem;
}
.one .ckxq,.two .ckxq,.three .ckxq{
	width:2.75rem;
	height:0.5rem;
	line-height:0.5rem;
	background:#72b941;
	text-align:center;
	margin-left:0.14rem;
	border-radius:4px;
	color:#fff;
	font-size:0.25rem;
	padding-bottom:0.27rem;
}
/*学以致用 two*/
.two{
    width:6.22rem;
    margin:0 auto;
    font-family:"微软雅黑";
    margin-top:0.25rem;
    background: #faf4e6;
}
.two_banner{
	width:100%;
	height:1.3rem;
}
.two .teacher .long{
	font-size:0.24rem;
	color:#575757;
}
.two .bottom{
	height:5.3rem;
}
/*笑傲考场 three*/
.three{
    background: #f6e2e3;
    width:6.22rem;
    margin:0 auto;
    font-family:"微软雅黑";
    margin-bottom:0.35rem;
    margin-top:0.25rem;
}
/*.three .three_bot{
	height:4.8rem;
}*/
.three_banner{
	width:100%;
	height:1.3rem;
}
/*北外网课多语名师 four*/
.four{
	width:6.4rem;
	height:16.96rem;
	margin:0 auto;
	text-align:center;
	font-family:"微软雅黑";
	background:#3cb1e8;
}
.four .bg_four{
	background:url(../images/four_banner.png) no-repeat;
	background-size:100% auto;
	width:100%;
	height:1.5rem;
	display:block;
	margin:0 auto;
}
.four .top_teacher{
	width:6.2rem;
	margin:0 auto;
}
.four li{
	height:3.34rem;
	width:3rem;
	float:left;
	color:#fff;
	margin-top:0.4rem;
}
.four li img{
	width:1.95rem;
}
.four h3{
	font-size:0.36rem;
	font-weight:normal;
	margin:0.22rem 0 0.1rem 0;
}
.four p{
	color:#fff;
	font-size:0.24rem;
}
.four .first{
	margin-top:0;
}
/*学习资料 five*/
.five{
	background:#f2f3f3;
	width:6.4rem;
	height:17.97rem;
	margin:0 auto;
	font-family:"微软雅黑";
}
.five .bg_five{
	background:url(../images/five_banner.png) no-repeat;
	background-size:100% auto;
	width:100%;
	height:1.41rem;
	display:block;
	margin:0 auto;
}
.five .study_file{
	width:6.2rem;
	margin:0 auto;
}
.five li{
	width:3.03rem;
	height:4rem;
	float:left;
	background:#e2e2e2;
	margin-bottom:0.1rem;
}
.five img{
	width:3.03rem;
	height:2.26rem;
	margin-bottom:0.2rem;
}
.five .left{
	margin-right:0.14rem;
}
.five  a{
	font-size:0.2249rem;
    overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
	background:url(../images/fk.png) no-repeat 0 0.17rem;
	background-size:0.05rem 0.04rem;
	padding:0.05rem 0 0.05rem 0.1rem;
	margin-left: 0.3rem;
	width:2.32rem;
}
/*学外语就来北外网课 six*/
.six{
	background:#c9eeff;
	width:6.4rem;
	height:7.8rem;
	margin:0 auto;
	font-family:"微软雅黑";
	font-size:0.1481rem;
}
.six .bg_six{
	background:url(../images/six_banner.png) no-repeat;
	background-size:100% auto;
	width:100%;
	height:1.18rem;
	display:block;
	margin:0 auto;
}
.six .six_pic1{
	background:url(../images/six_pic1.png) no-repeat #a9dff8;
	background-size:100% auto;
	width:6.21rem;
	height:1.9rem;
	margin:0 auto;
}
.six .six_pic2{
	background:url(../images/six_pic2.png) no-repeat #a9dff8;
	background-size:100% auto;
	width:6.21rem;
	height:1.9rem;
	margin:0 auto;
	margin-top:0.25rem;
}
.six .six_pic3{
	background:url(../images/six_pic3.png) no-repeat #a9dff8;
	background-size:100% auto;
	width:6.21rem;
	height:1.9rem;
	margin:0 auto;
	margin-top:0.25rem;
}
.six span.text1{
	display:block;
	width:5.5rem;
	font-size:0.26rem;
	position:relative;
	top:0.45rem;
	left:0.2rem;
	display:block;
}
.six span.text2{
	font-size:0.26rem;
	position:relative;
	top:0.45rem;
	left:0.77rem;
	width:4.9rem;
	display:block;
}
.six span.text3{
	font-size:0.26rem;
	position:relative;
	top:0.45rem;
	left:0.2rem;
	width:5.5rem;
	display:block;
}
/*学员体会 seven*/
.seven{
	background:#f2f3f3;
	width:6.4rem;
	height:6rem;
	margin:0 auto;
	font-family:"微软雅黑";
	font-size:0.1481rem;
}
.seven .bg_seven{
	background:url(../images/seven_banner.png) no-repeat;
	background-size:100% auto;
	width:100%;
	height:1.14rem;
	display:block;
	margin:0 auto;
}
.seven li{
    font-size:0.2rem;
    width:5.06rem;
    color:#7d7d7d;
    padding-left:1.28rem;
    width:6.2rem;
	margin:0 auto;
	height:1.4rem;
	padding-top:0.1rem;
}
.seven .content1{
	background:url(../images/xy1.png) no-repeat;
	background-size:0.88rem 0.88rem;
}
.seven .content2{
	background:url(../images/xy2.png) no-repeat;
	background-size:0.88rem 0.88rem;
}
.seven .content3{
	background:url(../images/xy3.png) no-repeat;
	background-size:0.88rem 0.88rem;
}
/*eight*/
.eight .bg_eight{
	background:url(../images/eight_banner.png) no-repeat;
	background-size:100% auto;
	width:100%;
	height:3.6rem;
	display:block;
	margin:0 auto;
}