html,body{padding:0;margin:0;width:100%;background:#EEE;font-family:"Open Sans 300","Open Sans",Helvetica Neue,Helvetica,Arial,Verdana,STHeiti,'Microsoft Yahei',sans-serif;position:relative}body{padding-bottom:40px}ul{list-style:none;padding:0;margin:0}.btn{background:#2196F3;display:inline-block;width:50px;text-align:center;color:white;text-decoration:none;font-size:20px;font-weight:lighter;box-sizing:border-box;height:46px;line-height:46px;border-radius:3px;transition:all linear .4s}.btn:hover{background:#64B5F6}.btn.inactive{background:#ccc !important}.btn-small{background:#2196F3;display:inline-block;width:50px;text-align:center;color:white;text-decoration:none;font-size:20px;font-weight:lighter;box-sizing:border-box;height:46px;line-height:46px;border-radius:3px;transition:all linear .4s;font-size:18px;height:40px;line-height:40px}.btn-small:hover{background:#64B5F6}.btn-small.inactive{background:#ccc !important}input{outline:none}.hide{display:none}@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}footer{font-size:10px;width:100%;text-align:center;height:50px;line-height:50px;position:absolute;bottom:0}footer span{margin:0;padding:0;box-sizing:border-box}.checkbox{width:20px;height:20px;border:1px solid #ccc;display:inline-block;vertical-align:middle;position:relative;top:-2px;margin-right:6px}.checkbox:hover{cursor:pointer}.checkbox.active{background-image:url(/static/img/check.png);background-size:contain}.search{height:46px;padding:0 10px;margin:0;vertical-align:top;font-size:20px;box-sizing:border-box;font-weight:lighter;color:#333;margin-bottom:20px;width:100%;border-radius:3px;border:1px solid #aaa;background-image:url(/static/img/search.png);background-size:24px 24px;background-repeat:no-repeat;background-position:calc(50% - 106px) 10px;text-align:center}.hide{display:none !important}.alert{position:fixed;top:100px;right:100px;width:250px;display:block;background:white;box-shadow:1px 1px 4px #9C9C9C;text-decoration:none;color:green;transition:all ease-in-out .4s;border-left:4px solid green;padding:10px 20px;box-sizing:border-box;border-radius:3px}.alert:hover{width:260px}.alert h2{margin:0;font-size:20px;font-weight:normal}.alert p{margin:0}.alert.error{color:red;border-left:4px solid red}.modal{position:fixed;top:50%;left:50%;padding:40px;box-shadow:1px 1px 4px #ccc;box-sizing:border-box;border:1px solid #ccc;background:white;z-index:1000}.modal .modal-title{margin:0;font-weight:normal;margin-bottom:20px;color:#333}.modal .modal-content{font-size:16px;color:#333}.modal .modal-close{position:absolute;top:10px;right:10px;width:20px;height:20px;background-image:url(/static/img/close.png);background-size:contain}.modal .modal-close:hover{background-image:url(/static/img/close-hover.png)}.filter{line-height:40px;font-size:0}.filter .filter-title{vertical-align:middle;line-height:40px;display:inline-block;height:40px;font-size:16px}.filter .filter-menu{display:inline-block;height:40px;line-height:40px;vertical-align:middle;width:100px;margin-left:10px;position:relative}.filter .filter-value{height:40px;padding:0 10px;margin:0;vertical-align:top;font-size:16px;box-sizing:border-box;font-weight:lighter;color:#333;border:1px solid #aaa;width:100%;vertical-align:middle;cursor:pointer}.filter .filter-dropdown{font-size:16px;width:100%;box-sizing:border-box;background:white;height:0;transition:all linear .4s;overflow:hidden;border:none;z-index:999;position:absolute;overflow-y:scroll}.filter .filter-dropdown.active{height:auto;border:1px solid #ccc;max-height:200px;overflow-y:scroll}.filter .filter-dropdown a{text-decoration:none;color:#333;display:inline-block;width:100%;height:100%;padding:0 10px;box-sizing:border-box}.filter .filter-dropdown a:hover{color:white;background:#3084d6}html,body{background:white}.header{width:100%;height:200px;background-image:url(/static/img/topbanner.png);line-height:200px;background-repeat:no-repeat;background-size:cover;background-position:center center}.header h1{margin:0;color:white;font-weight:lighter;font-size:40px;text-align:center;font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;letter-spacing:1px}.panel-login{width:300px;box-sizing:border-box;padding:40px 20px;background:#FFF;margin:0 auto;position:relative}.panel-login input{height:46px;padding:0 10px;margin:0;vertical-align:top;font-size:20px;box-sizing:border-box;font-weight:lighter;color:#333;margin-bottom:20px;width:100%;border-radius:3px;border:1px solid #aaa}.panel-login .error-msg{margin-top:20px;color:red;font-size:16px}.panel-login .btn-login{width:100%;margin-bottom:20px}.panel-login .btn-register{width:100%}