/*spacehome*/
.space-img img{width:100%;display: block;}
.space-img{position: relative;color: #fff;}
.user-picture{font-size:14px;width:60px;height:30px;background: rgba(0,0,0,.4);position: absolute;right:4%;bottom: 0;border-radius:5px;line-height: 30px;}
.user-picture i{background: url(../images/icons/camera.png) no-repeat center;background-size:80%;display: inline-block;width:30px;height:30px;vertical-align:middle}
.s-attba{position: relative;width:100%;padding:14px 0 3px 0;height:34px;}
.s-attba ul li{width:50%;float: left;text-align: center;}
.s-attba ul li i{width:15px;height:13px;display: block;margin:0 auto;}
.s-attba ul li img{width:100%;}
.s-attba ul li span{display: block;padding-top:5px;}
.guang{position: absolute;top:0;left:50%;width:59px;height:59px;margin:-29.5px 0 0 -29.5px;z-index: 1000;}
.guang img{width:100%;height:100%;display: block;border-radius:50%;}
.s-explain{text-align: left;padding:0 4%;height:40px;line-height: 40px;}
.s-explain h2{font-family:"黑体";border-bottom: 1px solid #ccc;}
.user-intro{padding:0 4%;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative;margin:20px 0;}
.user-intro i{color:#1ABB9C;display: block;width:8px;height:8px;border-style: solid;border-color:#0099FF;border-width:0 2px 2px 0;transform:rotate(-45deg);position: absolute;right:5%;bottom: 2px;}
.triangle{margin:0 auto;margin-top:14px;width:0px;height:0px;border-top: 8px solid #555454;border-right: 8px solid transparent ;border-bottom: 8px solid transparent;border-left: 8px solid transparent;}
/**/
.headercircle{margin-top:7px;}
.s-works{padding:0 4%;height:32px;box-shadow:0 2px 2px #eee;position: relative;}
.s-works h3{line-height: 32px;}
.s-works img{width:100%;}
.s-works span{display: block;width:15px;height:15px;position: absolute;right:4%;top:50%;margin-top:-7.5px;}
.exhibit{padding:0 4%;}
.being,.prepare{width:34%;border-bottom: 1px solid #1abb9c;height:27.5px;line-height: 27.5px;color:#1abb9c;float: left;}
.being dd,.prepare dd{width:5px;height:5px;background: #1abb9c;border-radius:50%;margin-top: -2px;}
.prepare{width:60%;border-bottom: 1px solid #cfcfcf;color:#cfcfcf;}
.prepare dd{background: #cfcfcf;}
.exhprod{width:100%;white-space: nowrap;overflow-x:auto;padding:15px 0 24px 0;}
.exhprod li{width:61.5px;height:86.5px;display: inline-block;margin-left:4%;}
.exhprod li:nth-child(1){margin:0;}
.exhprod li img{display: block;width:100%;height:100%;}
.exhprod::-webkit-scrollbar{width:0;height:0}
/*创作*/
.creation{padding:0 4%;}
.creationtime{position: relative;height:32px;}
.timewire{position: absolute;top:50%;width:100%;border-bottom: 1px solid #cccccc;}
.creationtime span{position: absolute;top:50%;background: #fff;display: block;margin-top:-6px;z-index: 200;padding:0 5px;}
.creationtime span:nth-child(1){left:0;}
.creationtime span:nth-child(2){left:50%;}
.artist{text-align: center;width:100%;white-space: nowrap;overflow-x: auto;padding:10px 0 17px 0;}
.artist::-webkit-scrollbar{width:0;height:0}
.artist dl{width:80px;height:132px;display:inline-block;}
.m-artist dt{padding-bottom:10px;}
.artist dl img{width:80px;height:95px;}
.artist dl{margin-left:6px;}
.artist dl:nth-child(1){margin:0;}
.artist dl dd:nth-child(2){font-size: 14px;font-family: "黑体";}
.artist dl dd:nth-child(3){font-size: 12px;color:#b3b3b3;}
/*相关*/
.article{height:80px;padding:19px 4%;}
.article dt,.article dd{float: left;}
.article dt img{display: block;width:100%;}
.article dt{width:19%;}
.article dd{width:79%;padding-left:2%;padding-top:5px}
.article dd p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.article dd p:nth-child(1){font-family: "黑体";-webkit-line-clamp: 1;font-size: 14px;}
/*最新*/
.hottest{padding:0 4%;margin-top:10px;background: #fff;height: 100%;overflow: hidden;}
.hot-margin{margin-bottom: 55px;}
.hotheader{height:43.5px;width:100%;text-align: center;}
.hot,.new{width:50%;height:43.5px;line-height: 43.5px;float: left;font-size: 16px;}
.hot span{display: block;margin:0 auto;height:43.5px;}
.messageleft,.messageright{width:50%;float: left;height:74px;}
.p-head{padding-bottom: 22px;}
.nameimg{height:74px;line-height: 74px;padding-right:6%;}
.nameimg,.namechar{float: left;}
.namechar span{display: block;}
.namechar span:nth-child(1){padding-top:23px;font-size: 16px;font-family: "黑体";}
.namechar span:nth-child(2){color: #818181;}
.messageleft img{width:50px;height:50px;vertical-align: middle;border-radius:50%;}
.messageimg{height:74px;line-height: 74px;text-align: right;padding-left:20px;background: url(../images/u648.png) no-repeat;background-size: 25px 25px;background-position: 80% 48%;}
.p-explain{width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-indent: 2em;font-size: 14px;}
.produce{background: #fff;margin-top:10px;padding:0 4%;margin-bottom: 40px;
}
/*footer*/
.footer{border-top:1px solid #eee;background: #fff;padding:0 4%;width:92%; 
}
.footleft{width:36%;float: left;padding-top:8px;}
.footright{width:64%;float: left;height:50px;line-height: 50px;}
.footer input{width:90%;border:1px solid #000;height:33px;border-radius:20px;padding-left:10%;outline:none;background: #fff;}
.footright img{width:20px;height:20px;float: left;margin-top:15px;}
.footright li{width:20%;height:50px;float: left;margin-left:10%;}
.footright span{float: left;}
.footright li:nth-child(2){margin-left:5%;}
.footright li:nth-child(3){margin-left:5%;}
.footright li:nth-child(4){margin-left:0%;}
/*fiexd*/
.headercircle{width:92%;padding:0 4%;position: fixed;top:0;z-index: 1000;}
.headercircle span{width:40px;height:40px;line-height: 40px;text-align: center;font-size: 30px;color: #fff;background: rgba(0,0,0,.2);float: left;border-radius: 50%;}
.headercircle span:nth-child(2){float: right;line-height: 20px;}
/*艺评*/
.artcomment{padding:0 4%;background: #fff;margin-top:10px;padding-bottom: 20px;}
.artreview{position: relative;}
.artreview p{text-indent:2em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;font-size: 14px;}

/*artist*/
.background{background: #f5f5f5;margin-bottom: 55px;}
header{background: #fff;}
.headerimg img{display: block;width:100%;}
.timeandplace{padding:0 4%;overflow: hidden;border-bottom: 1px solid #e5e1e2;padding-bottom: 12px;}
.timeandplace h2{margin-top:15px;font-size: 20px;font-family: "黑体";}
.timego{margin-top:15px;color:#4a4a4a;font-size: 14px;}
.h-site{margin-top:10px;color:#4a4a4a;font-size: 14px;}
.attention{margin-top:15px;height:12px;}
.attention span{float: left;color:#989898;}
.attention span:nth-child(1){width:24px;height:12px;}
.attention img{width:100%;}
.attention span:nth-child(2){padding-left:5px;height:12px;margin-right:40px;}
.attention span:nth-child(3){width:24px;height:12px;margin-top:-4px;padding-right:5px;}
.lickattention{position: relative;height:62px;border-bottom: 1px solid #e5e1e2;padding:0 4%;}
.lickattention dl{width:50%;height:45px;position: absolute;top:50%;margin-top:-22.5px;}
.lickattention dl dt,.lickattention dl dt{float: left;}
.lickattention dl dd{height:45px;line-height: 45px;}
.lickattention img{display: block;margin-right:20px;width:45px;height:45px;}
.b-attention{width:50px;height:25px;border:1px solid #000;line-height: 25px;text-align: center;position: absolute;right:4%;top:50%;margin-top:-12.5px;}
.explain{padding:18px 4%;position: relative;}
.explain p{text-indent:2em;}
.explain span{position: absolute;right:4%;bottom:0;box-sizing: 0;display: block;width:15px;height:24px;}
.explain span img{width:100%;}
/*艺术家*/
.longhair{background: #fff;margin-top:10px;padding:0 4%;}
.artname{position: relative;border-bottom: 1px solid #e5e1e2}
.artnameleft{height:44px;line-height: 44px;font-size: 15px;font-family:"黑体";}
.artname span{position: absolute;right:0;top:50%;box-sizing: 0;display: block;width:15px;height:15px;margin-top:-7.5px;}
.artname span img{width:100%;}
.artist{text-align: center;width:100%;white-space: nowrap;overflow-x: auto;padding:10px 0 17px 0;}
.artist::-webkit-scrollbar{width:0;height:0}
.artist dl{width:80px;height:132px;display:inline-block;}
.m-artist dt{padding-bottom:10px;}
.artist dl img{width:80px;height:95px;}
.artist dl{margin-left:6px;}
.artist dl:nth-child(1){margin:0;}
.artist dl dd:nth-child(2){font-size: 14px;font-family: "黑体";}
.artist dl dd:nth-child(3){font-size: 12px;color:#b3b3b3;}
/*作品*/
.production{border-top:1px solid #f5f5f5;padding:0 4%;background: #fff;}
.p-production dl dd{padding-top:14px;}
/*最新*/
.hottest{padding:0 4%;margin-top:10px;background: #fff;}
.hotheader{height:43.5px;width:100%;text-align: center;}
.hot{border-bottom:2px solid #000;}
.hot,.new{width:50%;height:43.5px;line-height: 43.5px;float: left;font-size: 16px;}
.hot span{display: block;margin:0 auto;height:43.5px;}
.messageleft,.messageright{width:50%;float: left;height:74px;}
.p-head{border-bottom: 1px solid #ccc;padding-bottom: 22px;margin-top:5px;}
.nameimg{height:74px;line-height: 74px;padding-right:6%;}
.nameimg,.namechar{float: left;}
.namechar span{display: block;}
.namechar span:nth-child(1){padding-top:23px;font-size: 16px;font-family: "黑体";}
.namechar span:nth-child(2){color: #818181;}
.messageleft img{width:50px;height:50px;vertical-align: middle;border-radius:5px;}
.messageimg{height:74px;line-height: 74px;text-align: right;padding-left:20px;background: url(../images/u648.png) no-repeat;background-size: 25px 25px;background-position: 80% 48%;}
.p-explain{width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-indent: 2em;font-size: 14px;}
/*相关*/
.correlation{padding:0 4%;background: #fff;margin-top:10px;}
.article dt,.article dd{float: left;}
.article dt img{display: block;width:80px;height:80px;}
.article dt{width:24%;}
.article dd{width:71%;padding-left:5%;padding-top:5px}
.article dd p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.article dd p:nth-child(1){font-family: "黑体";}
.article dd p{line-height: 18px;}
.article{height:80px;padding:19px 0;}
/*出品*/
.produce{background: #fff;margin-top:10px;padding:0 4%;}
/*footer*/
.footer{border-top:1px solid #eee;background: #fff;padding:0 4%;width:92%; }
.footleft{width:36%;float: left;padding-top:8px}
.footright{width:64%;float: left;height:50px;line-height: 50px}
.footer input{width:90%;border:1px solid #000;height:33px;border-radius:20px;padding-left:10%;outline:none;background: #fff}
.footright img{width:20px;height:20px;float: left;margin-top:15px;}
.footright li{width:20%;height:50px;float: left;margin-left:10%;}
.footright span{float: left;}
.footright li:nth-child(2){margin-left:5%;}
.footright li:nth-child(3){margin-left:5%;}
.footright li:nth-child(4){margin-left:0%;}
/*fiexd*/
.headercircle{width:92%;padding:0 4%;position: fixed;top:0;}
.headercircle span{width:40px;height:40px;line-height: 40px;text-align: center;font-size: 30px;color: #fff;background: rgba(0,0,0,.2);float: left;border-radius: 50%;}
.headercircle span:nth-child(2){float: right;line-height: 20px;}
/*输入框*/
.import{display:none;width:94%;padding:5px 3%;position: fixed;bottom: -3px;background: #eee;z-index: 1000;}
.import textarea{width:100%;outline:none;border:1px solid #eee;border-radius:5px;font-size: 16px;resize:none;height:50px;overflow: hidden;}
.import input{margin-bottom: 5px;margin:0 right;width:40px;height:30px;}
/*intro*/
/*header*/
.intro-h{width:100%;height:50px;line-height: 50px;background: #000;color:#fff;text-align: center;font-size: 16px;position: relative;position: fixed;top:0;z-index: 1000;}
.intro-h div{position: absolute;left:4%;width:30px;height:30px;line-height: 30px;border:1px solid #373737;border-radius:50%;font-size: 30px;color:#8f8f8f;top:50%;margin-top:-15px;}
/*大小*/
.intro{margin-top: 50px;background: #fff;}
.i-header{padding:0 4%;	}
.i-header span{display: inline-block;padding:0 3%;}
.i-header span:nth-child(1){padding-left:0;}
.i-header span:nth-child(4){border:0;}
.i-header p:nth-child(2){margin-top:3px;}
.i-header i{position: absolute;font-size: 12px;color: #a9a9a9;right:4%;bottom: 12px;}
.i-header i img{width:24px;height:10px;}
.header-b{font-size: 14px;padding-top:22px;position: relative;border-bottom: 1px solid #eeeeee;}
/*文章*/
.i-article{padding:0 4%;font-size: 14px;padding-bottom: 25px;}
.i-article p{padding-top:17px;text-indent: 2em;}
/*作品时间*/
.worktime{padding:0 4%;background: #fff;overflow: hidden;}
.record{border-top:1px dotted #ddd;padding-top:20px;}
.recordleft{width:25%;float: left;font-size: 14px;line-height: 40px;text-align: center;}
.recordright{width:75%;float: left;padding-top:15px;}
.recordright dl{padding-left:6%;border-left:1px solid #eae9e9;}
.recordright dt{color: #666666;position: relative;border-bottom: 1px solid #cccccc;}
.recordright dd{padding:10px 0;}
.recordright dt span{width:10px;height:10px;display: block;background: #56d6c9;border-radius: 50%;position: absolute;left:-6%;margin-left:-6px;top:0;}
/*-------article-----*/
.headerimg{position: relative;}
.headerimg .frequency{position: absolute;bottom:0;height:20px;line-height: 20px;background: rgba(0,0,0,0.5);color: #fff;font-size: 10px;text-align: right;padding-right:4%;width: 100%;box-sizing: border-box;}
.headerimg .frequency span:nth-child(2){margin-left:10px;}
.more-comment{text-align: center;height:30px;line-height: 25px}
.more-comment a{color: #327C86;}
.ho-newest{display: none;}
/*看点*/
.pr-head{height:2.5rem;line-height: 2.5rem;padding-left:2rem;background: #666666;color: #fff;width:100%;}
.pr-img{padding:1rem 0;text-align: center;width:6rem;width:100%;overflow: hidden;}
.pr-img li{float: left;width:33.333%;height:10rem;}
.pr-img li span{margin-top:1rem;display: block;}
.pr-img li .pr-images{width:8.5rem;height:8rem;overflow: hidden;margin:0 auto;max-width:100%;}
.pr-img li img{width:100%;}
.pr-body{overflow: hidden;}
/*写评论*/
.review{width:90%;margin:0 auto;height:30px;border-radius: 10px;border:1px solid #333333;}
.review input{width:80%;height:30px;border: 0;display: block;margin:0 auto;background: url(../images/icons/u1331.png) no-repeat left center;background-size:6%;padding-left:8%;}