#personner{max-width:1920px; margin:0 auto;}
#personner .head{max-width:1920px; min-width:1200px; height:390px; text-align:center; line-height:390px; background-size:cover; background-repeat:no-repeat; background-position:center;}
#personner .head .headimg{width:120px; height:120px; border-radius:50%; border:10px solid #6586a0;}
#personner .user{padding:30px 0; text-align:center; width:700px; margin:0 auto;}
#personner .user .title{font-size:24px; font-weight:bold;}
#personner .user .title img{width:29px; height:26px;}
#personner .user .classify{margin:20px 0; color:#888;}
#personner .user .description{font-size:14px; color:#333; line-height:24px;}
#personner .user .button{margin-top:30px;}
#personner .user .button span{display:inline-block; width:100px; height:30px; line-height:28px; border-radius:28px; text-align:center; border:1px solid #FFBB12; font-size:14px; cursor:pointer;}
#personner .user .button span.assign{background-color:#FFBB12; color:#fff; margin-right:20px;}
#personner .user .button span.add{color:#FFBB12;}
#personner .menu{text-align:center; margin:30px 0;}
#personner .menu dd{display:inline-block; width:120px; line-height:40px; font-size:14px; margin-right:50px; cursor:pointer;}
#personner .menu dd.active{border-bottom:2px solid #FFC324;}
#works{width:1200px; margin:0 auto;}
#works ul{width:1200px; display:flex; flex-wrap:wrap;}
#works li{background-color:#FFF; width:288px; border-radius:10px; margin-right:16px; margin-bottom:20px;}
#works li:nth-child(4n){margin-right:0;}
#works li .picture{width:288px; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px;}
#works li .picture img{width:288px; height:170px; transition:all 0.5s;}
#works li .picture img:hover{transform:scale(1.2);}
#works li .classify{padding:10px 15px;}
#works li .classify span{display:inline-block;}
#works li .classify span:nth-child(1){width:200px; font-weight:600; margin-right:5px; font-size:14px; line-height:18px;}
#works li .classify span:nth-child(2){width:53px; text-align:right;}
#works li .prize{padding:0 15px 10px;}
#works li .prize span{display:inline-block;}
#works li .prize span:nth-child(1){width:170px;  margin-right:5px; color:#888;}
#works li .prize span:nth-child(2){width:80px; text-align:right;}
#works li .prize span:nth-child(2) img{width:15px; height:15px; position:relative; top:-2px;}
#works .notdata{height:260px; line-height:260px; margin:0 auto; color:#666; font-size:14px;}
#resume{width:1160px; margin:10px auto 50px; padding:20px; background-color:#fff; border-radius:10px;}
#resume .userinfo {position:relative;}
#resume .userinfo .name{font-size:26px; font-weight:500;}
#resume .userinfo .other{margin-top:10px; color:#333;}
#resume .userinfo .other span{width:100px; display:inline-block;}
#resume .userinfo .other .or{width:20px;}
#resume .userinfo .head{width:60px; position:absolute; right:0; top:0;}
#resume .userinfo .name img{width:50px; height:50px; border-radius:50%; margin-right:5px;}
#resume .title{font-size:14px; font-weight:550; color:#000; margin:20px 0 10px;}
#resume .title:before{content:""; width:2px; height:14px; background-color:#FFBB12; display:inline-block; position:relative; bottom:-3px; margin-right:5px;}
#resume .title font{float:right; color:#FFBB12; font-size:12px; display:none;}
#resume .desc{color:#333; padding:7px 0;}
#resume .desc span{display:inline-block; width:250px;}
#resume .desc font{float:right; color:#FFBB12; font-size:12px; display:none; margin-left:15px;}
#resume .create{text-align:center; width:100%; margin-top:200px;}