*{padding:0;margin:0}body{Overscroll-behavior:none}@supports(height:constant(safe-area-inset-top)) or (height:env(safe-area-inset-top)){.safe-area{background-color:#f77504;width:100%;height:env(safe-area-inset-top);position:sticky;top:0;z-index:999}}.nav-bar{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABUCAYAAABDVl3NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAbElEQVQYlW2Ouw7DMAwDyVP3/mw+PJk6ukMcPYAshsU7EdLv0InsLxJC8n5sNDKEjLDo46YxNxByTDlmS8xsFtwgldpgtBTtvxpzozIQqwCf7i14MmKClG8lxCov5e3RwfJblpdCP7wBWwiuP0ltDSQheYe8AAAAAElFTkSuQmCC);background-position:0 0;position:sticky;z-index:999;top:env(safe-area-inset-top)}.nav-bar,.title-box{display:flex;align-items:center}.title-box{width:100%;justify-content:center;flex-direction:column;padding-top:5px;padding-bottom:10px;font-size:14px}.title-box span{display:inline-block;width:50px;height:50px;border-radius:50%;margin-bottom:5px}.list{margin-bottom:30px}.list-one{text-align:right;height:70px}.list-text{color:#4810b1;display:inline-block;font-size:12px;padding:0 5px;margin-top:13px}.list-text p{padding:3px 0;display:block}.list-thumb,.list-thumb span{display:inline-block;width:60px}.list-thumb span{height:60px;border-radius:50%;overflow:hidden;line-height:60px}.content1{display:flex}.content1,.list1{position:relative}.list1{width:50%}.list1 .content1{display:flex;justify-content:flex-end}.content2{position:relative;top:35px;left:5px}.level{font-size:16px;position:absolute;right:10px;top:-25px;color:#4810b1}.level span{font-size:43px}.list2{width:49%;margin-left:50%;position:relative;right:2px}.list2 .content1{position:relative;left:3px;text-align:left}@media screen and (min-width:768px){.list2 .list-text{padding:10px 15px}.list1{position:relative;right:10px}.list1 .list-text{padding:10px 5px}.list-thumb{display:inline-block;width:80px}.list-thumb span{width:90px;height:90px;border-radius:50%;display:inline-block;overflow:hidden;line-height:90px}}