@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "宋体";
}
.box{
	width: 100%;
	height: auto;
}
/*海报*/
.banner {
	max-height: 628px;
}
.banner>div{
	height:100%;
	width:100%;
	overflow: hidden;
	left:0;
	bottom:0;
	border-radius: 0px;
	background: none;
}
.banner>div>div>div>a>img{
	width:100%;
	height:100%
}
/*是啥让恁痛失爱人*/
.spouse{
	width: 100%;
	height: 55vw;
	cursor: pointer;
	position: relative;
	overflow: hidden
}
.spouse>img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}
.spouse>p{
	text-align: center;
	font-size: 28px;
	color: #fab047;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 16%;
	margin-left: auto;
	margin-right: auto;
}
.spouse>a>div{
	width: 156px;
	height: 52px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10%;
	margin-left: auto;
	margin-right: auto;
}
/*错哩方法*/
.row{
	margin: 0;
}
.error_top{
	height: auto;
	border-radius: 20px;
	border:2px dashed #b0b0b0;
}
.error_top>p{
	color: #ff4a6b;
	font-size: 17px;
	margin: 2.5rem 0 0 2rem;
	font-weight: bold
}
.error_top>p:nth-child(2){
	margin: 1rem 0 2rem 2rem;
}
.error{
	height: auto;
	padding: 0;
	position: relative;
}
.error>img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: -1
}
.error>h1{
	text-align: center;
	font-weight: 600;
	padding-top: 20px
}
.error>h5{
	font-weight: 600;
	text-align: center;
	color: #ff4a6d;
}
.error>ul{
	height: auto;
	margin: 30px auto 0px;
}
.error>ul>li{
	height: 17rem;
	cursor: pointer;
	position: relative;
}
.error>ul>li>img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: -1
}
.error>ul>li>div{
	height: 2rem;
	line-height: 1.8rem;
	font-size: 2rem;
	font-weight: bold;
	color: #5264a4;
	border-left: 2px solid#ff4a6d;
	margin: 4.4rem 0px 0px 2.4rem;
}
.error>ul>li>p{
	font-size: 1.5rem;
	margin: 1rem 0px 0px 2.4rem;
	color: #717171;
}
.error_bottom{
	height: auto;
	border-radius: 2rem;
	border:2px dashed #b0b0b0;
	margin-top: 2rem;
}
.error_bottom>p{
	font-size: 1.6rem;
	color: #888;
	margin: 2.4rem 0 2.4rem 4.5rem ;
	width: 60%;
}
/*爱情的道路 你可能在经历那些坎坷*/
.bumpy{
	padding: 0;
	height: auto;
	position: relative;
}
.bumpy>img{
	width: 100%;
	height: 120%;
	position: absolute;
	top: 0;
	z-index: -1
}
.bumpy>div{
	height: auto;
	margin: 2rem auto 0;
	text-align: center
}
.bumpy>div>h2{
	font-weight:normal;
	font-size: 3.6rem;
}
.bumpy>div>h6{
	font-weight:bold;
	font-size: 2rem;
	margin: 1.4rem 0px 2rem 0px;
}
.bumpy>div>p{
	font-size: 2rem;
	width: 80%;
	margin: auto;
	text-align: left
}
.bumpy>ul{
	height: auto;
	padding: 0;
	margin: 20px auto 0;
}
.bumpy>ul>li{
	margin-top: 10px;
	padding: 0 10px 0 0;
	height: 15rem;
	text-align: center;
}
.bumpy>ul>li>div{
	width: 100%;
	height: 100%;
	background: #fff;
	cursor: pointer;
	border-radius: 8px;
}
.bumpy>ul>li>div>div{
	width: 30%;
	height: 100%;
	float: left;
	line-height: 15rem
}
.bumpy>ul>li>div>div>img{
	text-align: center;
}
.bumpy>ul>li>div>p{
	text-align: left;
	font-weight: bold;
	font-size: 2rem;
	padding-top:4rem ;
	
}
.bumpy>ul>li>div>h6{
	font-size: 1.5rem;
	text-align: left;
	color: #9b9b9b;
	font-weight:normal;
}
/*轻松三步*/
.relaxed{
	height: auto;
	margin: 30px auto 0;
}
.relaxed>p{
	font-size: 3.6rem;
	text-align: center;
}
.relaxed>p>span{
	color:#fe4a6d
}
.relaxed>h6{
	font-size: 1.6rem;
	text-align: center;
	color: #ed6073;
	margin: 20px 0px 20px 0px;
}
.relaxed>ul{
	width: 100%;
	height: auto;
}
.relaxed>ul>li{
	height: 9rem;
	cursor: pointer;
}
.relaxed>ul>li>span{
	color:#e84e68;
	font-size: 60px;
	font-weight: bold;
	float: left
}
.relaxed>ul>li>p{
	width: 70%;
	font-size: 17px;
	float: left;
	margin:20px 0px 0px 15px
}
.relaxed>ul>li>h6{
	margin:0 0 0 17px;
	font-size: 12px;
	color:#a2a2a2;
	float: left
}
.relaxed>ul>li>div{
	width: 40px;
	height: 20px;
	background: #c3c3c3;
	float: right;
	margin: -10px 50px 0px 0px;
}
/*挽回爱和其他机构相比*/
.wha_compare{
	height: 55rem;
	margin: 2rem auto;
	text-align: center;
	position: relative;
	display: none
}
.wha_compare>img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}
.wha_compare>p{
	width: 80%;
	margin: 1.6rem auto 0;
	font-size: 2.4rem;
	font-weight: 100;
	color: #fff;
	text-align: center
}
.wha_compare>h6{
	width: 4rem;
	height: 2px;
	background: #ff6267;
	margin: 1rem auto;
}
.wha_compare>ul{
	width: 100%;
	height: 26rem;
	margin-bottom: 4rem;
}
.wha_compare>ul>li{
	height: 10rem;
	margin-top: 3rem;
}
.wha_compare>ul>li>div{
	width: 100%;
	height: 100%;
	border: 1px solid#fff;
	color: #fff;
	text-align: center;
}
.wha_compare>ul>li>div>p{
	font-weight: bold;
	font-size: 2.2rem;
	margin-top: 1.5rem;
}
.wha_compare>ul>li>div>h6{
	font-weight: bold;
	font-size: 1.4rem
}
.wha_compare>bottom{
	font-size: 1.8rem;
	padding: 1rem 2rem;
	background: #fc596e;
	border-radius: 4px;
}
.wha_compare>bottom>a{
	color: #fff;
}




@media(max-width: 991px){
	/*是啥让恁痛失爱人*/
   	.spouse{
		height: 72vw;
	}
	.spouse>img{
		width: 150%;
		left: -25%;
	}
	.spouse>p {
	    bottom: 15%;
	}
	.spouse>a>div {
	    height: 35px;
	}
}
@media(max-width: 767px){
	/*是啥让恁痛失爱人*/
	.spouse{
		height: 50rem;
	}
	.spouse>p {
	    bottom: 14%;
	    font-size: 22px
	}
	/*错哩方法*/
	.error>ul{
		padding: 0;
	}
	.error>ul>li {
		height: 18rem;
	    padding: 0 15px 0 0;
	}
	/*轻松三步*/
	.relaxed>ul>li>p {
	    width: 80%;
	}
	/*挽回爱和其他机构相比*/
	.wha_compare{
		display: block
	}
}
@media(max-width: 500px){
	/*是啥让恁痛失爱人*/
	.spouse{
		height: 36rem;
	}
	.spouse>img{
		width: 160%;
		left: -30%;
	}
	.spouse>p {
	    bottom: 13%;
	    font-size: 18px
	}
	.error_top {
	    border: 0;
		border-bottom:2px solid #b0b0b0;
	}
	/*错哩方法*/
	.error_bottom{
		border: 0;
		border-bottom:2px solid #b0b0b0;
	}
	.error_bottom>p{
		width: 95%;
		margin: 2.4rem auto;
	}
	.error>h1 {
	   	font-size: 2.6rem;
	}
	/*爱情的道路 你可能在经历那些坎坷*/
	.bumpy>div>h2 {
	    font-size: 2.6rem;
	}
	.bumpy>div>h6 {
	    font-size: 1.8rem;
	}
	.bumpy>div>p {
	    font-size: 1.8rem;
	    width: 98%;
	}
	.bumpy>ul>li {
	    margin-top: 6px;
	    padding: 0;
	}
	.bumpy>ul>li>div>div>img {
	    width: 4rem;
	    height: 4rem
	}
	.bumpy>ul>li>div>p {
	    padding-top: 3rem;
	}
	.bumpy>ul>li:nth-child(1){
	    padding-right:6px;
	}
	.bumpy>ul>li:nth-child(3){
	    padding-right:6px;
	}
	.bumpy>ul>li:nth-child(5){
	    padding-right:6px;
	}
	.bumpy>ul>li:nth-child(7){
	    padding-right:6px;
	}
	/*轻松三步*/
	.relaxed>p {
	    font-size: 2.6rem;
	}
	.relaxed>ul>li {
	    padding: 0;
	}
	.relaxed>ul>li>p {
	    width: 70%;
	}
	.relaxed>ul>li>div {
	    margin: -10px 10px 0px 0px;
	}
	/*挽回爱和其他机构相比*/
	.wha_compare {
	    height: 62rem;
	}
	.wha_compare>ul>li {
	    height: 11rem;
	    margin-top: 2rem;
	    padding: 0;
	}
	.wha_compare>ul>li:nth-child(1){
		padding-right: 1rem
	}
	.wha_compare>ul>li:nth-child(3){
		margin-top: 1rem
	}
	.wha_compare>ul>li>div>p {
	    font-size: 1.8rem;
	}


}