html{-webkit-text-size-adjust:none;  }
a{outline:none; text-decoration:none;} a:hover{ text-decoration:none;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{font-size:12px; background-color:#fff;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important;} em,i{ font-style:normal;}
select{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   }
img{ display:block;}
html {
	font-size:62.5%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media only screen and (min-width:321px) { /*iphone5*/
html {
font-size:62.5%!important
}
}
@media only screen and (min-width:361px) {
html {
font-size:70.31%!important
}
}
@media only screen and (min-width:376px) {
html {
font-size:73.24%!important
}

}
@media only screen and (min-width:481px) {
html {
font-size:84%!important
}
}
@media only screen and (min-width:561px) {
html {
font-size:90%!important
}
}
@media only screen and (min-width:641px) {
html {
font-size:100%!important
}
}
.hslclear{ clear:both; display:block;}
.hslh1{ display:block; height:1rem;}
body {
    font-family: "Microsoft YaHei",sans-serif;
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
    padding: 0;
    width: 100%;
	overflow-x:hidden;
	background-color:#fff;
}
.hslbanner a{ display:block;}
.hslbanner{ width:100%;}

.hslbt{ position:relative; display:block; text-align:center;}
.hslbt b{ display:block; font-size:2rem; color:#333; text-align:center; margin-bottom:.5rem;}
.hslbt span{ display:inline-block; font-style:normal; height:2.6rem; line-height:2.6rem; background-color:#ec6b5d;transform: skew(-15deg);border-radius:.5rem; padding:0 1rem; color:#fff;}
.hslbt span i{ display:block; font-style:normal; transform: skew(15deg);font-size: 1.3rem;}


.hslbox01{ margin:2rem 1rem 0 1rem;}
.hslbox01_1{ width:70%; margin-left:15%;}
.hslbox01 p{ font-size:1.3rem; line-height:2rem; color:#333; background-color:#fff8f7; border:1px dashed #f97f73; padding:1rem; margin-top:1rem; border-radius:.5rem; margin-bottom:1rem;}

.hslbox1{background-color:#fff; position:relative; padding:1rem;}
.hslbox1_1{ background-color:#fff; border-radius:.5rem; box-shadow:0 0 1rem rgba(0,0,0,.1); position:relative; z-index:1; overflow:hidden;}
.hslbox1:before{ height:50%; width:100%; content:""; display:block; position:absolute; background-color:#fff1e1; bottom:0; left:0;}
.hslbox1_bt{ height:4rem; line-height:4rem; background-color:#f36d60; color:#fff; font-size:2rem; font-weight:bold; text-align:center;}
.hslbox1 input{ background-color:#f1f1f1; height:3.4rem; border:0; border-radius:.2rem; display:block; width:100%;  margin-bottom:1rem; text-indent:1rem; font-size:1.3rem;}
.hslbox1 .hslztbd1{ background-color:#f36d60; color:#fff;border-radius:.5rem;}
.hslbox1 p{ width:90%; margin-left:5%; color:#999; font-size:1.1rem; line-height:1.5rem;}
.hslbox1 p span{ color:#ff7200;}
.hslbox1_2{font-size:1.5rem; color:#333; margin:1rem;}
.hslbox1_3{display: flex;justify-content: space-between;margin:.5rem 1rem}
.hslbox1 .hslbox1_3 input{ height:auto; width:auto; display:inline-block; margin-right:.3rem;}
.hslbox1_3 label{ width:33.333333333333%; font-size:1.3rem; height:3rem; line-height:3rem;}
.hslbox1_4{ margin:0 1rem;}


.hslbox2{ background-color:#fff1e1;padding:2rem .5rem;}
.hslbox2_1{ margin:1rem 0;display: flex;justify-content: space-between; text-align:center;}
.hslbox2_1 a{ width:33.3333333333333%; margin-top:1rem;}
.hslbox2_1 span{ display:block; text-align:center;background-color: #fff;margin: 0 .5rem;padding: 1rem 0;border-radius: .5rem;box-shadow: 0 0 1rem rgba(0,0,0,.1);}
.hslbox2_1 span b{ display:inline-block; position:relative; font-size:3rem; color:#f36d60;margin-left: -.5rem;}
.hslbox2_1 p{ color:#333; font-size:1.3rem; text-align:center;}
.hslbox2_1 b:before{ content:"+"; position:absolute; width:1rem; text-align:center; top:.5rem; right:-1rem; font-size:1rem; font-weight:normal;}
.hslbox2_1 b:after{ content:"年"; position:absolute; width:1rem; text-align:center; bottom:.5rem;right:-1rem;font-size:1rem; font-weight:normal;}
.hslbox2_1 .hslbox2_1_1 b:after{ content:"年";}
.hslbox2_1 .hslbox2_1_2 b:after{ content:"万";}
.hslbox2_1 .hslbox2_1_3 b:after{ content:"万";}

.hslbox2_2{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hslbox2_2 a{ width:50%; margin-bottom:1rem;}
.hslbox2_2 span{ display:block; background-color:#fff; margin:0 .5rem;}
.hslbox2_2 span p{ height:3rem; line-height:3rem; text-align:center; color:#333; font-size:1.25rem;}
.hslbox2_2 span p b{ color:#f36d60; margin-right:.5rem;}


.hslbtn{display: flex;justify-content: space-between;}
.hslbtn a{ width:50%;}
.hslbtn a span{ display:block; margin:0 .5rem; text-align:center;color:#fff; height:3rem; line-height:3rem; border-radius:3rem;font-size:1.3rem; background-color:#ff885d;}
.hslbtn a:first-child span{ background-color:#e96b5d;}


.hslbox3{ padding:2rem 1rem;}
.hslbox3_1{}
.hslbox3_1 a{display: flex;justify-content: space-between; background-color:#eee; margin-top:1rem;}
.hslbox3_1_1{ width:40%;}
.hslbox3_1_2{ flex:1; padding-top:1rem;}
.hslbox3_1_2 strong{ display:inline-block; margin-left:1rem; height:1.8rem; line-height:1.8rem; color:#fff; background-color:#ec6b5d; padding:0 1rem; border-radius:0 3rem 3rem 0; }
.hslbox3_1_2 b{ display:block; font-size:1.3rem; font-weight:normal; color:#333;margin-left:1rem; padding-top:.5rem;}
.hslbox3_1_2 p{font-size:1rem;color:#666;margin-left:1rem;}
.hslbox3_1_r{flex-direction: row-reverse;}
.hslbox3 .hslbtn{ margin-top:2rem;}

.hslbox3_2{display: flex;justify-content: space-between; margin-top:2rem;}
.hslbox3_2 a{ width:25%;}
.hslbox3_2 span{ display:block; margin:0 .5rem; background-color:#eb6b5d; text-align:center; padding:.5rem 0; border-radius:.5rem;}
.hslbox3_2 span b{ color:#fff; text-align:center; font-size:1.1rem;}
.hslbox3_2 span p{ color:#eb6b5d; font-size:1rem; background-color:#fff; margin:.5rem .5rem 0 .5rem;border-radius:.5rem; font-size:.8rem; text-align:center; height:2rem; line-height:2rem;}

.hslbox4{ padding:2rem 1rem; background-color:#fff;}
.hslbox4_1{ margin-bottom:1rem;}
.hslbox5{ padding:2rem 1rem;}
.hslbox5 .hsltit{ margin-bottom:1rem;}
.hslbox5_1{ margin-bottom:.5rem;}
.hslbox5_1 a{display: flex;justify-content: space-between;}
.hslbox5_1 span{ width:3rem; text-align:center;background-color:#ff7200;color:#fff; margin-right:.5rem; font-size:1.3rem;display: flex;align-items:center;justify-content:center;}
.hslbox5_1 .hslbox5_1_2{ width:100%;}

/*学厨师选新东方开始*/
.cktbox1{padding:2rem 0; background-color:#fff;}
.swiper-container1 { width: 100%;}
.swiper-slide1 {background-position: center;background-size: cover;width: 50%;}
.swiper-slide1 a img{width: 100%;border-radius:0.25rem 0.25rem 0 0;}   
.swipertext{background-color:#eeeef1;padding: 0 1rem 1rem;border-radius:0 0 0.5rem 0.5rem;}
.swipertext h3{font-size: 1.4rem; text-align:center;padding: 0.5rem 0;color: #313131;}
.swipertext p{padding-bottom: 0.25rem; color: #575758;font-size: 1rem; text-align:center;} 
/*学厨师选新东方结束*/
/* 毕业视频开始 */
.xsxxbg{background-color: #FFFFFF;padding: 1rem;position: relative;}
.bysp img{width: 100%;}
.bysp a span{position: relative;    display: block;}
.bysp a i{position: absolute;bottom: 0;right: 0; font-size: 3rem;right: 5%;top: 80%;color: #000000;}
.sbysp img{width: 100%;}
.byxs{padding: 0.5rem;}
.xsmz{display: block;font-size: 1.5rem;}
.xsmzen{display: block;font-size: 1.2rem;color: #d6d4d4;border-bottom: 2px solid #d6d4d4;}
.xsxxtxt{display: block;width: 50%;float: left;}
.xsxx{padding:0 0.5rem;}
.xsxxtxt{margin-bottom: 0.25rem;font-size: 1.2rem;}
.hslsnt{ margin-top:1rem;}
.hslsnt span{ border:2px solid #d7d7d7; display:block;}
.hslsnt .swiper-slide-thumb-active span{border:2px solid #d6242a;}
.cktbox1 .hslbtn{ padding:0 .5rem;}
/* 问题 */


.hslbox7{ background-color:#fff1e1; padding:2rem 1rem; margin-bottom:1rem;}
.hslbox7_1{margin-top:1rem; margin-bottom:1rem;}
.hslbox7_4{ margin-bottom:1rem !important;}
.hslbox7_4 a{ display:block; position:relative;}
.hslbox7_4 .hslbox7_4_1{ display:block; position:relative; width:60%; float:left; margin-right:50px; position:relative; z-index:1;}
.hslbox7_4_1 i{ display:block; position:absolute; font-size:0; width:60px; line-height:60px; height:60px; text-align:center; color:#fff; right:30px; bottom:15px;}
.hslbox7_4_2{ display:block; width:40%; position:absolute; right:0; height:100%; background-color:#fff; text-align:left;}
.hslbox7_4_2 b{ color:#000; font-size:2rem;display:block; padding-top:.5rem; margin-left:1rem; margin-top:.2rem;}
.hslbox7_4_2 strong{ text-transform:uppercase; font-weight:normal; color:#ccc; font-size:.8rem; border-bottom:1px solid #ccc; margin-left:1rem;display:block; padding-bottom:.3rem; margin-right:1rem;}
.hslbox7_4_2 p{ color:#666; font-size:1rem; line-height:1.5rem; margin-left:1rem; margin-top:.5rem;}
.hslbox7_3 a{ display:block; opacity:.6; background-color:#000;}
.hslbox7_3 .swiper-slide-thumb-active a{ opacity:1;}



.hslzbox{ margin:1rem; background-color:#ff6600; border-radius:.5rem; overflow:hidden;display: flex;justify-content: space-between;}
.hslzbox_1{ width:30%;}
.hslzbox_2{width:70%; overflow:hidden;}








