/* CSS Document */

/*public title*/
.public_title {
    text-align: center;
    padding: 0 0 0.34rem 0;
    font-size: 0.42rem;
    color: #25262c;
    line-height: 100%;
    font-weight: bold;
    background: url("../images/mobile/afp/title_icon01.png") no-repeat center bottom;
    background-size: 3.7rem auto;
}
.public_title_white {
    background: url("../images/mobile/afp/title_icon02.png") no-repeat center bottom;
    background-size: 3.7rem auto;
    color: #fff;
}
.public_title_yellow {
	background: url("../images/mobile/afp/title_icon03.png") no-repeat center bottom;
    background-size: 3.7rem auto;
}
.public_title .blue {
    color: #22286e;
}
.public_title .yellow {
    color: #d19d5c;
}

/*banner*/
.afp_mobile .banner {
    height: 11.8rem;
    /*background: url("../images/mobile/afp/banner_bg.png") no-repeat center top;*/
    background-size: 7.5rem auto;
	position: relative;
}
.afp_mobile .banner .swiper-container .swiper-slide {
	height: 11.8rem;
}
.afp_mobile .banner .swiper-container .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 10px !important;
    background: none;
    border: solid 1px #d19d5c;
    cursor: pointer;
    opacity: 1;
}
.afp_mobile .banner .swiper-container .swiper-pagination-bullet-active {
    background: #d19d5c;
}
.afp_mobile .banner .swiper-container .swiper-pagination {
    bottom: 5.8rem;
}
.afp_mobile .banner .banner_form {
    min-height: 5rem;
	position: absolute;
	width: 100%;
	bottom: 0.75rem;
	left: 0;
	z-index: 10;
}
.afp_mobile .banner .banner_form h1 {
    font-size: 0.42rem;
    line-height: 0.6rem;
    color: #fff;
    padding: 0.8rem 0 0.3rem 0;
}
.afp_mobile .banner .form_box {
    padding: 0 0.76rem;
}
.afp_mobile .banner .form_box .input-item {
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.28rem;
    color: #212121;
    text-align: center;
    width: 100%;
    background: #fff;
    margin: 0 0 0.26rem 0;
}
.afp_mobile .banner .form_box .input-btn {
    display: inline-block;
    width: 4rem;
    text-align: center;
    height: 0.76rem;
    line-height: 0.76rem;
    font-size: 0.28rem;
    color: #fff;
    border-radius: 0.38rem;
    -webkit-border-radius: 0.38rem;
    -moz-border-radius: 0.38rem; 
    margin: 0.15rem 0 0 0;
}
.afp_mobile .banner .gradient{
    background: -moz-linear-gradient(top, #e1c180 0%, #d19e5d 100%);
    background: -webkit-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -o-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -ms-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: linear-gradient(to bottom, #e1c180 0%,#d19e5d 100%);
}

/*AFP证书介绍*/
.afp_intro {
    padding: 0.75rem 0.36rem 0 0.36rem;
}
.afp_intro h3 {
    font-size: 0.3rem;
    color: #22286e;
    text-indent: 0.2rem;
    position: relative;
    margin: 0.46rem 0 0.3rem 0;
}
.afp_intro h3:after {
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.08rem;
    height: 100%;
    border-radius: 0.04rem;
    -webkit-border-radius: 0.04rem;
    -moz-border-radius: 0.04rem;
    background: #22286e;
}
.afp_intro .intro_content {
    padding: 0.34rem 0.2rem 0.5rem 0.2rem;
    box-shadow: 0 0 8px #ececec;
    -webkit-box-shadow: 0 0 8px #ececec;
    -moz-box-shadow: 0 0 8px #ececec;
}
.afp_intro .intro_content p {
    padding: 0 0 0.4rem 0;
    font-size: 0.28rem;
    color: #60626f;
    line-height: 0.4rem;
}
.afp_intro .intro_content p .blue {
    color: #22286e;
    font-weight: bold;
}
.afp_intro .intro_content p .yellow {
    color: #d19d5c;
    text-decoration: underline;
    font-weight: bold;
}
.afp_intro .intro_content .gradient{
    background: -moz-linear-gradient(top, #e1c180 0%, #d19e5d 100%);
    background: -webkit-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -o-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -ms-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: linear-gradient(to bottom, #e1c180 0%,#d19e5d 100%);
}
.afp_intro .intro_content .btn-item {
    display: inline-block;
    width: 4.6rem;
    text-align: center;
    height: 0.76rem;
    line-height: 0.76rem;
    font-size: 0.28rem;
    color: #fff;
    border-radius: 0.38rem;
    -webkit-border-radius: 0.38rem;
    -moz-border-radius: 0.38rem;
}
.afp_intro .intro_content .btn-item:active {
    opacity: 0.8;
}

/*AFP在中国的福利*/
.afp_fuli {
    padding: 0.78rem 0.36rem;
}
.afp_fuli .sliderBox {
    padding: 0.45rem 0 0 0;
}
.afp_fuli .sliderBox li {
	background: #d1d2e1;
	padding: 0.15rem 0;
	color: #fff;
	font-size: 0.26rem;
	margin: 0 1px;
	position: relative;
}
.afp_fuli .sliderBox li .arrow {
	display: none;
	width: 10px;
	left: 50%;
	bottom: -5px;
	margin: 0 0 0 -5px;
}
.afp_fuli .sliderBox li.active {
	background: #22286e;
}
.afp_fuli .sliderBox li.active .arrow {
	display: block;
}
.afp_fuli .slideItemBox {
	padding: 0.3rem 0 0.15rem 0;
}
.afp_fuli .slideItem {
	background: #f7f7f7;
}
.afp_fuli .slideItem img {
	width: 2.18rem;
}
.afp_fuli .slideItem ul {
    padding: 0 0 0 0.2rem;
}
.afp_fuli .slideItem li {
    font-size: 0.22rem;
    color: #25262c;
    line-height: 0.24rem;
    margin: 0.24rem 0 0 0;
    padding: 0 0 0 0.2rem;
    background: url("../images/mobile/afp/list_style_01.png") no-repeat left 0.08rem;
    background-size: 0.12rem auto;
}

/*AFP报考指南*/
.afp_guide {
    background: #f2f3f8;
    padding: 0.7rem 0.36rem;
}
.afp_guide .guide_content {
    padding: 0.45rem 0 0 0;
}
.afp_guide .tabItem {
    background: #22286e url("../images/mobile/afp/guide_arrowDown.png") no-repeat 92% center;
    background-size: 0.26rem auto;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.3rem;
    color: #fff;
    text-indent: 1.25rem;
    position: relative;
    cursor: pointer;
    margin: 0 0 0.26rem 0;
}
.afp_guide .tabItem .icon {
    width: 0.6rem;
    left: 0.35rem;
    top: 50%;
    margin: -0.3rem 0 0 0;
}
.afp_guide div.active {
    background: #22286e url("../images/mobile/afp/guide_arrowUp.png") no-repeat 92% center;
    background-size: 0.26rem auto;
}
.afp_guide .tabContentItem {
    margin: 0 0 0.26rem 0;
    background: #fff;
    padding: 0.35rem;
}
.afp_guide .tabContentItem p {
    font-size: 0.26rem;
    color: #25262c;
    line-height: 0.4rem;
}
.afp_guide .tabContentItem .btn-item {
    display: inline-block;
    width: 3.56rem;
    height: 0.6rem;
    text-align: center;
    line-height: 0.6rem;
    border-radius: 0.31rem;
    -webkit-border-radius: 0.31rem;
    -moz-border-radius: 0.31rem;
    border: solid 1px #d19d5c;
    font-size: 0.24rem;
    color: #d19d5c;
    margin: 0.4rem 0 0 0;
}
.afp_guide .btn-group {
    padding: 0.26rem 0 0 0;
}
.afp_guide .btn-group .btn {
    display: inline-block;
    width: 3.05rem;
    height: 0.74rem;
    line-height: 0.74rem;
    margin: 0 0.12rem;
    font-size: 0.28rem;
}
.afp_guide .btn-group .btn:active {
    opacity: 0.8;
}
.afp_guide .btn-group .btn01 {
    border: solid 1px #d19d5c;
    color: #d19d5c;
    border-radius: 0.38rem;
    -webkit-border-radius: 0.38rem;
    -moz-border-radius: 0.38rem;
}
.afp_guide .btn-group .btn02 {
    color: #fff;
    height: 0.76rem;
    border-radius: 0.38rem;
    -webkit-border-radius: 0.38rem;
    -moz-border-radius: 0.38rem;
    
    background: -moz-linear-gradient(top, #e1c180 0%, #d19e5d 100%);
    background: -webkit-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -o-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -ms-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: linear-gradient(to bottom, #e1c180 0%,#d19e5d 100%);
}

/*班级介绍*/
.class_intro {
    background: url("../images/mobile/afp/class_intro_bg.png") no-repeat center top;
    background-size: 7.5rem auto;
    padding: 0.65rem 0;
}
.class_intro ul {
    padding: 0.45rem 0.36rem 0 0.36rem;
}
.class_intro li {
    height: 3rem;
    margin: 0 0 0.36rem 0;
    padding: 0 0 0 2.9rem;
}
.class_intro li.obj-item01 {
    background: #fff url("../images/mobile/afp/class_intro_itemIcon01.png") no-repeat left center;
    background-size: 3.16rem auto;
}
.class_intro li.obj-item02 {
    background: #fff url("../images/mobile/afp/class_intro_itemIcon02.png") no-repeat left center;
    background-size: 3.16rem auto;
}
.class_intro li p {
    line-height: 0.45rem;
    font-size: 0.26rem;
    color: #60626f;
    padding: 0.25rem 0 0.25rem 0;
}
.class_intro li .btn-item {
    display: inline-block;
    width: 1.56rem;
    text-align: center;
    height: 0.44rem;
    line-height: 0.44rem;
    border-radius: 0.23rem;
    -webkit-border-radius: 0.23rem;
    -moz-border-radius: 0.23rem;
    border: solid 1px #d19d5c;
    font-size: 0.24rem;
    color: #d19d5c;
    background: #fff;
    margin: 0 0.08rem;
}
.class_intro li .btn-item02 {
    color: #fff;
    background: #d19d5c;
}
.class_intro .btn {
    display: inline-block;
    width: 4.6rem;
    height: 0.78rem;
    line-height: 0.78rem;
    margin: 0.2rem 0 0 0;
    font-size: 0.28rem;
    color: #fff;
    border-radius: 0.39rem;
    -webkit-border-radius: 0.39rem;
    -moz-border-radius: 0.39rem;
    
    background: -moz-linear-gradient(top, #e1c180 0%, #d19e5d 100%);
    background: -webkit-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -o-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -ms-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: linear-gradient(to bottom, #e1c180 0%,#d19e5d 100%);
}

/*课程模块*/
.class_module {
    padding: 0.8rem 0.36rem;
}
.class_module .module_content {
    background: #f2f3f8;
    margin: 0.46rem 0 0.55rem -7px;
    box-shadow: 7px 7px 0 #dbdce8;
    -webkit-box-shadow: 7px 7px 0 #dbdce8;
    -moz-box-shadow: 7px 7px 0 #dbdce8;
    border: solid 1px #343a83;
    min-height: 100px;
}
.class_module .module_content .left_ele {
    width: 2.25rem;
    text-align: center;
}
.class_module .module_content .left_ele ul {
    padding: 0.15rem 0.15rem 0 0.15rem;
}
.class_module .module_content .left_ele li {
    cursor: pointer;
    height: 1.06rem;
    line-height: 1.06rem;
    text-align: center;
    background: #9396c1;
    font-size: 0.28rem;
    color: #fff;
    margin: 0 0 0.16rem 0;
}
.class_module .module_content .left_ele li.active {
    background: #22286e;
}
.class_module .module_content .left_ele li p {
    line-height: 0.4rem;
    padding: 0.12rem 0 0 0;
}

.class_module .module_content .right_ele {
    width: 4.25rem;
    margin: 0 0.2rem 0 0;
}
.class_module .module_content .right_ele .title {
    padding: 0.4rem 0 0.2rem 0;
    border-bottom: solid 1px #d19d5c;
    margin: 0 0 0.2rem 0;
}
.class_module .module_content .right_ele .title p {
    font-size: 0.3rem;
    color: #d19d5c;
    line-height: 100%;
}
.class_module .module_content .right_ele .title p.item {
    font-size: 0.24rem;
    padding: 0.1rem 0 0 0;
}
.class_module .module_content .right_ele .text_list p {
    font-size: 0.26rem;
    color: #25262c;
    line-height: 0.36rem;
    padding: 0 0 0.15rem 0;
}
.class_module .btn {
    display: inline-block;
    width: 4.6rem;
    height: 0.78rem;
    line-height: 0.78rem;
    margin: 0.2rem 0 0 0;
    font-size: 0.28rem;
    color: #fff;
    border-radius: 0.39rem;
    -webkit-border-radius: 0.39rem;
    -moz-border-radius: 0.39rem;
    
    background: -moz-linear-gradient(top, #e1c180 0%, #d19e5d 100%);
    background: -webkit-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -o-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -ms-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: linear-gradient(to bottom, #e1c180 0%,#d19e5d 100%);
}

/*讲师团队*/
.teacher_list {
	min-height: 9.68rem;
	background: url("../images/mobile/afp/teacher_bg.png") no-repeat center top;
	background-size: 7.5rem auto;
	overflow: hidden;
}
.teacher_list .public_title {
	margin: 0.7rem 0 0.45rem 0;
}
.teacher_list .gallery-top {
	margin: 0 0.6rem;
}
.teacher_list .top_slide .swiper-button-prev, 
.teacher_list .top_slide .swiper-button-next {
	width: 0.6rem;
	height: 0.6rem;
	margin-top: -0.3rem;
	opacity: 1;
}
.teacher_list .top_slide .swiper-button-prev {
	background: url("../images/mobile/afp/teacher_arrowLeft.png") no-repeat center;
	background-size: cover;
}
.teacher_list .top_slide .swiper-button-next {
	background: url("../images/mobile/afp/teacher_arrowRight.png") no-repeat center;
	background-size: cover;
}
.teacher_list .gallery-top .swiper-slide img {
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
}
.teacher_list .gallery-top .swiper-slide-active img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}

.teacher_list .teacher_infor {
	background: url("../images/mobile/afp/teacher_opacity.png");
	margin: 0.45rem 0.36rem;
	padding: 0.1rem;
}
.teacher_list .teacher_infor .infor_content {
	background: #fff;
	padding: 0.3rem;
}
.teacher_list .teacher_infor .infor_content h1 {
	font-size: 0.36rem;
	color: #25262c;
}
.teacher_list .teacher_infor .infor_content h3 {
	color: #22286e;
	font-size: 0.26rem;
	padding: 0.16rem 0 0.2rem 0;
}
.teacher_list .teacher_infor .infor_content p {
	line-height: 0.4rem;
	color: #60626f;
	font-size: 0.24rem;
}
.teacher_list .btn-group {
	width: 100%;
	left: 0;
	bottom: 0.8rem;
}
.teacher_list .btn-group .btn-item {
	margin: 0 0.13rem;
	display: inline-block;
	width: 3.26rem;
	height: 0.74rem;
	font-size: 0.28rem;
	border-radius: 0.38rem;
	-webkit-border-radius: 0.38rem;
	-moz-border-radius: 0.38rem;
}
.teacher_list .btn-group .btn-item:active {
	opacity: 0.8;
}
.teacher_list .btn-group .btn-item01 {
	border: solid 1px #d19d5c;
	color: #d19d5c;
	line-height: 0.74rem;
}
.teacher_list .btn-group .btn-item02 {
	height: 0.76rem;
	line-height: 0.76rem;
	color: #fff;
	background: -moz-linear-gradient(top, #e1c180 0%, #d19e5d 100%);
    background: -webkit-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -o-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -ms-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: linear-gradient(to bottom, #e1c180 0%,#d19e5d 100%);
}

/*AFP学习服务体系*/
.service_section {
	padding: 0.8rem 0.3rem 0.4rem 0.36rem;
}
.service_section .step_icon {
	padding: 0.45rem 0 0.25rem 0;
}
.service_section ul {
	margin: 0 0 0 -0.28rem;
}
.service_section li {
	width: 2.08rem;
	height: 2.24rem;
	margin: 0 0 0.24rem 0.24rem;
	border: solid 1px #e6e6e6;
	box-shadow: 0 0 10px #e6e6e6;
	-webkit-box-shadow: 0 0 10px #e6e6e6;
	-moz-box-shadow: 0 0 10px #e6e6e6;
}
.service_section li h1 {
	font-size: 0.22rem;
	color: #25262c;
	padding: 0.34rem 0 0.2rem 0;
	margin: 0 0 0.18rem 0;
}
.service_section li h1:after {
	display: block;
	content: " ";
	position: absolute;
	bottom: 0;
	width: 0.36rem;
	height: 0.03rem;
	background: #d19d5c;
	left: 50%;
	margin: 0 0 0 -0.18rem;
}
.service_section li p {
	line-height: 0.36rem;
	font-size: 0.22rem;
	color: #60626f;
}
.service_section .btn-item {
	display: inline-block;
	width: 4.6rem;
	height: 0.76rem;
	line-height: 0.76rem;
	font-size: 0.28rem;
	color: #fff;
	border-radius: 0.38rem;
	-webkit-border-radius: 0.38rem;
	-moz-border-radius: 0.38rem;
	margin: 0.2rem 0 0 0;
	
	background: -moz-linear-gradient(top, #e1c180 0%, #d19e5d 100%);
    background: -webkit-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -o-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -ms-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: linear-gradient(to bottom, #e1c180 0%,#d19e5d 100%);
}
.service_section .btn-item:active {
	opacity: 0.8;
}


/*AFP学习资料体系*/
.data_section {
	padding: 0.4rem 0.3rem;
}
.data_section ul {
	padding: 0.4rem 0 0 0;
	margin: 0 0 0 -0.22rem;
}
.data_section li {
	width: 3.22rem;
	height: 3.56rem;
	border: solid 1px #e6e6e6;
	box-shadow: 0 0 5px #e6e6e6;
	-webkit-box-shadow: 0 0 5px #e6e6e6;
	-moz-box-shadow: 0 0 5px #e6e6e6;
	background: #f2f3f8;
	overflow: hidden;
	margin: 0 0 0.26rem 0.26rem;
}
.data_section li .pic {
	background: #fff;
	padding: 0.25rem 0.15rem 0.15rem 0.15rem;
}
.data_section li p {
	text-align: center;
	font-size: 0.24rem;
	color: #25262c;
	line-height: 0.4rem;
	padding: 0.15rem 0 0 0;
}
.data_section li p .blue {
	color: #22286e;
}
.data_section li p .yellow {
	color: #d19d5c;
}
.data_section .btn-item {
	display: inline-block;
	width: 4.6rem;
	height: 0.76rem;
	line-height: 0.76rem;
	font-size: 0.28rem;
	color: #fff;
	border-radius: 0.38rem;
	-webkit-border-radius: 0.38rem;
	-moz-border-radius: 0.38rem;
	margin: 0.2rem 0 0 0;
	
	background: -moz-linear-gradient(top, #e1c180 0%, #d19e5d 100%);
    background: -webkit-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -o-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -ms-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: linear-gradient(to bottom, #e1c180 0%,#d19e5d 100%);
}
.data_section .btn-item:active {
	opacity: 0.8;
}

/*常见问题*/
.question_section {
	padding: 0.4rem 0.36rem 0.8rem 0.36rem;
}
.question_section ul {
	margin: 0.4rem 0 0 0;
	background: #f2f3f8;
	padding: 0.4rem 0 0 0;
}
.question_section li {
	width: 2.8rem;
	padding: 0 0 0 0.4rem;
	margin: 0 0 0.4rem 0.15rem;
}
.question_section li .icon {
	width: 0.28rem;
	left: 0;
	top: 0;
}
.question_section li h1 {
	line-height: 0.36rem;
	font-size: 0.28rem;
	color: #25262c;
}
.question_section li p {
	color: #9a97a7;
	font-size: 0.24rem;
	line-height: 0.3rem;
	padding: 0.1rem 0 0 0;
}
.question_section .btn-item {
	display: inline-block;
	width: 4.6rem;
	height: 0.76rem;
	line-height: 0.76rem;
	font-size: 0.28rem;
	color: #fff;
	border-radius: 0.38rem;
	-webkit-border-radius: 0.38rem;
	-moz-border-radius: 0.38rem;
	margin: 0.4rem 0 0 0;
	
	background: -moz-linear-gradient(top, #e1c180 0%, #d19e5d 100%);
    background: -webkit-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -o-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -ms-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: linear-gradient(to bottom, #e1c180 0%,#d19e5d 100%);
}
.question_section .btn-item:active {
	opacity: 0.8;
}

/*收集信息表单*/
.form_section {
	height: 5.5rem;
	background: url("../images/mobile/afp/form_section_bg.png") no-repeat center top;
	background-size: 7.5rem auto;
	overflow: hidden;
	padding: 0 0.75rem;
}
.form_section .input-item {
	width: 100%;
	height: 0.7rem;
	line-height: 0.7rem;
	text-align: center;
	font-size: 0.28rem;
	color: #25262c;
	background: #fff;
	margin: 0 0 0.25rem 0;
}
.form_section .public_title {
	margin: 0.68rem 0 0.46rem 0;
}
.form_section .btn-item {
	display: inline-block;
	width: 4.6rem;
	height: 0.76rem;
	line-height: 0.76rem;
	font-size: 0.28rem;
	color: #fff;
	border-radius: 0.38rem;
	-webkit-border-radius: 0.38rem;
	-moz-border-radius: 0.38rem;
	margin: 0.15rem 0 0 0;
	
	background: -moz-linear-gradient(top, #e1c180 0%, #d19e5d 100%);
    background: -webkit-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -o-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: -ms-linear-gradient(top, #e1c180 0%,#d19e5d 100%);
    background: linear-gradient(to bottom, #e1c180 0%,#d19e5d 100%);
}
.form_section .btn-item:active {
	opacity: 0.8;
}