body{padding:0 !important}.page-main,.sidebar{margin-top:16px}.tag{position:absolute;left:10px;top:10px;width:64px;height:28px;color:#fff;font-size:12px;text-align:center;line-height:28px;border-radius:15px;background:rgba(0,0,0,.5)}.recommend-header{margin-top:16px;height:350px}.recommend{float:left;position:relative;overflow:hidden;height:350px}.remmend-min-article{float:left;width:calc(100% - 560px);overflow:hidden;background:#fff}.index-content{margin-top:0}.min-recommend{float:left;margin-left:16px}.max-recommend{float:left;position:relative;width:560px;height:374px;overflow:hidden}.max-recommend img{width:100%;height:348px}.max-recommend h1{margin-top:5px;font-size:20px;width:540px;color:#fff}.max-recommend p{margin-top:5px;max-height:45px;color:#fff;font-size:13px;line-height:21px}.max-recommend .sectitle{position:absolute;padding:5px 10px;bottom:20px;text-decoration:none;box-sizing:border-box;background:rgba(0,0,0,.5)}.sen-recommend{float:right}.recommend-article{margin-bottom:16px;position:relative;width:294px;height:166px}.recommend-article:last-child{margin-bottom:0}.recommend-article img{width:100%;height:100%}.recommend-article h1{position:absolute;padding:8px 10px;bottom:0;width:100%;color:#fff;font-size:13px;line-height:20px;box-sizing:border-box;background:rgba(0,0,0,.5)}.recommend-article:hover h1{white-space:inherit}.article-type#ciki-index-article-list{clear:both;margin-bottom:10px;width:100%;height:48px;-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,.05);box-shadow:1px 1px 1px 1px rgba(0,0,0,.05);background:#fff}.article-type ul{position:relative;height:100%;padding:0 15px}.article-type ul li{position:relative;width:calc(100% / 6);font-size:17px;float:left;padding-left:20px;color:#666;line-height:48px;cursor:pointer;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s;box-sizing:border-box}.article-type ul li.active,.article-type ul li:hover{color:#000;font-weight:bold}.article-type ul li:hover:before{content:"";display:block;position:absolute;margin:auto;left:0;top:50%;width:8px;height:8px;border-radius:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-animation:active 1s;-o-animation:active 1s;animation:active 1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;background:#1464c8}.article-type .active:before{content:"";display:block;position:absolute;margin:auto;left:5px;top:50%;width:8px;height:8px;border-radius:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:#1464c8}@keyframes active{0{left:0;background:red}100%{left:5px;background:#1464c8}}.more{margin-top:19px;margin-bottom:40px;width:100%;height:61px;color:#999;font-size:18px;border-radius:0;background:#fff}.more:active{background:#fdfdfd}.activity ul li{padding:16px;height:228px;box-sizing:border-box;border-top:solid 1px #eee;background:#fff}.activity ul li img{width:100%;height:155px}.activity ul li .title{margin-top:4px;color:#666;font-size:14px}.activity ul li span{color:#999;font-size:12px}.activity ul li span:last-child{float:right}.column-item{height:200px;background:#fff}.column-item .column-author{padding:10px;height:105px;box-sizing:border-box;border-top:solid 1px #eee}.column-item .author-headerimg{float:left;width:56px;height:56px}.column-item .author-deils{float:right;width:calc(100% - 66px)}.column-item .author-deils .name{margin-top:6px}.column-item .author-deils .des,.column-item .author-deils span{margin-top:5px;color:#999;font-size:12px}.column-item .author-deils span{margin-top:6px}.column-item .author-deils span:first-child{float:left}.column-item .author-deils span:last-child{float:right}.column-item .author-headerimg img{width:100%;height:100%;border-radius:50%}.column-item .sidebar-list a{border:0}.column-item li:first-child{border:0}.column-item li:first-child a{border-top:solid 1px #eee}.column-item .sidebar-list ul li{height:30px;line-height:30px}.article-item-list{display:none}.article-item-list.active{display:block}.article-item-list .sub-title{height:50px}.author{padding-top:0}.author .sidebar-title{line-height:56px}.author .sidebar-title img{margin-top:18px;width:16px}.author .column-item .author-headerimg img{margin-top:10px}.author .sub-title{height:30px}