*{margin:0;padding:0;box-sizing:border-box;font-family:'Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif}body{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;color:#323233;font-size:14px}.header{padding:20px 0 10px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;border-bottom:2px solid #eee}.header .title{font-size:28px;color:#3b3b3b;letter-spacing:1.33px}.header .sub-title{font-size:16px;color:#969799}.container{height:0;-webkit-box-flex:1;flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:0 30px;display:-webkit-box;display:flex}.container .item{-webkit-box-flex:1;flex:1;margin:20px 20px 0;overflow-y:auto}.container .item:first-child{margin-left:0}.container .item .group-title{background:#df554a;color:#fff;font-size:18px;height:48px;line-height:48px;text-align:center;border-top-left-radius:5px;border-top-right-radius:5px}.container .item .group-title-system{background:#5DB9D8 !important}.container .item .group-title-other{background:#BAB0B0 !important}.container .item .menu-container{background:#fff;border:1px solid #eee;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.container .item .menu-container .menu{display:-webkit-box;display:flex;padding:8px 10px;-webkit-box-align:center;align-items:center;border-bottom:1px solid #eee}.container .item .menu-container .menu:last-child{border-bottom:none}.container .item .menu-container .menu:nth-child(odd){background:#fff}.container .item .menu-container .menu:nth-child(even){background:#f9f9f9}.container .item .menu-container .menu .download-title{-webkit-box-flex:1;flex-grow:1;font-size:18px;color:#3b3b3b}.container .item .menu-container .menu .download-btn{display:inline-block;padding:5px 10px;background:#fff;color:#df554a;text-decoration:none;border-radius:5px;cursor:pointer;font-size:16px;border:1px solid #df554a;white-space:nowrap;-webkit-transition:background-color .3s;transition:background-color .3s}.container .item .menu-container .menu .download-btn:hover{background:#df554a;color:#fff}.container .item .menu-container .menu .download-btn:active{background:#fcedd4}.footer{padding:10px 0;text-align:center;font-size:14px;color:#666;background:#fff}@media (max-width:768px){body{position:static;overflow-y:auto}.header{padding:15px 10px 10px}.header .title{font-size:22px}.header .sub-title{font-size:14px}.container{display:block;height:auto;overflow:visible;padding:0 12px}.container .item{flex:none;margin:12px 0 0;overflow:visible}.container .item .group-title{font-size:16px;height:42px;line-height:42px}.container .item .menu-container .menu{padding:10px 12px}.container .item .menu-container .menu .download-title{font-size:15px}.container .item .menu-container .menu .download-btn{padding:8px 16px;font-size:15px}.footer{padding:12px 10px;font-size:13px}}