123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- .wzhload{
- display: block;
- width: 100%;
- height: 100%;
- background: rgba(158,158,158,0.4);
- z-index: 99999;
- position: fixed;
- top: 0;
- left:0;
- }
- .index{
- position: absolute;
- bottom:55%;
- width: 100%;
- }
- .loadmiddle view{
- width: 30rpx;
- height: 50rpx;
- border-radius: 15rpx;
- margin-right:16rpx;
- position: relative;
- }
- .loadmiddle view:last-child{
- margin-right:0;
- }
- .loadmiddle view.firstbox{
- height:50rpx;
- /* animation:mymove 1.2s infinite;//1.2
- -webkit-animation:mymove 1.2s infinite; Safari 和 Chrome */
- }
- .loadmiddle view.secondbox{
- height:80rpx;
- /* animation:mymove1 1.2s infinite;//1.2
- -webkit-animation:mymove1 1.2s infinite; Safari 和 Chrome */
- }
- .loadmiddle view.thirdbox{
- height:110rpx;
- /* animation:mymove2 1.2s infinite;
- -webkit-animation:mymove2 1.2s infinite; Safari 和 Chrome */
- }
- .cirbox{
- width: 100%;
- overflow: hidden;
- }
- .loadmiddle{
- display: flex;
- justify-content: center;
- align-items: flex-end;
- height: 150rpx;
- flex-direction: row;
- position: relative;
- top: 0;
- }
- .loadmiddle view{
- display: flex;
- flex-direction:column;
- justify-content:center;
- align-items:end;
- }
- .faceimg{
- display: block;
- width: 160rpx;
- height:126rpx;
- margin: 0 auto 0;
- position: relative;
- top: -30rpx;
- z-index: 1;
- overflow: hidden;
- /* animation:myheight 1.2s infinite;
- -webkit-animation:myheight 1.2s infinite; Safari 和 Chrome */
- }
- .faceimg image{
- display: block;
- width: 100%;
- }
- .bg249efb{background-color: #249efb;}
- .center{
- text-align: center;
- }
|