body,
html {
    background-color: #EBF7FFFF;
    height: auto;
}

.headerCon {
    height: 1.17rem;
    background: url(../images/headerBg.png) no-repeat top center;
    background-size: 100% 1.24rem;
}

.headerTitle {
    color: #fff;
}

.lastPageBtn {
    background: url(../images/enReturn.png) no-repeat 0.32rem center;
    background-size: 0.59rem 0.59rem;
}

.topBanner {
    width: 100%;
    background: #307FFF url(../images/enBanner.png) no-repeat center top;
    background-size: 100% 8.53rem;
}

.topBanner .pageBox {
    width: 100%;
    padding-top: 7.65rem;
    padding-bottom: .4rem;
}

.boxStyle {
    width: 94%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: .27rem ;
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
}

.boxStyle .titleStyle {
    width: 4.88rem;
    height: .81rem;
    line-height: .81rem;
    color: #FFFFFF;
    font-size: .48rem;
    left: 50%;
    margin-left: -2.44rem;
    top: -0.18rem;
    background: url(../images/enTitleBg.png) no-repeat center center;
    background-size: 100% 100%;
}

.boxStyle .txtBox {
    width: 100%;
    font-weight: 500;
    font-size: .4rem;
    color: #333333;
    line-height: .67rem;
    margin-top: .42rem;
    text-align: justify;
}
.styleText{
    font-size: 0.4rem;
    color: #307FFF;
    font-weight: bold;
}
.boxStyle.mt35 {
    margin: .47rem auto 0;
}

.img1 {
    width: 8.93rem;
    height: 1.33rem;
    margin: 0.7rem auto 0;
}

.img2 {
    width: 8.95rem;
    height: 12.99rem;
    margin: .4rem auto 0;
}

.moreUl {
    padding-top: 0.3rem;
}

.moreUl li {
    margin-top: .4rem;
}

.moreUl .downLi {
    width: 100%;
    height: 1.07rem;
    box-sizing: border-box;
    padding-left: .45rem;
    padding-top: 1px;
    background: url(../images/enLiBg.png) no-repeat center center;
    background-size: 100% 100%;
    transition: background 0.3s;
    box-shadow: 0 0.1rem 0.15rem #e4eeff;
    border-radius: 50px;
}

.moreUl .downLi.active {
    background: url(../images/enLiBgOn.png) no-repeat center center;
    background-size: 100% 100%;
}

.moreUl .downLi .titleP {
    line-height: 1.07rem;
    font-size: .4rem;
    color: #307FFF;
    text-align: left;
    font-weight: bold;
}

.moreUl .downLi.active .titleP {
    color: #fff;
}

.moreUl .downLi img {
    width: 2.67rem;
    height: 1rem;
    margin-top: .13rem;
}

.moreUl .downLi .downBtn {
    width: 0.8rem;
    height: 0.8rem;
    right: 0.15rem;
    top: 0.57rem;
    margin-top: -.4rem;
    background: url(../images/enDown.png) no-repeat center center;
    background-size: 100% 100%;
}

.moreUl .downLi.active .downBtn {
    background: url(../images/enUp.png) no-repeat center center;
    background-size: 100% 100%;
}

.moreUl .downBox {
    width: 98%;
    margin: 0 auto;
    background: linear-gradient(to bottom ,#fff,#fff,#EAF2FF);
    box-sizing: border-box;
    padding: 0;
    height: 0;
    overflow: hidden;
    border-radius:0 0 0.27rem 0.27rem;
}

.moreUl .downBox.expanded {
    padding: 0.2rem .2rem 0.3rem;
    height: auto;
    font-size: 0.32rem;
    color: #333333;
    line-height: 0.67rem;
    border: 1px solid rgba(48, 127, 255,0.1);
    border-top: none;
    text-align: justify;
}

.moreUl .list-item {
    padding-left: .77rem;
    padding-right: .27rem;
    line-height: .67rem;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-size: .27rem;
    text-align: left;
}

.moreUl .list-item::before {
    content: '';
    position: absolute;
    left: .27rem;
    top: .21rem;
    width: .29rem;
    height: .27rem;
    background: url(../images/enIcon1.png) no-repeat center center;
    background-size: 100% 100%;
}


.list-container {
    padding-top: .6rem;
}

.sub-title {
    font-size: .32rem;
    text-align: left;
    color: #999999;
    margin-top: .27rem;
}

.sub-title::before {
    content: '';
    display: inline-block;
    width: .32rem;
    height: .32rem;
    background: url(../images/qpTime.png) no-repeat center center;
    background-size: .32rem .32rem;
    margin-right: .08rem;
    vertical-align: middle;
}
.pp1{
    width: 94%;
    display: block;
    margin: 0.27rem auto 0;
}
.pp2{
    width: 94%;
    display: block;
    margin: 0.27rem auto 0;
}
.pp3{
    display: block;
    width: 95%;
    margin: 0.89rem auto 0.41rem;
}
.pp4{
    width: 85%;
    display: block;
    margin: 0.27rem auto 0;
}