html,body{background: #f5f5f5;}
html{min-height: 100%}
body{width: 100%;overflow: hidden;}
.popupRightBottom{display: none !important;}

.banner{background: #09bb07;padding: .8rem 0 .7rem;position: relative;}
.banner .myImg{width: 1.45rem;height: 1.45rem;margin: 0 auto .3rem;border-radius: 50%;overflow: hidden;border: .06rem solid #92e592}
.banner .myImg img {display: block; width: 100%; height: 100%;}
.banner .myname{text-align: center;font-size: .3rem;color: #fff;display: flex;align-items: center;justify-content: center;}
.banner .myname .tb{display: inline-block;width: .4rem;height: .4rem;background:url(../images/tb.png) no-repeat center;background-size: .4rem;margin-left: .1rem;}
.banner::before{content: '';display: inline-block;width: .6rem;height: .9rem;background:url(../images/bg1.png) no-repeat center;background-size: .6rem .9rem;position: absolute;left: 0;bottom: 1.3rem}
.banner::after{content: '';display: inline-block;width: .6rem;height: .9rem;background:url(../images/bg2.png) no-repeat center;background-size: .6rem .9rem;position: absolute;right: 0;bottom: 2.2rem}
.banner .myname .gologin{color: #fff;}

.container{}
.container .section{background: #fff;margin-top: .2rem;}
.container .section .conTitle{height: 1.04rem;border-bottom: 1px solid #f5f5f7;display: flex;align-items: center;padding: 0 .2rem 0 .3rem;justify-content: space-between;}
.container .section .conTitle span{font-size: .31rem;color: #777;    display: flex; align-items: center;font-weight: bold;}
.container .section .conTitle i{display: inline-block;width: .3rem;height: .3rem;background:url(../images/dot.png) no-repeat center;background-size: .3rem;margin-right: .2rem}
.container .section .conTitle s{display: inline-block;width: .24rem;height: .24rem;background:url(../images/down2.png) no-repeat center;background-size: .24rem;transform: rotate(-90deg);transition: all .3s}
.container .section.active .conTitle s{display: inline-block;width: .24rem;height: .24rem;background:url(../images/down2.png) no-repeat center;background-size: .24rem;transform: rotate(0deg);}
.container .conBot ul li{padding-left:.4rem;}
.container .conBot ul li a{display: block;border-bottom: 1px solid #f5f5f7;height: .9rem;display: flex;align-items: center;font-size: .3rem;color: #999}
.container .conBot ul li i{display: inline-block;width: .3rem;height: .3rem;background:url(../images/arr.png) no-repeat center;background-size: .3rem;margin-right: .1rem}
.container .section.set i{background:url(../images/set.png) no-repeat center;background-size: .3rem;}
.container .section.set .conTitle{display: block;}
.container .section.set .conTitle a{display: flex;align-items: center;height: 1.04rem;}

/*底部*/

.footer{height:1rem;background:#fff;box-shadow: 0 0 .32rem rgba(192,192,192,.28);position: fixed;bottom: 0;left:0;right:0; z-index: 99;padding-bottom:calc(-.3rem + constant(safe-area-inset-bottom));padding-bottom: calc(-.3rem + env(safe-area-inset-bottom));}
.footer ul{    height: 1rem;background: #fff;z-index: 9;display: -webkit-box;}
.footer ul li{width: 20%;text-align: center;position: relative;-webkit-box-flex: 1;}
.footer ul li a{display: block;}
.footer ul li .fotIcon{display: block;width:.42rem;height: .42rem;  margin: .16rem auto 0;}
.footer ul li .fotIcon img {display: block; width: 100%; height: 100%;}
.footer  p{color: #333;font-size: .24rem;}
.footer ul li.active p{color: #09bb07}