/* CSS Document */
div,p {line-height: 100%;}
body {height: auto;}
.sec-tit {
	font-weight: bold;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0.2rem;
}
.banner .swiper-pagination-bullet-active {
	background: #fff;
}


/*《养老财务规划师课程》简介*/
.sec-01 {
	padding: 0.6rem 0 0 0;
}
.sec-01 .content {
	background: url("../images/mobile/s01-tit.png") no-repeat center top;
	background-size: 7.5rem auto;
}
.sec-01 .sec-tit h3 {
	font-size: 0.48rem;
	color: #25296d;
	padding: 0.2rem 0;
}
.sec-01 .sec-tit .tit-des {
	font-size: 0.28rem;
	line-height: 0.3rem;
	color: #25296d;
}
.sec-01 .sec-tit .tit-des img {
	width: 0.6rem;
}
.sec-01 ul {
	padding: 0.14rem 0.3rem 0 0.3rem;
}
.sec-01 li {
	margin: 0.24rem 0 0 0;
	border: solid 1px #e6e6e6;
	padding: 0 0.1rem 0 1.55rem;
	min-height: 1.58rem;
	font-size: 0.28rem;
	color: #686868;
}
.sec-01 li .pic {
	left: 0.2rem;
	top: 50%;
	width: 1.16rem;
	margin: -0.58rem 0 0 0;
}
.sec-01 li h3 {
	font-size: 0.36rem;
	color: #212121;
	padding: 0.4rem 0 0.2rem 0;
}

/*课程设计：6大模块*/
.sec-02 {
	padding: 0.6rem 0 0 0;
}
.sec-02 .content {
	background: url("../images/mobile/s02-tit.png") no-repeat center top;
	background-size: 7.5rem auto;
}
.sec-02 .sec-tit h3 {
	font-size: 0.48rem;
	color: #25296d;
	padding: 0.2rem 0;
}
.sec-02 .sec-tit .tit-des {
	font-size: 0.28rem;
	line-height: 0.3rem;
	color: #25296d;
}
.sec-02 .sec-tit .tit-des img {
	width: 0.6rem;
}
.sec-02 .wrap {
	margin: 0.4rem 0.3rem 0 0.3rem;
	border: solid 1px #9d9fc9;
	padding: 0.15rem;
}
.sec-02 .wrap .left-ele {
	width: 2.6rem;
	text-align: center;
}
.sec-02 .wrap .left-ele .tabItem {
	height: 1.16rem;
	margin: 0 0 0.15rem 0;
	background: #a8aacb;
	font-size: 0.28rem;
	color: #fff;
	border-radius: 0.15rem;
	-webkit-border-radius: 0.15rem;
	-moz-border-radius: 0.15rem;
}
.sec-02 .wrap .left-ele .active {
	background: -moz-linear-gradient(left, #4d51a1 0%, #21256e 100%);
    background: -webkit-linear-gradient(left, #4d51a1 0%,#21256e 100%);
    background: -o-linear-gradient(left, #4d51a1 0%,#21256e 100%);
    background: -ms-linear-gradient(left, #4d51a1 0%,#21256e 100%);
    background: linear-gradient(to right, #4d51a1 0%,#21256e 100%);
}
.sec-02 .wrap .left-ele .tabItem p {
	padding: 0.15rem 0 0 0;
	line-height: 0.42rem;
}
.sec-02 .wrap .right-ele {
	width: 3.55rem;
}
.sec-02 .wrap .right-ele h3 {
	font-size: 0.32rem;
	color: #25296d;
	line-height: 0.7rem;
	border-bottom: solid 1px #9d9fc9;
}
.sec-02 .wrap .right-ele p {
	font-size: 0.28rem;
	color: #686868;
	padding: 0.25rem 0 0.55rem 0;
}
.sec-02 .wrap .right-ele ul {
	padding: 0.25rem 0 0 0;
}
.sec-02 .wrap .right-ele li {
	background: url("../images/mobile/s02-01.png") no-repeat left 0.09rem;
	background-size: 0.18rem auto;
	padding: 0 0 0.16rem 0.3rem;
	font-size: 0.28rem;
	color: #686868;
	line-height: 0.36rem;
}
.sec-02 .wrap .right-ele li a
, .sec-02 .wrap .right-ele p a {
	display: inline-block;
	padding: 0.05rem 0.1rem;
	line-height: 0.22rem;
	border-radius: 0.15rem;
	-webkit-border-radius: 0.15rem;
	-moz-border-radius: 0.15rem;
	font-size: 0.22rem;
	color: #fff;
	margin: 0 0 0 0.1rem;
	background: -moz-linear-gradient(left, #fb6a41 0%, #f85838 100%);
	background: -webkit-linear-gradient(left, #fb6a41 0%,#f85838 100%);
	background: -o-linear-gradient(left, #fb6a41 0%,#f85838 100%);
	background: -ms-linear-gradient(left, #fb6a41 0%,#f85838 100%);
	background: linear-gradient(to right, #fb6a41 0%,#f85838 100%);
}

/*课程收益*/
.sec-03 {
	padding: 0.8rem 0 0 0;
}
.sec-03 .step {
	padding: 0 0 0.6rem 0;
}
.sec-03 .content {
	background: url("../images/mobile/s03-tit.png") no-repeat center top;
	background-size: 100% auto;
}
.sec-03 .sec-tit {
	font-size: 0.48rem;
	color: #25296d;
	height: 0.8rem;
	line-height: 0.8rem;
}
.sec-03 .sec-tit img {
	width: 0.3rem;
	margin: 0 0.14rem;
}
.sec-03 ul {
	padding: 1px 0.3rem;
}
.sec-03 li {
	margin: 0.24rem 0 0 0;
	height: 1.18rem;
	padding: 0 0.26rem 0 1.85rem;
	background: #fff;
	box-shadow: 0 0 10px #eeeeee;
	-webkit-box-shadow: 0 0 10px #eeeeee;
	-moz-box-shadow: 0 0 10px #eeeeee;
}
.sec-03 li .pic {
	left: 0;
	top: 0;
	height: 1.18rem;
}
.sec-03 li span {
	display: block;
	width: 1.6rem;
	height: 1.18rem;
	line-height: 1.18rem;
	text-align: center;
	font-size: 0.4rem;
	color: #313690;
	font-weight: bold;
	text-indent: 0.25rem;
	left: 0;
	top: 0;
	z-index: 2;
}
.sec-03 li p {
	font-size: 0.28rem;
	color: #454545;
	line-height: 0.4rem;
	padding: 0.2rem 0 0 0;
}

/*《养老财务规划师课程》为谁而设？*/
.sec-04 {
	padding: 0.66rem 0 0 0;
}
.sec-04 .content {
	background: url("../images/mobile/s04-tit.png") no-repeat center top;
	background-size: 100% auto;
}
.sec-04 h3 {
	padding: 0.16rem 0;
	font-size: 0.46rem;
	color: #25296d;
}
.sec-04 ul {
	padding: 1px 0.3rem;
}
.sec-04 li {
	margin: 0.26rem 0 0 0;
	box-shadow: 0 0 10px #e7e7e7;
	-webkit-box-shadow: 0 0 10px #e7e7e7;
	-moz-box-shadow: 0 0 10px #e7e7e7;
}
.sec-04 li .hd-ele {
	height: 1.26rem;
	padding: 0 0 0 0.25rem;
	color: #fff;
	font-size: 0.28rem;
}
.sec-04 li:nth-child(1) .hd-ele {
	background: #3b3f86 url("../images/mobile/s04-01.png") no-repeat right center;
	background-size: auto 1.26rem;
}
.sec-04 li:nth-child(2) .hd-ele {
	background: #3b3f86 url("../images/mobile/s04-02.png") no-repeat right center;
	background-size: auto 1.26rem;
}
.sec-04 li:nth-child(3) .hd-ele {
	background: #3b3f86 url("../images/mobile/s04-03.png") no-repeat right center;
	background-size: auto 1.26rem;
}
.sec-04 li .hd-ele h4 {
	font-size: 0.4rem;
	padding: 0.2rem 0;
}
.sec-04 li .des {
	padding: 0.15rem 0.25rem;
	font-size: 0.28rem;
	color: #454545;
	line-height: 0.38rem;
}

/*学习形式*/
.sec-05 {
	margin: 0.76rem 0 0 0;
	background: #f6f6f6 url("../images/mobile/s05-bg.png") no-repeat center bottom;
	background-size: 7.5rem auto;
	padding: 0.4rem 0;
}
.sec-05 .content {
	background: url("../images/mobile/s05-tit.png") no-repeat center top;
	background-size: 6.2rem auto;
}
.sec-05 .sec-tit {
	font-size: 0.48rem;
	color: #25296d;
	padding: 0.2rem 0;
}
.sec-05 .sec-tit img {
	width: 0.3rem;
	margin: 0 0.14rem;
}
.sec-05 .pic {
	padding: 0.15rem 0.3rem 0 0.3rem;
}
/*选课专区*/
.select-sec {
	padding: 0.6rem 0 0.78rem 0;
}
.select-sec .content {
	background: url("../images/mobile/select-tit.png") no-repeat center top;
	background-size: 7.5rem auto;
}
.select-sec .sec-tit {
	font-size: 0.48rem;
	color: #25296d;
	padding: 0.2rem 0;
}
.select-sec .sec-tit .des {
	font-size: 0.28rem;
	color: #25296d;
	line-height: 0.42rem;
	padding: 0.1rem 0 0 0;
	font-weight: normal;
}
.select-sec .sec-tit .des span {
	color: #f03b1c;
}
.select-sec .wrap {
	padding: 0 0.3rem;
}
.select-sec .wrap .tab-box {
	height: 0.8rem;
}
.select-sec .wrap .tab-item {
	width: 2.2rem;
	height: 0.68rem;
	line-height: 0.68rem;
	text-align: center;
	border: solid 2px #25296d;
	border-bottom: none;
	font-size: 0.32rem;
	color: #25296d;
	margin: 0.12rem 0 0 0;
	border-top-left-radius: 0.1rem;
	border-top-right-radius: 0.1rem;
	-webkit-border-top-left-radius: 0.1rem;
	-webkit-border-top-right-radius: 0.1rem;
	-moz-border-top-left-radius: 0.1rem;
	-moz-border-top-right-radius: 0.1rem;
}
.select-sec .wrap .tab-item .icon {
	width: 0.26rem;
	margin: -0.06rem 0.06rem 0 0;
}
.select-sec .wrap .tab-box .active {
	height: 0.8rem;
	line-height: 0.8rem;
	color: #fff;
	background: #30337c;
	margin: 0;
}
.select-sec .tab-content {
	background: #f5f7fd;
	border-top-right-radius: 0.1rem;
	-webkit-border-top-right-radius: 0.1rem;
	-moz-border-top-right-radius: 0.1rem;
	overflow: hidden;
}
.select-sec .list_header {
	background: #40438c;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.32rem;
	color: #fff;
	text-align: center;
}
.select-sec .tab-content ul {
	padding: 0 0.16rem;
}
.select-sec .tab-content li {
	padding: 0.3rem 0;
	border: solid 1px #ccc;
	margin: 0.26rem 0 0 0;
}
.select-sec .tab-content li.active {
	background: #ebecf9;
	border: solid 1px #40438c;
}
.select-sec .tab-content li .item01 {
	font-weight: bold;
	font-size: 0.34rem;
	color: #25296d;
	width: 2rem;
	margin: 0 0 0 0.14rem;
	height: 0.76rem;
	line-height: 0.76rem;
}
.select-sec .tab-content li del,
.select-sec .tab-content li div.fl {
	height: 0.76rem;
	line-height: 0.76rem;
	font-size: 0.24rem;
	color: #999999;
}
.select-sec .tab-content li .item02 {
	margin: 0 0.24rem 0 0;
	line-height: 0.38rem;
	font-size: 0.24rem;
	color: #333333;
}
.select-sec .tab-content li .item02 strong {
	color: #f03b1c;
}
.select-sec .tab-content li .mark {
	display: inline-block;
	padding: 0 0.14rem;
	height: 0.32rem;
	line-height: 0.32rem;
	font-size: 0.24rem;
	color: #fff;
	background: -moz-linear-gradient(left, #f56949 0%, #ef4416 100%);
	background: -webkit-linear-gradient(left, #f56949 0%,#ef4416 100%);
	background: -o-linear-gradient(left, #f56949 0%,#ef4416 100%);
	background: -ms-linear-gradient(left, #f56949 0%,#ef4416 100%);
	background: linear-gradient(to right, #f56949 0%,#ef4416 100%);
	border-bottom-right-radius: 0.16rem;
	-webkit-border-bottom-right-radius: 0.16rem;
	-moz-border-bottom-right-radius: 0.16rem;
	left: -1px;
	top: -1px;
}
.select-sec .tab-content li .al-txt {
	font-size: 0.2rem;
	color: #f03b1c;
	padding: 0.2rem 0 0 0;
}
.select-sec .tab-content li .view-table {
	display: inline-block;
	width: 1.6rem;
	text-align: center;
	height: 0.46rem;
	line-height: 0.46rem;
	border-radius: 0.23rem;
	-webkit-border-radius: 0.23rem;
	-moz-border-radius: 0.23rem;
	font-size: 0.24rem;
	color: #fff;
	background: -moz-linear-gradient(left, #44ad7a 0%, #379768 100%);
	background: -webkit-linear-gradient(left, #44ad7a 0%,#379768 100%);
	background: -o-linear-gradient(left, #44ad7a 0%,#379768 100%);
	background: -ms-linear-gradient(left, #44ad7a 0%,#379768 100%);
	background: linear-gradient(to right, #44ad7a 0%,#379768 100%);
	margin: 0.1rem 0.24rem 0 0;
}
.select-sec .btn-group {
	padding: 0.48rem 0.24rem;
}
.select-sec .btn-group .btn {
	display: inline-block;
	text-align: center;
	height: 0.82rem;
	line-height: 0.82rem;
	border-radius: 0.41rem;
	-webkit-border-radius: 0.41rem;
	-moz-border-radius: 0.41rem;
	font-size: 0.28rem;
	color: #fff;
}
.select-sec .btn-group .btn:active {
	opacity: 0.8;
}
.select-sec .btn-group .btn01 {
	width: 2.45rem;
	background: #433ea5;
}
.select-sec .btn-group .btn02 {
	width: 3.6rem;
	background: -moz-linear-gradient(left, #f56949 0%, #ef4416 100%);
	background: -webkit-linear-gradient(left, #f56949 0%,#ef4416 100%);
	background: -o-linear-gradient(left, #f56949 0%,#ef4416 100%);
	background: -ms-linear-gradient(left, #f56949 0%,#ef4416 100%);
	background: linear-gradient(to right, #f56949 0%,#ef4416 100%);
}
.select-sec .btn-group .btn03 {
	width: 3.6rem;
	color: #ffd966;
	background: -moz-linear-gradient(left, #2f2f2f 0%, #000000 100%);
	background: -webkit-linear-gradient(left, #2f2f2f 0%,#000000 100%);
	background: -o-linear-gradient(left, #2f2f2f 0%,#000000 100%);
	background: -ms-linear-gradient(left, #2f2f2f 0%,#000000 100%);
	background: linear-gradient(to right, #2f2f2f 0%,#000000 100%);
}



/*5大权益 学习更安心*/
.sec-06 {
	padding: 0.4rem 0.3rem;
	background: #2e3856;
}
.sec-06 .content {
	background: url("../images/mobile/s06-tit.png") no-repeat center top;
	background-size: 100% auto;
}
.sec-06 h3 {
	padding: 0.2rem 0 0.4rem 0;
	font-size: 0.48rem;
	color: #fff;
}
.sec-06 ul {
	margin: 0 0 0 -0.26rem;
}
.sec-06 li {
	margin: 0 0 0.26rem 0.26rem;
	width: 2.02rem;
	height: 2rem;
	padding: 0 0 0 1.3rem;
	color: #fff;
	font-size: 0.36rem;
	font-weight: bold;
	background: #0086cc url("../images/mobile/s06-item-bg.png") no-repeat 1.5rem center;
	background-size: auto 2rem;
}
.sec-06 li .yellow {
	color: #fee82e;
	font-size: 0.24rem;
	line-height: 0.36rem;
}
.sec-06 li p {
	padding: 0.5rem 0 0 0;
	line-height: 0.52rem;
}
.sec-06 li .pic {
	width: 1.1rem;
	left: 0.1rem;
	top: 50%;
	margin: -0.48rem 0 0 0;
}
.sec-06 li:nth-child(1),
.sec-06 li:nth-child(4) {
	background: #304a9c url("../images/mobile/s06-item-bg.png") no-repeat 1.5rem center;
	background-size: auto 2rem;
}
.sec-06 li:last-child {
	width: 5.2rem;
	padding-left: 1.7rem;
	background: #f56c2f url("../images/mobile/s06-item-bg.png") no-repeat right center;
	background-size: auto 2rem;
}
.sec-06 li:last-child p {
	padding-top: 0.35rem;
}
.sec-06 li:last-child .pic {
	left: 0.2rem;
	width: 1.3rem;
	margin: -0.6rem 0 0 0;
}
.sec-06 li:last-child span {
	display: block;
	line-height: 0.36rem;
}
/*2023-01-30*/
.sec-06 li:nth-child(4) {
	padding-left: 1.5rem;
	width: 1.82rem;
}
.sec-06 li:nth-child(4) .pic {
	left: 0.2rem;
}

/*讲师介绍*/
.sec-07 {
	padding: 0.6rem 0 0.2rem 0;
}
.sec-07 .content {
	background: url("../images/mobile/s07-tit.png") no-repeat center top;
	background-size: 5.16rem auto;
}
.sec-07 .sec-tit h3 {
	font-size: 0.48rem;
	color: #25296d;
	padding: 0.2rem 0;
}
.sec-07 .sec-tit .tit-des {
	font-size: 0.27rem;
	line-height: 0.3rem;
	color: #25296d;
}
.sec-07 .sec-tit .tit-des img {
	width: 0.5rem;
}
.sec-07 .slide-box {
	/*padding: 0.4rem 0 0 0.3rem;*/
}
.sec-07 .slide-box .swiper-container {
	padding: 0.4rem 0 0.5rem 0.3rem;
}
.sec-07 .slide-box .swiper-slide {
	height: 3rem;
	box-shadow: 0 0 10px #eee;
	-webkit-box-shadow: 0 0 10px #eee;
	-moz-box-shadow: 0 0 10px #eee;
}
.sec-07 .slide-box .hd-ele {
	height: 1.2rem;
	background: #eff0f8;
}
.sec-07 .slide-box .hd-ele img {
	width: 1.28rem;;
	margin: 0.25rem 0 0 0;
}
.sec-07 .slide-box h4 {
	font-size: 0.32rem;
	color: #25296d;
	padding: 0.55rem 0 0.1rem 0;
}
.sec-07 .slide-box p {
	font-size: 0.24rem;
	color: #333;
	line-height: 0.32rem;
}

/*底部悬浮*/
.bottomSpace {
	padding-bottom: 1.5rem;
}
.bot-fixed {
	height: 1.5rem;
	width: 100%;
	background: url("../images/mobile/bot-bg-2025.png") no-repeat center;
	background-size: cover;
	left: 0;
	bottom: 0;
	z-index: 10;
}
.bot-fixed .left-ele {
	width: 4.15rem;
	margin: 0 0 0 0.1rem;
	color: #ffffff;
	font-size: 0.20rem;
	padding: 0.25rem 0 0 0;
	line-height: 0.48rem;
}
.bot-fixed .left-ele strong {
	font-size: 0.32rem;;
}
.bot-fixed .left-ele span {
	font-size: 0.22rem;
}
.bot-fixed .btn-gp {
	padding: 0.4rem 0 0 0;
}
.bot-fixed .btn-gp .btn-item {
	padding: 0 0.15rem;
	height: 0.7rem;
	line-height: 0.7rem;
	border-radius: 0.35rem;
	-webkit-border-radius: 0.35rem;
	-moz-border-radius: 0.35rem;
	font-size: 0.28rem;
	margin: 0 0.1rem 0 0;
	color: #ee330f;
	text-align: center;
}
.bot-fixed .btn-gp .btn-item01 {
	background: #fff;
}
.bot-fixed .btn-gp .btn-item02 {
	background: #fff65e;
}

/*2022.11.24试听入口*/
.st-box {
	margin: 0.5rem 0.3rem 0 0.3rem;
	height: 2.01rem;
	background: url("../images/mobile/sshiting-pic.png") no-repeat center top;
	background-size: 6.9rem auto;
}
.st-box .btn {
	display: block;
	width: 2.8rem;
	text-align: center;
	height: 0.7rem;
	line-height: 0.7rem;
	border-radius: 0.35rem;
	-webkit-border-radius: 0.35rem;
	-moz-border-radius: 0.35rem;
	left: 50%;
	bottom: 0.22rem;
	margin: 0 0 0 -1.5rem;
	font-size: 0.3rem;
	color: #fff;
	background: -moz-linear-gradient(left, #f96b48 0%, #f55b40 100%);
    background: -webkit-linear-gradient(left, #f96b48 0%,#f55b40 100%);
    background: -o-linear-gradient(left, #f96b48 0%,#f55b40 100%);
    background: -ms-linear-gradient(left, #f96b48 0%,#f55b40 100%);
    background: linear-gradient(to right, #f96b48 0%,#f55b40 100%);
}
.st-box .btn:active {
	opacity: 0.8;
}

/* 协议弹层样式 */
.protocol-popup {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: white;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
	box-shadow: 0 -0.04rem 0.2rem rgba(0,0,0,0.1);
	z-index: 1000;
	transform: translateY(100%);
	transition: transform 0.3s ease;
	max-height: 12rem;
}

.protocol-popup.show {
	transform: translateY(0);
}

.protocol-header {
	padding: 0.3rem;
	text-align: center;
	border-bottom: 0.02rem solid #eee;
	position: relative;
}

.protocol-title {
	font-size: 0.32rem;
	font-weight: bold;
}

.protocol-close {
	position: absolute;
	right: 0.3rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.4rem;
	cursor: pointer;
	width: 0.6rem;
	height: 0.6rem;
	line-height: 0.6rem;
}

.protocol-content {
	padding: 0.3rem;
	height: 10rem;
	overflow-y: auto;
	font-size: 0.28rem;
	line-height: 1.5;
}

.protocol-footer {
	padding: 0.3rem;
	text-align: center;
	border-top: 0.02rem solid #eee;
}

.protocol-btn {
	width: 100%;
	height: 0.9rem;
	line-height: 0.9rem;
	background: #ccc;
	color: white;
	border: none;
	border-radius: 0.1rem;
	font-size: 0.32rem;
	cursor: not-allowed;
}

.protocol-btn.active {
	background: #ff6600;
	cursor: pointer;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 999;
	display: none;
}

.overlay.show {
	display: block;
}

/* 滚动条样式优化 */
.protocol-content::-webkit-scrollbar {
	width: 0.06rem;
}

.protocol-content::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 0.03rem;
}