.main{height:400px;width:400px;margin:10px auto;float:none;overflow:hidden;position:relative}.main,.sub{border:3px solid #000}.sub{height:282.84px;width:282.84px;transform:rotate(45deg);margin-left:56px;margin-top:56px}.line1{border-bottom:3px solid #000;transform:rotate(135deg);margin-top:-147px}.line1,.line2{height:10px;width:565px;margin-left:-80px}.line2{border-top:3px solid #000;transform:rotate(-135deg);margin-top:-11px}.main .chart-wrapper{position:absolute;width:133px}.p1{top:110px;left:133px}.p2{top:10px;left:32px}.p3{top:55px;left:0}.p4{top:182px;left:50px}.p5{bottom:75px;left:0}.p6{bottom:10px;left:55px}.p7{bottom:60px;left:120px}.p8{bottom:5px;right:30px}.p9{bottom:65px;right:-20px}.p10{bottom:165px;right:35px}.p11{top:75px;right:-20px}.p12{top:5px;right:50px}