.header .logo,.header .logo-text{display:inline-block;vertical-align:middle}*{padding:0;margin:0}ul{list-style:none}li{list-style-type:none}body,html{font-family:"Comic Sans MS",cursive,"Microsoft YaHei";font-size:14px;overflow-x:hidden;overflow-y:auto}.inner{width:1000px;margin:0 auto}.bg-red{background-color:#E03636}.bg-orange{background-color:#F2753F}.bg-yellow{background-color:#FFE957}.bg-green{background-color:#56A36C}.bg-blue{background-color:#25C6FC}.bg-pink{background-color:#EDD0BE}.bg-purple{background-color:#C3B7E5}.app,.header{background-color:#FFF}.h1{font-size:36px;color:#FFF;position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px}.app{position:relative}.header{position:fixed;top:0;left:0;width:100%;z-index:2018;box-shadow:1px 1px 5px #CCC;border-bottom:1px solid #f0f0f0}.swiper-list,.tiny-swiper{position:relative}.header-inner{height:60px;line-height:60px}.header-inner .github-logo{float:right;display:inline-block;margin-top:14px;width:32px;height:32px;background:url(../images/github-logo.png) center 0 no-repeat;transition:all .25s linear}.header .logo{width:30px}.header .logo-text{font-size:24px;font-weight:700;color:#00B5EC}.content{padding-top:60px}.demo-list{display:block;padding-top:30px}.demo{margin-bottom:30px;padding-bottom:30px;box-shadow:1px 1px 5px 1px #CCC;border-radius:5px;border:1px solid #f0f0f0}.demo-header{font-size:18px;padding:15px 30px}.swiper-list{width:800px;height:300px;margin:0 auto}.slide-item{position:absolute;width:500px;height:300px}.swiper-list-img{position:relative;width:800px;height:400px;margin:0 auto}.slide-img,.slide-item-img{width:100%;height:100%}#tinySwiper7 .slide-img{border-radius:10px}.code-inner{width:800px;margin:0 auto}.code-header{margin:1em 0 .5em;font-size:16px}.code-content{border-radius:3px;border:1px solid #f0f0f0;background-color:#f5f2f0}.slide-nav{position:absolute;width:52px;height:52px;top:40%;margin-top:-26px;display:block;z-index:100;overflow:hidden;cursor:pointer;transition:all .1s linear}.page-item,.slide-page-item{width:20px;height:20px;display:inline-block;cursor:pointer}.slide-prev{background:url(../images/nav-btn.png) left top no-repeat;left:20px}.slide-prev:active{transform:translateX(-5px) scale(.95)}.slide-next{background:url(../images/nav-btn.png) right top no-repeat;right:20px}.slide-next:active{transform:translateX(5px) scale(.95)}.slide-pagination{padding-top:20px;text-align:center;overflow:hidden}.slide-page-item{background:url(../images/page-item.png) center 0 no-repeat}.slide-page-item.active{background:url(../images/page-item-active.png) center 0 no-repeat}.slide-pagination-list{position:absolute;z-index:3;bottom:10px;right:110px;font-size:0}.page-item{line-height:20px;font-size:12px;margin-left:5px;text-align:center;border-radius:3px;color:#aaa;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5F666666, endcolorstr=#5F666666);background:rgba(102,102,102,.5)}.page-item.active{color:#FFF;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9F00B5EC, endcolorstr=#9F00B5EC);background:#00b5ec}