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 !important;
}


.hslbanner{ position:relative;}
.hslbanner a{ display:block;}
.hslbanner a img{ width:100%;}
.hslbanner video{ width:100%; display:block; max-width:640px;}


/* box1 */
.box1{overflow: hidden;}
.box1-num{padding: 0 .5rem;margin: 2rem 0;overflow: hidden;}
.box1-num-list{width: 33.3333%;float: left;}
.box1-num-list a{display: block;text-align: center;color: #45291e;}
.box1-num-list a span{display: block;font-size: 3rem;position: relative;font-weight: bold;}
.box1-num-list a span i{position: absolute;top:0rem;font-size: 1.5rem;font-weight: 400;}
.box1-num-list a p{display: inline;font-size: 1.2rem;font-weight:400;}
.box1-num-list a.num-b{border-left: 2px #f5f5f5 solid;border-right: 2px #f5f5f5 solid;}



/* 表单 */
.box1-bd1{border: 5px #dca436 solid;margin: 0 1rem;background-color: #f5f5f5;}
.box1-bd {overflow: hidden;background-color: #f5f5f5;padding: 1rem 0;}
.box1-bd span{display: block;margin-bottom: 2rem;background-color: #f5f5f5;}
.box1-bd span img{margin: 0 auto;width: 5rem;}
.box1-bd1 h2{font-size: 2rem;text-align: center;background-color: #f5f5f5;width: 55%;margin: 0 auto;margin-top: -1.8rem;}
.hslbox1_2{ padding:0 1rem;margin-top: 1rem;margin-bottom: 1rem;}
.hslbox1_2 .hslinput{ display:block; background-color:#ffffff; height:4rem; color:#666; font-size:1.3rem; width:100%; border:0px solid #ffffff; border-radius:.5rem; text-indent:1rem;margin-top: 1rem;}
.hslbox1_2 .hslztbd1{ display:block; background-color:#dca436; height:4rem; color:#fff; font-size:1.5rem; width:100%; border:none; border-radius:.5rem; margin-top:1rem;}

/* 学习内容 */
.box2{margin-top: 2rem;}
.boxtit{text-align: center;}
.boxtit h2{font-size: 2rem;}
.boxtit span{margin-bottom: 2rem;}
.boxtit span img{margin: 0 auto;width: 5rem;}
.box2 p{font-size: 1.2rem;padding: 1rem;}
.box2-1{padding: 0 .75rem;}
.box2-2{width: 33.33333%;float: left;}
.box2-2 a{margin: .25rem;display: block;position: relative;overflow: hidden;}
.box2-2 span{position: absolute;line-height: 1rem;width:100%;background: rgba(0,0,0,0.6);bottom: 0rem;color: #ffffff;}
.box2-2 span p{text-align: center;}
.swp1pag{margin: .5rem auto;width: 5rem;position: static;}
.swp1pag span {width: 1.2rem;height: .4rem; border-radius: 0.2rem;background-color: #dca436;margin: 0 .25rem;}

.hslbtn{margin: 2rem .5rem;text-align: center;overflow: hidden;}
.hslbtn a {display: block;width: 50%;float: left;}
.hslbtn a span{ display:block;height:3.2rem; line-height:3.2rem; font-size:1.5rem; margin:0 4%; text-align:center; border-radius:.2rem;}
.hslbtn .btn1 span{background-color: #46291e;color: #ffffff;border:  1px solid #46291e;}
.hslbtn .btn2 span{border:  1px solid #dca436;color: #ffffff;background-color: #dca436;}

/* 背景图1 */
.bg1{background-image: url(../images/19.jpg);height:40rem;background-size:100% 100%;padding-top: 2rem;}
.bg1 img{width: 100%;}
.bg1 h2{color: #ffffff;}
.bg1btn{margin-top: 28rem;}
/* 实操 */
.box3{padding-top: 2rem;}
.box3-pic{padding: 1rem 1rem 0;}
.swp2{margin:1rem;}
/* 创业选择 */
.bg2{background-image: url(../images/bg2.jpg);height:34rem;background-size:100% 100%;padding-top: 3rem;}
.bg2 img{width: 100%;}
.bg2 h2{color: #ffffff;}
/* 翻牌 */

.flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.page2{margin: 2rem 1rem 1rem;}
.page2 img{width: 100%;}
.page2 .con ul {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.page2 .con ul li {
	position:relative;
	text-align:center;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	margin: 0 .1rem;
	
}
.page2 .con ul li,.page2 .con ul li .p2_con1 {
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.page2 .con ul li .p2_con1 {
	height:100%;
	width:100%;

	border-right:none
}
.page2 .con ul li .p2_con1>img {
	display:inline-block;

}


.page2 .con ul li .p2_con2 {
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	/*height:100%;*/
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}



.page2 .con ul li.on .p2_con2 {
	-webkit-animation:myfirst1 1s!important;
	animation:myfirst1 1s!important;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.page2 .con ul.on>li:first-child .p2_con2 {
	-webkit-animation:myfirst 1s;
	animation:myfirst 1s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.page2 .con ul.on>li:nth-child(2) .p2_con2 {
	-webkit-animation:myfirst 1s;
	animation:myfirst 1s;
	-webkit-animation-delay:.5s;
	animation-delay:.5s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.page2 .con ul.on>li:nth-child(3) .p2_con2 {
	-webkit-animation:myfirst 1s;
	animation:myfirst 1s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.page2 .con ul.on>li:nth-child(4) .p2_con2 {
	-webkit-animation:myfirst 1s;
	animation:myfirst 1s;
	-webkit-animation-delay:1.5s;
	animation-delay:1.5s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.page2 .con ul.on>li:nth-child(5) .p2_con2 {
	-webkit-animation:myfirst 1s;
	animation:myfirst 1s;
	-webkit-animation-delay:2s;
	animation-delay:2s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}

@keyframes myfirst {
	0% {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
	opacity:0
}
to {
	-webkit-transform:rotateY(1turn);
	transform:rotateY(1turn);
	opacity:1
}
}@-webkit-keyframes myfirst {
	0% {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
	opacity:0
}
to {
	-webkit-transform:rotateY(1turn);
	transform:rotateY(1turn);
	opacity:1
}
}@keyframes myfirst1 {
	0% {
	-webkit-transform:rotateY(1turn);
	transform:rotateY(1turn);
	opacity:1
}
to {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
	opacity:0
}
}@-webkit-keyframes myfirst1 {
	0% {
	-webkit-transform:rotateY(1turn);
	transform:rotateY(1turn);
	opacity:1
}
to {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
	opacity:0
}
}

/* 成功学子 */
.box6{margin-top: 2rem;}
.box6pic{padding: 0 .5rem;margin-top: 1rem;}
.box6pic-list{width: 33.3333%;float: left;}
.box6pic-list a{margin: .5rem;display: block;}
.box6pic-list a span img{width: 100%;}
.box6pic-list a p{display: block;background-color: #f5f5f5;padding: .5rem;text-align: center;font-size: 1.2rem;color: rgb(0,0,0,0.7);}



/* 问题 */
.box7{background-color: #f5f5f5;overflow: hidden;padding-top: 2rem;margin-top: 2rem;}
.box7-2{padding: 0 1rem;}
.box7-3{width: 50%;float: left;line-height: 3rem;}
.box7-3 i{font-size: 1.5rem;color: #dca436;margin-right: .5rem;}
.box7-3 a{font-size: 1.5rem;color: #000000;}


/* 页面通用颜色 */
.hslztdb1 a,.hslztdb2_1_1 i{background-color:#dca436;}
.hslztdb1 a i,.hslztdb2_1_1 p{ color:#dca436;}