.ph-box{
    width:100%;
    margin:0 auto 0%;
}
.p2-txt-bg4.ph{
    position:relative;
    left:0;
    top:0;
    margin:2% auto 5%;
    text-align:center;
}
.p2-txt-bg4.ph img{
    display:inline-block;
    float:none;
    vertical-align:middle;
    margin-right:4px;
    width:15px;
}

.jd-tip{
    position:relative;
    left:0;
    top:0;
    margin:4% auto 0;
    text-align:center;
    font-size: 12px;
    color: #666;
}
.jd-tip img{
    display:inline-block;
    float:none;
    vertical-align:middle;
    margin-right:4px;
    width:15px;
}


.p2-txt-bg4.fw{
    position:relative;
    left:0;
    top:0;
    margin:3% auto 2%;
    text-align:center;
    display:none;
    font-size:14px;
}
.p2-txt-bg4.fw img{
    display:inline-block;
    float:none;
    vertical-align:middle;
    margin-right:4px;
    width:15px;
}
.ph-ul{
    width:100%;
    overflow:hidden;
}
.ph-ul li{
    width:30.8%;
    float:left;
    margin-left:3.8%;
    cursor:pointer;
}
.ph-ul li:first-child{
    margin-left:0;
}
.ph-top{
    width:100%;
    overflow:hidden;
    position:relative;
}
/*.ph-top{
    width:;
}*/
.img-hide{
    display:none;
}
.ph-top>p{
    font-size:22px;
    color:#333333;
    position:absolute;
    left:0;
    top:20%;
    text-align:center;
    width:100%;
}
.ph-line1{
    width:100%;
    margin:3% auto 0;
    opacity:0;
}
.ph-qh1-ul{
    display:none;
}
.ph-qh1-ul.active{
    display:block;
}
.ph-ul li.active .img-hide{
    display:block;
}
.ph-ul li.active .img-show{
    display:none;
}

.ph-ul li.active .ph-line1{
    opacity:1;
}

.ph-ul li.active p{
    color:#fff;
}
.ph-main{
    width:100%;
    margin:2% auto 0;
    display:none;
}
.ph-main.active{
    display:block;
}

.ph-qh{
    width:100%;
    display:flex;
    justify-content:center;
}
.ph-slt-box{
    width:21%;
    position:relative;
}
.ph-slt1{
    position: relative;
    width:100%;
    outline:none;
    background-color:#f1f8ff;
    height:40px;
    text-indent:1em;
    font-weight:600;
    font-size:16px;
    color:#333;
    border:1px solid #b5daf2;
    -webkit-appearance: none !important;
    box-sizing:border-box;
    background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll 94% center transparent;
}
.ph-slt1:after{
    content: '';
     position:absolute;
    left:87%;
    top:26.6%;
    width:13px;
    height:10px;
    background-image:url(../images/ph-jiao.png);
}
.ph-jiao{
    position:absolute;
    left:87%;
    top:26.6%;
    width:5.2%;
    display:none;
}
.ph-qh1-ul{
    overflow:hidden;
    margin-left:18px;
}
.ph-qh1-ul li{
    width:140px;
    float:left;
    margin-left:9px;
}
.ph-qh1-ul li:first-child{
    margin-left:0;
}
.ph-qh2-ul{
    overflow:hidden;
    margin-left:18px;
}
.ph-qh2-ul li{
    width:140px;
    float:left;
    margin-left:9px;
}   
.ph-qh2-ul li:first-child{      
    margin-left:0;
}
.ph-qh-top{
    width:100%;
    height:40px;
    box-sizing:border-box;
    background-color:#f1f8ff;
    border:1px solid #b5daf2;
    text-align:center;
    line-height:38px;
    cursor:pointer;
}
.ph-qh-line{
    width:100%;
    margin:4% auto 0;
    opacity:0;
}

.ph-qh1-ul li.active .ph-qh-top{
    background-image:url(../images/ph-bg.jpg);
    background-size:cover;
    color:#fff;
    border:none;
}
.ph-qh1-ul li.active .ph-qh-line{
    opacity:1;
}

.ph-qh2-ul li.active .ph-qh-top{
    background-image:url(../images/ph-bg.jpg);
    background-size:cover;
    color:#fff;
    border:none;
}
.ph-qh2-ul li.active .ph-qh-line{
    opacity:1;
}


.ph-table-box{
    position:relative;
    width:100%;
    margin:3% auto 0;
    background-image:url(../images/ph-table.png);
    background-size:100% 100%;
    border:2px solid #b5daf2;
    box-sizing:border-box;
}

.ph-table-main{

    width:100%;
    overflow:hidden;
    padding-bottom:40px;
}

.ph-table-top{
    width:100%;
    margin:3% auto 0;
}
.ph-table-top.active .ph-table-tt img{
    transform:rotate(180deg);
}
.ph-table-top.active .ph-table-tt{
    color:#af14cc;
}
.ph-table-tt{
    width:100%;
    text-align:center;
    font-size:20px;
    color:#333;
}

.ph-table-tt img{
    width:12px;
    display:inline-block;
    vertical-align:middle;
    padding-left:5px;
}

.ph-table-img{
    width:91.7%;
    margin:-1% auto ;
}

.ph-table1{
    width:91.7%;
    margin:1% auto 0;
    display:none;
}
.ph-table1.active{
    display:table;
}
.ph-table1 tr{
    width:100%;
}
.ph-table1 tr:first-child{
    height:60px;
    padding-bottom:1px;
    box-sizing:border-box;
    background-image:url(../images/ph-table-bg.png);
}

.ph-table1 tr>th{
    font-size:18px;
    color:#333;
    font-weight:600;
    border-bottom:1px solid #b5daf2;
}
.ph-table1 tr td{
    text-align:center;
    height:48px;
    font-size:16px;
    color:#333;
}
.ph-table1 tr:nth-child(odd) td{
    background-color:#deeffc;
} 
.jp{
    width:29px;
    margin:0 auto;
}
.ph-table1 tr td:nth-child(1){
    width:17%;
}
.ph-table1 tr td:nth-child(2){
    width:40%;
}

.ph-table1 tr td:nth-child(3){
    width:21.5%;
}
.bottom.fo{
    position:fixed;
    left:0;
    bottom:0;
}
/*.ph-table1.table2  tr td:nth-child(1){
    width:25%;
}
.ph-table1.table2  tr td:nth-child(3){
    width:25%;
}
.ph-table1.table2  tr td:nth-child(2){
    width:50%;
}*/
@media(max-width:1200px){
    .ph-top>p{
        font-size:18px;
    }
    .ph-table-top{
        margin:2% auto 0;
    }
    .ph-table-img{
        margin:0 auto;
    }
    .ph-table1{
        margin:0 auto;
    }
    .ph-table1 tr:first-child{
        height:40px;
    }
    .ph-table1 tr>th{
        font-size:18px;
    }
    .ph-table1 tr td{
        height:35px;
    }
    .ph-table1 tr td{
        font-size:14px;
    }
    .jp{
        width:20px;
    }
}
@media(max-width:768px){
    .ph-ul li{
        width:32.3%;
        margin-left:1.3%;
    }
    .ph-top{
        line-height:1.3em;
    }
    .ph-top>p{
        font-size:3.5vw;
        top:8%;
        line-height:1.3em;
    }
    .ph-slt-box{
        height:auto;
    }
    .ph-slt-box,.ph-slt1{
        width:100%;
    }
    .ph-qh{
        display:block;
    }

    .ph-slt1{
        height:30px;
        font-size:3.2vw;
    }
    .ph-jiao{
        width:2.3%;
        left:94.8%;
        top:35%;
    }
    .ph-qh1-ul,.ph-qh2-ul{
        width:100%;
        margin-left:0;
        margin-top:5%;
    }
    .ph-qh1-ul li,.ph-qh2-ul li{
        width:23.8%;
        height:auto;
        float:left;
        margin-left:1.6%;
        margin-bottom:2%;
    }

    .ph-qh2-ul li{
        width:32%;
        box-sizing:border-box;

    }
    .ph-qh1-ul li:first-child{
        margin-left:0;
    }
   /* .ph-qh2-ul li:first-child{
        margin-left:13%;
    }*/
    .ph-qh-top{
        height:auto;
        padding:8% 0;
        line-height:3.2vw;
        font-size:3.2vw;
        box-sizing:border-box;

    }
    .ph-qh2-ul li.active .ph-qh-top{
        border:1px solid #fff;
    }
    .ph-qh1-ul li.active .ph-qh-top{
        border:1px solid #fff;

    }
    .ph-qh1-ul.ul1 li:nth-child(5){
        margin-left:25.4%;
    }
    .ph-qh1-ul.ul2 li:first-child{
        margin-left:12.7%;
    }
    .ph-qh1-ul.ul3 li:nth-child(5){
        margin-left:37.8%;
    }
    .ph-qh2-ul li:nth-child(4){
        margin-left:0%;
    }
    .ph-table-top{
        margin-top:4%;
    }
    .ph-table-tt{
        font-size:3.5vw;
    }
    .ph-table-img,.ph-table1{
        width:94.3%;
        margin:0 auto   ;
    }
    .ph-table1 tr>th{
        font-size:2.8vw;
    }
    .ph-table1 tr:first-child{
        height:auto;
        padding:3% 0;
    }
    .ph-table1 tr:first-child th{
        padding:2% 0;
    }
    .ph-table1 tr td{
        height:auto;
        padding:1.8% 0;
        font-size:2.5vw;
    }
    .jp{
        width:14px;
    }
    .ph-table1 tr td:nth-child(2){
        width:53%;
    }
    .ph-table1 tr td:nth-child(3){
        width:19%;
    }
    .ph-table-box{
        background-image:url(../images/ph-table-w.png);
        border:1px solid #b5daf2;
    }
    .ph-table-main{
        padding-bottom:5%;
    }
    /*.ph-table1.table2 tr td:nth-child(2){
        width:52%
    }
    .ph-table1.table2 tr td:nth-child(1){
        width:24%
    }
    .ph-table1.table2 tr td:nth-child(3){
        width:24%
    }*/
    .p2-txt-bg4.ph img{
    display:inline-block;
    float:none;
    vertical-align:middle;
    margin-right:4px;
    width:3%;
}
.p2-txt-bg4.fw img{
    display:inline-block;
    float:none;
    vertical-align:top;
    margin-right:4px;
    width:3%;

}
.p2-txt-bg4.fw{
    font-size:2.4vw;
     margin:5% auto 2%;
}
.jd-tip{
    font-size:2.4vw;
    margin:4% auto 0;
}
.jd-tip img{
    width:3%;
}
}