@charset "utf-8";

.joinjr{
    margin-bottom: 5%;
}
.joinjr-list .list-muen{border-bottom: 1px solid #e2e1e1;background: url(../images/faq_pic2.png) right 18px top 33px no-repeat;}
.joinjr-list li:first-child{background-color: #f8f8f8;}
.joinjr-list li.active{background-color: #1e50ae;color: #fff;background-image: url(../images/faq_bg5_on.png);}
.joinjr-list .list-muen .show{height: 70px;}
.joinjr-list .list-muen .show>div{display: flex;align-items: center;}
.joinjr-list .list-muen .show > div:nth-child(1){width: 37%;padding-left: 60px;}
.joinjr-list .list-muen .show > div:nth-child(2){width: 14%;}
.joinjr-list .list-muen .show > div:nth-child(3){width: 14%;}
.joinjr-list .list-muen .show > div:nth-child(4){width: 20%;}
.joinjr-list .list-muen .show > div:nth-child(5){width: 9%;}
.joinjr-list .list-muen .show > div:nth-child(6){width: 6%;justify-content: center;}
.joinjr-list .list-muen .show > div:nth-child(6) a{transition: all .4s ease;transform: rotate(-90deg);}
.joinjr-list .list-muen .hide{background-color: #fafafa;padding: 50px 60px;display: none;}
.joinjr-list .list-muen .hide h3{font-size: 18px;font-weight: 700;color: #333;margin-bottom: 6px;}
.joinjr-list .list-muen .hide .btn{border-radius: 30px;width: 165px;height: 42px;display: flex;justify-content: center;align-items: center;background-image: -moz-linear-gradient( 0deg, rgb(251,103,80) 0%, rgb(230,0,18) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(251,103,80) 0%, rgb(230,0,18) 100%);background-image: -ms-linear-gradient( 0deg, rgb(251,103,80) 0%, rgb(230,0,18) 100%);}
.joinjr-list .list-muen .hide .btn img{margin-right: 8px;}
.joinjr-list .list-muen.active .show > div:nth-child(6) a{transform: rotate(90deg);}


/* -------------------------4k端 S=50% Y*2--------------------------- */
@media all and (min-width:3000px) and (max-width:5000px) {}
/* -------------------------2k端 S=75% Y*1.5--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {

}

@media all and (max-width:1590px) {
}

@media all and (max-width:1430px) {

}

@media all and (max-width:1350px) {

}

@media all and (max-width:1270px) {
 
    .joinjr-list .list-muen .show > div:nth-child(1) {padding-left: 40px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {

}

@media all and (max-width:1000px) {

    .joinjr-list .list-muen .hide{padding: 30px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */

    .joinjr-list .list-muen .show > div:nth-child(1){padding-left: 0px;width: 50%;}
    .joinjr-list .list-muen .show > div:nth-child(2){display: none;}
    .joinjr-list .list-muen .show > div:nth-child(3){width: 20%;justify-content: center;}
    .joinjr-list .list-muen .show > div:nth-child(4){display: none;}
    .joinjr-list .list-muen .show > div:nth-child(5){width: 20%;justify-content: center;}
    .joinjr-list .list-muen .show > div:nth-child(6){width: 10%;}
    .joinjr-list .list-muen .hide{padding: 15px;}
    .joinjr-list .list-muen .hide h3{font-size: 14px;}
}