html,body{font:16px/1.5 'Open Sans',"Hiragino Sans GB",STXihei,"Microsoft YaHei",SimSun,sans-serif;font-weight:400;padding:0;margin:0;color:#333;background:#fff}body{background:#f3f3f3}i{margin-right:5px}a{-moz-transition:color .3s linear;-webkit-transition:color .3s linear;transition:color .3s linear;color:#3d4b66;outline:0}a:hover{color:#e33;cursor:pointer;outline:0}pre{font-family:seanfont,"Courier New","Courier",serif,"微软雅黑"}code{color:#333}ul{padding-left:0}hr{border:0;height:1px;background-color:#697793}.go-top{z-index:5000;position:fixed;right:1%;bottom:1%;font-size:36px;opacity:.7}.go-top a{outline:0}.go-top i{color:#777}@media(max-width:999px){.go-top{display:none}}@media(min-width:1000px){}#ds-reset .ds-powered-by{display:none}#header{position:relative;width:100%;height:50px;background:#363d4c;z-index:1000}#header a.logo{display:inline-block;color:#7fe5f3;font-size:32px;line-height:50px}#header a.logo:hover{color:#ed5353}#header a.logo img{vertical-align:middle}#topnav{display:inline-block;padding-left:60px;vertical-align:top}#topnav ul.menu li{display:inline-block;line-height:100px;position:relative}#topnav ul.menu li a{position:relative;white-space:nowrap;padding:0 15px 8px;margin:0 5px;color:#838fa8;font-size:18px}#topnav ul.menu li a:after{content:"";position:absolute;border-bottom:1px solid #fff;bottom:0;left:100%;width:0;transition:width 350ms,left 350ms;-webkit-transition:width 350ms,left 350ms;-moz-transition:width 350ms,left 350ms}#topnav ul.menu li a:hover:after{left:0;width:100%;transition:width 350ms;-moz-transition:width 350ms;-webkit-transition:width 350ms}#topnav ul.menu li.active a{color:#fff;border-bottom:1px solid #fff;padding-bottom:7px}#topnav ul.menu li.active a:hover:after{width:0}#topnav ul.menu li a:hover{color:#fff}.keypoint ul li{padding:5px 0}@media(max-width:999px){#Posts{padding-right:0}}@media(min-width:1000px){#Posts{padding-right:15px}}.blog-main{background:#fff;padding:10px;margin-bottom:10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:3px;border:1px solid #ddd}.blog-main span{margin-right:10px}.blog-title{font-size:30px;font-weight:400;color:#3d4b66}.blog-title a{outline:0}.blog-meta{height:32px;font-size:14px;margin:10px 0 20px 0;color:#adb8cc;line-height:32px}.blog-meta a{color:#adb8cc;outline:0}.blog-tags{height:32px;font-size:15px;margin:45px 5px 10px 0;color:#595c60;line-height:32px}.blog-content span{margin:0;padding:0}.blog-content img,.post-content img{margin-right:10px;max-width:100%}.link{margin:30px 0}.link ul{margin-top:15px}.link .link-title{font-size:20px}.pagination{margin-left:10px;background:0;border:0;font-size:18px}.pagination-left{float:left;text-align:left;width:50%;padding-left:5px;font-size:17px;outline:0}.pagination-right{outline:0;float:right;text-align:right;width:50%;padding-right:15px;font-size:17px}.pagination li a:hover,.pagination li.active a{color:#e33;background:0}.pagination li.active{font-size:30px;background:0;color:#e33}#footer{position:relative;text-align:center;padding:20px 0;overflow:hidden;z-index:99;background:#363d4d;margin-top:30px}#footer,#footer a{color:#737f99}.copyright{font-size:15px;padding:2px 0}.copyright a{position:relative;white-space:nowrap}.post{padding:60px 0 20px 0}.post-title{color:#707070}.post-meta{padding:20px 0 40px 0;color:#adb8cc;font-size:14px}.post-meta li{padding-left:0}.post-meta .post-info{margin-right:5px}.post-content{color:#626773;font-size:16px;line-height:2;overflow:hidden}@media(max-width:999px){.sidebar{display:none}}@media(min-width:1000px){}.sidebar .panel{margin-bottom:30px}.sidebar .panel-head{background-color:#f9f9f9}.sidebar .panel-body{background-color:#fff}.sidebar .panel-body h3{cursor:pointer}.sidebar .panel-body h3:hover{color:#b41676}.sidebar a{outline:0}#indexcat{padding:20px;overflow:hidden;color:#737f99;font-size:16px}#indexcat li{float:left;overflow:hidden}#indexcat li a{color:#737f99;font-size:16px;padding:0 15px;position:relative;display:inline-block;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}#indexcat li a::before{position:absolute;top:100%;content:attr(data-hover);color:#e33;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#indexcat li:hover a,#indexcat li:focus a{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}#indexcat li a.current{color:#e33}