.ui-person .person .name,.ui-title{font-size:20px}
.ui-title{display:inline-block;padding-bottom:3px;border-bottom:2px solid #ae0f0a}
.ui-title span{display:inline-block;border-bottom:1px solid #ae0f0a}
.ui-date em,.ui-video .slider .item a{display:block}
.ui-date{position:absolute;width:100px;height:100%;line-height:1.1;background-color:#e5e5e5;text-align:center;color:#929292}
.ui-date em{margin-top:.4em;font-size:38px;color:#333}
.pic-desc{position:relative;overflow:hidden}
.pic-desc img{vertical-align:top}
.pic-desc .block-txt{position:absolute;bottom:0;left:0;width:100%;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;padding:1em 0;background:rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000')}
:root .pic-desc .block-txt{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')}
.ui-person{max-width:1200px;margin:0 auto}
.ui-article .title,.ui-video .slider .item{margin-bottom:10px}
.ui-person .swipe-box{height:auto}
.ui-person .swipe-wrap{position:relative}
.ui-person .person{margin-top:120px;padding:0 175px;height:400px;background-color:#f5f5f5}
.ui-person .person .avatar{float:left;width:28.82%;margin-top:-85px;padding:50px 40px;background-color:#fff;-webkit-box-shadow:0 0 35px rgba(204,204,204,.5);box-shadow:0 0 35px rgba(204,204,204,.5)}
.ui-person .person .info{margin-left:43.52%;padding-top:45px;color:#666}
.ui-person .person .name em{color:#000}
.ui-person .person .desc{margin-top:10px;line-height:1.8}
.ui-person .person .works{margin-top:20px}
.ui-person .swipe-next,.ui-person .swipe-prev{position:absolute;top:55%;width:60px;height:60px;text-indent:100%;overflow:hidden;border-radius:50%;background-repeat:no-repeat}
.ui-video .view,.ui-video .wrap{position:relative}
.ui-person .swipe-prev{left:70px;background-repeat: no-repeat;}
.ui-person .swipe-prev:hover{background-repeat: no-repeat;}
.ui-person .swipe-next{right:70px;background-repeat: no-repeat;}
.ui-person .swipe-next:hover{background-repeat: no-repeat;}
.ui-video{margin-top:50px}
.ui-article,.ui-video .wrap{margin-top:30px}
.ui-video .view{width:75%;height:520px;text-align:center;font-size:20px}
.ui-video .view .item{position:absolute;left:0;top:0;width:100%;height:0;padding-bottom:66.66%;overflow:hidden}
.ui-video .view img{width:100%}
.ui-video .slider{position:absolute;right:0;top:0;width:24.03%;height:520px}
.ui-video .slider .box{height:100%}
.ui-video .slider img{width:100%;vertical-align:top}
.ui-video .slider .active{position:relative}
.ui-video .slider .active a{border:2px solid #ae0f0a}
.ui-video .slider .active::after{position:absolute;left:-20px;top:50%;content:'';width:0;height:0;overflow:hidden;border-right:22px solid #ae0f0a;border-top:20px solid transparent;border-bottom:20px solid transparent}
.ui-video .slider .btn-next,.ui-video .slider .btn-prev{position:absolute;left:50%;width:50px;height:0;padding-top:50px;margin-left:-25px;overflow:hidden}
.ui-video .slider .btn-prev{top:-60px;background-repeat: no-repeat;}
.ui-video .slider .btn-prev:hover{background-repeat: no-repeat;}
.ui-video .slider .btn-next{bottom:-60px;background-repeat: no-repeat;}
.ui-video .slider .btn-next:hover{background-repeat: no-repeat;}
.col-left{float:left;width:72.11%}
.col-right{float:right;width:25%}
.ico-date{display:inline-block;vertical-align:middle;width:20px;height:20px;background-repeat: no-repeat;}
.ui-article .article-box{background-color:#f5f5f5;margin-top:20px;height:660px;overflow-y:auto}
.ui-article .item{display:block;position:relative;padding:30px 20px 30px 280px;-webkit-transition:background-color .2s,-webkit-box-shadow .2s;transition:background-color .2s,box-shadow .2s}
.ui-article .item:hover{background-color:#fff}
.ui-article .item::after{content:'';position:absolute;left:20px;right:20px;bottom:0;border-bottom:1px solid #d9d9d9}
.ui-article li:last-child .item::after{display:none}
.ui-article .thumb{float:left;width:240px;height:160px;margin-left:-260px;overflow:hidden}
.ui-article .thumb img{width:100%;vertical-align:top}
.ui-article .title{display:block;font-size:1.25em;line-height:1.2;height:48px;overflow:hidden}
.ui-article .desc{display:block;font-size:14px;color:#666;margin-top:10px;line-height:1.7;height:5em;overflow:hidden}
.ui-article .date{display:block;text-align:right;color:#999}
.ui-article .ico-date{margin-right:5px}
.ui-article .view-more{text-align:right;margin-top:20px}
.ui-works{margin-top:30px}
.ui-works .works-box{background-color:#f5f5f5;margin-top:20px;height:660px;overflow-y:auto;text-align:center}
.ui-works .item{position:relative;display:block;padding:20px 40px}
.ui-works .item:hover{background-color:#fff}
.ui-works .item::after{content:'';position:absolute;left:20px;right:20px;bottom:0;border-bottom:1px solid #d9d9d9}
.ui-works li:last-child .item::after{display:none}
.ui-works .desc,.ui-works .thumb,.ui-works .title{display:block}
.ui-works .thumb{width:170px;margin:0 auto}
.ui-works .desc{font-size:.875em;margin-top:15px;color:#666}.ui-person .swipe-prev{background-position:0px 0px }.ui-person .swipe-prev:hover{background-position:0px -80px }.ui-person .swipe-next{background-position:0px -160px }.ui-person .swipe-next:hover{background-position:0px -240px }.ui-video .slider .btn-prev{background-position:-10px -320px }.ui-video .slider .btn-prev:hover{background-position:-10px -390px }.ui-video .slider .btn-next{background-position:-10px -460px }.ui-video .slider .btn-next:hover{background-position:-10px -530px }.ui-person .swipe-prev,.ui-person .swipe-prev:hover,.ui-person .swipe-next,.ui-person .swipe-next:hover,.ui-video .slider .btn-prev,.ui-video .slider .btn-prev:hover,.ui-video .slider .btn-next,.ui-video .slider .btn-next:hover{background-image: url(/static/img/pc/pkg/fame_z_68ba40e.png)}.ico-date{background-position:0px 0px}.ico-date{background-size: 20px 20px;background-image: url(/static/img/pc/pkg/fame_1_z_fddb9b2.png)}