/*个人学习版*/
.person {
    width: 100%;
    min-height: 910px;
    background: url(../images/person-bg2.png) no-repeat top center;
    background-size: cover;
}
.person-study .logo {
	margin: 90px 0;
}
.person-study .logo img{
	width: auto;
	height: 54px;
}

.model{
	width: 210px;
	margin-right: 24px;
}
.person-study{
	margin: 50px 0;
}
.code img{
	max-width: 140px;
}
.model .model-links{
	display: inline-block;
	width: 210px;
	height: 50px;
	transition: .25s;
	margin-bottom: 35px;
}
.model .model-iphone{
	background:url('../images/iphone.png') no-repeat center center;
	background-size: 100%;
}
.model .model-iphone:hover{
	background:url('../images/iphoneed.png') no-repeat center center;
	background-size: 100%;
}
.model .model-android{
	background:url('../images/android.png') no-repeat center center;
	background-size: 100%;
}
.model .model-android:hover{
	background:url('../images/androided.png') no-repeat center center;
	background-size: 100%;
}









/*企业app版*/
.company-bg {
	width: 100%;
	height: 504px;
	background:url('../images/company-bg.png') no-repeat center center;
	background-size: cover;
}
.company-bg .banner-h{
	/*height: 504px;*/
}
.company-banner-text{
	color: #fff;
	font-size: 30px;
	line-height: 48px;
}


/*表单*/
.company-form{
	position: absolute;
	right: 0;
	top: -440px;
	background: #fff;
	width: 45%;
	padding: 45px 30px 55px;
	box-shadow: 0 0 18px rgba(98, 98, 98, 0.27);
	z-index: 5;
}
.apply-title{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #00a0e9;
	font-size: 20px;
	color: #fff;
	margin-bottom: 30px;
}
.apply-tips{
	font-size: 14px;
	color: #a0a0a0;
}
.company-form li{
	margin-top: 16px;
}
.company-form li p{
	font-size: 15px;
	color: #353535;
}
.company-form li p em{
	/*font-size: 25px;*/
	color: #980a0a;
	margin-left: 3px;
	
}
.company-form li input{
	width: 100%;
	height: 33px;
	padding: 0 15px;
	border:1px solid #e9e9e9;
	border-radius: 4px;
}
.company-form li input:focus{
	border:1px solid #009ee7;
}
.apply-btn button{
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    margin-top: 30px;
    transition: .25s;
    background: #2985dd;
}
.apply-btn button:hover{
	box-shadow: 0 0 8px rgba(76, 136, 238, 1);
}


.explain{
	margin: 70px 0; 
	min-height: 300px;
}
.explain h3{
	font-size: 24px;
    color: #353535;
    margin: 0 0 38px;
}
.explain .text{
	font-size: 14px;
    color: #00a0e9;
    line-height: 20px;
}
.explain .text p{
	margin-bottom: 10px;
}

/* 小屏幕 */
@media (max-width: 768px){ 
/*个人学习版*/
.person {
	min-height: auto;
}
.person-study {
    margin: 50px 0 100px;
}
.person-study .logo {
    margin: 20px 0 25px;
}
.person-study .logo img {
    width: auto;
    height: 40px;
}
.model {
    width: 50%;
    /*margin-right: 24px;*/
}
.model .model-links{
	display: inline-block;
	width: 160px;
	height: 50px;
	transition: .5s;
	margin-bottom: 10px;
}
.code img {
    max-width: 110px;
}



.company-bg {
    width: 100%;
    height: auto;
    padding: 50px 0;
    margin-bottom: 40px;
    background: url(../images/company-bg.png) no-repeat center center;
    background-size: cover;
}
.company-banner-text {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}
.company-form{
	position: relative;
	top: 0;
	width: 100%;
	box-shadow: none;
	padding: 0 15px;
}
.explain{
	margin: 70px 0; 
	min-height: auto;
}
}