html,body,h1,h2,h3,h4,h5,h6,input,ul,ol,dl,li,dt,dd,table,form,p,b,i,header,footer,figure{padding:0;margin:0;}
a{text-decoration:none;color:#000;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
ul,li{list-style:none;}
body{font:12px "微软雅黑";}
i,em{font-style:normal;}
html,body{height: 100%;width:100%;}
/*不能选中*/
html{-webkit-text-size-adjust: none;}
/*隐藏滚动条*/
html::-webkit-scrollbar{width:0;height:0;}
html::-webkit-scrollbar {
display: none;
}
/*页面不能被选中*/
body{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*隐藏苹果手机高亮*/
body{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input{-webkit-appearance:none;}
/*搜索页面*/
input[type="search"]{appearance:none;}
input::-webkit-search-cancel-button {display: none;}
/*清除搜索关闭按钮*/
.pop-text {
				font-size: 0.4rem;
				padding: 1rem 0.2rem;
			}
/*验证码*/
.disabled{pointer-events:none;color: #CCCCCC !important;}

.search_header,.spacemode_header,.setting_header{height: 1.173rem; background:#333333; line-height: 1.173rem;}
#search_wrap{position: absolute;top:1.173rem;left: 0; bottom:0;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.back{margin-left: 0.16rem; vertical-align:middle; height:0.8rem; width: 0.8rem; background: url(../images/icons/ar-left.png) no-repeat center center; background-size: 25%; display: inline-block;}
.sortall{position: relative;line-height: 0.8rem;display: inline-block;}
.search_sort{position: relative; padding:0 0.24rem;color:#fff;font-size: 0.346rem; height:0.8rem;  display:inline-block; background: #242424;vertical-align:middle; }
.search_sortlist{display: none; z-index:2;position: absolute;top:0;left:0;background:#fff;box-shadow: 0 0 0.266rem rgba(0,0,0,0.3)}
.search_sortlist li{display: block; width:2.4rem;padding:0 0.24rem;line-height: 0.8rem;color:#fff;font-size:0.426rem; height:0.8rem; color: #333333;}
.search_sortlist li.choose{color: #36a8cc;}
.search_sort:after{content:'';display: inline-block; margin-left:0.146rem ; width: 0.266rem; height:0.346rem; background: url('../images/icons/icon_pushdown.png') no-repeat center center; }
.search_box{height: 0.8rem; width:65%;background: #242424;vertical-align:middle; display: inline-block;}
.search_input{outline: none; font-size: 0.373rem; text-indent:1.066rem; height:0.8rem;width: 100%; background:none; border:0; display: block; color: white;background: url(../images/icons/icon_search_noinput.png) no-repeat 0.333rem center; background-size: 0.44rem 0.44rem;}
.search_input.active{background-image: url(../images/icons/icon_search.png);}
.search_box form{position: relative;}
.input_clearbutton{display: none; position:absolute; height: 0.32rem; width: 0.32rem; top: 0.24rem; right: 0.1rem;background: url('../images/icons/icon_clear.png') no-repeat center center; border: 0;background-size: contain;}
.inputting{padding: 0 0.426rem;}
.inputting li{overflow: hidden;height: 1.04rem;border-bottom: 1px solid #eeeeee; color: #36a8cc;line-height:1.04rem; font-size: 0.346rem;}
.input_default h1{height: 1.066rem; background:#eeeeee;line-height: 1.066rem; font-size: 0.346rem;color: #666666;padding:0 0.426rem;}
.historylist li{font-size: 0.373rem; float: left;width: 50%;height: 1.32rem; border-bottom: 1px solid #e6e6e6; line-height: 1.32rem;color: #333333;box-sizing: border-box; padding:0 0.426rem ;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.historylist li:nth-of-type(2n+1){border-right: 1px solid #e6e6e6; }
.input_default ul{overflow: hidden;}
.hostsearch li{font-size: 0.373rem;height: 1.32rem;border-bottom: 1px solid #e6e6e6;line-height: 1.32rem;}
.hostsearch li span:nth-of-type(1){ font-style: italic; width: 0.466rem;height: 0.466rem;color: #cccccc;padding: 0 0.3rem 0 0.426rem ; }

.hostsearch li:nth-of-type(1) span:nth-of-type(1){color:#ff2626 ;}
.hostsearch li:nth-of-type(2) span:nth-of-type(1){color:#ff9626 ;}
.hostsearch li:nth-of-type(3) span:nth-of-type(1){color:#ffe826 ;}
.history_clear{float: right; color:#ff2626 ;}
.userlist h1,.artilist h1,.exhilist h1,.atherlist h1,.spacelist h1{height: 1.066rem;background: #eeeeee; color:#666666;line-height: 1.066rem; font-size:0.346rem;padding-left: 0.426rem;}
.user_header{height:1.066rem;width:1.066rem;border-radius: 50%;overflow: hidden;float: left;display: flex;align-items: center;justify-content: center;}
.user_header img{width:100%;height: 100%;}
.user_name{color: #333333;font-size: 0.4rem;text-indent: 0.24rem;line-height: 0.666rem;}
.user_intro{text-indent: 0.24rem;font-size: 0.346rem;line-height: 0.346rem;color: #999999;}
.userlist li{height: 1.6rem; padding-left:0.426rem ;padding-top: 0.24rem;}
.artilist li{padding-left:0.426rem ;padding-top: 0.24rem; height:1.6rem;}
.art_header{height: 1.066rem;width:1.066rem;overflow: hidden;float: left;display: flex;align-items: center;}
.art_header img{width: 100%;}
.art_name{line-height:0.64rem;font-size:0.4rem;color: #333333;text-indent:0.24rem;}
.art_intro{text-indent: 0.24rem;font-size: 0.346rem;line-height: 0.346rem;color: #999999;}
.exhilist li{height: 1.866rem;padding-left: 0.426rem;padding-top: 0.266rem;}
.exhi_header{height: 1.333rem;width: 1.066rem;float: left;align-items: center;overflow: hidden;display: flex;}
.exhi_header img{ width: 100%;}
.exhi_name{font-size: 0.4rem;color: #333333;text-indent:0.24rem;text-overflow:ellipsis; white-space: nowrap; overflow: hidden;line-height: 0.666rem;}
.exhi_intro{font-size: 0.346rem; color:#999999;text-indent: 0.24rem;}
.blue{color:#36a8cc;}
.atherlist li{padding-left:0.426rem ;padding-top: 0.24rem; height:1.6rem;}
.ath_header{height: 1.066rem;width:1.066rem;overflow: hidden;float: left;display: flex;align-items: center;justify-content: center;}
.ath_header img{width: 100%;}
.ath_name{line-height:0.64rem;font-size:0.4rem;color: #333333;text-indent:0.24rem;}
.ath_intro{text-indent: 0.24rem;font-size: 0.346rem;line-height: 0.346rem;color: #999999;}
.search_result{display: none;}

.spacelist li{padding-left:0.426rem ;padding-top: 0.24rem; height:1.6rem;}
.space_header{height: 1.066rem;width:1.066rem;overflow: hidden;float: left;display: flex;align-items: center;}
.space_header img{width: 100%;}
.space_name{line-height:0.64rem;font-size:0.4rem;color: #333333;text-indent:0.24rem;}
.space_intro{text-indent: 0.24rem;font-size: 0.346rem;line-height: 0.346rem;color: #999999;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/*空间模式*/
.spacemode_header{display: flex;justify-content:space-between;top: 0;left:0;position: fixed;width: 100%;}
.header_img{height:0.64rem;width: 0.64rem;border-radius: 50%;overflow: hidden;display: inline-block;vertical-align: middle;float: left;margin-top: 0.253rem;}
.header_img img{height: 100%;width: 100%;display: block;}
.header_main{height:1.173rem;line-height: 1.173rem;}
.header_main span{font-size: 0.453rem;color: #fff;line-height: 1.173rem;height: 1.173rem;display: inline-block;overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-left: 0.2rem;}
.aback{margin-left: 0.2rem; vertical-align:middle; height:1.173rem; width: 0.8rem; background: url(../images/icons/ar-left.png) no-repeat center center; background-size: 40%; display: inline-block;}
.abackImg{background: url(../images/icons/showLeft.png) no-repeat center center;background-size: 70%;}
.qiandao:before{content: '';display: inline-block;height: 0.64rem;width: 0.453rem;vertical-align:middle;}
.qiandao{color: #fff;font-size: 0.346rem;margin-right: 0.426rem;}
.main_show{padding: 0.4rem 0.426rem 0 0.4rem;background: #f5f5f5;color: #999999;font-size: 0.266rem;line-height: 0.8rem;}
#main_artwork{width: 100%;display: flex;height: 6.666rem;align-items: center;overflow: hidden;background: #EEEEEE;}
#main_artwork img{width: 100%;display: block;}
.artIfLeft{height:1.25rem;position: fixed;top:0;left:0;line-height: 1.44rem;width:2rem;text-align: center;color: #FFFFFF;font-size: 0.426rem;z-index: 9999;display: none;}


#artwork_intro{padding-top: 0.533rem;}
#artwork_intro h1{color: #333333;font-size:0.506rem;text-align: center;}
.artworker{font-size: 0.32rem;margin-top: 0.4rem;text-align: center;}
.artwork_low{top: 0.32rem;position: relative;line-height: 0.533rem;font-size: 0.32rem;color: #666666;padding: 0 0.426rem;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
#utlits{position:relative;top:0.3rem;height: 1.6rem;width: 100%;line-height: 1.6rem;padding: 0 0.426rem;box-sizing: border-box;}
#detail_left{float: left;display: inline-block;font-size:0.293rem;color: #333333;margin-left:0.133rem;}
#detail_left:before{content:'';display: inline-block;height:0.586rem;width: 0.773rem;background: url(../images/icons/hot.png) center center no-repeat;background-size:contain;vertical-align: middle;}
#detail_right{float: right; display: inline-block;overflow: hidden;}
#detail_right{width:4.346rem;}
#detail_right i{width: 25%; height:1.6rem; float: left;}
/*#detail_right i:nth-of-type(1){background:url(../images/icons/pl1.png) center center no-repeat;background-size:contain;}*/
#detail_right i:nth-of-type(2){background:url(../images/icons/dz1.png) center center no-repeat;background-size:contain;}
#detail_right i:nth-of-type(3){background:url(../images/icons/sc1.png) center center no-repeat;background-size:contain;}
#detail_right i:nth-of-type(4){background:url(../images/icons/f1.png) center center no-repeat;background-size:0.56rem 0.56rem;}
#foot{padding: 0.346rem 0;background: #f5f5f5;overflow: scroll;width: 100%;position: fixed;bottom: 0;box-sizing: border-box;height: 3.466rem;}
#foot>ul{white-space: nowrap;width: 100%;overflow-y:hidden;}
#foot ul::-webkit-scrollbar{width:0;height:0;}
#foot li{display:inline-block;height: 2.666rem;width: 2.4rem;margin-left: 0.373rem;}
/*#foot li:nth-child(1){border:2px solid #333333}*/
#foot li img{width: 100%;height:100%;}
#wrape{overflow-y:hidden;height:12.613rem;position: absolute;top: 1.173rem;left: 0;width: 100%;}
.artWorkList>ul{display: inline-block;}
.loadArtwork{width:100%;height: 100%;position: fixed;top:0;background:#FFFFFF;z-index: 1001;}
.loadArtwork>img{position: absolute;left:50%;top:50%;display: block;width:3.2rem;margin:-1.6rem 0 0 -1.6rem;}

/*配对*/
#match_wrap{position: absolute;top:1.173rem;left: 0; bottom:0;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.exBox{background: #FFFFFF;z-index: 10;}
.exBox li{width: 2.666rem;overflow: hidden;height:4.4rem;margin:0.5rem 0 0 0.5rem;float:left;position: relative;}
.exBox li .ma-ex-img{width: 2.666rem;overflow: hidden;height:2.666rem;display:flex;align-items: center;justify-content: center;}
.exBox li img{width: 100%;display: block;}
.exBox li p{text-align: center;overflow: hidden;font-size: 0.373rem;margin-top:0.133rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.exBox li i{width:0.533rem;height:0.533rem;background: url(../images/icons/check.png) no-repeat center center;position: absolute;right: 0;top:0;background-size: 100%;display: none;}
.newadd,.confirm,.userExConfirm{font-size: 0.413rem;color: #fff;margin-right: 0.426rem;}
.main_title{font-size:0.453rem;color: #fff;}
#match_wrap ul{overflow: hidden;}
#match_wrap li{border-bottom:1px solid #e6e6e6;padding-left: 0.426rem;position: relative;}
.devicenum{color: #36a8cc;font-size: 0.4rem;margin-top: 0.1rem;}
.device_intro{line-height: 0.933rem;font-size: 0.346rem;color: #999999;width: 7.28rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#choose_wrap{height: 100%;width: 100%;position: absolute;top:0;left: 0;background: rgba(0,0,0,0.2);z-index: 4;display: flex;align-items: center;justify-content: center;}
#choosebox{width: 5.333rem;height: 3.466rem;background: #fff;border-radius: 0.1rem;}
#choose_wrap a{display: inline-block;width: 1.866rem;height: 0.8rem;}
#choose_wrap a:nth-of-type(1){background: url(../images/icons/sys.png) no-repeat;background-size: contain;}
#choose_wrap a:nth-of-type(2){background: url(../images/icons/nfc.png) no-repeat;background-size: contain;}
#choosebox div{width: 100%;display: flex;margin-top: 1.066rem;justify-content: space-around;font-size: 0.426rem;color:#666666}
#choosebox .cancel{color:#999999;width: 1.2rem;height:0.533rem;margin: 0 auto;margin-top: 0.88rem;font-size: 0.373rem;}

#adddevice{position: absolute;top: 0;left: 100%;z-index: 2;background: #fff;height: 100%;width: 100%;}
#adddevice_main{position: absolute;top:1.173rem;left: 0; bottom:0;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
#adddevice_main h1{line-height: 1.2rem;padding-left: 0.426rem;color:#36a8cc;font-size:0.4rem;margin-top: 0.333rem;}
#device_input p{line-height: 0.933rem;color:#333333;font-size: 0.4rem;padding-left: 0.4rem;}
#spacedevice_num{text-indent:0.266rem;height: 0.853rem;line-height:0.853rem;border-radius: 0.1rem;background: #eeeeee;width: 70%;display: inline-block;position: relative;margin-left: 0.426rem;float: left;}
#spacedevice_num i{position: absolute;right: 0.346rem;top: 0.293rem;height:0.266rem;width: 0.266rem;background: url(../images/icons/icon_clear.png);background-size: cover;}

#space_buttom{width: 20%;height: 0.853rem;background:#36a8cc ;border-radius: 0.1rem;display: inline-block;line-height: 0.853rem;float: right;margin-right: 0.426rem;font-size: 0.346rem;color: #fff;text-align: center;}
#inputbox{height: 0.853rem;margin-bottom:0.4rem;}
.exName,#device_name{width: 91.4%;border: none;height: 0.853rem;border-radius: 0.1rem;background: #eeeeee;margin-left: 0.426rem;text-indent:0.266rem;}
#peidui{width: 100%;height:6.1rem;padding:0 0.426rem;box-sizing: border-box;overflow: hidden;}
#peidui ul{width: 110%;overflow: hidden;}
#peidui li{overflow:hidden;border-radius:0.1rem;height: 2.8rem;width: 2.8rem;background:#eeeeee;float: left;margin-right: 0.373rem;margin-bottom: 0.373rem;position: relative;display: flex;align-items: center;}
#peidui li img{width: 100%;}
#peidui i{position: absolute;height: 0.666rem;width: 0.666rem;background: red;right: 0.106rem;top: 0.106rem;background: url(../images/icons/X.png);background-size: cover;	}
#peidui .addicon{background:no-repeat center center;background-image: url(../images/icons/addlook.png);background-size: 0.48rem 0.48rem;background-color:#eeeeee;}
#deldevice{width: 9.146rem;background:#ff4444;height: 1.066rem;border-radius: 0.2rem;margin: 0 auto;text-align: center;line-height: 1.066rem;font-size: 0.4rem;color: #fff;}
#boot{position: absolute;width: 100%;bottom: 0.28rem;left: 0;}



/*草稿箱*/
.midd{text-align: center;}
#draft{position: absolute;top: 0;left: 0;}
.setting_header{font-size: 0.426rem;color: #fff;}
#draft_wrap{position: absolute;top:1.173rem;left: 0; bottom:0;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;}
#draft_wrap li{height: 2.533rem;border-top: 1px solid #eeeeee;position: relative;width: 100%;overflow: hidden;}
.garbage{height: 2.46rem;width: 2.533rem;background: center center no-repeat;background-size: 0.773rem 0.773rem;background-image: url(../images/icons/del.png);background-color: #fe4747;}
.goonitem{position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;}
.draftimg{height: 2.133rem;width: 2.133rem;display: flex;align-items: center;float: left;margin-left: 0.426rem;margin-top: 0.213rem;overflow: hidden;}
.draftimg img{width: 100%;}
.goonitem p{text-indent: 0.266rem;margin-top: 0.346rem;color: #999999;font-size: 0.32rem;}
.draft_sort{font-size: 0.346rem;color:#36a8cc;}
#draft_wrap .draft_title{font-size: 0.4rem;color: #333333;overflow : hidden;text-overflow: ellipsis;white-space: nowrap;padding-right:1rem;}
.goon{position: absolute;height: 0.506rem;width: 0.506rem;background: url(../images/icons/goon.png) no-repeat center center;background-size: contain;right: 0.586rem;top: 1.066rem;}

/*设置*/
#set_wrap,#set_wrap2,#set_wrap3,#set_wrap4{position: absolute;top:1.173rem;left: 0; bottom:0;width: 100%;z-index: 1;overflow-y: auto;-webkit-overflow-scrolling: touch;background: #f5f5f5;}
#set_wrap ul{background: #fff;margin-top: 0.4rem;}
#set_wrap li{height: 1.32rem;border-bottom: 1px solid #eeeeee;line-height: 1.32rem;}
#set_wrap .setleft{font-size: 0.4rem;color: #999999;float: left;margin-left: 0.426rem;}
#set_wrap .setright{float: right;font-size: 0.32rem;color:#333333;margin-right: 0.426rem;font-weight: bold;}
#exitme{width: 9.146rem;height: 1.066rem;background: #ff4444;line-height: 1.066rem;color: #fff;font-size: 0.4rem;text-align: center;margin:0.4rem auto;border-radius:0.2rem ;}
#clear_box{ width: 5.333rem;height: 3.464rem;background: #fff;border-radius: 0.2rem;}
#clear_box .mess{text-align: center;color: #999999;line-height: 1.5rem;font-size: 0.4rem;}
#cbtnbox{margin-top: 0.5rem;width: 100%;display: flex;justify-content: space-around;}
#clear_cancel,#clear_sure{height: 0.8rem;width: 1.866rem;background:#36a8cc;border-radius: 0.8rem;text-align: center;color: #fff;line-height: 0.8rem;}

.choose_wrap{height: 100%;width: 100%;position: absolute;top:0;left: 0;background: rgba(0,0,0,0.2);z-index: 4;display: flex;align-items: center;justify-content: center;}
.clear_box{ width: 5.333rem;height: 3.464rem;background: #fff;border-radius: 0.2rem;}
.clear_box .mess{text-align: center;color: #999999;line-height: 1.5rem;font-size: 0.4rem;}
.cbtnbox{margin-top: 0.5rem;width: 100%;display: flex;justify-content: space-around;}
.clear_cancel,.clear_sure{height: 0.8rem;width: 1.866rem;background:#36a8cc;border-radius: 0.8rem;text-align: center;color: #fff;line-height: 0.8rem;}

#about_artigit,#phonenum_reset,#messback_wrap{position: absolute;top: 0;left: 100%;height: 100%;width: 100%;}
.posback{position: absolute;left: 0;right: 0;}
#about_content{padding: 1.066rem 0.426rem 0 0.426rem;}
#about_content h1{height: 0.48rem;line-height: 0.48rem;border-left:0.08rem solid #36a8cc ;font-size: 0.48rem;color: #555555;font-weight: bold;margin-left: 0.24rem;;text-indent: 0.266rem;}
#about_content p{line-height: 0.666rem;color: #666666;font-size: 0.4rem;padding: 0 0.24rem;margin-top: 0.666rem;}

#set_wrap3 .title{height: 1.066rem;color: #ff4444;background: #f5f5f5;font-size: 0.293rem;line-height: 1.066rem;text-indent: 0.426rem;}
#set_wrap3 .setting{overflow:hidden;font-size: 0.426rem;color: #999999;height: 1.32rem;border-bottom: 1px solid #eeeeee;background: #ffffff;line-height: 1.35rem;padding-left: 0.426rem;position: relative;}
.setting .inputnum{border: none;height: 1.32rem;position: absolute;top: 0;left: 3.333rem;color:#333333;font-size: 0.426rem;}
.setting .inputyanzhen{border: none;height: 1.32rem;line-height: 1.32rem;position: absolute;top: 0;left:2.45rem;color:#333333;font-size: 0.426rem;}

.setting>.warmtext{color:#333333;font-size: 0.466rem;}
.getyanzhen{position: absolute; height: 0.746rem;width: 2.64rem;color:#36a8cc ; border-radius: 0.2rem;top: 0.266rem;right: 0.426rem;text-align: center;line-height: 0.846rem;font-size: 0.346rem;}
#set_wrap3 .done{margin-top: 0.413rem;text-align: center; ;color: #36a8cc;font-size: 0.4rem;}
.mb_main{height: 6.8rem;width: 100%;box-sizing: border-box;padding: 0.426rem;background: #fff;}
#mb_textarea{font-size: 0.4rem; display:block;height: 4rem;width: 100%;background: #eeeeee;border: none;border-radius: 0.1rem;padding: 0.24rem;box-sizing: border-box;line-height: 0.533rem;color: #999999;}
.submitphoto{height: 2.4rem;width: 100%;line-height: 2.4rem;}
.photoicon{vertical-align: middle; display: inline-block;  height: 1.6rem;width: 1.6rem;background: url(../images/icons/camera.png) no-repeat center center;background-size:0.773rem 0.666rem;background-color: #eeeeee;}
.submitphoto>span{font-size: 0.4rem;color: #999999;margin-left: 0.4rem;}
.mbbtn{width: 9.146rem;height: 1.066rem;background:#36a8cc;text-align: center;color: #fff;font-size: 0.4rem;line-height: 1.066rem;margin: 0 auto;margin-top: 0.4rem;border-radius: 0.2rem;}
.submitphoto ul{display: inline-block;}
.submitphoto li{vertical-align: middle; display: inline-block;  height: 1.6rem;width: 1.6rem;overflow: hidden;border: none;margin-left: 0.1rem;}
.submitphoto li img{height: 100%;width: 100%;}