/*艺术家*/

.artist-box {
	background: #F5F5F5;
	padding-bottom: 1.306rem;
	position: absolute;
	width: 100%;
	/*overflow-y: auto;*/
	height: 100%;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	/*overflow-y: scroll;*/
}

.artist-head {
	background: #FFFFFF;
	border-bottom: 1px solid #E6E6E6;
}

.artist-head img {
	display: block;
}

.header-img {
	max-height: 6.666rem;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-img>img {
	width: 100%;
}

.art-browse {
	width: 0.693rem;
	height: 0.293rem;
	padding-left: 0.54rem;
	background: url(../images/browse.png) no-repeat;
	background-size: 0.45rem 0.33rem;
	font-size: 0.244rem;
	color: #fefefe;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0 0 0.173rem 0.133rem;
	/*background-position: left -0.06rem;*/
}

.more-img {
	width: 1.389rem;
	height: 0.8rem;
	background: rgba(0, 0, 0, .4);
	position: absolute;
	right: 0;
	bottom: 0.266rem;
	border-radius: 20px 0 0 20px;
}

.more-img span {
	display: block;
	width: 0.933rem;
	height: 0.4rem;
	line-height: 0.4rem;
	color: #fff;
	background: url(../images/icons/camera.png) no-repeat;
	background-size: 0.466rem 0.4rem;
	text-align: right;
	margin: 0.18rem 0 0 0.293rem;
	padding-right: 0.133rem
}

.artist-name {
	padding: 0 0.4rem;
}

.artist-name h2 {
	height: 1.333rem;
	line-height: 1.333rem;
	border-bottom: 1px solid #eee;
	color: #333333;
	font-size: 0.533rem;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.artist-explain {
	overflow: hidden;
}

.artist-explain,
#exExplain {
	font-size: 0.373rem;
	color: #666;
	margin: 0.6rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.exWorks p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 0.373rem;
}

.art-exh {
	margin-top: 0.4rem;
	border-top: 1px solid #E6E6E6;
	padding-bottom: 0.4rem;
	overflow: hidden;
}

.art-exhbot {
	border-bottom: 1px solid #E6E6E6;
}

.art-exhhe>h3 {
	position: relative;
}

.art-exhhe a {
	display: block;
	right: 0;
	top: 0;
	position: absolute;
}

.art-ex {
	height: 1.333rem;
	line-height: 1.333rem;
}

.art-ex span {
	height: 1.333rem;
	font-size: 0.426rem;
	letter-spacing: 1px;
}

.art-ex a {
	font-size: 0.32rem;
	color: #999;
}

.art-ex a>i {
	display: block;
	width: 0.16rem;
	height: 0.16rem;
	border-style: solid;
	border-color: #999;
	border-width: 2px 2px 0 0;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.14rem
}

.art-eximg {
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
	display: inline-block;
	width: 100%;
}

.art-eximg::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.art-eximg dl {
	display: inline-block;
	width: 2.746rem;
	margin-right: 0.266rem
}

.art-eximg dl dt {
	width: 2.746rem;
	overflow: hidden;
}

.art-eximg dl dd {
	padding-top: 0.15rem;
	font-size: 0.346rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.art-exhibition dl dt {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 3.666rem;
	width: 2.746rem;
	position: relative;
	border-radius: 0.133rem;
}

.art-exhibition dl img {
	display: block;
	width: 100%;
	height: auto;
}


/*.art-exhibition dl{height:4.266rem;}*/

.art-eximg dl span {
	position: absolute;
	width: 0.853rem;
	height: 0.426rem;
	background: rgba(0, 0, 0, .4);
	left: 0;
	top: 0;
	display: block;
	font-size: 0.24rem;
	line-height: 0.426rem;
	color: #fff;
	text-align: center;
	border-radius: 0 0.853rem 0.853rem 0;
}

.art-eximg dl span[class='now'] {
	background: rgba(59, 168, 171, .6);
}

.art-creation {
	margin-top: 0.4rem;
	border-top: 1px solid #eeeeee;
}

.art-creation dl {
	width: 3.52rem;
	height: 3.3rem;
	overflow: hidden;
}

.art-creation dl dt {
	height: 2.666rem;
	width: 100%;
	text-align: center;
	justify-content: center;
	overflow: hidden;
	display: flex;
	border-radius: 0.133rem;
}

.art-creation dl img {
	width: 100%;
	height: auto;
	display: block;
}


/*.art-creation dl:nth-child(2) dt img{width:auto;height:100%;}*/

.art-article {
	height: 2.16rem;
}

.art-article dt {
	width: 2.666rem;
	height: 2.16rem;
	overflow: hidden;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.133rem;
}

.art-article dt img {
	display: block;
	width: 100%;
}

.art-article dd {
	float: left;
	width: 5.333rem;
	margin-left: 0.586rem;
	line-height: 0.56rem;
	padding-top: 0.466rem;
	font-size: 0.373rem;
	color: #333;
}

.art-derive dl {
	width: 2.293rem;
	height: 2.5rem;
	overflow: hidden;
}

.art-derive dl dt {
	width: 100%;
	height: 1.84rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.133rem;
}

.art-derive dl img {
	width: 100%;
	height: auto;
	display: block;
}

.art-footer {
	height: 1.306rem;
	background: #FFFFFF;
	border-top: 1px solid #EEEEEE;
}

.art-footer ul {
	display: -webkit-box;
	height: 1.306rem;
	-webkit-box-align: center;
}

.art-footer ul li {
	-webkit-box-flex: 1;
}

.art-footer ul li a {
	display: block;
	text-align: center;
}

.art-footer ul li i {
	display: inline-block;
	width: 0.6rem;
	height: 0.6rem;
	margin-right: 0.2rem;
	vertical-align: middle;
}

.art-footer ul .artPraise i {
	background: url(../images/icons/zannew.png) no-repeat;
	background-size: 100%;
}

.art-footer ul .artCollect i {
	background: url(../images/icons/collectnew.png) no-repeat;
	background-size: 100%;
}

.art-footer ul .artShare i {
	background: url(../images/icons/zfnew.png) no-repeat;
	background-size: 100%;
}


/*艺术品*/

.art-writername {
	height: 1.6rem;
	border-bottom: 1px solid #eee;
	-webkit-box-align: center;
	display: -webkit-box;
}

.voiceBox {
	height: 1.866rem;
	-webkit-box-align: center;
	display: -webkit-box;
}

.voiceCon {
	width: 100%;
	background: #F5F5F5;
	height: 1.066rem;
	border-radius: 0.106rem;
	-webkit-box-align: center;
	display: -webkit-box;
	position: relative;
	font-size: 0.373rem;
	padding: 0 0.426rem;
	box-sizing: border-box;
}

.voiceLeft span {
	margin-left: 0.333rem;
}

.voiceLeft>img {
	width: 0.426rem;
	height: 0.426rem;
	display: inline-block;
	vertical-align: middle;
}

.voiceRight {
	position: absolute;
	right: 0.426rem;
	top: 50%;
	margin-top: -0.186rem;
}

.progress {
	display: block;
	height: 0.026rem;
	background: #36a8c8;
	position: absolute;
	bottom: 0;
	left: 0;
}

.art-writername img {
	display: inline-block;
	width: 0.666rem;
	height: 0.666rem;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: 0.213rem;
}

.art-look {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-top: 0.4rem;
}

.srt-lookdot {
	width: 5.333rem;
}

.srt-lookdot .srt-img {
	border-bottom: 1px solid #eee;
}

.srt-lookdot .srt-img li {
	width: 5.333rem;
	height: 5.466rem;
	margin: 0 auto;
}

.srt-lookdot .srt-img .srt-lookimg {
	height: 4rem;
	overflow: hidden;
}

.srt-lookdot .srt-img li img {
	display: block;
	width: auto;
	height: 100%;
}

.srt-lookdot .srt-img li p {
	font-size: 0.32rem;
	color: #666666;
	line-height: 0.48rem;
	margin-top: 0.16rem;
}

.com-head {
	height: 1.866rem;
	display: -webkit-box;
	-webkit-box-align: center;
	text-align: center;
}

.art-comment .com-newhot {
	width: 3.2rem;
	height: 0.8rem;
	border-radius: 30px;
	border: 1px solid #22a9cf;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 3.2rem;
}

.art-comment .com-newhot li {
	float: left;
	width: 50%;
	height: 0.8rem;
	line-height: 0.8rem;
	font-size: 0.373rem;
}

.art-comment .com-newhot li:nth-child(1) {
	background: #22a9cf;
	color: #FFFFFF;
}

.art-comment .com-newhot li:nth-child(2) {
	color: #999999;
}

.p-head {
	height: 0.853rem;
}

.p-head .p-imgleft {
	width: 0.853rem;
	height: 0.853rem;
	border-radius: 50%;
	overflow: hidden;
	float: left;
}

.p-head .p-imgleft img {
	width: 100%;
}

.p-head .p-imgright {
	float: left;
	margin-left: 0.133rem;
}

.p-head .p-imgright b {
	display: block;
	font-size: 0.32rem;
	font-weight: 100;
	color: #666;
	margin-top: 0.09rem;
}

.p-head .p-imgright span {
	font-size: 0.24rem;
	color: #ccc;
	margin-top: 0.06rem;
	display: block;
}

.p-head .p-headleft {
	float: left;
}

.art-personage {
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 0.066rem;
}

.art-personage:last-child {
	margin: 0;
}

.p-head .p-headright {
	float: right;
	display: -webkit-box;
	-webkit-box-align: center;
	padding-top: 0.253rem;
}

.p-head .p-headright i {
	width: 0.373rem;
	height: 0.373rem;
	background: url(../images/icons/linke.png) no-repeat;
	display: inline-block;
	background-size: 100%;
	vertical-align: middle;
}

.p-head .p-headright span {
	font-size: 0.24rem;
	color: #CCCCCC;
}

.artcomment {
	height: 1.786rem;
	margin-left: 0.933rem;
}

.artcomment p {
	font-size: 0.346rem;
	color: #666;
	line-height: 0.533rem;
	padding-top: 0.293rem;
}

.more-comment {
	display: block;
	height: 1.333rem;
	text-align: center;
	line-height: 1.333rem;
	font-size: 0.293rem;
	color: #cccccc;
}

.more-comment i {
	display: inline-block;
	width: 0.2rem;
	height: 0.2rem;
	border-style: solid;
	border-color: #ccc;
	border-width: 0px 1px 1px 0;
	transform: rotate(45deg);
	margin-left: 0.133rem;
	margin-bottom: 0.06rem;
}

.more-comment span {
	display: inline-block;
}

.artComment {
	width: 60%;
	box-sizing: border-box;
	padding-left: 0.426rem;
	padding-right: 0.266rem;
}

.art-footer .artComment a {
	font-size: 0.266rem;
	color: #ccc;
	border: 1px solid #EEEEEE;
	display: block;
	padding: 0.266rem 0 0.266rem 0.2rem;
	border-radius: 4px;
	text-align: left;
}

.praise-re {
	position: relative;
}

.praiseNum {
	position: absolute;
	background: white;
	border-radius: .4rem;
	width: 0.4rem;
	height: 0.4rem;
	line-height: 0.4rem;
	display: block;
	font-size: 0.28rem;
	color: #333;
	margin-left: 0.4rem;
	margin-top: -0.02rem;
}


/*美术馆*/

.art-wrright P {
	font-size: 0.293rem;
	color: #999999;
}

.art-gallery {
	padding: 0 0.4rem;
}

.art-writername .art-back {
	color: #999999;
}

.art-writername .art-backg {
	color: #666666;
}

.speech-box {
	margin-bottom: 0.4rem;
	overflow-x: auto;
	white-space: nowrap;
	width: 100%;
}

.speech-box::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.speechPerson {
	width: 1.333rem;
	text-align: center;
	display: inline-block;
	margin-right: 0.266rem;
}

.speechPerson dt {
	width: 1.333rem;
	height: 1.333rem;
	overflow: hidden;
	border-radius: 50%;
	justify-content: center;
	vertical-align: middle;
	display: flex;
}

.speechPerson dt img {
	width: 100%;
	display: block;
}

.speechPerson dd {
	overflow: hidden;
}

.speechPerson .speechName {
	font-size: 0.32rem;
	color: #333333;
	margin-top: 0.133rem
}

.speechPerson .speechClass {
	font-size: 0.266rem;
	color: #999;
}

.ex-list {
	width: 3.2rem;
	display: inline-block;
	margin-right: 0.213rem;
}

.ex-list dt {
	width: 3.2rem;
	height: 3.2rem;
	overflow: hidden;
	-webkit-box-align: center;
	display: -webkit-box;
	border-radius: 0.133rem;
}

.ex-list dt img {
	width: 100%;
	display: block;
}

.ex-list dd {
	margin-top: 0.213rem;
	font-size: 0.32rem;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ex-border {
	border-top: 1px solid #EEEEEE;
}


/*作者*/

.author-head {
	display: -webkit-box;
	-webkit-box-align: center;
	height: 1.333rem;
}

.author-head .p-headleft {
	float: none;
}

.article-box {
	padding: 0.533rem 0;
	border-bottom: 1px solid #EEEEEE;
}

.article-box p {
	text-indent: 2em;
	font-size: 0.346rem;
}


/*功能*/

.headercircle {
	position: fixed;
	top: 0.226rem;
	width: 100%;
	padding: 0 0.426rem;
	box-sizing: border-box;
	z-index: 1000;
}

.headercircle span {
	display: block;
	height: 1rem;
	width: 1rem;
	border-radius: 50%;
	color: #FFFFFF;
	text-align: center;
	line-height: 0.64rem;
}

.headercircle span:nth-child(1) {
	float: left;
	background: url(../images/icons/ar-left.png) no-repeat center center rgba(0, 0, 0, .3);
	background-size: 30%;
}

.headercircle span:nth-child(2) {
	float: right;
	background: url(../images/icons/more.png) no-repeat center center rgba(0, 0, 0, .3);
	background-size: 60%;
}

.img-linear {
	position: absolute;
	height: 0.8rem;
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, .2));
	width: 100%;
	bottom: 0;
}

.pop-notify .pop-text {
	padding: 1rem 0;
	font-size: 0.32rem;
}

.comment-boxnew {
	display: none;
}


/*艺术品轮播*/

.swiperBox {
	position: relative;
}


/*评论*/

.writeComm {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 0.2rem 0.4rem;
	box-sizing: border-box;
	background: #eee;
	display: none;
	z-index: 100;
}

.pub-box {
	display: -webkit-box;
	-webkit-box-align: center;
	height: 1.306rem;
}

.pubCont {
	outline: none;
	-webkit-box-flex: 1;
	box-sizing: border-box;
	height: 100%;
	resize: none;
	border-radius: 4px;
	width: 7.5rem;
	overflow: hidden;
	font-size: 0.373rem;
	overflow-y: auto;
}

.pubCont::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.pubComm {
	width: 1.5rem;
	height: 100%;
	display: block;
	margin-left: 0.2rem;
	border-radius: 5px;
	border: 0;
	font-size: 0.4rem;
	font-weight: 700;
	color: #FFFFFF;
}

.remCom {
	text-align: center;
	font-size: 0.4rem;
}


/*图片zoom*/

.pinch-zoom {
	width: 100%;
	height: 100%;
	background: #333;
	z-index: 2000;
}

.pinch-zoom img {
	width: 100%;
	display: block;
	height: auto;
}

.zoom-position {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	width: 100%;
}

.maxZoom {
	padding: 0;
	width: 100%;
	height: 100%;
	background: #333;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1999;
	display: none;
}

.zoomDele {
	position: fixed;
	color: #FFFFFF;
	z-index: 2001;
	width: 1.3rem;
	height: 1rem;
	background: rgba(0, 0, 0, .5);
	text-align: center;
	line-height: 1rem;
	margin: .5rem 0 0 .5rem;
	border-radius: 5px;
	font-size: 0.4rem;
	display: none;
}


/*身份认证*/

.at-head {
	height: 1.173rem;
	background: #333333;
	position: relative;
}

.at-head-title {
	display: block;
	margin: 0 auto;
	color: #FFFFFF;
	width: 100%;
	height: 1.173rem;
	line-height: 1.173rem;
	font-size: 0.48rem;
	text-align: center;
}

.at-head-re {
	height: 100%;
	width: 1.2rem;
	display: block;
	background: url(../images/icons/ar-left.png) no-repeat center center;
	background-size: auto 0.526rem;
	position: absolute;
}

.at-class-box,
.al-class-box {
	width: 100%;
	height: 100%;
	background: white;
	box-sizing: border-box;
	padding: 0;
}

.at-list-box li {
	height: 1.573rem;
	background: #FFFFFF;
	font-size: 0.48rem;
	box-sizing: border-box;
	border-top: 1px solid #E3E5DE;
	border-bottom: 1px solid #E3E5DE;
	margin-top: 0.4rem;
	padding: 0 0.426rem;
}

.at-list-box li>a {
	width: 100%;
	height: 1.573rem;
	line-height: 1.573rem;
	display: block;
	position: relative;
	background: url(../images/icons/u2180.png) no-repeat;
	background-size: auto 0.48rem;
	background-position: right;
}

.at-status-box {
	display: none;
}

.at-status-box li {
	height: 1.306rem;
	line-height: 1.306rem;
	background: #FFFFFF;
	border-bottom: 1px solid #E3E5DE;
	padding: 0 0.426rem;
	font-size: 0.426rem;
	position: relative;
}

.at-status-box .at-status-check {
	margin: 0.4rem 0;
	border-top: 1px solid #E3E5DE;
	height: 1.04rem;
	line-height: 1.04rem;
}

.at-status-box .at-status-check>span {
	color: #999999;
	font-size: 0.373rem;
}

.at-status-box .at-status-top {
	border-top: 1px solid #E3E5DE;
}

.at-status-box .at-status>span {
	position: absolute;
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 0.106rem;
	border: 1px solid #36a8cc;
	right: 0.426rem;
	top: 50%;
	margin-top: -0.213rem;
}

.uploading-box {
	padding: 0;
	background: 0;
	display: none;
}

.at-img-box {
	width: 8rem;
	height: 6.133rem;
	background: #EEEEEE;
	margin: 0 auto;
	margin-top: 0.4rem;
	overflow: hidden;
	position: relative;
}

.at-img-logo {
	width: 2.72rem;
	height: 2.266rem;
	margin: 0 auto;
	margin-top: 1.866rem;
}

.at-img-logo img {
	width: 100%;
	display: block;
}

.at-upExplain {
	margin: 0 auto;
	width: 2rem;
	text-align: center;
	padding-top: 0.333rem;
	font-size: 0.426rem;
	color: #999999;
}

.at-explain {
	text-align: center;
	font-size: 0.426rem;
	padding-top: 0.373rem;
}

.at-upCondition {
	width: 8.4rem;
	margin: 0 auto;
	margin-top: 2.666rem;
}

.at-upCondition>li {
	padding-left: 0.763rem;
	font-size: 0.373rem;
	color: #666666;
}

.example-button {
	width: 2.106rem;
	height: 0.8rem;
	border: 2px solid #36a8cc;
	text-align: center;
	line-height: 0.8rem;
	font-size: 0.426rem;
	color: #36a8cc;
	border-radius: 0.186rem;
	margin: 0 auto;
	margin-top: 0.4rem
}

.at-exampleBox {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	top: 0;
	display: none;
}

.at-exampleImg {
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

.at-exampleImg>img {
	width: 100%;
	height: auto;
	display: block;
}

.at-next {
	position: absolute;
	right: 0.426rem;
	top: 0;
	color: #FFFFFF;
	font-size: 0.426rem;
	height: 100%;
	line-height: 1.173rem;
	display: none;
}

.attUser {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.imgUp {
	position: absolute;
	left: 0;
	top: 0;
}

.attAudit {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	font-size: 0.426rem;
	color: #EEEEEE;
	text-align: center;
	display: none;
}

.attAudit>.auditHint {
	width: 3.666rem;
	height: 2rem;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1rem 0 0 -1.8333rem;
}

.attAudit>.auditHint>span {
	display: block;
}

.attAudit>.auditHint>span:nth-child(1) {
	margin-top: 0.3rem;
}

.attAudit>.auditHint>span:nth-child(2) {
	padding-top: 0.3rem;
	color: #FFFFFF;
}

.uploadingType {
	width: 100%;
	height: 4rem;
	position: fixed;
	bottom: 0;
	display: none;
}

.uploadingType li {
	height: 1.333rem;
	line-height: 1.333rem;
	background: #FFFFFF;
	text-align: center;
	font-size: 0.4rem;
	color: #36a8cc;
	width: 100$;
}

.uploadingType .album {
	background: #FFFFFF url(../images/icons/album1.png) center center no-repeat;
	background-position: 3.6rem center;
	background-size: 0.48rem 0.48rem;
}

.uploadingType .photograph {
	background: #FFFFFF url(../images/icons/photograph1.png) center center no-repeat;
	background-position: 3.6rem center;
	background-size: 0.48rem 0.48rem;
}

.widthHeight {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.widthHeight img {
	width: 100%;
	border: 0;
	display: block;
}

.loading {
	background: url(../images/ui/loading.gif) center center no-repeat rgba(255, 255, 255, 0.4);
	background-size: 50px;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	z-index: 10000;
}


/*艺术品修改*/

.show-markBox {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(102, 102, 102, 0.8);
	width: 100%;
	height: 100%;
}

.al-head {
	height: 1.173rem;
	background: #333333;
	width: 100%;
	position: relative;
}

.al-submit {
	position: absolute;
	font-size: 0.426rem;
	right: 0.426rem;
	color: #FFFFFF;
	height: 100%;
	line-height: 1.173rem;
	display: block;
	top: 0;
	width: 2rem;
	text-align: right;
}

.al-listBox li {
	height: 1.333rem;
	background: #FFFFFF;
	-webkit-box-align: center;
	display: -webkit-box;
	padding: 0 0.426rem;
	position: relative;
}

.al-listBox li span {
	display: block;
	width: 2.4rem;
	font-size: 0.426rem;
	padding-left: 0.48rem;
}

.al-identifying {
	width: 1.333rem;
	height: 0.586rem;
	border: 1px solid #333333;
	border-radius: .586rem;
	text-align: center;
	line-height: 0.586rem;
	color: #333333;
	font-size: 0.373rem;
}

.al-numberNfc {
	color: #0099FF;
}

.al-hint {
	width: 0.48rem;
	height: 0.48rem;
	position: absolute;
	right: 0.426rem;
	top: 50%;
	margin-top: -0.24rem;
}

.al-listBox .al-liInfo {
	margin: 0.4rem 0;
}

.al-listBox .al-icon {
	width: 0.506rem;
	height: 0.506rem;
}

.al-listBox .al-icon img,
.al-hint img {
	display: block;
	width: 100%;
}

.al-addition {
	font-size: 0.373rem;
	position: absolute;
	right: 0.426rem;
	top: 50%;
	margin-top: -0.213rem;
	background: url(../images/icons/u2180.png) no-repeat center right;
	background-size: auto 100%;
	padding-right: 0.6rem;
	background-position-y: 0.06rem;
	color: #CCCCCC;
}

.al-fulfill {
	text-align: center;
	font-size: 0.373rem;
	color: #999999;
	margin-top: 0.4rem;
}

.errorHint {
	text-align: center;
	font-size: 0.426rem;
	color: red;
	margin-top: 1rem;
}

.al-preview {
	width: 9.146rem;
	background: #FFFFFF;
	height: 1.066rem;
	line-height: 1.066rem;
	text-align: center;
	color: #36a8cc;
	font-size: 0.426rem;
	position: fixed;
	bottom: 1.733rem;
	left: 50%;
	margin-left: -4.573rem;
}

.alertApp {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

.alert-imgBox {
	width: 100%;
	background: #FFFFFF;
	text-align: left;
	padding-bottom: .1rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.alert-imgBox img {
	display: block;
	width: 100%;
}

.alert-imgBox>p {
	font-size: 0.373rem;
	text-align: center;
}

.alert-imgBox .alert-hint {
	color: #666666;
}

.hintBox {
	padding-left: 1.5rem;
}

.hintBox p {
	margin-top: .1rem;
}

.al-mark {
	width: 7rem;
	background: #FFFFFF;
	padding: 1rem 0 .5rem 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 5px;
}

.al-mark ul {
	overflow: hidden;
}

.al-mark ul li {
	width: 50%;
	box-sizing: border-box;
	height: 1rem;
	float: left;
	height: 2rem;
}

.al-mark ul li>span {
	background: #0099ff;
	width: 2rem;
	font-size: 0.426rem;
	color: #FFFFFF;
	padding: .2rem 0;
	border-radius: 5px;
	margin: 0 auto;
	width: 80%;
	display: block;
}

.alAbolish {
	display: block;
	width: 40%;
	background: #f2f2f2;
	height: 1rem;
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
	line-height: 1rem;
	font-size: 0.426rem;
}

.al-mark span {
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
}

.al-listBox .al-icons {
	width: 0.45rem;
}

.basicbox {
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.al-alllist {
	padding: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 0;
	display: none;
}

.authorSeekBox {
	background: #f5f5f5;
	width: 100%;
	height: 100%;
}

.authorSeek {
	padding: 0 0.426rem;
	background: #FFFFFF;
}

.authorCententBox {
	overflow-y: auto;
	width: 100%;
	height: 100%;
}

.authorCentent {
	padding-left: 0.053rem;
	overflow: hidden;
}

.authorCentent p {
	text-align: center;
	height: 0.866rem;
	line-height: 0.866rem;
	font-size: 0.4rem;
	width: 100%;
}

.authorCentent li {
	float: left;
	margin: 0.426rem 0 0 0.373rem;
	width: 2.8rem;
	height: 3.693rem;
	position: relative;
}

.authorCentent li img {
	display: block;
	border: 0;
	width: 100%;
}

.authorCentent .authorImg {
	width: 2.8rem;
	height: 2.8rem;
	overflow: hidden;
	border-radius: 0.106rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.authorBinding .authorSeek input {
	width: 100%;
	height: 1.066rem;
	font-size: 0.426rem;
	color: #36A8CC;
	padding-left: 0.8rem;
	border: 0;
}

.authorSele {
	width: 0.653rem;
	height: 0.653rem;
	border: 0.04rem solid #FFFFFF;
	position: absolute;
	right: 0.106rem;
	top: 0.106rem;
	border-radius: 50%;
	background: rgba(0, 0, 0, .1);
}

.al-authorSeek {
	background: url(../images/icons/ico-search.png) no-repeat left center;
	background-size: auto 0.453rem;
}

.artTypeBox {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	top: 0;
	left: 0;
}

.artTypeBox ul {
	width: 4.266rem;
	max-height: 13.866rem;
	background: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	padding: 0.266rem 0.533rem 0 0.533rem;
	padding-bottom: 0.8rem;
	overflow-y: auto;
}

.artTypeBox ul li {
	width: 2.08rem;
	height: 0.8rem;
	line-height: 0.8rem;
	float: left;
	text-align: center;
	border-radius: 0.426rem;
	font-size: 0.426rem;
	margin-top: 0.533rem;
}

.al-coverImg {
	background: #000000;
	height: 100%;
}

.coverImg {
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	display: -webkit-box;
}

.coverImg img {
	display: block;
	width: 100%;
	border: 0;
	margin-top: -1.1173rem;
}

.al-submit input[type="file"] {
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: .5rem;
}

.messageBox {
	padding: 0 0.426rem 0;
	overflow-y: auto;
	height: 100%;
}

.messageBox li {
	width: 100%;
	margin-top: 0.4rem;
}

.messageBox .al-import {
	width: 100%;
	margin-top: 0.266rem;
}

.messageBox .al-import>input {
	width: 100%;
	border: 0;
	background: #EEEEEE;
	height: 0.866rem;
	border-radius: 0.066rem;
	font-size: 0.373rem;
	padding-left: 0.32rem;
	box-sizing: border-box;
}

.messageBox li>span {
	font-size: 0.426rem;
}

.messageBox .al-import .al-writer {
	width: 6rem;
	display: inline-block;
}

.messageBox .al-writerBo {
	width: 2.666rem;
	display: inline-block;
	float: right;
	height: 0.866rem;
	background: #22a9cf;
	border-radius: 0.066rem;
	text-align: center;
	line-height: 0.866rem;
	font-size: 0.373rem;
	color: #FFFFFF;
}

.al-referral {
	width: 100%;
	outline: none;
	overflow-y: auto;
	resize: none;
	height: 2.666rem;
	background: #EEEEEE;
	border: 0;
	border-radius: 0.08rem;
	font-size: 0.373rem;
}

.al-referral::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.al-lookDot {
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	padding-left: 0.026rem;
}

.al-lookDot>li {
	width: 2.8rem;
	height: 2.8rem;
	float: left;
	margin: 0.373rem 0 0 0.373rem;
	position: relative;
	background: #FFFFFF;
	overflow: hidden;
}

.al-lookDot>li>i {
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	line-height: 0.5rem;
	text-align: center;
	color: #fff;
	background-color: rgba(255, 0, 0, 0.6);
	position: absolute;
	right: 1px;
	top: 1px;
	z-index: 10;
}

.al-lookDot>li img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
}

.al-lookDot .addLookDot {
	background: #FFFFFF url(../images/icons/addlook.png) no-repeat center center;
	background-size: 0.48rem;
}

.addLookDot input[type="button"] {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
}

.al-heightImg {
	height: 100%;
	background: #000000;
}

.al-comImg {
	position: relative;
	height: 10.266rem;
	background: #000000;
	overflow: hidden;
}

.mark-ba {
	display: flex;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	display: none;
}

.al-mark-show {
	width: 7.066rem;
	height: 4.133rem;
	margin-left: -3.533rem;
	margin-top: -2.066rem;
	background: #FFFFFF;
	border-radius: 0.106rem;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 100;
	text-align: center;
}

.al-mark-show h3 {
	font-weight: 700;
	font-size: 0.426rem;
	text-align: left;
	padding-top: 0.666rem;
	padding-left: 0.426rem;
}

.al-mark-show .remindSave {
	font-size: 0.426rem;
	text-align: left;
	color: #666666;
	display: block;
	padding-left: 0.426rem;
	font-size: 0.373rem;
	padding-top: 0.4rem;
}

.al-mark-show ul {
	padding: 0 0.426rem;
	display: -webkit-box;
	display: box;
	font-size: 0.373rem;
	padding-top: 0.666rem;
}

.al-mark-show ul li {
	box-flex: 1;
	-webkit-box-flex: 1;
	height: 1.066rem;
	line-height: 1.066rem;
}

.al-mark-show ul li:nth-child(1) {
	color: #999999;
}

.al-mark-show ul li:nth-child(2) {
	color: #36a8cc;
}


/*.al-comImg img{display: block;pointer-events:none;}*/

.mark-focus .mark-show {
	width: 8.266rem;
	height: 6.4rem;
	margin: -3.2rem 0 0 -4.133rem;
	box-sizing: border-box;
	padding: 0 1rem;
}

.mark-focus .mark-show P {
	display: block;
	height: 1.6rem;
	line-height: 1.6rem;
	font-size: 0.426rem;
}

.mark-focus .mark-show textarea {
	height: 3.466rem;
	width: 100%;
	border: 0;
	font-size: 0.373rem;
}

.mark-focus .mark-show span {
	width: 1.733rem;
	height: 0.8rem;
	background: rgba(204, 204, 204, 1);
	border-radius: 0.066rem;
	display: block;
	font-size: 0.426rem;
	line-height: 0.8rem;
}

.mark-focus .mark-show span:nth-child(3) {
	float: left;
}

.mark-focus .mark-show .deleCoor {
	float: right;
	background: #0099ff;
}

.comMessage-content textarea {
	height: 3.466rem;
	width: 100%;
	border: 0;
	font-size: 0.373rem;
}

.al-compileBox .al-compile,
.al-compileBox .comMessage,
.al-compile {
	height: 100%;
	position: relative;
}

.al-compile {
	overflow-y: auto;
}

.al-compile .comMessage {
	height: 6.3rem;
}

.al-compileBox .comMessage li {
	height: 100%;
	position: absolute;
	width: 8.4rem;
	overflow: hidden;
}

.al-compileBox .comMessage li:nth-child(1) {
	z-index: 10;
	background: #FFFFFF;
}

.al-compileBox .comMessage li:nth-child(2) {
	z-index: 5;
	background: #f5f5f5;
	right: 0.8rem;
}

.al-compileBox .comMessage li:nth-child(3) {
	z-index: 1;
	background: #e6e6e6;
	right: 0;
}

.al-compileBox .comMessage li .comMessage-header {
	height: 1.6rem;
	text-align: center;
	line-height: 1.6rem;
}

.al-compileBox .comMessage li .comMessage-header span {
	font-size: 0.533rem;
}

.al-compileBox .comMessage li:nth-child(2) .comMessage-header span:nth-child(2),
.al-compileBox .comMessage li:nth-child(3) .comMessage-header span:nth-child(2),
.al-compileBox .comMessage li:nth-child(1) .comMessage-header span:nth-child(2) {
	height: 1.6rem;
	width: 0.8rem;
	text-align: center;
}

.lookDotRight {
	float: right;
}

.lookDot-color,
.lookDot-delete {
	width: 0.426rem;
	height: 0.426rem;
	position: absolute;
	display: block;
}

.lookDot-color {
	left: 0.586rem;
	top: 0.586rem;
}

.lookDot-colorOne {
	background: url(../images/icons/lookColor.png) no-repeat center center;
	background-size: 100%;
}

.lookDot-colorTwo {
	background: url(../images/icons/lookColor1.png) no-repeat center center;
	background-size: 100%;
}

.lookDot-colorThree {
	background: url(../images/icons/lookColor2.png) no-repeat center center;
	background-size: 100%;
}

.lookDot-delete {
	background: url(../images/icons/deleteLook.png) no-repeat center center;
	right: 0.586rem;
	top: 0.586rem;
	background-size: 100%;
}

.al-compileBox .comMessage li .comMessage-content {
	height: 100%;
	color: #cccccc;
	font-size: 0.426rem;
	text-align: center;
	padding-top: 0.5rem;
	padding: 0 1rem;
}

.placeLookDot {
	height: 1.333rem;
	background: #333333;
}

.al-comImg .lookDot {
	position: absolute;
	width: 0.666rem;
	height: 0.666rem;
	border-radius: 50%;
	display: none;
}

.al-comImg .lookDot>span {
	display: block;
	width: 0.453rem;
	height: 0.453rem;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.worksRecord {
	background: #FFFFFF;
}

.lookDotOne {
	background: rgba(255, 255, 255, .1);
	bottom: 0;
}

.lookDotTwo {
	background: rgba(255, 255, 255, .1);
	bottom: 30px;
}

.lookDotThree {
	background: rgba(255, 255, 255, .1);
	bottom: 60px;
}

.lookDotOne>span {
	background: #3eb3f0;
}

.lookDotTwo>span {
	background: #3eb3f0;
}

.lookDotThree>span {
	background: #3eb3f0;
}

.recordBox {
	width: 100%;
	height: 1.066rem;
	background: #f5f5f5;
}

.recordBox li {
	height: 1.066rem;
	float: left;
	line-height: 1.066rem;
	width: 16.666%;
	text-align: center;
	font-size: 0.426rem;
	color: #999999;
}

.addRecordUiBox {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0;
	z-index: 20;
}

.addRecordClass {
	width: 9.146rem;
	background: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	border-radius: 0.066rem;
}

.addRecordClass>.recordHeight {
	margin-top: 0.506rem;
	width: 100%;
	height: 0.853rem;
}

.alterRecordLi {
	overflow: hidden;
	width: 100%;
}

.addRecordLeft {
	width: 2.48rem;
	height: 0.853rem;
	line-height: 0.853rem;
	font-size: 0.373rem;
	text-align: center;
	float: left;
}

.addRecordright {
	width: 2.666rem;
	height: 0.853rem;
	float: left;
	position: relative;
	border-radius: 0.066rem;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}

.addRecordright ul {
	width: 100%;
	background: #FFFFFF;
}

.addRecordright ul li {
	width: 100%;
	height: 0.853rem;
	line-height: 0.853rem;
	font-size: 0.373rem;
	padding-left: 0.266rem;
	box-sizing: border-box;
}

.addRecordright ul li:nth-child(1) {
	background: url(../images/icons/select.png) center right no-repeat;
	background-position: 2rem;
	background-size: 0.266rem 0.146rem;
}

.addRecordTime {
	float: left;
}

.exhibitionWide {
	width: 6.266rem;
	height: 0.8rem;
	background: #eeeeee;
	border: 0;
	font-size: 0.373rem;
	box-sizing: border-box;
	padding-left: 0.266rem;
}

.alterRecordBox>li {
	width: 100%;
	height: 0.853rem;
	margin-top: 0.506rem;
}

.alterRecordBox .addRecordLeft {
	color: #666666;
}

.addRecord {
	text-align: center;
	height: 0.8rem;
	font-weight: 700;
	font-size: 0.426rem;
	color: #cccccc;
}

.deleteRecordUi {
	width: 1.306rem;
	height: 1.306rem;
	border: 0.05rem solid #FFFFFF;
	background: #36a8cc url(../images/icons/deleteRecord.png) center center no-repeat;
	background-size: 0.4rem;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	bottom: -4rem;
	transform: translateX(-50%);
}

.recordShowBox {
	overflow-y: auto;
	height: 100%;
}

.recordShowBox>li {
	width: 100%;
	height: 1.866rem;
	border-bottom: 1px solid #eeeeee;
	padding-left: 0.426rem;
	box-sizing: border-box;
	position: relative;
	background-size: 0.4rem;
}

.deleteRecordAn {
	width: 100%;
	height: 100%;
	-webkit-box-align: center;
	display: -webkit-box;
	position: absolute;
	z-index: 10;
	background: #FFFFFF;
}

.recordShowBox>li h4 {
	color: #000;
	font-size: 0.426rem;
}

.recordShowBox>li p {
	color: #999;
	font-size: 0.373rem;
	margin-top: 0.1rem;
}

.deleteLiRecord {
	position: absolute;
	width: 1.866rem;
	height: 100%;
	background: #FF4444 url(../images/icons/del.png) no-repeat center center;
	right: 0;
	background-size: 0.72rem;
}

.across {
	background: url(../images/icons/across.png) no-repeat center bottom;
	background-size: 0.533rem;
}


/*空间中心*/

.ed-addImg {
	height: 6.666rem;
	margin-bottom: 0.4rem;
	border-bottom: 1px solid #eeeeee;
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
}

.spacePortrait {
	position: relative;
}

.spaceImg {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.ed-addImg>.ed-conImg {
	display: block;
	margin: 0 auto;
	width: 0.506rem;
	margin-top: 2.8rem;
}

.ed-addImg>span {
	display: block;
	margin: 0 auto;
	width: 3.333rem;
	text-align: center;
	font-size: 0.426rem;
	color: #999999;
	margin-top: 0.466rem;
}

.edit-addDerive {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	height: 1.32rem;
	background: #FFFFFF;
	margin-top: 0.4rem;
	text-align: center;
	font-size: 0.426rem;
	color: #999999;
	line-height: 1.32rem;
}

.edit-listBox {
	background: #FFFFFF;
	border-bottom: 1px solid #eeeeee;
}

.edit-listBox>li {
	border-top: 1px solid #eeeeee;
	height: 1.32rem;
	padding: 0 0.426rem;
	box-sizing: border-box;
}

#place {
	height: 2.666rem;
}

.edit-listKey {
	width: 1.866rem;
	height: 1.32rem;
	line-height: 1.32rem;
	font-size: 0.426rem;
	color: #999999;
	float: left;
}

.edit-listBox>li>input {
	line-height: 1.3rem;
	height: 1.3rem;
	font-size: 0.426rem;
	color: #333333;
	border: 0;
	width: 7.066rem;
	background: rgba(255, 255, 255, .0);
}

.edit-listBox>li>input::-webkit-input-placeholder {
	color: #CCCCCC;
}

.edit-img {
	display: -webkit-box;
	-webkit-box-align: center;
	height: 100%;
}

.edit-img>img {
	width: 100%;
	border-radius: 50%;
	width: 0.8rem;
	height: 0.8rem;
	display: block;
}

.EditUser {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
	display: none;
	z-index: 20;
}

.ed-comBOx,
.editTimeBox,
.timeSelectBox,
.placeBox {
	width: 6.666rem;
	height: 3.5rem;
	background: rgba(249, 249, 248, 1);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	padding: 0.266rem;
}

.ed-comBOx>p {
	font-size: 0.426rem;
	width: 100%;
	text-align: center;
}

.ed-comBOx>input {
	height: 1.066rem;
	width: 100%;
	border: 1px solid #EEEEEE;
	margin-top: 0.333rem;
	border-radius: 0.2rem;
	font-size: 0.426rem;
	padding-left: 0.133rem;
}

.ed-comBOx>ul {
	width: 100%;
	height: 0.8rem;
}

.ed-comBOx>ul>li {
	width: 45%;
	height: 100%;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	float: left;
	margin-top: 0.133rem;
	text-align: center;
	line-height: 0.8rem;
	border-radius: 0.106rem;
}

.ed-comBOx>ul>li:nth-child(2) {
	float: right;
	color: #FF9900;
}

.editTimeBox {
	height: 5rem;
}

.checkTime {
	width: 8.4rem;
	height: 12.693rem;
	border-radius: 0.133rem;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -6.346rem;
	margin-left: -4.2rem;
	overflow: hidden;
}

.checkTimeHead {
	height: 3.2rem;
	background: #36A8CC;
	-webkit-box-align: center;
	display: -webkit-box;
	box-sizing: border-box;
	padding-left: 0.426rem;
}

.checkTimeCon {
	height: 9.493rem;
	background: #FFFFFF;
	position: relative;
}

.checkTimeWeek {
	text-align: left;
	font-size: 0.426rem;
	color: #FFFFFF;
}

.checkWeek>span {
	font-size: 0.853rem;
	letter-spacing: 0.133rem;
}

.checkHour {
	color: rgba(255, 255, 255, .5);
}

.checkTimeCon {
	box-sizing: border-box;
	padding-top: 0.64rem;
}

.checkTimeCon>#checkWeek {
	display: flex;
	padding: 0 0.426rem;
	box-sizing: border-box;
}

.checkTimeCon>#checkWeek li {
	width: 0.96rem;
	height: 0.96rem;
	line-height: 0.96rem;
	color: #FFFFFF;
	font-size: 0.32rem;
	background: #eee;
	flex: 1;
	border-radius: 50%;
	margin-left: 0.133rem;
	color: #999999;
}

.checkTimeCon>#checkWeek li:nth-child(1) {
	margin: 0;
}

.checkTimeCon .hourM {}

.checkTimeCon .hourM>li {
	height: 1.973rem;
	width: 33.333%;
	line-height: 1.973rem;
	float: left;
	font-size: 0.64rem;
}

.checkTimeCon .hourM>li:last-child {}

.checkTimeSub {
	position: absolute;
	bottom: 0;
	right: 0;
}

.checkTimeSub {
	font-size: 0.426rem;
	height: 1.6rem;
	line-height: 1.6rem;
}

.checkTimeSub>span:nth-child(1) {
	color: #999999;
}

.checkTimeSub>span:nth-child(2) {
	margin: 0 1.066rem;
	color: #333333;
}

.timeBOx {
	width: 100;
	margin-bottom: 0.533rem;
	margin-top: 1rem;
}

.timeBOx>li {
	width: 100%;
	height: 0.666rem;
	background: #FFFFFF;
	margin-bottom: 0.133rem;
}

.timeBOx>li>input {
	width: 100%;
	height: 100%;
	border: 0;
	font-size: 0.373rem;
}

.timeBOx>li:nth-child(2) {
	background: 0;
	text-align: center;
}

.timeSelectBox {
	height: 7rem;
}

.timeSelectBox>ul {
	width: 45%;
	float: left;
	height: 5.6rem;
	text-align: center;
	font-size: 0.373rem;
	overflow-y: auto;
	margin-bottom: 0.4rem;
}

.timeSelectBox>ul>li {
	0.8rem;
	line-height: 0.8rem;
}

.subTime,
.confirmTime {
	display: block;
	width: 2rem;
	height: 0.6rem;
	margin: 0 auto;
	font-size: 0.426rem;
	border: 0;
	background: #00A3E8;
}

.placeBox {
	width: 7.066rem;
	height: 5.333rem;
	border-radius: 0.133rem;
}

.placeBox>h3 {
	margin: 0.64rem 0 0.4rem 0;
	text-align: center;
	font-size: 0.426rem;
	font-weight: 700;
}

.placeBox>textarea {
	width: 100%;
	border: 0;
	background: #eeeeee;
	height: 2.08rem;
	font-size: 0.373rem;
}

.placeBox>button {
	background: 0;
	border: 0;
	width: 100%;
	height: 1.306rem;
	margin-top: 0.373rem;
	border-top: 1px solid #EEEEEE;
	font-size: 0.426rem;
	font-weight: 700;
}

.editIntro {
	padding: 0;
}

.editIntro .subIntro {
	display: block;
}

.IntroBox {
	height: 100%;
	background: #FFFFFF;
	padding: 0.4rem;
}

.IntroBox>textarea {
	width: 100%;
	border: 0;
	background: #eeeeee;
	display: block;
	height: 5.333rem;
	font-size: 0.426rem;
}

.at-head .allSub {
	display: block;
}


/*展览修改*/

.ex-timeBox {
	height: 0.853rem;
	font-size: 0.373rem;
}

.ex-timeBox li {
	margin: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	width: 50%;
}

.ex-timeBox li:nth-child(2) {
	float: right;
}

.messageBox .al-import .ex-timeBox span {
	float: left;
	width: 1.2rem;
	text-align: center;
	font-size: 0.373rem;
}

.ex-timeBox .datetime {
	width: 3.2rem;
	font-size: 0.373rem;
	height: 0.853rem;
	float: left;
	border: 0;
	background: #EEEEEE;
	border-radius: 0.066rem;
	box-sizing: border-box;
	padding-left: 0.266rem;
}

.ex-remarkBox {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.373rem;
	height: 0.853rem;
	margin-top: 0.266rem;
}

.ex-remarkBox span {
	display: inline-block;
	width: 1.55rem;
	text-align: center;
	font-size: 0.373rem;
}

.ex-remarkBox input {
	width: 100%;
	display: inline-block;
	height: 0.853rem;
	border: 0;
	background: #EEEEEE;
	padding-left: 0.266rem;
	border-radius: 0.066rem;
}

.ex-reHeight {
	height: 2.4rem;
}

.user-defined,
.definedHint {
	width: 60%;
	height: 0.8rem;
	line-height: 0.8rem;
	background: #CCCCCC;
	border-radius: 0.133rem;
	font-size: 0.426rem;
	text-align: center;
	color: #FFFFFF;
	margin: 0 auto;
}

.definedHint {
	background: #FFFFFF;
	bottom: 30%;
	color: red;
	z-index: 1;
}

.user-defined {
	margin-top: 2rem;
}

.defined-none {
	border: 0;
	font-size: 0.373rem
}

.ex-seekArtBox {
	width: 100%;
	height: 1.066rem;
	position: relative;
}

.ex-seekArtBox input {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	border: 0;
	font-size: 0.4rem;
}

.ex-art {
	z-index: 10;
}

.ex-art .ex-seekBox {
	background: #f5f5f5;
	padding: 0;
	overflow: hidden;
}

.ex-seekArtBox span {
	position: absolute;
	width: 2.666rem;
	height: 1.066rem;
	line-height: 1.066rem;
	font-size: 0.4rem;
	color: #999999;
	top: 0;
	left: 50%;
	margin-left: -1.066rem;
	text-align: center;
	background: url(../images/icons/ex-seek.png) no-repeat left center;
	background-size: 0.48rem;
	padding-left: 0.266rem;
	z-index: 1;
}

.resultBox,
.ex-already {
	overflow-y: auto;
	padding-left: 0.053rem;
	height: 80%;
}

.resultBox li,
.ex-already li {
	width: 2.8rem;
	height: 3.5rem;
	float: left;
	margin-left: 0.373rem;
}

.resultImg {
	width: 2.8rem;
	height: 2.8rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.resultImg img,
.ex-already img {
	width: 100%;
}

.resultBox span,
.ex-already span {
	font-size: 0.373rem;
	text-align: center;
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 0.133rem;
}

.ex-check,
.ex-dele-work,
.ex-dele-curator {
	position: absolute;
	width: 0.64rem;
	height: 0.64rem;
	background: rgba(0, 0, 0, .2);
	border-radius: 50%;
	right: 0.106rem;
	top: 0.106rem;
	border: 1px solid #FFFFFF;
}

.hintSeekBox {
	position: fixed;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.1);
	display: none;
	margin-top: 2.239rem;
	text-align: center;
	font-size: 0.426rem;
	padding-top: 0.5rem;
	z-index: 100;
}

.ex-alreadyBox>li {
	margin: 0;
}

.ex-alreadyBox .alreadyAddArt {
	height: 1.2rem;
	font-size: 0.426rem;
	position: relative;
}

.ex-alreadyBox .alreadyAddArt .al-art-left {
	float: left;
	width: 2rem;
	height: 1.2rem;
	line-height: 1.2rem;
}

.ex-alreadyBox .alreadyAddArt .al-art-right {
	width: 0.48rem;
	height: 0.48rem;
	background: url(../images/icons/ex-addArt.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.24rem;
}

.ex-alreadyBox {
	height: 90%;
}

.ex-alreadyBox .ex-already>li {
	margin-top: 0;
	margin-left: .2rem;
	margin-bottom: .3rem;
}

.ex-dele-work,
.ex-dele-curator {
	background: url(../images/icons/deleteArt.png) no-repeat center;
	background-size: 100%;
}

.ex-deriveBox {
	padding: 0 0.4rem;
	font-size: 0.426rem;
	padding-bottom: 6.666rem;
}

.ex-deriveBox>div {
	height: 1.2rem;
	line-height: 1.2rem;
}

.ex-deriveBox>input {
	height: 0.853rem;
	width: 100%;
	background: #eeeeee;
	border: 0;
	padding-left: 0.4rem;
	box-sizing: border-box;
	font-size: 0.373rem;
}

.ex-derive .addDerive {
	background: #f5f5f5;
}

.he-deriveBox {
	height: 100%;
	overflow-y: auto;
}


/*空间资料*/

.addDerive,
.deriveMessage {
	background: #ffffff;
}

.returnMessage {
	background: 0;
	color: #FFFFFF;
	font-size: 0.426rem;
	text-align: center;
	line-height: 1.173rem;
}

.de-me {
	background: #000000;
	width: 100%;
	height: 8rem;
	align-items: center;
	justify-content: center;
	display: flex;
}

.de-me img {
	width: 100%;
}

.de-me-name {
	font-size: 0.373rem;
	padding: 0.426rem 0.426rem 0 0.426rem;
}

.de-me-name input {
	width: 100%;
	border: 1px solid #666666;
	height: 0.48rem;
}

.deleteDerive {
	width: 0.64rem;
	height: 0.64rem;
	background: url(../images/icons/X.png) no-repeat center center;
	display: block;
	background-size: 100%;
	position: absolute;
	top: 0.106rem;
	right: 0.106rem;
	display: none;
}

.addDerive .al-lookDot li {
	position: relative;
}

.more_icon_class {
	font-size: 0.293rem !important;
	background-image: url(../images/icons/icon_more.png);
	width: 1rem;
	background-repeat: no-repeat;
	background-position: 100% 48%;
	background-size: 0.32rem;
	display: block;
}


/*编辑*/

.plus-div {
	position: fixed;
	top: 0.8rem;
	right: 0.3rem;
	z-index: 102;
}

.plus-div ul li {
	height: 1.333rem;
	/*width: 4rem;*/
	/*line-height: 1.333rem;*/
	/*text-align: center;*/
	font-size: 0.373rem;
	background: white;
	border-bottom: 1px solid #EEEEEE;
}

.plus-div ul li a {
	display: block;
	height: 100%;
}

.plus-div ul li:nth-of-type(1) {
	background: transparent;
	height: 100%;
	line-height: 0;
	border-bottom: 0;
	padding-left: 2.8rem;
}

.plus-div ul li:nth-of-type(2) {
	clear: both;
	border-top-left-radius: 0.133rem;
	border-top-right-radius: 0.133rem
}

.plus-div ul li:last-child {
	border-bottom-left-radius: 0.133rem;
	border-bottom-right-radius: 0.133rem
}

.plus-div .img-div {
	width: 1.333rem;
	display: inline-block;
	padding: 0.4rem;
	position: absolute;
	height: 1.333rem;
}

.plus-div .text-div {
	line-height: 1.333rem;
	left: 1.333rem;
	position: absolute;
}

.plus-div img {
	width: 0.533rem;
	height: 0.533rem;
}

.triangleT {
	width: 1.333rem;
	background-image: url(../images/icons/triangle2.png);
	height: 1.066rem;
	display: block;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 50%;
}

.box {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	opacity: 0.5;
}

.icon_img {
	width: 0.666rem;
	height: 0.666rem;
	position: absolute;
	top: 0.3335rem;
}

.articleImg {
	background-image: url(../images/icons/icon_article@2x.png);
	background-size: 0.666rem;
	background-position: 0 0.3335rem;
	background-repeat: no-repeat;
}

.ysImg {
	background-image: url(../images/icons/icon_derive@2x.png);
	background-size: 0.666rem;
	background-position: 0 0.3335rem;
	background-repeat: no-repeat;
}

.viewImg {
	background-image: url(../images/icons/icon_eye@2x.png);
	background-size: 0.666rem;
	background-position: 0 0.3335rem;
	background-repeat: no-repeat;
}

.judgementImg {
	background-image: url(../images/icons/icon_pinglun@2x.png);
	background-size: 0.666rem;
	background-position: 0 0.3335rem;
	background-repeat: no-repeat;
}


/*城市选择*/

.ci-box {
	width: 8.4rem;
	height: 16.133rem;
	background: #FFFFFF;
	border-radius: 0.066rem;
}

.al-city>.ci-box {
	overflow: hidden;
	position: relative;
	padding-bottom: 1.6rem;
	box-sizing: border-box;
}

.al-city>.ci-box>h4 {
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: left;
	font-size: 0.426rem;
	color: #333333;
	padding-left: 0.533rem;
}

.al-city>.ci-box>.ci-check {
	overflow-y: auto;
	height: 90%;
}

.al-city>.ci-box>.ci-check li {
	height: 1.333rem;
	line-height: 1.333rem;
	font-size: 0.373rem;
	color: #666666;
}


/*分享*/

.header-dow {
	height: 1.333rem;
	background: #FFFFFF;
	padding: 0 0.426rem;
	-webkit-box-align: center;
	display: -webkit-box;
	border-bottom: 1px solid #E6E6E6;
}

.header-dow>div {
	width: 100%;
}

.dow-name {
	font-size: 0.48rem;
	color: #333333;
	padding-left: 0.213rem;
}

.dow-Logo {
	display: block;
	/*width: 0.826rem;
	height: 0.826rem;*/
	float: left;
	-webkit-box-align: center;
	display: -webkit-box;
}

.dow-Logo img {
	width: 100%;
	width: 0.826rem;
	height: 0.826rem;
	border: 1px solid #e7e7e7;
	border-radius: 0.133rem;
	display: block;
}

.dow-con {
	display: block;
	float: right;
	line-height: 0.813rem;
	font-size: 0.426rem;
	color: #36A8CC;
}

.dow-at img,
.dow-atImg img {
	width: 0.64rem;
	height: 0.64rem;
	border: 0;
}

.dow-atname {
	padding-left: 8px;
	font-size: 0.346rem;
	color: #999999;
}

.dow-atImg {
	float: right;
}

.dow-conent {
	font-size: 0.373rem;
	color: #666666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.dow-artwork {
	column-count: 2;
}

.dow-artwork li {
	width: 4.36rem;
	display: inline-block;
	margin-top: 0.426rem;
}

.dow-artwork img {
	width: 100%;
	display: block;
}

.dow-footer,
.dow-footerPo {
	height: 1.306rem;
	line-height: 1.306rem;
	font-size: 0.426rem;
	color: #36A8CC;
	text-align: center;
}

.dow-footerPo {
	text-align: left;
	background: #FFFFFF;
	padding: 0 0.426rem;
	box-sizing: border-box;
}

.dow-poImg {
	position: absolute;
	right: 0.426rem;
	top: 50%;
	margin-top: -0.32rem;
}

.dow-poImg img {
	width: 0.64rem;
	height: 0.64rem;
	display: block;
}

.dow-Box {
	height: 1.6rem;
	background: rgba(0, 0, 0, .5);
	-webkit-box-align: center;
	display: -webkit-box;
	padding: 0 0.426rem;
	box-sizing: border-box;
}

.dow-images {
	-webkit-box-align: center;
	display: -webkit-box;
}

.dow-images img {
	display: inline-block;
	width: 1.066rem;
	height: 1.066rem;
	border-radius: 0.093rem;
	vertical-align: middle;
}

.dow-hh {
	margin-left: 0.32rem;
}

.dow-hh p:nth-child(1) {
	font-size: 0.426rem;
	color: #FFFFFF;
}

.dow-hh p:nth-child(2) {
	font-size: 0.373rem;
	color: #FFFFFF;
}

.dow-d {
	-webkit-box-align: center;
	display: -webkit-box;
	position: absolute;
	right: 0.426rem;
	top: 0;
	margin-top: 0.426rem;
}

.dow-hint {
	width: 1.6rem;
	height: 0.853rem;
	text-align: center;
	line-height: 0.853rem;
	border: 1px solid #FFFFFF;
	border-radius: 0.053rem;
	color: #FFFFFF;
	margin-right: 0.426rem;
}

.dow-close {}

.dow-close img {
	width: 0.64rem;
	height: 0.64rem;
	display: block;
}