.layui-form-select dl dd.layui-this{background-color:#fff;}
.layui-form-checkbox[lay-skin=primary] i{width:13px; height:13px; line-height:13px;}
.layui-form-checkbox[lay-skin=primary]:hover i{border:1px solid #FFBB12;}
.layui-form-checked[lay-skin=primary] i{background-color:#FFBB12; border-color:#FFBB12 !important;}
.layui-layer-btn .layui-layer-btn0{border-color:#FFBB12; background-color:#FFBB12;}
.layui-btn-xs:hover{border-color:#d2d2d2;}
.layui-tab-title li{min-width:50px;}
.layui-table td{font-size:12px;}
.layui-table td a:hover{text-decoration:underline;}
.layui-form-checkbox span{font-size:12px;}
.layui-laydate .layui-this{background-color:#FFBB12 !important;}
.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#FFBB12;}
.layui-laydate-footer span:hover{color:#FFBB12;}

#user{width:1200px; margin:20px auto;}
#user .navigation{font-size:14px; font-weight:500;}
#user .navigation:before{content:""; width:5px; height:16px; background-color:#000; display:inline-block; position:relative; bottom:-4px; margin-right:5px;}
#user .content{margin:20px 0;}
#user .content .left{width:150px; padding:20px; background-color:#FFF; float:left; margin-right:20px; border-radius:5px; min-height:590px;}
#user .content .left dl{margin-bottom:20px;}
#user .content .left dl:first-child{margin-top:5px;}
#user .content .left dl:last-child{margin-bottom:0;}
#user .content .left dt{font-size:15px; font-weight:bold; margin-bottom:10px;}
#user .content .left dd{line-height:35px; font-size:14px;}
#user .content .left dd.active{color:#FFBB12;}
#user .content .right{width:950px; padding:20px; background-color:#FFF; float:left; border-radius:5px; min-height:590px; position:relative;}
#user .content .right .layui-table{}
#user .content .right .layui-table th{text-align:center;}
#user .content .right .layui-table td{text-align:center;}
#user .content .right .layui-tab-content{}
#user .content .right .layui-this{color:#FFBB12; background-color:none;}
#user .content .right .layui-this:after{border-bottom:2px solid #FFBB12}
#user .content .right .submit{width:120px;}
#user .content .right .uploadhead{cursor:pointer;}
#user .content .right .goback{border-bottom:1px solid #eee; padding-bottom:15px; font-weight:bold; margin-bottom:15px;}

#resume{padding:10px;}
#resume .userinfo {position:relative;}
#resume .userinfo .name{font-size:26px; font-weight:500;}
#resume .userinfo .other{margin-top:15px; 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 .head img{width:60px; height:60px; border-radius:50%; cursor:pointer;}
#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;}

#personnel{width:950px; margin-top:10px;}
#personnel ul{width:950px; display:flex; flex-wrap:wrap;}
#personnel ul li{padding:13px; background-color:#FFF; width:280px; border-radius:10px; margin-right:16px; margin-bottom:20px; box-shadow:5px 5px 10px #e1e1e1;}
#personnel ul li:nth-child(3n){margin-right:0;}
#personnel ul li a{color:#000;}
#personnel ul li .user{}
#personnel ul li .user .uleft{display:inline-block; width:215px;}
#personnel ul li .user .uleft .headimg{width:45px; height:45px; border-radius:50%; margin-right:10px;}
#personnel ul li .user .uleft span{font-weight:bold; font-size:16px;}
#personnel ul li .user .uleft .levelimg{width:25px; height:22px; margin-left:5px; position:relative; top:-3px;}
#personnel ul li .user .uright{display:inline-block; width:60px; text-align:right;}
#personnel ul li .user .uright img{width:18px; height:18px; position:relative; top:-2px; cursor:pointer;}
#personnel ul li .user .uright i{font-size:26px; margin-left:10px; cursor:pointer; position:relative; top:5px;}
#personnel ul li .description{margin:15px 0; line-height:24px; height:48px; overflow:hidden;}
#personnel ul li .photos a{width:135px; display:inline-block; border-radius:8px; overflow:hidden;}
#personnel ul li .photos a:first-child{margin-right:10px;}
#personnel ul li .photos img{width:135px; height:79px; transition:all 0.5s;}
#personnel ul li .photos img:hover{transform:scale(1.2);}
#personnel ul li .photos .notworks{padding:31.5px 0; color:#999; text-align:center;}

#works{width:950px; margin-top:10px}
#works ul{width:950px; display:flex; flex-wrap:wrap;}
#works ul li{background-color:#FFF; width:280px; border-radius:10px; margin-right:16px; margin-bottom:20px; box-shadow:5px 5px 10px #e1e1e1; position:relative;}
#works ul li:nth-child(3n){margin-right:0;}
#works ul li a{color:#000;}
#works ul li .picture{width:280px; position:relative; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:10px;}
#works ul li .picture img{width:280px; height:164px; transition:all 0.5s;}
#works ul li .picture img:hover{transform:scale(1.2);}
#works ul li .classify{padding:10px 15px; font-weight:600; font-size:14px; line-height:18px;}
#works ul li .prize{padding:0 15px 10px;}
#works ul li .prize span{display:inline-block;}
#works ul li .prize span:nth-child(1){width:165px; margin-right:5px; color:#888;}
#works ul li .prize span:nth-child(2){width:80px; text-align:right;}
#works ul li .prize span:nth-child(2) img{width:17px; height:17px; position:relative; top:-3px;}
#works ul li .user{padding:10px 15px 15px; border-top:1px solid #EFEFEF;}
#works ul li .user .uleft{display:inline-block; width:190px;}
#works ul li .user .uleft .headimg{width:30px; height:30px; border-radius:50%; margin-right:10px;}
#works ul li .user .uleft span{font-size:14px; line-height:26px;}
#works ul li .user .uleft .levelimg{width:23px; height:20px; margin-left:8px; position:relative; top:-3px;}
#works ul li .user .uright{display:inline-block; width:60px; text-align:right;}
#works ul li .user .uright img{width:18px; height:18px; position:relative; top:-2px; cursor:pointer;}
#works ul li .user .uright i{font-size:26px; margin-left:10px; cursor:pointer; position:relative; top:5px;}

#market{width:950px; margin-top:10px}
#market ul{width:950px; display:flex; flex-wrap:wrap;}
#market ul li{background-color:#FFF; width:222.5px; border-radius:4px; margin-right:20px; margin-bottom:20px; box-shadow:5px 5px 10px #e1e1e1; position:relative; transition:all 0.5s;}
#market ul li:nth-child(4n){margin-right:0;}
#market ul li:hover{transform:translate(0,-5px);}
#market ul li .picture{width:222.5px; position:relative; overflow:hidden; border-top-left-radius:4px; border-top-right-radius:4px;}
#market ul li .picture img{width:222.5px; height:222.5px;}
#market ul li .classify{padding:10px 15px 5px; font-weight:600; font-size:14px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#market ul li .prize{padding:0 15px 10px;}
#market ul li .prize span{display:inline-block;}
#market ul li .prize span:nth-child(1){width:107.5px; margin-right:5px; color:#FFBB12; font-size:14px;}
#market ul li .prize span:nth-child(1):before{content:"￥"; font-size:12px;}
#market ul li .prize span:nth-child(2){width:80px; text-align:right;}
#market ul li .prize span:nth-child(2) img{width:17px; height:17px; position:relative; top:-3px;}