@charset "utf-8";
.banner>div {
    width: 240px !important;
    position: absolute;
    left: 11% !important;
    bottom: 19% !important;
}
/*你的婚姻是否遭遇这些问题*/
.marriage_issue{
    height:  auto;
    margin: auto;
}
.marriage_issue>h2{
    text-align: center;
    font-family: "宋体";
    font-weight: bold;
    padding-top: 30px
}
.marriage_issue>h6{
    text-align: center;
    color: #888;
    font-weight: 100
}
.marriage_issue>ul{
    width: 100%;
    height: 34rem;
    margin-top: 20px
}
.marriage_issue>ul>li{
    height: 100%;
    padding: 0;
    position: relative; 
    cursor:pointer;
}
.marriage_issue>ul>li>img{
    width: 100%;
    height: 100%
}
.marriage_issue>ul>li>div{
    width: 70%;
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}
.marriage_issue>ul>li>div>h3{
    font-family: "宋体";
    text-align: center;
    margin-bottom: 14px;
    font-size: 20px;
    margin-top: 0
}
.marriage_issue>ul>li>div>h5{
    text-align: center;
    font-size: 15px
}
/*你寻过出现这些问题的原因吗？*/
.issue_cause{
    height:  auto;
    margin: auto;
}
.issue_cause>h2{
    text-align: center;
    font-family: "宋体";
    font-weight: bold;
    padding-top: 30px
}
.issue_cause>h6{
    text-align: center;
    color: #adadad;
    font-weight: 100
}
.issue_cause>div{
    width: 100%;
    height:26rem;
    position: relative;
    cursor:pointer;
    margin: 30px auto 0px;
}
.issue_cause_center{
    height: 80%;
    padding: 0 !important;
}
.issue_cause_center>img{
    width: 98%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
.issue_cause_center>p{
    font-size: 17px;
    color: #666;
    width: 60%;
    margin: auto;
}
.issue_cause_center>h2{
    text-align: left;
    font-family: "宋体";
    font-weight: bold;
    color: #fe816b;
    width: 60%;
    margin: auto;
    font-size: 25px
}
/*用尽办法也无济于事到底怎么办？*/
.nouse_box{
    width:100%;
    background: #f8f8f8
}
.nouse{
    width:100%;
    height:  auto;
    margin: auto;
    background: #f8f8f8
}
.nouse>h2{
    text-align: center;
    font-family: "宋体";
    font-weight: bold;
    padding-top: 30px
}
.nouse>h6{
    text-align: center;
    color: #888;
    font-weight: 100
}
.nouse>h6>div{
    height: 10px;
    border-bottom: 5px solid#FDC62B;
    display: inline-block
}
.nouse>div{
    width: 90%;
    height: 40rem;
    margin: 20px auto 0;
    position: relative;
    cursor:pointer;
}
.nouse>div>img{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1
}
.nouse>div>div{
    width: 90%;
    height: 90%;
    line-height: 44px;
    position: absolute;
    top: 30px;
    left: 18%;
    z-index: 2
}
.nouse>div>div>p{
    font-size: 22px;
    color: #666;
    letter-spacing: 6px;
}
.nouse>div>div>p>span{
    color: #db3d6e;
    font-size: 34px;
    font-weight: bold;
    height: 30px;
    border-bottom: 11px solid#FDC62B;
    display: inline-block;
    letter-spacing: 0;
}
.nouse>p{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-top: 10px
}
.nouse>p>bottom{
    margin-left: 10px;
    width: 125px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    cursor:pointer;
    display: inline-block;
    color: #fff;
    background:linear-gradient(to right,#f7637d,#fc48a1);
}
/*错误的方法可能导致失去一切！*/
.error_lose{
    height: auto;
    margin: 0 auto 30px ;
}
.error_lose>h2{
    text-align: center;
    font-family: "宋体";
    font-weight: bold;
    padding-top: 30px
}
.error_lose>h6{
    text-align: center;
    color: #888;
    font-weight: 100
}
.error_lose>ul{
    width: 100%;
    height: 30rem;
    margin-top: 30px
}
.error_lose>ul>li{
    height: 100%;
    padding:0 8px 0 0;
    margin-top: 8px;
    position: relative; 
    cursor:pointer;
}
.error_lose>ul>li>img{
    width: 100%;
    height: 100%
}
.error_lose>ul>li>div{
    width: 70%;
    height: 75px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-family: "黑体";
    font-size: 30px
}
#error_lose_content{
    width: 100%;
    height: 100px;
    margin-top: 14px;
    border: 2px solid#eee;
    border-radius: 6px;
}
#error_lose_content>p{
    text-align: center;
    font-size: 16px;
    color: #666;
    letter-spacing: 4px;
    width: 80%;
    margin: auto;
}
#error_lose_bottom{
    width: 260px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    cursor:pointer;
    border-radius: 50px;
    margin: 30px auto 0px;
    color: #fff;
    background:linear-gradient(to right,#f7637d,#fc48a1);
}






@media(max-width: 991px){
    .marriage_issue>ul {
        height: 60rem;
    }
    .marriage_issue>ul>li {
        height: 48%;
        margin-top: 1%;
    }
    .marriage_issue>ul>li>div>h3{
        margin-top: 10px;
    }
    .nouse>div {
        width: 90%;
        height: 69rem;
    }
    .nouse>div>div {
        width: 75%;
        top: 50px;
    }
    .error_lose>ul {
        height: 60rem;
    }
    .error_lose>ul>li {
        height: 48%;
    }
    #error_lose_content>p {
        width: 90%;
    }
    .issue_cause_center>p {
        width: 75%;
    }
    .issue_cause_center>h2 {
        width: 75%;
        font-size: 22px;
    }
}
@media(max-width: 767px){
    .marriage_issue>ul {
        height: 130rem;
        width: 70%;
        margin: auto;
    }
    .marriage_issue>ul>li {
        height: 24%;
    }
    .marriage_issue>ul>li>div>h3{
        margin-top: 6px;
    }
    .error_lose>ul {
        width: 80%;
        margin:30px auto 10px 
    }
    #error_lose_content {
        width: 100%;
        height: 130px;
    }
    .issue_cause>div {
        height: 46rem;
    }
    .issue_cause_center {
        height: 48%;
    }
}
@media(max-width: 500px){
    .marriage_issue>ul {
        width: 90%;
        margin: auto;
    }
    .nouse>div>div>p {
        font-size: 18px;
    }
    .nouse>div>div>p>span {
        font-size: 26px;
    }
    .error_lose>ul {
        height: 32rem;
        width: 90%
    }
    .error_lose>ul>li>div {
        height: 37px;
        font-size: 22px;
    }
    #error_lose_content {
        height: 190px;
    }
}