body{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input{-webkit-appearance:none;}
/*分类*/
.wrap-index{position: absolute;top:2.266rem;left: 0;bottom:1.2rem;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.sort{padding-right: 20px; color: #999999; position:absolute; top: 4.6rem; width: 100%; height:4.18rem; background: #fff; box-shadow:0px 1px 2px rgba(234,245,255,1); z-index: 4   }
.sort li{ float: left; height: 4.18rem;text-align: center; line-height: 4.18rem; font-size: 1.5rem;  }
.sort .choose a{ color: #6f91ff; text-decoration: underline; color: #2c7d7d; font-size: 1.6rem }
.sort li:nth-of-type(1),.sort li:nth-of-type(2),.sort li:nth-of-type(3){ width: 30%; }
.sort li:nth-of-type(4){ width: 10%; }
.sort i{ height: 4.18rem;  display: block; background: url(../images/ui/menu.png) no-repeat center center;background-size: auto 75% ;}
.sort-main{ color: #333;  position: absolute;height: 100%; z-index: 3; overflow: hidden; width: 100%; background: #eeeeee;}

.sort-main-header ul{ height: 4.18rem; }
.sort-main-header li{ line-height: 4.18rem; text-align: center;  height: 4.18rem;float: left; width: 33.33%; background: #f2f2f2 }
.sort-main-header .choose{ background: #338484; color: #fff; }
.sort-main-l ul{  overflow: hidden; margin-top:1rem; }
.sort-main-l li{ color: #000; height: 3.33rem; float: left; width: 25%; text-align: center; }
.sort-main-l li:nth-of-type(1){ width: 100%; }
.sort-main-l li span{ height: 2.5rem; line-height: 2.5rem; border-radius: 0.5rem; margin-left: 1rem; width: 5.5rem; display: block; border: 1px solid #999999 }
.sort-main-l li .choose{ border: 0; color: #448c8c; font-weight: bold; }
#sort1,#sort2,#sort3{ background: #fff; position: absolute;top:4.18rem;left: 0; bottom:-100%;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
#sort2,#sort3{ display: none; }
.sort2-item-head{ font-size: 1.5rem; width: 100%; background: #f5f5f5; color: #000; padding-left: 1rem;}
.sort2-gps{ color: #448cb1; font-size: 1.5rem; padding:0.5rem 1rem; }
.turnoffnav:nth-of-type(2){ display: none }
.turnoffnav:nth-of-type(2) li { width: 100%; }
.icon-hotpoint{background-image: url(../images/icons/icon_hot@2x.png); height: 100%;}
.icon-seepoint{background-image: url(../images/icons/icon_eyeIndex@2x.png);height: 100%;}
.art-txt{color: #999999;font-size: 0.346rem;margin-bottom: 0.4rem;}
.art-txt2{color: #999999;font-size: 0.32rem;}
/*.art-watch i{ margin-top: 0.3rem; }*/
.art-open{ font-size: 0.32rem; }
.art-pic-dsc h3{font-size: 0.466rem;position: absolute;bottom: 0.3rem;left: 0.466rem;}
.art-pic-dsc{height:2.666rem;bottom: 0rem;position: absolute;padding: 0 0 0.1rem 0.466rem;background-image: url(../images/icons/artshadow.png)}
.art-pic{height:5.866rem;overflow: hidden;position: relative;    border-radius: 0.133rem}
.art-pic a{height:100%;display: flex;display: -webkit-flex; align-items: center;justify-content: center;}
.art-pic a>img{width: 100%;display: block;}
.newimg{height:100%;width:100%;display: flex;align-items: center;justify-content: center;position: absolute;}
/*主页文章板块*/
.ariticle_title{ padding:0.426rem;position: absolute; top:30%; color: #fff; text-align: center; width: 100%;z-index: 2;background: rgba(0,0,0,0.5);z-index: 2;  }
.ariticle_title h3{ font-size: 0.453rem; }
.ariticle_title p{ padding-top: 0.266rem; width: 90%; margin: 0 auto; font-size:0.266rem;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.ariticle_bg{ position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.5);z-index: 2; }
.gray{ vertical-align: top; }

/*更多文章页面*/
.wrap-article{ position: absolute;top:4.6rem;left: 0; bottom:0;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch; }
.aritclepage-img{ width: 6.66rem; float: left;}
.aritclepage-img img{ width: 6.66rem; height: 6.66rem; vertical-align: top; }
.aritclepage-ul li{ overflow: hidden; display: flex; margin:0; }
.aritclepage-right h3{color: #373737; font-size: 1.2rem;}
.aritclepage-right p:nth-of-type(1){ color: #959595; }
.aritclepage-right p:nth-of-type(2){ color: #bbbbbb; margin-top:0.5rem;}
.aritclepage-right{ display: fixed; margin-left:1rem; float: left; width:68%; font-size: 1rem; }

/*作品专辑页面*/
.wrap-allarticle{ position: absolute;top:7.93rem;left: 0; bottom:0;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch; }
.ar-nav{ height: 3.33rem; width: 100%; background:rgba(232,198,199,1);filter: blur(px); position: absolute;top: 4.6rem; }
.ar-nav ul{ height: 100%; }
.ar-nav li{ display: flex; justify-content: center;  float: left; width: 50%; height: 100%; }
.ar-nav li:nth-of-type(1) div{  background:url(../images/icons/u1379.png) no-repeat center center; background-size: auto 70%; height: 100%; width:20%;  }
.ar-nav li:nth-of-type(2) div{  background:url(../images/icons/u1365.png) no-repeat center center; background-size: auto 70%; height: 100%; width:20%;  }
.ar-nav li span{ line-height: 3.33rem; color: #33374f;  }
.ar-nav li .choose{ color: #00a3e8; }
.allaritclepage-ul{ overflow: hidden; padding: 0 1rem; }
.allaritclepage-ul li{ float: left; width:46%; border-radius: 0.5rem; margin: 2%; }
.allaritclepage-ul li img{ width: 100%; }
.allaritclepage-ul li p{ text-align: center; }
#wrap2{ display: none; position: absolute; left: 100%; }
#wrap2 .allaritclepage-ul li{ position: relative;  }
#wrap2 .allaritclepage-ul li span{ position: absolute; bottom: 1rem; right: 1rem; color: #fff; font-size: 1rem; }
/*建设中*/
.build{ position: absolute; width: 100%; height: 100%; background:url(../images/ubuild.jpg) no-repeat center center; background-size:contain;background-color: #fff; }
.build img{ width: 100%;  height: auto; }

/* 详细页面*/
.wrap-more{ padding:0 1rem;  background: #fff; padding-top: 1rem;}
.address-name{ color: #ff6600; padding-left: 3rem; background: url('../images/icons/u2027.png') no-repeat  0 center; background-size: 2rem;}
.address-time, .address-address,.address-more{ padding: 0.2rem 0; margin:0.5rem 0;  padding-left: 3rem; border-bottom: 1px solid #f2f2f2; }
.address-time{background: url('../images/icons/u2025.png') no-repeat  0 center; background-size: 2rem;}
.address-address{background: url('../images/icons/u2405.png') no-repeat  0 center; background-size: 2rem;}
.address-more{  color: #000;background: url('../images/icons/u2407.png') no-repeat  0 center; background-size: 2rem;}
.hold{ color: #000; width: 80%; float: right; }
.address-hold{border-bottom: 1px solid #f2f2f2; overflow: hidden; color: #000; }
.address-gg{ display: block; float: left; width: 20%; }
.address-show h1{ color: #000; font-size: 1.5rem; margin: 1rem 0;  }
.address-show p{ text-indent: 2rem; color: #000; }
.addredd-div{ overflow: hidden;  margin: 0.5rem;}
.address-more-click{color:#327c86; width:100%; text-align: center;}
/*我的收藏*/
.myfav-back{ background: url(../images/icons/ar-left.png) center center no-repeat; background-size:20% ; height: 4.6rem;display: block;position: absolute;top: 0; left: 0; width: 4.6rem;}
.mf-header{ height:3.33rem; width: 100%; }
.mf-header ul{ overflow: hidden; height: 100%; }
.mf-header li{ float: left; text-align: center; line-height: 3.33rem; width: 25%; color: #CCCCCC; background: white; }
.mf-header .choose{  color: #666666;border-bottom: 1px solid #36a8cc; }
.mf-scroll{ position: absolute;top:3.33rem;left: 0; bottom:5.4rem;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch; }
#mf-scroll2,#mf-scroll3,#mf-scroll4{ display: none; }
.mf-scroll4-ul li {padding-top: 1.3rem;height: 7rem;border-bottom: 1px solid #e4e4e4;padding-left: 2rem;}
.mf-tou{ float: left; height:4.16rem; width: 4.16rem; border-radius: 50%; overflow: hidden;margin-right: 1rem;  }
.mf-tou img{ width: 100%; }
.mf-name{ float: left; margin-left:1rem;color: #333333; }
.mf-conf{ float: left; text-indent:1rem; }
.mf-tous{ overflow: hidden;margin-top: 0.4rem; }
.mf-p{ text-indent:1rem;}
/*艺数库*/
.mk-scroll{position: absolute;top:3.33rem;left: 0; bottom:5.4rem;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.mk{background: #fff; }
.mk-header li{float: left; text-align: center; line-height: 3.33rem; width: 33.33%; color: #333333; background: #FFFFFF; }
.mk-header .choose{color: #36A8CC;border-bottom: 1px solid #36A8CC; }
.mk-ul li{ overflow: hidden; }
.mk-li-header{ line-height: 2.5rem; text-indent: 1.33rem; height: 2.5rem; background: #f5f5f5; color: #999; font-size: 1rem; }
.mk-pic{border: 1px solid #e5e5e5; border-radius: 0.3rem; overflow: hidden; overflow: hidden;margin:0 auto; width: 7.5rem; height: 8.33rem; position: relative; display: flex; align-items: center; }
.mk-pic-ul li { float: left; width: 33.3%; margin-top:1rem; }
.mk-pic-ul{overflow: hidden;}
.mk-pic img:nth-of-type(1) { width: 100%;  }
.mk-hasele{ position: absolute; width: 20%;  bottom: 0.3rem; right: 0.5rem; }
.mk-p{ text-align: center; color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.mk-tips{ background: #fff; position: absolute; z-index: 104; bottom: 5.5rem; right: 0; }
.mk-tips img{ width:1.3rem; vertical-align: middle;  }
#mk-scroll2,#mk-scroll3{ display: none; }
.mk-show-left{  display: flex;align-items: center; justify-content: center; width:20rem;}
.mk-show-right{ display: flex; flex: 0 0 80%; margin-left: 1rem; height: 100%;}
.mk-show-a li{ margin-left: 1rem; height: 9.5rem; display: flex; border-bottom:1px solid #e5e5e5; }
.mk-show-left img{ height: 8rem;  border:1px solid #e5e5e5; border-radius: 0.3rem; }
.mk-show-left p{  display: flex; align-items: center; height: 100%; }
.mk-right{ display: block; height: 100%; width: 100%; position: relative; }
.mk-right h1{ font-size: 1.5rem; margin-top: 0.5rem; color: #000; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.mk-right-bottom{ position:absolute; bottom: 0.3rem; width: 80%;  }
.mk-right-bottom span:nth-of-type(2){ float: right; }
.mk-show-b {padding: 1rem;}
.mk-show-b li{ border-bottom:1px solid #e5e5e5; overflow: hidden; margin-bottom: 0.5rem;  }
.mk-article-img{ width: 100%; overflow: hidden; position: relative;height:20rem;}
.mk-article-img img{width: 100%; vertical-align: top; }
.mk-article-bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; }
.mk-article-art{ top: 0; left: 0; height: 100%; width: 100%; position: absolute; color: #fff; z-index: 2; }
.mk-article-art h1{ text-align:center; margin-top:3rem; font-size: 1.5rem; }
.mk-article-art p{ text-align: center;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;-webkit-box-orient: vertical;  }
.mk-time{ float: right; margin:0.3rem; }
.back-img{ background: url(../images/icons/ar-left.png) no-repeat center center; height: 3.4rem; width: 3.4rem; background-size: 30%; line-height: 3.4rem; margin-top: 0.5rem; }
.more-img{ position: absolute; top: 0; right: 1.4rem; background: url(../images/icons/u10629.png) no-repeat center center; height: 3.4rem; width: 3.4rem; background-size: 60%; line-height: 3.4rem; margin-top: 0.5rem;}
#mk-div{ display: none; border-radius: 0.5rem;  background: #333333; position: absolute; z-index: 80; top: 4.6rem; right: 1rem; }
#mk-div li{  margin:0 1rem; border-bottom: 1px solid #fff;  height: 3.5rem; text-align: center; line-height: 3.5rem;color: #a1a1a1; width:8.33rem;  }
#mk-div .choose{ color: #fff; }
#mk-div li:nth-of-type(3){ border: 0; }
/*消息*/
#mm-scroll{position: absolute;top:0;left: 0; bottom:5.4rem;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.mm-ul li{ height: 4.91rem; width: 100%; }
.mm-li-left{ height: 100%; width: 22%; float: left; }
.mm-li-left div{ height: 100%; display: flex; align-items:center; justify-content: center;  }
.mm-li-left img{ height: 3.6rem; display: block;  }
.mm-li-right{ height: 100%; width: 78%;float: left; border-bottom:1px solid #e5e5e5;   }
.mm-default{ line-height: 4.91rem; color: #000;}
.mm-message{ padding-top: 0.5rem; }
.mm-message p:nth-of-type(1){ color: #000; }
.mm-message p:nth-of-type(2){ font-size: 1rem;  overflow: hidden;text-overflow:ellipsis; white-space: nowrap; width: 80%; }
/*空间介绍*/
.address-bar{ width: 100%; height: 0.83rem; background: #cccccc; margin-top:1rem; }
/*添加文章*/
.fm-detail{background:#f5f5f5;}
.co-change li{ position: relative;  }
#addarticleinput{opacity:0; position:absolute; top:0; left:0; width: 100%; }
.addpic{  }
.articlesort{padding:1rem;background: #fff; margin-top:1rem ;}
.addpic-box{ width: 100%;  min-height: 10rem;  position: relative; }
.nopic{ background:url(../images/icons/uadd.png) no-repeat center center;background-color: #fff;}
.nopic:after{content: '添加文章封面'; position: absolute; bottom: 10%; width: 100%;  left: 0; text-align: center;}
.covers{ z-index: 3; }
.artEditor{background:#f5f5f5;}
.e-list{background: #fff;}
.addpic-box-img{ width: 100%; display: block;}
.art-sort{ border: 1px solid #797979; border-radius:0.3rem; display: inline-block; padding: 0.2rem 1rem;    }
.sort-choose{  background: rgba(0,0,0,0.5); height: 100vh; width: 100vw; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; display: none }
.sort-choose li { background: #fff; color: #000; float: left; margin: 1rem;  width: 25%; text-align: center;background-clip:padding-box; border: 1px solid #797979; border-radius: 0.5rem; height: 3rem;line-height: 3rem }
.baocun{ position: absolute; top: 1.5rem; right: 1.7rem; }
.addpic p{ font-size:1.25rem;color: #333;font-weight: bold;line-height: 3.333rem; }
.articlesort span:nth-of-type(2){font-size:1.25rem;color: #999;font-weight: normal;line-height: 3.333rem;}
.band{width: 100%; height: 2.666rem;}
.band_name{height: 100%; width:68%;background:#eeeeee;float: left;border-radius: 0.2rem;line-height:2.666rem;color: #000000;text-indent:0.2rem;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
#atsearch_wall li{position: relative;}
.atchooselogo{position: absolute;height: 1.458rem;width: 1.458rem;background: url(../images/icons/check.png) no-repeat center center;background-size: contain;right: 1.333rem;top: 1.75rem;display: none;}
.band_btn{ height: 100%; width:30%;background:#22a9cf; line-height:2.666rem; color: #fff;float: right; text-align: center; border-radius: 0.2rem;}
.import textarea{ min-height: 20rem; overflow: }
.sort-choose .choose{ color:#448c8c; font-weight: bold;  }
.artContent{-webkit-user-select: auto; min-height: 20rem;  }
.import{ height: 20rem; overflow-y: scroll;scroll; border:1px solid #E3E3E3; }
#yishulogo{ font-style: normal; font-weight: normal; color: #249dc0;line-height: 4.6rem; }
.search_wrap{position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%; background: #FFF;}
.search_wrap header{height:3.666rem; width: 100%;background: #333333;}
#atsearch_wall{position: absolute;top:3.666rem;left: 0; bottom:0rem;width: 100%;z-index: 10;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.userlist h1,.artilist h1, .exhilist h1,.spacelist h1 { height: 3.333rem;background:#eeeeee;padding-left: 1.333rem; line-height: 3.333rem; color: #666666;font-size: 1rem;}
.userlist li{height: 5rem;line-height: 5rem; }
.userlist p{text-indent:0.666rem;font-size: 1.25rem;color: #333333;}
.user_header{height: 3.333rem;width: 3.333rem; overflow: hidden; border-radius: 50%; margin-top: 0.833rem;margin-left: 1.333rem;float: left; }
.user_header img{width: 100%;}
.artilist li{height: 5rem;padding-left: 1.333rem;padding-top: 0.833rem;} 
.art_header{height: 3.333rem;width: 3.333rem;display: flex;align-items: center;float: left;overflow: hidden;}
.art_header img{width: 100%;}
.art_name{line-height: 2rem;font-size: 1.25rem;text-indent: 0.666rem;color: #333333;}
.art_intro{line-height: 1.166rem;font-size: 1.041rem;text-indent: 0.666rem;color: #999999;}
.exhilist li{height:5.833rem;padding-left: 1.333rem;padding-top:0.833rem;}
.exhi_header{height:4.166rem;width: 3.333rem;display: flex;align-items: center;float: left;overflow: hidden;}
.exhi_header img{width: 100%;}
.exhi_name{text-overflow:ellipsis; white-space: nowrap; overflow: hidden;text-indent: 0.666rem;line-height: 2rem;font-size: 1.25rem;color: #333333;}
.exhi_intro{text-indent: 0.666rem;text-overflow:ellipsis; white-space: nowrap;overflow: hidden;line-height: 1.166rem;font-size: 1.083rem;color:#999999;}
.spacelist li{height:5.833rem;padding-left: 1.333rem;padding-top:0.833rem;}
.space_header{height:4.166rem;width: 3.333rem;display: flex;align-items: center;float: left;overflow: hidden;}
.space_header img{width: 100%;}
.space_name{text-overflow:ellipsis; white-space: nowrap; overflow: hidden;text-indent: 0.666rem;line-height: 2rem;font-size: 1.25rem;color: #333333;}
.space_intro{text-indent: 0.666rem;text-overflow:ellipsis; white-space: nowrap;overflow: hidden;line-height: 1.166rem;font-size: 1.083rem;color:#999999;}
.search_wrap{position: absolute;left: 100%;top: 0;}
.search_wrap header{position: absolute;}
.atback{margin: 0;height: 3.66rem;width: 2.66rem;position: absolute;top: 0;left: 0;}
.adsearch{height:2.5rem;width: 73.6%;background: #242424;line-height: 2.5rem;color: #36a8cc;border-radius: 0.2rem; margin-left: 3rem;margin-top: 0.583rem;overflow: hidden;text-indent: 0.2rem;}
.search_wrap header span{display:block;width:15%;height: 3.666rem; color: #FFF;line-height: 3.666rem;float: right;text-align: center;}
.admoreresult{ height: 3.333rem;text-align: center;font-size: 1rem;color:#666666;line-height: 3.333rem;margin:0 1.333rem;border-top: 1px solid #e6e6e6;}

@keyframes clicka{
	from{transform: scale(0.8);}
	to{transform: scale(1);}
}
.move{ animation: 0.1s clicka linear;}
#atscroll2{position: absolute;top:4.6rem;left: 0; bottom:0rem;width: 100%;z-index: 10;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.on{display: block;}
#warm_show{background: rgba(0,0,0,0.3); height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 10;display: flex;align-items: center;justify-content: center;}
#ifsavebox{width: 16.5rem;height:10.8rem;background: #fff;border-radius: 0.3rem;}
#btnbox{display: flex;justify-content: space-around;}
.btnbue{width:5.83rem;height:2.5rem;background: #36a8cc;border-radius: 2.5rem;font-size: 1.25rem;color: #fff;text-align: center;line-height: 2.5rem;}
.caogao{text-align: center;line-height: 7rem;}
/*更多评论*/
#mc{position: absolute;top:0rem;left: 0; bottom:0rem;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.mc-title{ height: 3.33rem; background: #F5F5F5; font-size: 1.25rem; color: #999999; font-weight: bold; line-height: 3.33rem; padding: 0 1.33rem; }
.mc-ul li{  display: flex; }
.mc-left{ display: flex; position: relative; flex:15.73%; height: 100%; }
.mc-left img{ height: 100%; }
.mc-heard{ height:3rem; width: 3rem; border-radius: 50%; overflow: hidden; position: absolute; right: 10%; top: 2rem; display: flex; text-align: center; }
.mc-heard img { text-align: center; height: 100%; width: 100%;}
.mc-right{display: flex; flex:84.27%;height: 100%;flex-direction:column; border-bottom: 1px solid #eeeeee;}
.mc-rtop{ height: 5rem; width: 100%;position: relative; }
.mc-base{ position: absolute; top: 2rem; font-size: 1rem; }
.mc-zan{ position: absolute; top: 2rem; right: 1rem; display: flex;}
.mc-rbottom{ color: #333333;font-size:1.08rem; padding: 0.5rem 0; min-height: 3rem; padding-right: 1rem; padding-bottom: 2rem;  }
.mc-name{ color: #666666; }
.mc-time{color: #999999}
.mc-zanpic{ background:url(../images/icons/u648.png) no-repeat center center; background-size: contain;   height:2rem; width: 2rem; }
.mc-zannum{ color: #999999; font-size: 1rem; line-height:2rem;  }
/*热度*/
.detail{ display: none;  width: 100%; height: 20rem;  position: absolute; top: -20.6rem; left: 0;z-index: 4}
.art-watch{position: relative;}
/*展览模式*/
.exhiscroll{ top: 3.6rem; }
.exhitop{ height: 3.6rem;line-height: 3.6rem; font-size: 1.25rem; background: #fff; display: flex; justify-content: space-between; color: #333333; padding:0 1rem; }
.exhitop .exit:before{display:inline-block; content:''; height:1.25rem; width: 1.25rem; background: url('../images/icons/exhishow/u3.png') no-repeat center 20%; background-size:contain;vertical-align: middle;}
.exhitop .qiandao:before{display:inline-block; content:''; height:1.25rem; width: 1.25rem; background: url('../images/icons/exhishow/u4.png') no-repeat center 20%; background-size:contain;vertical-align: middle; margin-right: 0.4rem;}

.exhi-titlebox li.choose{background: #262626;}
.exhi-navbar{ background: #fafeff; height: 4.04rem; }
.exhi-bottomul li {  float:left;width: 25%; height: 4.04rem; text-align: center; border-top: 1px solid #eeeeee; }
.exhi-bottomul li:nth-of-type(1){ background: url('../images/icons/exhishow/u14.png') no-repeat center 20%;background-size: 1.7rem 1.7rem; } 
.exhi-bottomul li:nth-of-type(2){ background: url('../images/icons/exhishow/u2.png') no-repeat center 20%;background-size: 1.7rem 1.7rem;  } 
.exhi-bottomul li:nth-of-type(3){ background: url('../images/icons/exhishow/u7.png') no-repeat center 20%;background-size: 1.7rem 1.7rem;  } 
.exhi-bottomul li:nth-of-type(4){ background: url('../images/icons/exhishow/u6.png') no-repeat center 20%;background-size: 1.7rem 1.7rem;  } 
.exhi-bottomul li {line-height: bottom; vertical-align: bottom; display: table-cell; position: relative; }
.exhi-bottomul li span{ position: absolute;bottom: 0; left: 0; width: 100%; text-align: center; }
.exhi-header{ margin-right: 0.5rem; overflow: hidden; height:3rem; width: 3rem;border-radius:50%;  }
.exhi-tou{display: flex; align-items: center;}
.exhiarray span{ color: #36a8cc;  }
.exhiarray{ text-indent: 0.5rem; display: flex; flex-direction: column; line-height: 1.6rem; }
.exhi-header img{ height:100%; width: 100%; }
#exhi-scroll{  position: absolute;top:0;left: 0; bottom:4.04rem;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.exhi-artlist{ margin: 0 auto; position: relative;height: 100%; width: 100%; }
.exhi-zuopin{   width: 25rem; margin: 0 auto; overflow: hidden; margin-bottom:2rem; padding:0.4rem; background:#fff; }
.exhi-zuopin img{ width: 100%; display: block; }
.exhilist-bottom{ position: relative; height: 3.5rem; width: 100%;  display: flex; justify-content: center; align-items: center; }
.exhilist-bottom ul{ width: 10rem; display: flex;justify-content: space-between;   }
.exhilist-bottom li{ width: 1.5rem; height: 1.5rem; position: relative; z-index: 10 ;  }
.exhilist-bottom li:nth-of-type(1){background: url('../images/icons/exhishow/u9.png') no-repeat center center;background-size: contain;}
.exhilist-bottom li:nth-of-type(2){background: url('../images/icons/exhishow/u1.png') no-repeat center center;background-size: contain;}
.exhilist-bottom li:nth-of-type(3){background: url('../images/icons/exhishow/u5.png') no-repeat center center;background-size: contain;}
.frosted{ height: 100%; width: 100%; transition:background-image .3s;background-repeat:no-repeat; background-size: cover; background-image:url('../images/exhibg.png')  }
#exhiguide{position: absolute;top: 0; left: 100%; height: 100%; width: 100%; z-index: 104;}
#exhiguide img{ width: 100%; display: block; }
#exhiguide footer{ position: absolute; bottom:0;  background:#fff; text-align: center; height: 4.08rem;line-height: 4.08rem; width: 100%;}
#exhiguide i{display: inline-block; vertical-align: middle; position: absolute; left: 0.5rem; height: 4.08rem; content: '';  width: 1.5rem;background: url('../images/icons/exhishow/u3.png') no-repeat center center;background-size: contain;}
#guidescroller{ position: absolute;top:0;left: 0; bottom:4.08rem;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch; background: #fff;}