@charset "utf-8";

/* CSS Document */


/**** 首页 ****/

.wrapper {
	float: left;
	width: 100%;
	padding: 0 0 .5rem 0;
	background: #f1e4d2 url(../images/wrap-bg.png) no-repeat;
	background-size: 100% auto;
}
.picture, .picture img {
	float: left;
	width: 100%;
}
.main {
	float: left;
	width: 100%;
	padding: 0 .2rem;
}
.button {
	float: left;
	width: 100%;
	margin: .4rem 0 0 0;
}
.button.index {
	margin: -1.3rem 0 0 0;
}
.button a {
	display: block;
	width: 5.8rem;
	margin: 0 auto;
	background: #a2080a;
	border-radius: .5rem;
	line-height: .9rem;
	font-size: .36rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/**** 首页 ****/


/**** 浮动按钮 ****/

.floatbtn {
	position: fixed;
	bottom: 0;
	float: left;
	width: 100%;
	max-width: 7.5rem;
	padding: .1rem 0;
	background: rgba(0, 0, 0, .7);
	z-index: 9;
}
.floatbtn .button {
	margin: 0;
}

/**** 浮动按钮 ****/


/**** 免费页 ****/

.freeTeach {
	display: flex;
	justify-content: space-between;
	float: left;
	width: 100%;
	padding: .9rem;
	background: url(../images/teach-bg.png) no-repeat;
	background-size: 100% 100%;
}
.freeTeach.marg20 {
	margin: .2rem 0 0 0;
}
.freeTeach dt {
	width: 1.4rem;
	color: #703f1f;
	text-align: center;
}
.freeTeach dt img {
	display: block;
	width: 100%;
}
.freeTeach dd {
	width: calc(100% - 1.5rem);
	text-align: justify;
}
.freeTeach dd b {
	display: block;
	padding: 0 0 .1rem 0;
	margin: 0 0 .1rem 0;
	border-bottom: 1px solid #b19b80;
	color: #703f1f;
}
.freeTeach dd span {
	display: inline-block;
	font-size: .26rem;
	color: #4a3223;
}
.freeTeach dd i {
	color: #ad0103;
}
.freeTeach dd a {
	float: right;
	width: 2.2rem;
	background: linear-gradient(#af0002, #871a1b);
	border-radius: .3rem;
	line-height: .5rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.freeVideo {
	position: relative;
	float: left;
	width: 100%;
	margin: .2rem 0 0 0;
}
.freeVideo video {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: .2rem;
}
.freeVideo span {
	position: absolute;
	right: 0;
	top: 0;
	width: 1.6rem;
	background: rgba(212, 148, 72, .6);
	border-radius: 0 .2rem 0 .1rem;
	line-height: .7rem;
	color: #fff;
	text-align: center;
}
.freeCon {
	float: left;
	width: 100%;
	padding: 0 .24rem .3rem .24rem;
	margin: .9rem 0 0 0;
	background: #fff8f4;
	border: solid 1px #b19b80;
	border-radius: .2rem;
}
.freeTop {
	float: left;
	width: calc(100% + .2rem);
	margin: -.5rem 0 0 -.1rem;
}
.freeTop img {
	display: block;
	width: 100%;
}
.freeFuli {
	float: left;
	width: 100%;
	height: 1.5rem;
	padding: .25rem .5rem .25rem 5.1rem;
	margin: .3rem 0 0 0;
	background: url(../images/fuli.png);
	background-size: 100% 100%;
}
.freeFuli a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 1rem;
	background: linear-gradient(#af0002, #871a1b);
	border-radius: .2rem;
	line-height: 1.4;
	color: #fff;
	font-weight: bold;
}
.bigbox {
	float: left;
	width: 100%;
	padding: 0 .2rem;
	margin: .3rem 0 0 0;
	background: #f8f4eb;
	border: 1px solid #b19b80;
	border-radius: .2rem;
}
.bigbox:first-child {
	margin: .2rem 0 0 0;
}
.freeTitle {
	display: flex;
	justify-content: space-between;
	align-items: end;
	float: left;
	width: calc(100% + .4rem);
	padding: .1rem .2rem .1rem 1rem;
	margin: 0 0 0 -.2rem;
	border-radius: .2rem .2rem 0 0;
}
.freeTitle.bg1 {
	background: url(../images/icon01.png) no-repeat left .2rem center, linear-gradient(#a4692f, #d49448);
	background-size: .7rem auto;
}
.freeTitle.bg2 {
	background: url(../images/icon02.png) no-repeat left .2rem center, linear-gradient(#a4692f, #d49448);
	background-size: .7rem auto;
}
.freeTitle.bg3 {
	background: url(../images/icon03.png) no-repeat left .2rem center, linear-gradient(#a4692f, #d49448);
	background-size: .7rem auto;
}
.freeTitle.bg4 {
	background: url(../images/icon04.png) no-repeat left .2rem center, linear-gradient(#a4692f, #d49448);
	background-size: .7rem auto;
}
.freeTitle dt {
	width: auto;
	line-height: 1.4;
	color: #fff9f3;
	font-weight: bold;
}
.freeTitle dt span {
	background: linear-gradient(#fff, #ff0);
	-webkit-background-clip: text;
	color: transparent;
}
.freeTitle dd {
	width: 2rem;
	font-size: .2rem;
	color: #fff;
	text-align: center;
}
.freeTitle dd a {
	display: block;
	width: 100%;
	background: linear-gradient(#af0002, #871a1b);
	border-radius: .1rem;
	line-height: .5rem;
	font-size: .26rem;
	color: #fff;
}
.freeTitle dd a b {
	font-size: .32rem;
}
.freeList {
	float: left;
	width: 100%;
}
.freeList li {
	display: block;
	width: 100%;
	border-bottom: 1px dashed #b19b80;
	line-height: .8rem;
	color: #4a3223;
}
.freeList li:last-child {
	border: none;
}
.freeList li img {
	height: .35rem;
	margin: -.05rem 0 0 0;
	vertical-align: middle;
}
.freeList li.current {
	color: #a4692f;
}
.freeFold {
	float: left;
	width: 100%;
	margin: .2rem 0;
}
.freeFold a {
	display: block;
	width: .35rem;
	height: .35rem;
	margin: 0 auto;
	background: url(../images/icon10.png) no-repeat;
	background-size: 100% 100%;
}

/**** 免费页 ****/


/**** 结果页 ****/

.resultTitle {
	float: left;
	width: calc(100% + .4rem);
	padding: 0 0 0 .1rem;
	margin: 0 0 0 -.2rem;
	background: linear-gradient(#a4692f, #d49448);
	border-radius: .2rem .2rem 0 0;
	line-height: .8rem;
	color: #fff9f3;
	font-weight: bold;
}
.resultTitle img {
	width: .7rem;
	margin: -.05rem 0 0 0;
	vertical-align: middle;
}
.resultVideo {
	float: left;
	width: 100%;
}
.resultVideo a {
	float: left;
	width: 100%;
	padding: .2rem 0;
	border-bottom: 1px dashed #b19b80;
}
.resultVideo a:last-child {
	border: none;
}
.resultVideo dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	float: left;
	width: 100%;
}
.resultVideo dl dt {
	width: 1.8rem;
}
.resultVideo dl dt img {
	display: block;
	width: 100%;
}
.resultVideo dl dd {
	position: relative;
	width: calc(100% - 2rem);
	color: #4a3223;
	text-align: justify;
}
.resultVideo dl dd span {
	font-size: .26rem;
	color: #979797;
}
.resultVideo dl dd i {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.05rem;
	height: .36rem;
	background: url(../images/icon11.png) no-repeat;
	background-size: 100% 100%;
}
.resultProd {
	float: left;
	width: 100%;
}
.resultProd dl {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	float: left;
	width: 100%;
	padding: .2rem 0;
	border-bottom: 1px dashed #b19b80;
}
.resultProd dl:last-child {
	border: none;
}
.resultProd dl dt {
	width: 1.35rem;
}
.resultProd dl dt img {
	display: block;
	width: 100%;
}
.resultProd dl dd {
	width: calc(100% - 1.55rem);
	color: #4a3223;
	text-align: justify;
}
.resultProd dl dd b {
	color: #ad0103;
}
.resultProd dl dd a {
	position: absolute;
	right: 0;
	bottom: .2rem;
	width: 1rem;
	background: linear-gradient(#af0002, #871a1b);
	border-radius: .2rem;
	line-height: .4rem;
	font-size: .26rem;
	color: #fff;
	text-align: center;
}

/**** 结果页 ****/


/**** 弹窗 ****/

.popMask {
	position: fixed;
	top: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	max-width: 7.5rem;
	padding: 0 .5rem;
	background: rgba(0, 0, 0, .75);
	z-index: 9;
}
.popMask .bigbox {
	padding: .2rem;
}
.popMask .freeVideo {
	margin: 0;
}
.popClose {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
}
.popClose a {
	display: block;
	width: .66rem;
	height: .66rem;
	margin: 0 auto;
	background: url(../images/close.png) no-repeat;
	background-size: 100% 100%;
}
.popQrcode {
	float: left;
	width: 100%;
}
.popQrcode img {
	display: block;
	width: 2rem;
	margin: 0 auto;
}

/**** 弹窗 ****/