.warpper-photo{width:1.4rem;height:.8rem;background-color:#fff;box-shadow:0 .026667rem .133333rem .013333rem rgba(178,180,198,.5);font-size:.16rem;display:flex;border-radius:.066667rem;flex-direction:column;justify-content:center;align-items:center}.warpper-photo .warpper-number{margin-top:.026667rem;-webkit-text-stroke:.013333rem #000;font-size:.226667rem;font-weight:bolder}.warpper-photo .warpper-number .warpper-unit{-webkit-text-stroke:0 #000;margin-left:.026667rem;font-size:.16rem;font-weight:400}canvas{display:block}.page-main .tips-wrapper{position:fixed;display:flex;align-items:center;justify-content:space-between;left:0;right:0;top:0;height:.533333rem;z-index:3;background:rgba(0,0,0,.8);transform:translateZ(0);-webkit-transform:translateZ(0);transition:transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out}.page-main .tips-wrapper.scrolling{transform:translate3d(0,-.533333rem,0);-webkit-transform:translate3d(0,-.533333rem,0)}.page-main .tips-wrapper .save-tip{font-size:.16rem;color:#fff;line-height:.533333rem;margin-left:.2rem}.page-main .tips-wrapper .back-tip{font-size:.2rem;color:#fff;margin-top:.12rem;margin-bottom:.12rem;margin-right:.2rem;padding:0 .08rem;height:.266667rem;line-height:.266667rem;font-size:.186667rem;border-radius:.04rem;border:1px solid #fff}.page-main .tips-wrapper .close-icon{display:block;width:.173333rem;height:.173333rem;padding:.133333rem;margin-right:.066667rem}.page-main .page-echart{background-color:#fff;margin:0;padding:0;font-size:0}.page-main .page-echart .pie-canvas{margin-top:.426667rem}.page-main .page-echart .warpper-header{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;justify-content:center}.page-main .page-echart .warpper-header .warpper-title-icon{width:100%;height:2.666667rem;display:inline-block}.page-main .page-echart .warpper-header .warpper-title-panel{position:absolute;bottom:.226667rem;width:4.266667rem;margin:auto;padding:.066667rem .133333rem;background-color:hsla(0,0%,100%,.2);text-align:center;border-radius:.04rem}.page-main .page-echart .warpper-header .warpper-title-panel .warpper-title{color:#fff;-webkit-text-stroke:.1px #fff;font-weight:bolder;font-size:.24rem}.page-main .page-echart .warpper-tip{margin-top:.186667rem;display:flex;padding-left:.133333rem;padding-right:.133333rem;justify-content:space-between}.page-main .page-echart .warpper-album{display:flex;position:relative;align-items:center;margin-top:.586667rem}.page-main .page-echart .warpper-album .warpper-album-icon{margin-left:.2rem;margin-right:.106667rem;width:.16rem;height:.16rem;display:inline-block}.page-main .page-echart .warpper-album .warpper-album-title{-webkit-text-stroke:.001333rem #000;display:inline-block;font-size:.266667rem;font-weight:bolder}.page-main .page-echart .warpper-album .warpper-album-image{position:absolute;right:.4rem;top:0;width:.686667rem;height:.586667rem;display:inline-block}.page-main .page-echart .warpper-share-count{margin-top:.48rem}.page-main .page-echart .warpper-album-time{margin-top:0}.page-main .page-echart .warpper-album-name{color:#000;font-size:.16rem;text-align:center;width:100%;margin-top:.173333rem}.page-main .page-echart .warpper-album-tip{display:flex;justify-content:center;align-items:center}.page-main .page-echart .warpper-album-tip .warpper-album-desc{color:#fff;height:.266667rem;padding:0 .133333rem;display:inline-block;font-size:.16rem;line-height:.266667rem;text-align:center;margin:auto;margin-top:.133333rem;border-radius:.293333rem;background-color:#6377d2}.page-main .page-echart .warrper-map{margin-top:.466667rem;width:100%;position:relative;margin:0 .213333rem;height:3.6rem}.page-main .page-echart .warrper-map .warpper-map-icon{position:absolute;left:0;top:0;width:4.553333rem;height:3.646667rem}.page-main .page-echart .warrper-map .warpper-tip-icon{position:absolute;width:1.546667rem;height:.8rem}.page-main .page-echart .warrper-map .warpper-text-icon{position:absolute;width:1.546667rem;height:.8rem;color:#fff;margin-top:.133333rem;font-size:.2rem;text-align:center}.page-main .page-echart .warpper-time-icon-bg{margin:auto;margin-top:.306667rem;display:flex;justify-content:center;flex-direction:column;align-items:center}.page-main .page-echart .warpper-time-icon-bg .warpper-time-icon{width:3.8rem;height:.846667rem;display:inline-block}.page-main .page-echart .warpper-time-icon-bg .warpper-time-title{position:relative;font-size:.16rem;color:#000;top:.106667rem}.page-main .page-echart .warpper-time-size{width:100%;margin:auto;margin-top:.08rem;display:flex;flex-direction:row;justify-content:center;align-items:flex-end}.page-main .page-echart .warpper-time-size .warpper-time-num{font-size:.4rem;line-height:.266667rem;font-weight:700;color:#617ce0}.page-main .page-echart .warpper-time-size .warpper-time-font{font-size:.2rem;line-height:.2rem;color:#000}.page-main .page-echart .warpper-like{margin-top:.373333rem;width:100%;height:.373333rem;flex-direction:row;display:flex;justify-content:center;align-items:flex-end}.page-main .page-echart .warpper-like .warpper-like-text{font-size:.24rem;line-height:.24rem;color:#000}.page-main .page-echart .warpper-like .warpper-like-num{font-size:.32rem;line-height:.253333rem;color:#617ce0;font-weight:700}.page-main .page-echart .warpper-like .warpper-like-icon{margin-left:.093333rem;width:.4rem;height:.373333rem;display:inline-block}.page-main .page-echart .warpper-photo-box{position:relative;width:4rem;display:flex;justify-content:center;align-items:center;border-radius:.293333rem;margin:.426667rem auto auto auto}.page-main .page-echart .warpper-photo-box .warpper-photo-tip{position:absolute;top:0;left:0;background-color:#151310;border-radius:.026667rem;color:#fff;height:.333333rem;padding:0 .16rem;display:flex;justify-content:center;align-items:center}.page-main .page-echart .warpper-photo-box .warpper-photo-tip .warpper-photo-tip-icon{width:.533333rem;height:.2rem;display:inline-block}.page-main .page-echart .warpper-photo-box .warpper-photo-tip .warpper-photo-tip-icon1{width:.54rem}.page-main .page-echart .warpper-photo-box .warpper-photo-tip .warpper-photo-tip-icon2,.page-main .page-echart .warpper-photo-box .warpper-photo-tip .warpper-photo-tip-icon3{width:.58rem}.page-main .page-echart .warpper-photo-box .warpper-photo-tip .warpper-photo-tip-text{margin:0 .04rem 0 .066667rem;font-size:.16rem}.page-main .page-echart .warpper-photo-box .warpper-photo-tip .warpper-photo-tip-like{width:.173333rem;height:.166667rem;display:inline-block}.page-main .page-echart .warpper-photo-box .warpper-photo-panel{width:3.866667rem;overflow:hidden;-moz-border-radius:.24rem;-webkit-border-radius:.24rem;border-radius:.24rem;margin:.066667rem 0}.page-main .page-echart .warpper-photo-box .warpper-photo-panel .warpper-photo-icon{width:100%;display:inline-block}.page-main .page-echart .warpper-photo-box1{margin-top:.306667rem;background-color:#fbce46;-moz-box-shadow:.013333rem .013333rem .066667rem #f4ab1f;-webkit-box-shadow:.013333rem .013333rem .066667rem #f4ab1f;box-shadow:.013333rem .013333rem .066667rem #f4ab1f}.page-main .page-echart .warpper-photo-box2{background-color:#b3b3b3;-moz-box-shadow:.013333rem .013333rem .066667rem #8e8e8e;-webkit-box-shadow:.013333rem .013333rem .066667rem #8e8e8e;box-shadow:.013333rem .013333rem .066667rem #8e8e8e}.page-main .page-echart .warpper-photo-box3{background-color:#228ed6;-moz-box-shadow:.013333rem .013333rem .066667rem #3671e7;-webkit-box-shadow:.013333rem .013333rem .066667rem #3671e7;box-shadow:.013333rem .013333rem .066667rem #3671e7}.page-main .page-echart .warpper-bottom{margin-bottom:1.066667rem}.page-main .page-echart .warpper-box{position:relative;text-align:center;display:inline-block}.page-main .page-echart .warpper-box .warpper-box-img{width:100%;height:3.693333rem}.page-main .page-echart .warpper-box .warpper-pie{width:1.606667rem;height:1.353333rem;display:inline-block;position:absolute;top:-.666667rem;left:.4rem}.page-main .page-echart .warpper-box .warpper-box-title{width:5rem;position:absolute;top:1.173333rem;font-size:.2rem;color:#fff;font-weight:700}.page-main .page-echart .warpper-box .warpper-box-en-title{width:5rem;position:absolute;top:1.466667rem;font-size:.12rem;color:hsla(0,0%,100%,.5)}.page-main .page-echart .warpper-box .warpper-box-code{position:absolute;top:1.84rem;width:1.346667rem;height:1.346667rem;display:inline-block;left:1.826667rem}