*{ margin:0px; padding:0px;}
body 
{
    line-height:1.5;
    font-family:微软雅黑;
}
a{ text-decoration:none;}
ul,li{ list-style:none; }

#scene{display: block; width: 100%; height:100vh;overflow: hidden; position: relative;  }


.circle {
    width: 250px;
    height: 250px;
    background: #f19b2c;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom:20%!important; 
    left:30%!important;  
} 
.square {
    width: 300px;
    height: 300px;
    background: #29bb9c;
    display: block;
    -webkit-transform: rotate(10deg);
    position: absolute;
    left:15%!important; 
    bottom:18%!important; 
    top:auto!important;  
} 
.ring {
    width: 300px;
    height: 300px;
    border: 20px solid #9a5cb4;
    border-radius: 50%;
    display: block;
    -webkit-transform: rotate(45deg);
    position: absolute;
    top:auto!important; 
    left:40%!important;  
    bottom:28%!important;
    
}