@charset "utf-8";
/*海报按钮*/
#banner_botton{
    width:11vw;
    height:3.5vw;
    line-height:3.5vw;
    font-size: 25px;
    background: #f33c79;
    left:13%;
    bottom:28%
}
#banner_botton>a{
    color:#fff;
    text-decoration: none;
}
#savethefour_title {
    font-family: "思源黑体CN Bold";
    font-size: 34px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
#savethefour_E {
    font-family: "思源黑体CN Light";
    font-size: 14px;
    color: rgb(102, 102, 102);
    text-align: center;
}
/*挽回爱 擅长一下情感问题*/
.adept_issue{
    width: 80%;
    height: 52rem;
    margin: auto; 
}
.adept_issue>h1{
    text-align: center;
    font-family: "宋体";
    font-weight: bold;
    margin: 0;
}
.adept_issue>ul{
    width: 100%;
    height: 84%;
    margin:  15px auto 0px;
}
.adept_issue>ul>li{
    height: 100%;
    padding: 0;
    float: left;
    position: relative; 
    cursor:pointer;
}
.adept_issue>ul>li>img{
    width: 100%;
    height: 100%
}
.adept_issue>ul>li>div{
    width: 70%;
    height: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0%;
    margin: auto;
    text-align: left;
    font-family: "黑体";
    font-size: 1.8rem;
}
.adept_issue>ul>li>div>h2{
    font-family: "宋体";
    font-weight: bold;
    margin-bottom: .6vw;
    margin-top: 0;
    font-size: 2.6rem;
    text-align: center
}
/*移动端导师*/
.mobile_tutor{
    width: 70%;
    height: 110rem;
    margin: 20px auto 0;
    padding-bottom: 40px;
    display: none
}
.mobile_tutor>a>li {
    width: 49%;
    height: 30%;
    float: left;
    background: #fff;
    border-radius: 6px;
}
.mobile_tutor>a>li>img {
    width: 100%;
    height: 40%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.mobile_tutor>a>li>p {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    font-family: "宋体";
    margin: 10px auto;
}
.mobile_tutor>a>li>div {
    width: 90px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #ff4a6d;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    margin: 5px auto;
}
.mobile_tutor>a>li>h6 {
    font-weight: 100;
    font-size: 12px;
    text-align: center;
    margin-top: 2px;
}
/*挽回爱合作伙伴*/
.partner{
    height: 46rem;
    margin: auto;
    background: #f3f3f3
}
.partner>h1{
    text-align: center;
    font-family: "宋体";
    font-weight: bold;
    padding-top: 30px
}
.partner>h6{
    text-align: center;
    color: #888;
    font-weight: 100;
    margin-top: 10px
}
.partner>ul{
    max-width: 100%;
    height: 60%;
    margin:  30px auto 0px;
}
.partner>ul>li{
    height: 45%;
    float: left;
    cursor:pointer;
    padding: 0
}
.partner>ul>li>img{
    width: 100%;
    height: 100%
}
/*右侧悬浮*/
.right_suspend{
	position: fixed;
    right: 0px;
    top: 35%;
    z-index: 10;
    display: none
}
.right_suspend>div{
	width: 100%;
	height: 40px;
	position:absolute;
	bottom: 0;
	cursor: pointer;
}
.right_suspend>svg{
	width: 45px;
	height: 45px;
	display: none
}
/*情感导师*/
.tutor{
	width: 100%;
	height: 640px;
	position: relative;
}
.tutor>img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	z-index: -1
}
.tutor>p{
	font-size: 32px;
	text-align: center;
	color: #fff;
	padding-top: 55px;
	margin: 0px 0px 10px 0px ;
}
.tutor>h5{
	text-align: center;
	color: #fff;
	font-size: 14px
}
.tutor_box{
	width: 868px;
	height: 413px;
	overflow: hidden;
	margin: 60px auto 0px;
}
.tutor_dan{
	width: 100%;
	height: 100%;
	background: #fff
}
.tutor_intro{
	width: 340px;
	height: 360px;
	float: right;
	margin-right: 90px;
	margin-top: 15px;
    position: relative;
}
.tutor_intro>div{
	width: 250px;
	height: 43px;
	color: #fff;
	background: #ff4a6d;
	text-align: center;
	line-height: 43px;
	font-size: 20px;
	border-radius: 10px;
    position: absolute;
    bottom: 20px;
}


#tutor_left{
	width: 33px;
	height: 47px;
	margin-left: 20%;
	margin-top: 2%;
}
#tutor_right{
	width: 33px;
	height: 47px;
	margin-right: 20%;
	margin-top: 2%;
}



@media(max-width: 1380px){
    .adept_issue {
        width: 100%;
    }
}
@media(max-width: 992px){
    .adept_issue{
        width: 100%;
        height: 100rem;
        margin: auto; 
    }
    .adept_issue>ul{
        height: 85%;
    }
    .adept_issue>ul>li {
        height: 50%;
    }
    .tutor_box{
        display: none
    }
    .mobile_tutor{
        display: block
    }
    #banner_botton{
        display: none
    }
    .partner>ul>li {
        height: 35%;
    }
    .right_suspend{
    	right: 1%;
    	top: 75%;
    }
    .right_suspend>img {
	    display: none 
	}
	.right_suspend>div {
	    display: none 
	}
	.right_suspend>svg{
		display: block
	}
}
@media(max-width: 768px){
    .adept_issue{
        height: 90rem;
    }
    .adept_issue>ul>li>div{
        bottom: -6%;
    }
    .mobile_tutor {
        width: 98%;
    }
    .mobile_tutor>a>li {
        height: 33%;
    }
    .partner>ul>li {
        height: 32%;
    }
}
@media(max-width: 500px){
    .adept_issue{
        height: 74rem;
    }
    .adept_issue>ul>li>div{
        height: 120px;
        font-size: 1.4rem;
        bottom: -2%;
    }
    .adept_issue>ul>li>div>h2{
        font-size: 1.6rem;
    }
    .mobile_tutor{
        height: 90rem
    }
    .mobile_tutor>a>li {
        height: 32%;
    }
    .partner>ul>li {
        height: 26%;
    }
}