body,html{
    background: #F5F5F5;
}
.headerCon{
    background: #307FFF;
}
.headerTitle {
    color: #fff;
}
.lastPageBtn{
    background: url(../images/icon_back.png) no-repeat 0.32rem center;
    background-size: 0.59rem 0.59rem;
}
.bannerBox{
    background: url(../images/yfzp_banner.png) no-repeat top center;
    background-size: 100% 100%;
    height: 11.56rem;
}
.mainBox{
    padding: .45rem .27rem;
}
.mainBox .unitBox{
    width: 100%;
    background: #fff;
    border-radius: 0.27rem;
    margin-bottom: .45rem;
}
.titleStyle{
    width: 4.21rem;
    height: 0.81rem;
    line-height: 0.81rem;
    text-align: center;
    font-size: 0.48rem;
    color: #fff;
    background: url(../images/yfzp_title.png) no-repeat;
    background-size: 100% 100%;
    top: -0.19rem;
    left: -2.1rem;
    margin-left: 50%;
}
/* 金融诈骗危害 */
.whBox .picBox{
    padding-top: 1.03rem;
}
.whBox .picBox span{
    width: 33.3%;
    height: .53rem;
    line-height: .53rem;
    text-align: center;
    padding-top: 1.78rem;
    font-size: 0.37rem;
    font-weight: bold;
}
.whBox .picBox .pic1{
    background: url(../images/yfzp_icon1.png) no-repeat top center;
    background-size: 1.47rem 1.47rem;
}
.whBox .picBox .pic2{
    background: url(../images/yfzp_icon2.png) no-repeat top center;
    background-size: 1.47rem 1.47rem;
}
.whBox .picBox .pic3{
    background: url(../images/yfzp_icon3.png) no-repeat top center;
    background-size: 1.47rem 1.47rem;
}
.whBox .sdBox{
    width: 100%;
    height: 6rem;
    background: url(../images/yfzp_bg.png) no-repeat center;
    background-size: 6.52rem 5.0133rem;
}
.whBox .sdBox .tagcloud{
    width: 100%;
    height: 100%;
}
.whBox .sdBox .tagcloud em{
    color: #fff;
    font-size: 0.29rem;
    font-weight: bold;
    line-height: 0.4rem;
    height: 0.8rem;
    text-align: center;
    position: absolute;
    top: 2.64rem;
    margin-left: 50%;
    left: -.58rem;
}
.whBox .sdBox .tagcloud span{
    position: absolute;
    display: inline-block;
    height: 0.72rem;
    line-height: 0.72rem;
    padding: 0 .25rem;
    font-size: 0.29rem;
    background: linear-gradient(180deg, #EFF4FC 0%, #FFFFFF 100%);
    box-shadow: 0rem 0.04rem 0.2rem 0.01rem rgba(48,127,255,0.16);
    border-radius: 0.11rem 0.11rem 0.11rem 0.11rem;
}
/* 典型诈骗案例 */
.unitBox.alBox{
    width: 100%;
    padding: .89rem .27rem .39rem;
    box-sizing: border-box;
}
.styleBox{
    background: linear-gradient(180deg, #EFF4FC 0%, #FFFFFF 100%);
    box-shadow: 0rem 0.04rem 0.2rem 0.01rem rgba(48,127,255,0.16);
    border-radius: 0.11rem 0.11rem 0.11rem 0.11rem;
    border: 0.01rem solid #307FFF;
    width: 100%;
    padding: .29rem .32rem;
    box-sizing: border-box;
    font-size: 0.35rem;
    line-height: 0.53rem;
    margin-bottom: .45rem;
}
.alList{
    height: 5.2rem;
    padding-top: 1.09rem;
    box-sizing: border-box;
    padding-right: 0;
}
.alList ul{
    height: 4.19rem;
    overflow-y: scroll;
}
.alList .tab{
    display: block;
    width: 1.87rem;
    height: .74rem;
    line-height: .74rem;
    text-align: center;
    color: #fff;
    font-size: 0.32rem;
    background: url(../images/yfzp_tab.png) no-repeat;
    background-size: 100% 100%;
    top: .27rem;
    left: -0.09rem;
}
.alList li{
    font-size: 0.35rem;
    line-height: 0.8rem;
    height: 0.8rem;
    padding-left: 0.65rem;
    background: url(../images/yfzp_spot.png) no-repeat .28rem center;
    background-size: 0.16rem 0.16rem;
    padding-right: .3rem;
}
.alList li a{
    display: block;
}
/* 防范金融诈骗 */
.ffBox{
    padding: .64rem 0.27rem 0.4rem 0.53rem;
    box-sizing: border-box;
}
.ffBox .innBox,.sqBox .innBox{
    background: linear-gradient(180deg, #EFF4FC 0%, #FFFFFF 100%);
    box-shadow: 0rem 0.04rem 0.2rem 0.01rem rgba(48,127,255,0.16);
    border-radius: 0.11rem 0.11rem 0.11rem 0.11rem;
    border: 0.01rem solid #307FFF;
    position: relative;
    padding: .29rem .3rem;
    box-sizing: border-box;
    font-size: 0.35rem;
    line-height: 0.53rem;
    margin-top: .63rem;
}
.ffBox .innBox span{
    color: #FF9100;
}
.ffBox .innBox img{
    position: absolute;
    display: block;
    width: .8rem;
    height: .8rem;
    top: -.4rem;
    left: -.4rem;
}
/* 金融产品申请 */
.sqBox{
    padding: .89rem 0.27rem 0.4rem ;
    box-sizing: border-box;
}
.sqBox .innBox{
    margin-top: 0;
}
.sqBox .titleBox span{
    height: 0.56rem;
    line-height: .56rem;
    font-size: 0.4rem;
    font-weight: bold;
    background: url(../images/yfzp_titleBg.png) no-repeat center .45rem;
    background-size: 1.57rem 0.08rem;
    margin-top: .32rem;
}
.sqBox .process{
    width: 100%;
    height: 2.95rem;
    padding-top: 1.69rem;
    background: url(../images/yfzp_lineposs.png) no-repeat center .2rem;
    background-size: 8.53rem 1.33rem;
    box-sizing: border-box;
}
.sqBox .process span{
    width: 25%;
    font-size: 0.32rem;
    line-height: 0.45rem;
    box-sizing: border-box;
}
.sqBox .ljsq{
    display: block;
    width: 2rem;
    height: 0.72rem;
    line-height: .72rem;
    font-size: 0.32rem;
    color: #fff;
    text-align: center;
    background: linear-gradient(180deg, #03CAFD 0%, #307FFF 100%);
    border-radius: 0.4rem 0.4rem 0.4rem 0.4rem;
    margin: 0 auto;
}
/* 安全警示 */
.aqjsBox{
    background: url(../images/yfzp_aqjs.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 11.03rem;
    padding-top: 3.79rem;
    box-sizing: border-box;
}
.codeBox li{
    width: 33.3%;
}
.codeBox li img{
    display: block;
    width: 2.67rem;
    height: 2.67rem;
    box-shadow: 0rem 0.03rem 0.13rem 0.01rem rgba(51,51,51,0.2);
    margin: 0 auto;
}
.codeBox li .topp{
    font-size: 0.24rem;
    line-height: 0.32rem;
    font-weight: bold;
    text-align: center;
    margin-top: .4rem;
}
.codeBox li .bottomp{
    font-size: 0.19rem;
    line-height: 0.32rem;
    text-align: center;
    margin-top: .15rem;
}
.aqjsBox .bottomBox{
    background: url(../images/yfzp_aqjsBanner.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 2.83rem;
    margin-top: .2rem;
    padding: .68rem 0 0 .72rem;
    box-sizing: border-box;
}
.aqjsBox .bottomBox .phone{
    padding-left: .6rem;
    background: url(../images/yfzp_phone.png) no-repeat center left;
    background-size: .4rem .4rem;
    line-height: 0.67rem;
    font-size: 0.48rem;
    font-weight: bold;
    color: #FF9100;
}
.aqjsBox .bottomBox .phone2{
    padding-left: .6rem;
    background: url(../images/yfzp_phone.png) no-repeat 1rem center;
    background-size: .4rem .4rem;
    line-height: 0.67rem;
    font-size: 0.48rem;
    font-weight: bold;
    color: #FF9100;
}