html, body {
position: relative;
height: 100%;
font-family: PingfangSC-Heavy,PingfangSC-Regular;
/*font-size: 10px;*/
}
p,a,ul,ol{
margin:0;
padding: 0;
}
body {
color:#092846;
margin: 0;
padding: 0;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/bg.png);
}
.isVisble{display:none;}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/bg.png);
background-size: cover;
background-repeat: no-repeat;
}
.color{
color: #fa6262;
font-size: 1rem;
display: inline-block;
vertical-align: bottom;
font-weight:bold;
line-height:1;
}
.ani{
position: absolute;
}
.main{
width: 100%;
position: absolute;
left: 0;
top: 10%;
}
.main p{
display: none;
text-align: center;
margin:0.6rem auto 0;
}
.year {
width:0.64rem;
height:0.64rem;
vertical-align: bottom;
}
.month{
width:0.6rem;
height:0.6rem;
vertical-align: bottom;
}
.day{
width:0.56rem;
height:0.56rem;
vertical-align: bottom;
}
.first .canva{
width: 100%;
position: absolute;
top: 4rem;
}
.first .canva p{
display: none;
text-align: center;
margin-top: 0;
margin-top:0.6rem;
}
.first .canva p:nth-of-type(1) img{
width:5.66rem;
}
.first .canva p:nth-of-type(2) img{
width:2.08rem;
}
.first .canva p:nth-of-type(3) img{
width:12.14rem;
}
.foot{
position: absolute;
left:0;
top:70%;
width:100%;
}
.foot p img{display:none;}
.foot p:nth-of-type(1) img:nth-of-type(1){height:0.54rem;width:1.14rem;top:0;position:absolute;left:0;}
.foot p:nth-of-type(1) img:nth-of-type(2){height:0.54rem;width:1.14rem;top:0;position:absolute;left:20%;}
.foot p:nth-of-type(1) img:nth-of-type(3){height:0.54rem;width:1.14rem;top:0;position:absolute;left:40%;}
.foot p:nth-of-type(1) img:nth-of-type(4){height:0.54rem;width:1.14rem;top:0;position:absolute;left:60%;}
.foot p:nth-of-type(1) img:nth-of-type(5){height:0.54rem;width:1.14rem;top:0;position:absolute;left:80%;}
.foot p:nth-of-type(1) img:nth-of-type(6){height:0.54rem;width:1.14rem;top:0;position:absolute;left:100%;}
.foot p:nth-of-type(2) img:nth-of-type(1){height:0.54rem;width:1.14rem;top:1rem;position:absolute;left:10%;}
.foot p:nth-of-type(2) img:nth-of-type(2){height:0.54rem;width:1.14rem;top:1rem;position:absolute;left:30%;}
.foot p:nth-of-type(2) img:nth-of-type(3){height:0.54rem;width:1.14rem;top:1rem;position:absolute;left:50%;}
.foot p:nth-of-type(2) img:nth-of-type(4){height:0.54rem;width:1.14rem;top:1rem;position:absolute;left:70%;}
.foot p:nth-of-type(2) img:nth-of-type(5){height:0.54rem;width:1.14rem;top:1rem;position:absolute;left:90%;}
.walk{
-moz-animation: op 2.5s ease forwards;
-webkit-animation: op 2.5s ease forwards;
-o-animation: op 2.5s ease forwards;
-ms-animation: op 2.5s ease forwards;
animation: op 2.5s ease forwards;
}
.opac{
-moz-animation: op1 2s ease forwards;
-webkit-animation: op1 2s ease forwards;
-o-animation: op1 2s ease forwards;
-ms-animation: op1 2s ease forwards;
animation: op1 2s ease forwards;
}
@-webkit-@keyframes op {
0%{
opacity: 1;
}
30%{
opacity: 0.8;
}
60%{
opacity:0.5;
}
100%{
opacity: 0;
}
}
@-moz-@keyframes op {
0%{
opacity: 1;
}
30%{
opacity: 0.8;
}
60%{
opacity:0.5;
}
100%{
opacity: 0;
}
}
@keyframes op {
0%{
opacity: 1;
}
30%{
opacity: 0.8;
}
60%{
opacity:0.5;
}
100%{
opacity: 0;
}
}
@-ms-keyframes op{
0%{
opacity: 1;
}
30%{
opacity: 0.8;
}
60%{
opacity:0.5;
}
100%{
opacity: 0;
}
}
@-o-keyframes op{
0%{
opacity: 1;
}
30%{
opacity: 0.8;
}
60%{
opacity:0.5;
}
100%{
opacity: 0;
}
}
@-webkit-@keyframes op1 {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@-moz-@keyframes op1 {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@keyframes op1 {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.two .main p:nth-of-type(2) img{
width:8.54rem;
}
.two .main p:nth-of-type(3) img.imL{
vertical-align: bottom;
width:5.62rem;
}
.two .main p:nth-of-type(3) img.imR{
width:5.68rem;
vertical-align: bottom; }
.two .twoD{
position: absolute;
left: 50%;
top: 45%;
width: 10.34rem;
margin-left:-5.17rem;
height: 8.16rem;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_bg2.png) no-repeat center center;
background-size: 10.34rem 8.16rem;
}
#d1 {
position: absolute;
left:2rem;
top: 0%;
width: 5.28rem;
height: 0.56rem;
display: none;
}
#d2 {
position: absolute;
left:0rem;
top: 3.5rem;
width: 7.08rem;
height: 0.56rem;
display: none;
}
#d3 {
position: absolute;
left:3rem;
top: 5.5rem;
width: 7.68rem;
height: 0.56rem;
display: none;
}
#d4 {
position: absolute;
left:3.5rem;
top: 9rem;
width: 7.68rem;
height: 0.56rem;
display: none;
}
#s1{
position: absolute;
left:2rem;
top: 1rem;
width: 5.9rem;
height: 0.56rem;
display: none;
}
#s2{
position: absolute;
left:1.5rem;
top: 5rem;
width: 9.5rem;
height: 0.56rem;
display: none;
}
/*三*/
.tree{}
.tree .main {top:13%;}
.tree .main p img.imL{
width:2.34rem;
vertical-align: bottom;
}
.tree .main p img.imR{
width:7.1rem;
vertical-align: bottom;
}
.hours{
position: absolute;
left: 50%;
top: 30%;
margin-left:-2.85rem;
width: 5.7rem;
height:5.7rem;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img3_bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.zhen{
width: 5.7rem;
height:5.7rem;
}
.hours .widse{
position: absolute;
left: 47%;
top: 28%;
width: 1.06rem;
height:1.12rem;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_shizhen.png);
background-repeat: no-repeat;
background-size: 100% 100%;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); /* IE 9 */
-moz-transform:rotate(-45deg); /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg);
transform-origin: bottom;
-webkit-transform-origin: bottom;
animation: tick-tock 3600s steps(60, end) infinite;
-webkit-animation: tick-tock 3600s steps(60, end) infinite;
}
.hours .minute{
position: absolute;
left: 44%;
top: 16%;
width: 0.54rem;
height: 2rem;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_fenzhen.png);
background-repeat: no-repeat;
background-size: 100% 100%;
transform-origin: bottom;
-webkit-transform-origin: bottom;
animation: tick-tock 60s steps(60, end) infinite;
-webkit-animation: tick-tock 60s steps(60 ,end) infinite;
}
@keyframes tick-tock {
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes tick-tock {
to {
-webkit-transform: rotate(360deg) translate3d(0, 0, 0);
}
}
.tiemT{
text-align: center;
position: absolute;
left: 0%;
width: 100%;
top: 60%;
}
.tiemT span{visibility: hidden;}
.colors{vertical-align: bottom;font-size:1.1rem;color:#fa6262;font-weight: bold;line-height: 1;}
.tiemT img{width:0.98rem;vertical-align: bottom;margin-left:0.8rem;position: absolute;
bottom: 0;right: 30%;}
.botxD{
position: absolute;
left: 0%;
top: 75%;
width: 100%;
}
.botxD p{
display: none;
text-align:center;
}
.tree .botxD p img{
width:12.66rem;
}
.middle{
position: absolute;
left: 50%;
top:35%;
}
.four .main p:nth-of-type(2) img{
width:10.08rem;
}
.four .main p:nth-of-type(3) img{
width:6.52rem;
}
.four .main p{margin:0 auto;}
.four .middle{
margin-left:-3.14rem;
width:6.28rem;
height:4.62rem;
font-size:0.68rem;
font-weight:bold;
text-indent:1.2rem;
color:#092846;
display:none;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/4img.png) no-repeat center center;
background-size: 100% 100%;
}
.four .middle p{
padding-top: 0.2rem;
line-height:4.62rem;
}
.four .botxD{
top: 65%;
}
.four .botxD p{margin-bottom:0.6rem;}
.four .botxD p:nth-of-type(1) img.imL{
width:2.9rem;
vertical-align: bottom;
}
.four .botxD p:nth-of-type(1) img.imR{
width:0.5rem;
vertical-align: bottom;
}
.four .botxD p:nth-of-type(2) img{
width:7.66rem;
}
.four .botxD p:nth-of-type(3) img.imL{
width:2.94rem;
vertical-align: bottom;
}
.four .botxD p:nth-of-type(3) img.imR{
width:5rem;
vertical-align: bottom;
}
.wudata .main{top:20%;}
.wudata .main p{margin-bottom:0.6rem;}
.wudata .main p:nth-of-type(1) img{
width:9.26rem;
}
.wudata .main p:nth-of-type(2) img{
width:12.64rem;
}
.wudata .fighting{
position: absolute;
left:0%;
top:45%;
width:100%;
}
.wudata .fighting p{margin:0 auto;display:none;}
.wudata .fighting p:nth-of-type(1){
width:3.66rem;
height:4.9rem;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/4wimg_1.png) no-repeat center center;
background-size:3.66rem 4.9rem;
}
.wudata .fighting p:nth-of-type(2){
width:4.46rem;
height:1.98rem;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/4wimg_2.png) no-repeat center center;
background-size:100%;
}
.five .main p:nth-of-type(1) img.f2{
width:2.86rem;
vertical-align: bottom;
}
.five .main p:nth-of-type(1) img.f3{
width:0.52rem;
vertical-align: bottom;
}
.five .main p:nth-of-type(2) img{
width:8.94rem;
}
.five .middle{
position: absolute;
left: 50%;
top:40%;
margin-left:-4.58rem;
width:9.16rem;
height:5.8rem;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/5img_bg.png) no-repeat center center;
background-size: 100% 100%;
display:none;
}
.five .middle p{
text-align:right;
width:5.2rem;
padding-top:1.1rem;
line-height:1;
font-size:0.68rem;
font-weight:bold;
text-indent:1.1rem;
color:#092846;
}
.five .botxD p img{
width:7.58rem;
}
.six{}
.six .main p:nth-of-type(1) .l1{
width:6.32rem;
vertical-align: bottom;
}
.six .main p:nth-of-type(1) .l2{
width:0.62rem;
vertical-align: bottom;
}
.six .main p:nth-of-type(2) img{
width:1.34rem;
vertical-align: bottom;
}
.six .main p:nth-of-type(3) .l3{
width:3.46rem;
vertical-align: bottom;
}
.six .main p:nth-of-type(3) .l4{
width:2.78rem;
vertical-align: bottom;
}
.six .center{
position: absolute;
left: 0%;
top: 40%;
width:100%;
height:10rem;
}
.six .center .bs{
left: 10%;
top: 10%;
position: absolute;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/6img_1@2x.png) no-repeat center center;
background-size: 100% 100%;
width: 4.2rem;
height: 4rem;
}
.six .center .bs p{
font-size:0.5rem;
padding-top: 2.3rem;
text-align: center;
font-weight:bold;
color:#092846;
}
.six .center .gl{
left: 64%;
top: 10%;
position: absolute;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/6img_2@2x.png) no-repeat center center;
background-size: 100% 100%;
width: 3.54rem;
height: 4.36rem;
}
.six .center .gl p{
font-size:0.5rem;
padding-top: 0.6rem;
text-align: center;
font-weight:bold;
color:#092846; }
.six .center .mls{
left: 35%;
top: 60%;
position: absolute;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/6img_3@2x.png) no-repeat center center;
background-size: 100% 100%;
width: 4.2rem;
height: 4rem;
}
.six .center .mls p{
padding-left: 2.4rem;
padding-right: 0.1rem;
text-align: center;
padding-top: 2.94rem;
font-size:0.4rem;
line-height:1;
margin-right:0.4rem;
font-weight:bold;
color:#092846;
}
.seven{}
.seven .main p:nth-of-type(1),.seven .main p:nth-of-type(2),.seven .main p:nth-of-type(3){margin-top:0;}
.seven .main p:nth-of-type(1) img{
width:8.36rem;
}
.seven .main p:nth-of-type(2) img{
width:10.58rem;
}
.seven .main p:nth-of-type(3) img{
width:4.14rem;
}
.seven .main p:nth-of-type(4) img.sl{
width:1.12rem;
vertical-align: bottom;
}
.seven .main p:nth-of-type(4) img.sr{
width:4.54rem;
vertical-align: bottom;
}
.seven .botxD{
top:80%;
}
.seven .botxD p img{
width:6.96rem;
}
.seven .middle{top:40%;
left:0;width:100%;
}
.seven .suntop{
margin:0 auto;
width: 7.22rem;
height: 7.7rem;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/7img_bg@2x.png) no-repeat center center;
background-size: 100% 100%;
background-repeat: no-repeat;
display:none;
}
.seven .suncen{
position: absolute;
left: 50%;
background-repeat: no-repeat;
-moz-animation:left 1.8s ease infinite;
-webkit-animation:left 1.8s ease infinite;
-o-animation:left 1.8s ease infinite;
-ms-animation:left 1.8s ease infinite;
animation:left 1.8s ease infinite;
display:none;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/7img_1@2x.png) no-repeat center center;
width:6.8rem;height:6rem;
background-size: 100% 100%;
margin-left:-3.4rem;
top: 1%;
}
.seven .suncen2{
position: absolute;
left: 50%;
background-repeat: no-repeat;
-moz-animation:right 1.8s ease infinite;
-webkit-animation:right 1.8s ease infinite;
-o-animation:right 1.8s ease infinite;
-ms-animation:right 1.8s ease infinite;
animation:right 1.8s ease infinite;
display:none;
z-index:10000;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/7img_2@2x.png) no-repeat center center;
width:7.16rem;height:5.8rem;
background-size: 100% 100%;
margin-left:-3.58rem;top: 0%;
}
@-webkit-keyframes left{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}
}
@keyframes left{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}
}
@-moz-keyframes left{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}
}
@-webkit-keyframes right{
0%{
opacity:0;
}
50%{
opacity:1;
}
100%{
opacity:0;
}
}
@-moz-keyframes right{
0%{
opacity:0;
}
50%{
opacity:1;
}
100%{
opacity:0;
}
}
@keyframes right{
0%{
opacity:0;
}
50%{
opacity:1;
}
100%{
opacity:0;
}
}
.ehight{}
.leader .main p:nth-of-type(1) img{
width:7.3rem;
vertical-align: middle;
}
.leader .main p:nth-of-type(2) img.el{
width:6.36rem;
vertical-align: bottom;
}
.leader .main p:nth-of-type(2) img.er{
width:4.96rem;
vertical-align: bottom;
}
.ehight .middle{left:0;width: 100%;top:40%;}
.ehight .middle p{text-align:center;display:none;}
.ehight .middle img{
width:4.28rem;
height:3.62rem;
vertical-align: bottom;
}
.ehight .middle span{
vertical-align: bottom;
font-weight:bold;
line-height: 1;
margin-left:0.4rem;
display:inline-block;
}
.ehight .middle .num{visibility:hidden;}
.ehight .botxD p img{
width:11.88rem;
}
.manager.middle img{
width:5.72rem;
height:4.58rem;
}
.manager .main p:nth-of-type(1) img{
width:2.78rem;
}
.manager .main p:nth-of-type(2) img.el{
width:7.8rem;
vertical-align: bottom;
}
.manager .main p:nth-of-type(2) img.er{
width:2.08rem;
vertical-align: bottom;
}
.manager .botxD {
top: 65%;
}
.manager .botxD p:nth-of-type(1) img{
width:4.94rem;
}
.manager .botxD p:nth-of-type(2) img{
width:10.24rem;
}
.nine .main{
top:7%;
}
.nine .main p:nth-of-type(1) img.el{
width:2.78rem;
vertical-align: bottom;
}
.nine .main p:nth-of-type(1) img.er{
width:4.22rem;
vertical-align: bottom;
}
.nine .botxD {top: 77%;}
.nine .botxD p img{
width:11.22rem;
vertical-align: middle;
}
.process {
position: absolute;
left: 50%;
margin-left: -5rem;
margin-top: -5rem;
width: 10rem;
height: 10rem;
background-repeat: no-repeat;
background-size: 100% 100%;
/* margin: -1.2rem 0 0 -1.25rem; */
top: 40%;
}
.process_bar{
width:100%;
height: 7rem;
}
.changed{
position: absolute;
top: 15%;
left: 50%;
margin-left:-2.53rem;
width:5.06rem;
height: 4.3rem;
display: none;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.changeimg{
background-repeat: no-repeat;
background-size: 100% 100%;
-moz-animation: changeimg 1s ease infinite;
-webkit-animation: changeimg 1s ease infinite;
-o-animation: changeimg 1s ease infinite;
-ms-animation: changeimg 1s ease infinite;
animation: changeimg 1s ease infinite;
opacity: 1;
}
.prize {
position: absolute;
top: 15%;
left: 50%;
margin-left:-2.53rem;
width:5.06rem;
height: 4.3rem;
display: none;
}
.pointLine{
position: absolute;
top: 80%;
left: 0%;
}
.pointLine .point{
position:relative;
margin-left: -0.3rem;
width:10.72rem;
height: 4.3rem;
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_bg@2x.png) no-repeat center center;
background-size:100%;
}
.pointArrow{
position: absolute;
width:1rem;
height: 1.46rem;
top: -1rem;
left: -2%;
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_point.png) no-repeat center center;
background-size:100%;
}
.point1{
-moz-animation: point1 0.5s ease forwards;
-webkit-animation: point1 0.5s ease forwards;
-o-animation: point1 0.5s ease forwards;
-ms-animation: point1 0.5s ease forwards;
animation: point1 0.5s ease forwards ;
}
.point2{
-moz-animation: point2 1s ease forwards;
-webkit-animation: point2 1s ease forwards;
-o-animation: point2 1s ease forwards;
-ms-animation: point2 1s ease forwards;
animation: point2 1s ease forwards;
}
.point3{
-moz-animation: point3 1.5s ease forwards;
-webkit-animation: point3 1.5s ease forwards;
-o-animation: point3 1.5s ease forwards;
-ms-animation: point3 1.5s ease forwards;
animation: point3 1.5s ease forwards;
}
.point4{
-moz-animation: point4 2s ease forwards;
-webkit-animation: point4 2s ease forwards;
-o-animation: point4 2s ease forwards;
-ms-animation: point4 2s ease forwards;
animation: point4 2s ease forwards;
}
@-webkit-@keyframes changeimg {
0% {
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_daren.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
20%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_dashen.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
40%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_gaoshou.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
60%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_wangzhe2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
80%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_xinxiu.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
100%{
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_daren.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
@-moz-@keyframes changeimg {
0% {
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_daren.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
20%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_dashen.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
40%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_gaoshou.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
60%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_wangzhe2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
80%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_xinxiu.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
100%{
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_daren.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
@keyframes changeimg {
0% {
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_daren.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
20%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_dashen.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
40%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_gaoshou.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
60%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_wangzhe2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
80%{
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_xinxiu.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
100%{
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_daren.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
}
@-webkit-@keyframes point1 {
0% {
left:-2%;
}
100%{
left:21%;
}
}
@-moz-@keyframes point1 {
0% {
left:-2%;
}
100%{
left:21%;
}
}
@keyframes point1 {
0% {
left:2%;
}
100%{
left:21%;
}
}
@-webkit-@keyframes point2 {
0% {
left:-2%;
}
100%{
left:45.5%;
}
}
@-moz-@keyframes point2 {
0% {
left:-2%;
}
100%{
left:45.5%;
}
}
@keyframes point2 {
0% {
left:-2%;
}
100%{
left:45.5%;
}
}
@-webkit-@keyframes point3 {
0% {
left:-2%;
}
100%{
left:71%;
}
}
@-moz-@keyframes point3 {
0% {
left:-2%;
}
100%{
left:71%;
}
}
@keyframes point3 {
0% {
left:-2%;
}
100%{
left:71%;
}
}
@-webkit-@keyframes point4 {
0% {
left:-2%;
}
100%{
left:92%;
}
}
@-moz-@keyframes point4 {
0% {
left:-2%;
}
100%{
left:92%;
}
}
@keyframes point4 {
0% {
left:-2%;
}
100%{
left:92%;
}
}
.ten .main p:nth-of-type(1) img{
width:10.68rem;
}
.ten .main p:nth-of-type(2){margin-top:0;}
.ten .main p:nth-of-type(2) img{
width:7.82rem;
}
.ten .bottom {
position:absolute;
top:70%;
left:0;
width:100%;
}
.ten .middle{
text-align:center;
left:0;
width:100%;
}
.ten .middle p{
position:absolute;
left:50%;
top:60%;
width:4.62rem;
height:6.8rem;
margin-left:-2.31rem;
text-align:center;
display:none;
}
.ten .middle img{
width:4.62rem;
height:6.8rem;
}
.ten .bottom a{
margin:0 auto;
display:block;
width:5.66rem;
height:1.78rem;
}
.untake{
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/10btn@2x.png) no-repeat center center;
background-size:100%;
}
.hastake{
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/10btn_1@2x.png) no-repeat center center;
background-size:100%;
}
.shakeM{
width:5.06rem;
height:1.96rem;
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_yaoyiyao.png) no-repeat center center;
background-size:100%;
}
.yearSign{
position:absolute;
left:50%;
top:50%;
margin-left:-6.25rem;
margin-top:-10.81rem;
height:21.62rem;
width:12.5rem;
text-align: center;
background:url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/img_bg.png) no-repeat center center;
background-size:100%;
}
.signTop{padding-top:1.4rem;}
.signTop p{font-size:0.68rem;line-height:1;}
.signTop img{
width:1.74rem;
padding:0.2rem 0;
}
.yearSign .signMiddle{
position:relative;
width:10.2rem;
height:10.2rem;
margin:0 auto;
margin-left: 0.9rem;
}
.yearSign .signMiddle .signImg{
width:10.2rem;
display:none;
}
.yearSign .signMiddle .userlogo{
position:absolute;
left:50%;
margin-left:-1.2rem;
bottom: -13%;
width:2.4rem;height:2.4rem;border-radius:50%;
}
.signBottom{
margin-top:2.2rem;
}
.signBottom .animated{display:none;}
.signBottom img{padding-top:0.2rem;}
.yearSign img.chengjiu{
width:8.74rem;
}
.yearSign img.jianchi{
width:8.34rem;
}
.yearSign img.meili{
width:7.16rem;
}
.yearSign img.mengxiang{
width:8.96rem;
}
.yearSign img.neilian{
width:6.58rem;
}
.yearSign img.qianli{
width:9.98rem;
}
.yearSign img.suihe{
width:7.18rem;
}
.yearSign img.wangzhe{
width:9.52rem;
}
.yearSign img.wennuan{
width:6.86rem;
}
.yearSign img.yangguang{
width:10.14rem;
}
.yearSign img.yonggan{
width:10.12rem;
}
.yearSign img.yuanfang{
width:8.04rem;
padding-top:0;
margin-top:0.9rem;
}
.yearSign img.zhide{
width:8.92rem;
}
.yearSign img.zhuiqiu{
width:8.96rem;
}
.yearSign img.ziyou{
width:8.96rem;
}
.ma{
position:absolute;
left:50%;
margin-left:-1.1rem;
bottom:1.3rem;
width:1.74rem;
display:none;
}
.eleven {}
.eleven .maintop{padding-top:1.5rem;text-align:center;}
.eleven .maintop p{display:none;}
.eleven .maintop p img{
width:7.8rem;
}
.None{
margin: 0.6rem auto 0.2rem;
width: 4.72rem;
height: 1.78rem;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/11img_1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: none;
}
.Ntwo{
margin:0.6rem auto;
width: 4.72rem;
height: 1.78rem;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/11img_2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: none;
}
#DQcode{
padding: 0.4rem 0;
margin:0 auto;
width: 4.16rem;
height: 4.16rem;
display: none;
}
#DQcode img{
width: 4.16rem;
height: 4.16rem;
}
.method{
width: 100%;
}
.method p{
line-height:1.2rem;
width: 100%;
text-align: center;
font-size: 0.56rem;
letter-spacing: 0.1rem;
color: #0f2d48;
display: none;
}
.methodB p{
width: 100%;
text-align: center;
font-size: 0.46rem;
line-height:0.7rem;
letter-spacing: 0.1rem;
color: #0f2d48;
display: none;
}
.methodB p:nth-of-type(1){
font-size: 0.56rem;
}
.bot{text-align:center;
padding-top: 0.9rem;
}
.bot img{
width:8.96rem;
}
.up{
position: absolute;
width: 1.4rem;
left: 46%;
bottom: 4%;
display: none;
}
.up img:first-child{
width: 1.4rem;
height: 0.92rem;
animation:mymovel 3.5s infinite;
-webkit-animation:mymovel 3.5s infinite;
animation-direction:alternate;
-webkit-animation-direction:alternate;
/* bottom: px2rem(-44);*/
}
@keyframes mymovel
{
0%{
opacity: 1;
}
50%{
opacity: 0;
}
100%{
opacity: 1;
}
}
@-webkit-keyframes mymovel /*Safari and Chrome*/
{
0%{
opacity: 1;
}
50%{
opacity: 0;
}
100%{
opacity: 1;
}
}
#audio_btn {
width: 1rem;
height: 1.12rem;
position: fixed;
top: 1%;
right: 2%;
z-index: 10;
border-radius: 50%;
background: url(/NewWanbu/App/Subject/Tpl/WalkhealthReport/images/reportnew/music.png) no-repeat 40% 50%;
background-size: 100%;
}
.rotate {
-webkit-animation: rotating 1.2s linear infinite;
-moz-animation: rotating 1.2s linear infinite;
-o-animation: rotating 1.2s linear infinite;
animation: rotating 1.2s linear infinite;
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotating {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
@-moz-keyframes rotating {
from {
-moz-transform: rotate(0);
}
to {
-moz-transform: rotate(360deg);
}
}