<div class="bg"></div>
                <div class="yuan"></div>
                <i class="line1"></i>
                <i class="line2"></i>
                <i class="line3"></i>

CSS:
             .bg{
        position: absolute;
        width:500px;
        height:500px;
        border-radius: 100%;
        margin:0 400px;
        background: #2C2255;
        z-index: 1;
        border:1px solid midnightblue;
}
.yuan{
        margin:0 370px;
        position: absolute;
        width:500px;
        height:500px;
        border-radius:100%;
        background: #F7941E;
}
.line1,.line2,.line3{
        width:400px;
        height:20px;
        border-radius: 10px;
        background: white;
        position: absolute;
        margin:180px 460px;
        z-index: 2;
}
.line2{
        margin-top:220px;
}
.line3{
        margin-top:260px;
}

牛逼了