*{margin:0;padding:0;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;word-break:break-all;}
html,body{margin:0;padding:0;border:0;font-size:100px;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{width:100%;max-width:750px;min-width:320px;font-size:.3rem;margin:0 auto;color:#333}
ul,li,ol,dl,dt,dd,input,select,button,textarea{margin:0;padding:0;border:0;font:inherit;list-style:none}
img{border:0;max-width:100%}
button{border:0;height:.8rem;line-height:.8rem;margin:0 .1rem;cursor:pointer;border-radius:.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
button:active{position:relative}
button:active::before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);z-index:1}
a,a:link,a:visited{color:#333;text-decoration:none}

.zicolor,a.zicolor{color:#fc5fa4!important}
.bgcolor,a.bgcolor{background:#fc5fa4;color:#fff}
.bgcolor1{background:#666;color:#fff}
.bgcolor2{background:#ffeff6!important;color:#fc5fa4!important}
.shadow{box-shadow:0 .1rem .2rem rgba(252, 95, 164, .3)!important;-webkit-box-shadow:0 .1rem .2rem rgba(252, 95, 164, .3)!important;-moz-box-shadow:0 .1rem .2rem rgba(252, 95, 164, .3)!important}`
.shadow1{box-shadow:0 .1rem .2rem rgba(252, 95, 164, .3)!important;-webkit-box-shadow:0 .1rem .2rem rgba(252, 95, 164, .3)!important;-moz-box-shadow:0 .1rem .2rem rgba(252, 95, 164, .3)!important}`

.btn{margin:.4rem auto 0;width:90%;height:1rem;border-radius:.5rem;background:-webkit-linear-gradient(left, #ff7b9c, #ff537c);color:#fff;font-size:.33rem;line-height:1rem;}

.sp25{height:.25rem;background:#f5f5f5;clear:both;display:block}
.sp100{height:1.25rem;background:#f5f5f5;clear:both;display:block}

#menu{position:fixed;width:7.5rem;height:1rem;left:50%;bottom:0;z-index:9999;background:#fff;background:#fff;transform:translate(-50%, 0);box-shadow:0 -1px 6px rgba(0,0,0,.1);padding:0 .1rem}
#menu ul{display:flex;text-align:center;align-items:center}
#menu li{width:1rem;margin:0 auto;display:flex}
#menu a{flex:1;flex-direction:column;height:1rem;font-size:.24rem;line-height:.3rem;color:#aaa;box-sizing:border-box;padding:.07rem 0 0}
#menu img{display:block;min-height:0;width:.55rem;height:.55rem;margin:0 auto}
#menu a.curr{color:#fc5fa4}

.main{width:7.5rem;position:relative;margin:0 auto;overflow:hidden;box-sizing:border-box}
.top-bg{position:absolute;top:-10.5rem;left:50%;margin-left:-8rem;z-index:1;width:14rem;height:14rem;border-radius:50%}

.top-bg2{position:absolute;top:-11.5rem;left:50%;margin-left:-9rem;z-index:1;width:16rem;height:16rem;border-radius:50%;overflow:hidden}
.top-bg2::before{content:'';position:absolute;background:rgba(255, 255, 255, .1);width:8rem;height:6rem;left:0;top:50%;z-index:1;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
.top-bg2::after{content:'';position:absolute;background:rgba(255, 255, 255, .1);width:12rem;height:12rem;right:-3rem;bottom:-8.3rem;z-index:1;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}

.right-bar{width:.9rem;position:fixed;right:.3rem;bottom:1.3rem;z-index:999999}
.right-bar .item{display:flex;flex-direction:column;width:.9rem;height:.9rem;margin-bottom:.2rem;border-radius:.9rem;overflow:hidden;text-align:center;font-size:.2rem;box-sizing:border-box;padding:.1rem 0;background:#ccc;background:#fc5fa4;background-image:linear-gradient(-45deg, #fc5fa4 30%, #ffd9ed)}
.right-bar .item:last-child{margin:0}
.right-bar .item i{flex:1;min-height:0}
.right-bar .item img{display:block;height:100%;margin:0 auto}