.ys-topbar{position:relative;z-index:999}.ys-topbar *{box-sizing:border-box}.ys-topbar .topbar-container{align-items:center;display:flex;height:96px;justify-content:space-between;padding:0 20px;position:relative;width:100%}.ys-topbar .topbar-container.white .topbar-back{background-image:url(//lxcode.bs2cdn.yy.com/506b140c-ff23-4f5b-8fc9-5b8a1ec6665c.png)}.ys-topbar .topbar-container.white .topbar-refresh{background-image:url(//lxcode.bs2cdn.yy.com/964d5e4c-afb7-4faa-8308-d9244dda598d.png)}.ys-topbar .topbar-container.white .topbar-title{color:hsla(0,0%,100%,.9)}.ys-topbar .topbar-container.white .topbar-rule{color:hsla(0,0%,100%,.6)}.ys-topbar .topbar-container.black .topbar-back{background-image:url(//lxcode.bs2cdn.yy.com/ade43d2b-54ed-4a74-9672-c10f8d889226.png)}.ys-topbar .topbar-container.black .topbar-refresh{background-image:url(//lxcode.bs2cdn.yy.com/033fada5-dd56-47a1-9882-8cb47f140f53.png)}.ys-topbar .topbar-container.black .topbar-title{color:#131737}.ys-topbar .topbar-container.black .topbar-rule{color:#848896}.ys-topbar .kong_h{height:96px;width:100%}.ys-topbar.ys-topbar2 .topbar-container{background-color:#fff;left:0;position:fixed;top:0}.ys-topbar.ys-topbar2 .topbar-back{background-image:url(//lxcode.bs2cdn.yy.com/ade43d2b-54ed-4a74-9672-c10f8d889226.png)}.ys-topbar.ys-topbar2 .topbar-title{color:#131737}.ys-topbar.ys-topbar2 .topbar-refresh{background-image:url(//lxcode.bs2cdn.yy.com/033fada5-dd56-47a1-9882-8cb47f140f53.png)}.ys-topbar.ys-topbar2 .topbar-rule{color:#848896}.ys-topbar .topbar-back{background-image:url(//lxcode.bs2cdn.yy.com/506b140c-ff23-4f5b-8fc9-5b8a1ec6665c.png);background-position:50%;background-size:contain;height:48px;position:relative;width:48px;z-index:10}.ys-topbar .topbar-title{color:hsla(0,0%,100%,.9);font-size:36px;left:0;line-height:96px;position:absolute;right:0;text-align:center;top:0;z-index:1}.ys-topbar .topbar-refresh{background-image:url(//lxcode.bs2cdn.yy.com/964d5e4c-afb7-4faa-8308-d9244dda598d.png);background-position:50%;background-size:contain;height:48px;margin-left:auto;position:relative;width:48px;z-index:10}.ys-topbar .topbar-refresh.refreshing{-webkit-animation:refreshing 1s infinite;animation:refreshing 1s infinite}.ys-topbar .topbar-rule{color:hsla(0,0%,100%,.6);font-size:28px;margin-left:20px;margin-right:10px;position:relative;z-index:10}@-webkit-keyframes refreshing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes refreshing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}