.article-1 .col,.list{background-color:#fff;float:left}.article-1 .col,.card .imgwrap,.card .words{background-clip:padding-box}.list{margin-top:30px;width:148px;height:302px;margin-right:50px;padding:14px 0;border:1px solid #ddd}.list-fixed{margin-top:36px;position:fixed;top:0}.guide li{margin-bottom:15px;font-size:12px;cursor:pointer}.guide li span{display:block;height:14px;line-height:14px;padding-left:12px;border-left:10px solid #fff;color:#4d4d4d;font-weight:700}.guide li .cur{border-left:10px solid #f7b244}.guide li a{display:block;color:#999;outline:0}.guide li a:hover{color:#f7b244}.guide li div{padding-top:12px;padding-left:34px}.guide li div a{line-height:20px}.description{display:none;width:780px;margin-top:40px;padding-left:200px;padding-bottom:100px}.description .title{height:20px;line-height:20px;font-size:20px;font-weight:700;font-family:"Hiragino Sans GB";padding-left:9px;border-left:5px solid #f7b244;margin-bottom:20px;margin-top:10px}.description .article{font-size:14px;line-height:24px;color:#525252}.description .article div{margin-bottom:34px}.description .article .hd{font-weight:700;margin-bottom:6px}.article-1{width:816px;margin-right:-32px}.article-1 .col{width:190px;height:187px;border-radius:4px;border:1px solid #ddd;margin-right:32px;padding:0 24px;font-size:12px;color:#1a1a1a}.article-1 .col .top{position:relative;padding:28px 0 11px 32px;border-bottom:1px solid #f7f8f8;color:grey}.article-1 .col .top img{position:absolute;top:26px;left:0}.article-1 .col .name{margin:16px 0 10px;font-weight:700}.card{position:relative;width:240px;margin-right:32px;height:120px;float:left}.card .imgwrap{position:absolute;width:100px;height:100px;margin-top:11px;margin-left:9px;z-index:3;overflow:hidden;border-radius:100px}.card .imgwrap img{width:100%}.card .imgwrap a,.card .imgwrap span{position:absolute;display:block;width:100px;height:100px;background-color:rgba(0,0,0,.4)}.card .imgwrap a{color:#fff;line-height:100px;text-align:center}.card .imgwrap a:hover{background-color:#f7b244;transition-duration:.4s;transition-timing-function:ease-in-out}.card .profile{position:relative;height:100%;padding-left:130px;z-index:2}.card .profile span{display:block;font-size:12px}.card .profile .name{padding-top:36px;color:#4d4d4d;font-weight:700}.card .profile .identity{color:#999}.card .words{display:none;position:absolute;height:86px;font-size:12px;color:#fff;background-color:#f8b62d;line-height:18px;top:0;z-index:1;border-radius:6px;box-shadow:1px 1px 4px #dcdcdc}.cur .words,.showdes{display:block}.card .words .oneline{height:38px;padding-top:16px}.card .words .twoline{height:46px;padding-top:8px}.card .words .threeline{height:54px;padding-top:0}.card p{opacity:1}.card .onright{width:250px;left:0;padding:34px 17px 0 200px}.card .onright p{width:231px;padding-left:18px;border-left:1px solid #f9c557}.card .onleft{width:242px;right:0;padding:34px 276px 0 17px}.card .onleft p{width:170px;padding-left:50px;padding-right:18px;border-right:1px solid #f9c557}.cur{z-index:10}.cur .words{-webkit-animation:showcard .4s ease-in-out 0s 1 none;-moz-animation:showcard .4s ease-in-out 0s 1 none;-ms-animation:showcard .4s ease-in-out 0s 1 none;-o-animation:showcard .4s ease-in-out 0s 1 none}.cur p{-webkit-animation:showinfo .4s ease-in-out 0s 1 none;-moz-animation:showinfo .4s ease-in-out 0s 1 none;-ms-animation:showinfo .4s ease-in-out 0s 1 none;-o-animation:showinfo .4s ease-in-out 0s 1 none}.cur .imgwrap span{background-color:transparent}.cur .profile .identity{color:#fff}@-webkit-keyframes showcard{0%{width:0;opacity:0}100%{width:100%;opacity:1}}@keyframes showcard{0%{width:0;opacity:0}100%{width:100%;opacity:1}}@-webkit-keyframes showinfo{0%,80%{opacity:0}100%{opacity:1}}@keyframes showinfo{0%,80%{opacity:0}100%{opacity:1}}