/* title */
.m-title {
	padding: .6rem .2rem;
}
.m-title h1 {
	line-height: 1rem;
	font-size: .8rem;
	font-weight: normal;
}
.m-title div {
	border-top: 1px solid #eee;
	padding-top: .4rem;
	margin-top: .4rem;
	line-height: .6rem;
	font-size: .32rem;
	color: #999;
}
.m-title div p {
	margin-bottom: .2rem;
	font-size: .4rem;
	color: #000;
}
.m-title div a {
	font-size: .28rem;
	color: #F40000;
}
.m-title div a .tf {
	vertical-align: 2px;
	width: .36rem;
	height: .36rem;
	border-radius: 100%;
	margin-left: .2rem;
	line-height: .36rem;
	font-size: .2rem;
	text-align: center;
	color: #fff;
	background: #F40000;
}
/* end title */

/* banner */
.m-banner {
	padding: .5rem 0 .3rem;
	background-size: cover;
	background-position: center;
}
.m-banner .qrcode .item {
	box-sizing: border-box;
	width: 50%;
	padding: 0 .24rem;
}
.m-banner .qrcode .item img {
	left: 0;
	width: 100%;
	height: 3.3rem;
	border-radius: 10px;
}
.m-banner .qrcode .item p {
	line-height: .8rem;
	font-size: .3rem;
	font-weight: 500;
	text-align: center;
}
.m-banner .link {
	padding: 0 .24rem;
}
.m-banner .link p {
	line-height: .5rem;
	font-size: .26rem;
	color: #666;
}
.m-banner .link .pc {
	color: #000;
}
.m-banner .link .pc a {
	color: #3267F6;
}
/* end banner */

/* schema */
.m-schema {
	padding: .8rem 0;
}
.m-schema .content {
	margin-top: .4rem;
}
/* end schema */

/* mode */
.m-mode {
	padding: .8rem 0;
	background: #F5F9FF;
}
.m-mode ul {
	margin: .4rem .24rem 0;
}
.m-mode li {
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: .08rem;
	padding: .4rem .6rem;
	text-align: center;
	background: linear-gradient(0deg, #FFFFFF, #E6EDF8);
	box-shadow: 0 0 16px 0 rgba(167,179,198,.24);
}
.m-mode li:nth-child(n+2) {
	margin-top: .24rem;
}
.m-mode li img {
	width: 2rem;
	height: 2rem;
}
.m-mode li h5 {
	margin: .4rem 0;
	font-size: .4rem;
	font-weight: normal;
}
.m-mode li p {
	line-height: .42rem;
	font-size: .28rem;
	color: #90969F;
}
/* end mode */

/* sales */
.m-sales {
	padding: .8rem 0;
}
.m-sales ul {
	margin: .4rem .24rem 0;
}
.m-sales li:nth-child(n+2) {
	margin-top: .24rem;
}
.m-sales li img {
	width: 1.2rem;
	height: 1.2rem;
	margin-right: .4rem;
}
.m-sales li h5 {
	margin-bottom: .2rem;
	font-size: .4rem;
	font-weight: normal;
}
.m-sales li p {
	font-size: .3rem;
}
/* end sales */

/* decorate */
.m-decorate {
	padding: .8rem 0;
	background-image: url('../img/system/decorate_bg.png');
	background-size: cover;
	background-position: center;
}
.m-decorate img {
	margin-top: .4rem;
}
/* end decorate */

/* technique */
.m-technique {
	padding: .8rem 0;
}
.m-technique ul {
	margin: .4rem .24rem 0;
}
.m-technique li {
	box-sizing: border-box;
	width: 32%;
	border: 1px solid #EBEBEB;
	padding: .4rem 0;
	margin-left: 2%;
	overflow: hidden;
	background: #fff;
}
.m-technique li:nth-child(3n+1) {
	margin-left: 0;
}
.m-technique li:nth-child(n+4) {
	margin-top: 2%;
}
.m-technique li .icon {
	margin-bottom: .3rem;
	font-size: .8rem;
}
.m-technique li p {
	font-size: .3rem;
	font-weight: bold;
	text-align: center;
}
/* end technique */

/* terminus */
.m-terminus {
	box-sizing: border-box;
	padding: .8rem 0;
}
.m-terminus:after {
	content: '';
	display: block;
    height: 3.2rem;
	margin-top: .2rem;
	background-image: url('../img/system/terminus.jpg');
	background-size: auto 100%;
	background-position: center;
}
/* end terminus */

/* point */
.m-point {
	padding: .8rem 0;
}
.m-point dl {
	margin: .4rem .24rem 0;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(191,194,208,.5);
}
.m-point dt {
	position: relative;
	line-height: 1.4rem;
	font-size: .48rem;
	text-indent: .6rem;
	color: #00FFEA;
	background: linear-gradient(90deg, #1966FF, #6DB4F9);
}
.m-point dt:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%;
	height: 1.1rem;
	background-image: url('../img/system/point_title.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right center;
	opacity: .4;
}
.m-point ul {
	padding: .5rem .3rem .5rem 1rem;
}
.m-point li {
	position: relative;
	margin-bottom: .5rem;
}
.m-point li:before {
	content: '';
	position: absolute;
	left: -.8rem;
	top: .1rem;
	width: .5rem;
	height: .5rem;
	background-image: url('../img/system/point_item.png');
	background-size: 100% 100%;
}
.m-point li h5 {
	line-height: .66rem;
	font-size: .32rem;
	font-weight: normal;
}
.m-point li p {
	line-height: .48rem;
	font-size: .3rem;
	color: #828A98;
}
/* end point */

/* advantage */
.m-advantage {
	padding: .8rem 0 .4rem;
	background: #F7F9FB;
}
.m-advantage ul {
	margin: .8rem .24rem 0;
}
.m-advantage li {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #E5E5E5;
	padding: .4rem .42rem .4rem 0;
	background: #fff;
}
.m-advantage li:nth-child(n+2) {
	margin-top: .24rem;
}
.m-advantage li .icon {
	width: 1.4rem;
	height: 1.4rem;
	margin: 0 .3rem;
}
.m-advantage li h1 {
	margin-bottom: .3rem;
	font-size: .36rem;
	font-weight: normal;
}
.m-advantage li p {
	line-height: .48rem;
	font-size: .28rem;
	color: #6B798E;
}
/* end advantage */

/* ability */
.m-ability {
	padding: .8rem 0;
}

.m-ability li {
	position: relative;
	margin: .4rem .24rem 0;
	background: #F7F9FB;
}
.m-ability li .image {
	height: 4rem;
	background-size: 100% auto;
	background-position: center;
    transition: all .3s ease;
}
.m-ability li .content {
	padding: 0 .3rem .48rem;
}
.m-ability li .content h5 {
	line-height: 1rem;
	font-size: .36rem;
	font-weight: bold;
}
.m-ability li .content p {
	line-height: .48rem;
	font-size: .28rem;
	color: #444;
}
/* end ability */