body,html{height:100%;background:#f0f0f0}body,div,html,li,ul{margin:0;padding:0}li,ul{list-style:none}.box{position:absolute;left:100%;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(90deg);transform:rotate(90deg);overflow:hidden}ul{position:relative}.header{height:40px;line-height:40px;text-align:center}.item{position:absolute;left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;line-height:30px;font-size:12px;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.country{width:60px;text-align:center}.process{-webkit-box-flex:1;-ms-flex:1;flex:1}.inner,.outer{-webkit-transition:width .6s linear;transition:width .6s linear}.inner{position:relative;margin-top:5px;height:20px}.gdp{position:absolute;left:100%;margin-left:20px;line-height:20px;width:80px}.transition-move{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.transition-enter,.transition-leave-to{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}.transition-enter-active,.transition-leave-active{-webkit-transition:.5s;transition:.5s}.transition-enter-to,.transition-leave{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}