.atlas-page{background:#fff}.atlas-page .atlas-main{padding:65px 55px 100px}.atlas-page .atlas-main,.atlas-page .atlas-main .atlas-level{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.atlas-page .atlas-main .atlas-level{min-height:300px;padding-right:26px;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.atlas-page .atlas-main .atlas-level:before{content:"";position:absolute;bottom:0;right:0;width:6px;height:calc(100% - 16px);background:-webkit-gradient(linear,left top,left bottom,from(#ffae00),to(#fff0d1));background:linear-gradient(#ffae00,#fff0d1)}.atlas-page .atlas-main .atlas-level:after{content:"";position:absolute;top:0;right:-5px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:16px solid #ffae00}.atlas-page .atlas-main .atlas-level .atlas-level-item{border-radius:6px;width:64px;height:38px;line-height:38px;text-align:center;color:#fff}.atlas-page .atlas-main .atlas-level .atlas-level-item.level-0{background:#ffae00}.atlas-page .atlas-main .atlas-level .atlas-level-item.level-1{background:#bcb9b7}.atlas-page .atlas-main .atlas-level .atlas-level-item.level-2{background:#c1a46c}.atlas-page .atlas-main .atlas-relation{padding-left:26px;-webkit-box-flex:1;-ms-flex:1;flex:1}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;margin:0 5px}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item:first-child{margin-left:0}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item:last-child{margin-right:0}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item:before{content:"";position:absolute;top:-72px;left:50%;border-left:1px solid #ffae00;border-top:1px solid #ffae00;width:calc(100% + 10px);height:70px}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item:last-child:before{border-top:none}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item .relt-title{border-radius:4px;background:#ffae00;color:#fff;text-align:center;line-height:18px;padding:10px 15px;display:inline-block;font-size:14px;position:relative;word-wrap:break-word;white-space:normal;word-break:break-all}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item .relt-title:after{content:"";position:absolute;top:36px;left:50%;background:#ffae00;width:1px;height:70px}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item .relt-title:last-child:after{background:transparent}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item .relt-main{margin:140px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.atlas-page .atlas-main .atlas-relation .relation-main>.relation-item:before{border:none}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item.level_3 .relt-title{background:#ffae00}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item.level_2 .relt-title{background:#bcb9b7}.atlas-page .atlas-main .atlas-relation .relation-main .relation-item.level_1 .relt-title{background:#c1a46c}