@charset "utf-8";

.wrap {
    background: #fff;
}


.main {
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

    .main:after {
        content: ' ';
        clear: both;
        display: block;
    }

/** faq list **/
.faq-list {
    width: 100%;
}

    .faq-list ul:after {
        content: ' ';
        clear: both;
        display: block;
    }

    .faq-list li {
        width: calc(100% - 4rem);
        /*height: 18rem;
        margin-right: 2.5rem;*/
        margin-bottom: 1rem;
        padding: 2.5rem 2rem 2rem 2rem;
        background: #f1f1f1;
        border-radius: 1rem;
        text-align: left;
    }

    .faq-list li:after {
        content: ' ';
        clear: both;
        display: block;
    }

    .faq-list li img{
        max-width:10rem;
        float:left;
    }
    .faq-list li div{
        float:left;
        width:calc(100% - 12rem);
    }
    .faq-list li.right > div{
        margin-right:2rem;
    }
    .faq-list li.left > div{
        margin-left:2rem;
    }

    .faq-list li.right > div:nth-child(1),.faq-list li.left > div:nth-child(2){
        font-size: 1.8rem;
        font-weight:bold;
    }
    .faq-list li.right > div:nth-child(2),.faq-list li.left > div:nth-child(3){
        font-size:1.4rem;
        margin-top:1rem;
    }


/** feedback **/
.feedback-box-guide {
    font-size: 1.6rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}


/*
手机端
*/
@media screen and (max-width:640px) {
    .main{
        margin-top:0;
        margin-bottom:1.5rem;
    }

    .faq-list li.right > div:nth-child(1),.faq-list li.left > div:nth-child(2){
        font-size: 1.4rem;
    }
    .faq-list li.right > div:nth-child(2),.faq-list li.left > div:nth-child(3){
        width:100%;
        font-size:1.2rem;
        margin-top:1rem;
    }
    .faq-list li.left > div:nth-child(3){
        margin-left:0;
    }

    .feedback-box-guide{
        font-size:1.4rem;
        padding-top:0.5rem;
        padding-bottom:1.5rem;
    }
}