@charset "utf-8";
/*
* Site:文章列表页wap--刘艺芳-曹春洁
* Author:pengxing
* Date:2019/5/6
*/
.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;background-color:#f3f7f6 !important;}
.container img{width:100%;display:block;}
.item{padding:0 0.2rem;overflow:hidden;}
br{line-height:0;}
/*f1Bg*/
.f1Bg{padding-top:.2rem;}


.f1Box{background-color:#fff;border-radius:0.1rem;padding:0.4rem 0.3rem 0.5rem;margin:0.3rem 0;font-size: 0.28rem;line-height: 0.48rem;color: #333333;text-align: justify;}
.f1Box img {max-width:6.5rem !important;height: auto !important;margin:0 auto;}
.f1Box h2{font-size:0.38rem;color:#1b1b1b;text-align:center;border-bottom:1px solid #eeeeee;margin-bottom:0.2rem;}
.f1Box h2 small{display:block;font-size:0.22rem;color:#777777;font-weight:normal;line-height:0.8rem;}
.f1Box p{font-size:0.28rem;line-height:0.48rem;color:#333333;}
.f1Box .btn{text-align:center;margin-top:0.4rem;display:block;}
.f1Box .btn a{display:inline-block;width:1.32rem;line-height:0.68rem;border-radius:0.1rem;margin:0 0.15rem; background-color:#f9fbfb;color:#606060;border:#dbdbdb solid 1px; font-size:0.32rem;text-align:center;}

/*f2Bg*/
.f2Bg h2{font-size:0.48rem;color:#079167;text-align:center;margin-bottom:0.35rem;}
.f2Bg h2 span{display:block;height:0.2rem;border-bottom:1px solid #e1e8e6;position:relative;}
.f2Bg h2 span small{font-size:0.24rem;color:#bfbfbf;line-height:0.3rem;position:absolute;bottom:-0.15rem;left:50%;transform:translateX(-50%);background-color:#f3f7f6;font-weight:normal;padding:0 0.05rem;text-transform:capitalize;}
.f2Con{background-color:#fff;border-radius:0.1rem;padding:0.2rem 0.3rem .3rem;}
.f2Con h3{font-size:0.32rem;color:#333333;position:relative;padding-left:0.65rem;border-bottom:1px solid #e8e8e8;line-height:0.8rem;}
.f2Con h3 i{width:0.47rem;height:0.47rem;display:block;background:url(/style/images/yypp/ioc_01.png) no-repeat;background-size:0.47rem 1.49rem;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f2Con p{font-size:0.28rem;line-height:0.45rem;color:#818181;padding:0.2rem 0;}
.f2Con p b{display:block;color:#ff7800;margin-bottom:0.1rem;}
.f2Con ul li:nth-child(2) p{border-bottom:#dcdcdc dashed 1px;}
.f2Con ul li:nth-child(2) p:nth-of-type(3){border-bottom:0;}
.f2Con ul li:nth-child(2) h3 i{background-position:0 -0.51rem;}
.f2Con ul li:nth-child(3) h3 i{background-position:0 -1.02rem;}
.f2Box{background-color:#fff;border-radius:0.1rem;margin:0.3rem 0;padding-bottom: .3rem;}
.f2Top{overflow:hidden;padding:.39rem 0 .39rem;margin-left: .3rem;}
.f2Top h3{width:1.01rem;height:.97rem; float:left;background:url(/style/images/yypp/ioc_04.png) 0 center no-repeat;background-size:.8rem .88rem;position:relative;}
.f2Top h3 i{display:block;width:1px;height:100%;background-color:#e6e6e6;position:absolute;top:0;right:0;}
.f2Top ul{overflow:hidden;width:5.47rem;float:right;}
.f2Top ul li{float:left;width:2.73rem;}
.f2Top ul li a{display:block;font-size:0.28rem;color:#414141;line-height:.97rem;position: relative;padding-left:1.1rem;}
.f2Top ul li a i{display:block;width:0.92rem;height:0.92rem;background:url(/style/images/yypp/ioc_02.png) no-repeat;background-size:1.88rem .92rem;position: absolute;left: 0;top: 0;}
.f2Top ul li:nth-child(2) a i{background-position:-0.96rem 0;}
.f2Top ul li:nth-child(3) a i{background-position:0 -1.88rem;}
.f2Bot{margin: 0 .3rem;}
.f2Bot .zixunBox{border:1px solid #e9eeed;border-radius:0.1rem;overflow:hidden;}
.f2Bot .zixunCon{background-color:#f8f8f8;padding-bottom:.25rem;}
.f2Bot .zixunCon .time{font-size:0.22rem;color:#999999;text-align:center;display:block;line-height:0.6rem;height:0.6rem;}
.f2Bot .zixunCon dl{overflow:hidden;padding-left:0.25rem;}
.f2Bot .zixunCon dl dt{width:0.72rem;height:0.72rem;background:url(/style/images/yypp/ioc_03.png) no-repeat;background-size:0.72rem 0.72rem;float:left;}
.f2Bot .zixunCon dl dd{padding:0 .27rem 0 1.1rem;}
.f2Bot .zixunCon dl dd em{display:block; width:3.82rem;height:0.74rem; background-color:#fff;background-size:4.02rem 0.74rem;font-size:0.28rem;color:#8b8b8b;line-height:0.74rem;text-align:center;padding-left:0.2rem;position: relative;border-radius:0 .1rem .1rem .1rem;}
.f2Bot .zixunCon dl dd em:after{width:0;height:0;content:' ';border-right:#fff solid .1rem;border-bottom:transparent solid .13rem;display:block;position:absolute;left:0;transform:translateX(-100%);top:0;}
.f2Bot .zixunBox a{height:1.75rem;line-height:.77rem;font-size:.28rem;color:#8b8b8b;display:block;padding-left:.2rem;margin:0.22rem auto 0;background-color:#fff;border:#d3e9e2 solid 1px;border-radius:.1rem;}
/*f4Bg*/
.f4Bg ul{overflow:hidden;margin-top:0.3rem;}
.f4Bg ul li{width:50%;height:1.58rem;overflow:hidden;float:left;}

.appFrom{background-color:#fff;border-radius:0.1rem;}

.f7Box{background:#fff;padding:0 .2rem}
.f7Box h3{text-align: center;line-height:.49rem;font-size:.28rem;color:#7d7d7d;font-weight:normal;margin-bottom:.28rem;padding-top:.1rem}