*{margin:0;padding:0;box-sizing: border-box;}
img{display: block;height: auto;max-width: 100%}
.appweb{max-width: 750px;width:100%;height:100%;margin:0 auto;overflow: hidden;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.header{width: 100%;padding:3% 4%;background:#017977;}
.header .logo{max-height: 30px;width:7%;display: inline-block;}
.box2{position: relative;}
.box2 .icon{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 80%;}
.box3{display: flex;justify-content: center; align-items: center; flex-direction: column;padding:50px 0;}
.box3 span{margin-bottom:20px;width: 30%;}
.box3 span img{display: block;margin:0 auto;}


       @-webkit-keyframes rotation {

            from {
                -webkit-transform: rotate(0deg);
            }

            to {
                -webkit-transform: rotate(360deg);
            }

        }

        .tp {

            -webkit-transform: rotate(360deg);

            animation: rotation 3s linear infinite;

            -moz-animation: rotation 3s linear infinite;

            -webkit-animation: rotation 3s linear infinite;

            -o-animation: rotation 3s linear infinite;

        }