@keyframes animtran {
     from {
         transform: rotateZ(0deg);
     }

     to {
         transform: rotateZ(360deg);
     }
 }


 @keyframes animtrans {
     from {
         transform: rotateZ(360deg);
     }

     to {
         transform: rotateZ(0deg);
     }
 }

 @-moz-keyframes  animtran {
    from {
        transform: rotateZ(0deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

@-moz-keyframes animtrans {
    from {
        transform: rotateZ(360deg);
    }

    to {
        transform: rotateZ(0deg);
    }
}

 @-webkit-keyframes animtran {
     from {
         transform: rotateZ(0deg);
     }

     to {
         transform: rotateZ(360deg);
     }
 }

 @-webkit-keyframes animtrans {
     from {
         transform: rotateZ(360deg);
     }

     to {
         transform: rotateZ(0deg);
     }
 }

 #advert {
     width: 7.08rem;
     height: 7.08rem;
     background-color: #FCFBFF;
     border-radius: 50%;
     position: relative;
 }

 #advert .bg1 {
     width: 6.08rem;
     height: 6.08rem;
     position: absolute;
     top: .50rem;
     left: .50rem;
     z-index: 5;
 }



 #advert .bg1 .contain {
     width: 6.08rem;
     height: 6.08rem;
     background-color: #F6F4FC;
     /* border: #ccc 1rem solid; */
     border-radius: 50%;
     position: relative;
     animation: animtran 26s linear infinite;
     -moz-animation: animtran 26s linear infinite;
     -webkit-animation: animtran 26s linear infinite;
 }




 #advert .bg1 .ring {
     width: .8rem;
     height: .8rem;
     background: #fff;
     border-radius: 50%;
     position: absolute;
     animation: animtrans 26s linear infinite;
     -moz-animation: animtrans 26s linear infinite;
     -webkit-animation: animtrans 26s linear infinite;
 }

 #advert .bg1 .ring span{
    width: .48rem;
    height: .52rem;
    margin: auto;
    font-size: .20rem;
    line-height: .22rem;
    font-weight: 400;
    display: block;
    margin-top: .18rem;
}

 #advert .person {
     position: absolute;
     top:.92rem;
     left: 3.14rem;
     font-size:.20rem;
     font-weight:400;
     line-height: 1.1;
     text-align: center;
     z-index: 9;
 }

 #advert  .yuangong {
     position: absolute;
     top: 2.25rem;
     left: 3.14rem;
     font-size: .20rem;
     font-weight: 400;
     line-height: 1.1;
     text-align: center;
     z-index: 9;
 }

 #advert .bg1 .yi {
     top: .09rem;
     left: 1.04rem;
 }

 #advert .bg1 .yu {
     top: .09rem;
     right: 1.04rem;
 }

 #advert .bg1 .shi {
     top: 2.54rem;
     left: -.4rem;
 }

 #advert .bg1 .gou {
     top: 2.54rem;
     right: -.4rem;
 }

 #advert .bg1 .zhu {
     bottom: .09rem;
     left: 1.04rem;
 }

 #advert .bg1 .you {
     bottom: .09rem;
     right: 1.04rem;
 }
 #advert .bg2 {
     width: 3.88rem;
     height: 3.88rem;
     position: absolute;
     top: 1.60rem;
     left: 1.60rem;
     z-index: 6;
 }

 #advert .bg2 .contain {
     width: 3.88rem;
     height: 3.88rem;
     border: .02rem dashed #BCBCBC;
     border-radius: 50%;
     position: relative;
 }


 #advert .bg2 img {
     position: absolute;
     width: .5rem;
     height: .5rem;
 }

 #advert .bg2 span {
     font-size: .14rem;
     position: absolute;
     text-align: center;
     width: 0.5rem;
     line-height: 1;
     font-weight: 500;
     color: #333333;
 }

 #advert .bg2 .icon0 {
     top: -.25rem;
     left: 1.69rem;
 }

 #advert .bg2 .span0 {
    top: .3rem;
    left: 1.69rem;
 }

 #advert .bg2 .icon1 {
     top: .72rem;
     left: .01rem;
 }


 #advert .bg2 .span1 {
    top: 1.27rem;
    left: .01rem;
 }

 #advert .bg2 .icon2 {
     bottom: .72rem;
     left: .01rem;
 }

 #advert .bg2 .span2{
    bottom: .47rem;
    left: .26rem;
 }

 #advert .bg2 .icon3 {
    bottom: -.25rem;
    left: 1.69rem;
 }

 #advert .bg2 .span3{
    bottom: -.05rem;
    left: 2.15rem;
 }

 #advert .bg2 .icon4 {
     bottom: .72rem;
     right:  .01rem;
 }


 #advert .bg2 .span4{
    bottom: 1.27rem;
    right: .01rem;
 }

 #advert .bg2 .icon5 {
     top: .72rem;
     right: .01rem;
 }

 #advert .bg2 .span5{
    top: .92rem;
    right: .48rem;
 }

 #advert .bg3 {
     width: 1.26rem;
     height: 1.26rem;
     position: absolute;
     top: 2.91rem;
     left: 2.91rem;
     z-index: 7;

 }

 #advert .bg3 div {
     width: 1.26rem;
     height: 1.26rem;
     background-color: #F1BB6E;
     border-radius: 50%;
     position: relative;
     color: #FEFEFE;
     font-size: .23rem;
     line-height: .26rem;
     font-weight: bold;
     text-align: center;
 }

 #advert .bg3 span {
    position: absolute;
    width: 1.26rem;
    top: .38rem;
    left: 0;
 }