.top_img { background-image: url(./person.png); }
/*作品list*/
.red { border: 1px solid red; }
.who-zuopin { height: 118px; display: block; margin-bottom: 15px; background: url("./whobg.jpg")no-repeat center center #fff; }
.who-zuopin .user-left { width: 1000px; height: 118px; display: block; float: left; }
.who-zuopin .img { float: left; width: 86px; height: 86px; overflow: hidden; position: relative; border-radius: 50%; margin: 15px 15px 0px 20px; }
.who-zuopin .img img { width: 86px; height: 86px; }
.who-zuopin .img sub { display: block; text-align: center; width: 86px; height: 20px; line-height: 20px; position: absolute; bottom: 0px; left: 0; background: #57b4df; font-size: 13px; color: #FFFFFF; }
.who-zuopin h2 { font-size: 13px; color: #575757; line-height: 17px; padding-top: 18px; }
.who-zuopin h2 b { padding-right: 10px; }
.who-zuopin h2 i { width: 36px; height: 17px; display: inline-block; padding-left: 22px; line-height: 18px; background: url("./cai.jpg")no-repeat; color: #f4bb0f; }
.who-zuopin .goodat { padding-top: 5px; }
.who-zuopin .goodat, .who-zuopin .jianjie { font-size: 13px; color: #575757; line-height: 24px; }
.who-zuopin .user-right { width: 180px; float: right; }
.who-zuopin .user-right a { width: 73px; height: 28px; display: block; margin: 0 auto; text-align: center; font-size: 12px; line-height: 28px; }
.who-zuopin .user-right a.look_info { background: #ff2c00; color: #fff; margin-top: 30px; border: 1px solid transparent; }
.who-zuopin .user-right a.look_info:hover { background: #f3f3f3; color: #727272; border: 1px solid #ebebeb; }
.who-zuopin .user-right a.add_shoucang { background: #f3f3f3; color: #727272; border: 1px solid #ebebeb; margin-top: 10px; }
.who-zuopin .user-right a.add_shoucang:hover { background: #ff2c00; color: #fff; }
/*我的作品*/
.zuopin_hot_l { position: relative; margin-bottom: 10px }
.zuopin_hot_l>h4 { height: 46px; line-height: 46px; font-size: 17px; background-color: #ddd; color: #343434; text-indent: 20px }
.zuopin_hot_l ul { display: block; position: relative; background-color: #fff; padding: 10px 3px }
.zuopin_ul { width: 220px; display: block; margin-bottom: 20px; }
.zuopin_ul li { width: 201px; height: 212px; display: block; float: left; margin-left: 10px; margin-bottom: 10px; position: relative; }
.zuopin_ul li .img { width: 201px; height: 147px; text-align: center; vertical-align: middle; display: table-cell; float: left; }
.zuopin_ul li .img img { max-width: 201px; margin: 0px auto; max-height: 147px; display: inline; }
.zuopin_ul li .miaoshu { width: 199px; height: 50px; display: block; float: left; background: #fff; position: relative; border: 1px solid #ececec; }
.zuopin_ul li .miaoshu .tc { width: 100%; height: 21px; display: block; float: left; font-size: 14px; color: #4D4D4D; padding-left: 10px; padding-top: 15px; }
.zuopin_ul li .miaoshu .jg { width: 100%; height: 21px; display: block; float: left; font-size: 14px; color: #FF2C00; padding-left: 10px; padding-top: 5px; }
.zuopin_ul li .miaoshu .dg { width: 32px; height: 21px; display: block; top: 50%; margin-top: -8px; right: 15px; position: absolute; text-align: center; }
.zuopin_ul li .miaoshu .dg a { color: #575757; display: block; font-size: 14px; transition: color .3s; }
.zuopin_ul li .miaoshu .dg a:hover { color: #FF2C00; }