/*@media only screen and (min-device-width:768px){
html{font-size:12px;}
}*/
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);
    /*ios滑动卡顿问题*/
	/*-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;*/
}
/*箭头*/
/*i{color:#1ABB9C;display: inline-block;width:10px;height:10px;border-style: solid;border-color:#333;border-width:5px 0 0 5px;transform:rotate(-45deg)}*/
/*头部*/
.header{
	height:44px;
	width:90%;
	background: #f8f8f8;
	border-bottom: 1px solid #eee;
	position: fixed;
	top:0px;
	padding:0 5%;
	z-index: 9999;
}
.header h1{
	font-size: 18px;
	line-height: 44px;
	display: inline-block;
	width:20%;
	font-weight:700;
	height: 44px;
	float: left;
}
.header .headerimg{
	float: right;
	height:44px;
	text-align: center;
	overflow: hidden;
	background: #f8f8f8;
}
.header .headerimg .li img{
	width:25px;
	vertical-align: middle;
}
.header .headerimg .li{

	padding:0 10px;
	float: left;
	width:30px;
	height:44px;
	line-height: 44px;
	
}
.header .headerimg .li span{
	height:100%;
	display: inline-block;
	
}
/*尾部*/
footer{
	position: fixed;
	width:100%;
	height:50px;
	bottom:0px;
	background: #000;
	z-index: 100;
}
.nav{
	width:100%;
	text-align: center;
	color: #fff;
}
.nav a{
	width:33.333%;
	float: left;
	color:#fff;
}
.nav a img{
	display: inline-block;
	margin-top:5px;
	width:24px;
	height: 24px;
}
/*公共内容*/
.sebody{
	width:100%;
	margin:45px 0;
	margin-bottom: 50px;
	background:#F7F7F7;

}
section{
	padding:0 0.4rem;
	width:100%;
	box-sizing: border-box;
	background: #fff;
}
.import textarea{width:100%;outline:none;border:1px solid #eee;border-radius:5px;font-size: 16px;resize:none;height:50px;overflow: hidden;}
/*a点击去除边，层*/
a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);  
}
input{outline:medium;}
/*动画*/
@-webkit-keyframes artworkshow{
	0%{-webkit-transform:translate(100%)}
	100%{-webkit-transform:translate(0)}
}
@-webkit-keyframes artworkhide{
	0%{-webkit-transform:translate(0)}
	100%{-webkit-transform:translate(100%)}
}
@-webkit-keyframes artworktop{
	0%{-webkit-transform:translateY(100%)}
	100%{-webkit-transform:translateY(0)}
}
@-webkit-keyframes artworkbottom{
	0%{-webkit-transform:translateY(0)}
	100%{-webkit-transform:translateY(100%)}
}
.artworkshow{-webkit-animation:artworkshow 0.1s linear forwards;}
.artworkhide{-webkit-animation:artworkhide 0.1s linear forwards;}
.artworktop{-webkit-animation:artworktop 0.5s forwards;}
.artworkbottom{-webkit-animation:artworkbottom 0.5s forwards;}
/**/
@keyframes turn{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
/*看点动画*/
@-webkit-keyframes lookdot{
	0%{opacity:0.3;}
	100%{opacity:0.7;}
}
.lookdot{-webkit-animation:lookdot 2s infinite;}
@-webkit-keyframes inload{
	0%{opacity:0.1;}
	100%{opacity:1;}
}
.inload{-webkit-animation:inload 2s linear;}
/*弹出信息*/
.mark-ba{position: fixed;width:100%;height:100%;background:rgba(102, 102, 102, 0.8);left:0;top:0;text-align: center;}
.mark-show{position: fixed;width:22rem;height:15rem;background: #fff;left:50%;top:50%;border-radius:5px;margin:-7.5rem 0 0 -11rem;}
.mark-show ul li{width:50%;height:3rem;line-height:3rem;color:#fff;font-size:1.5rem;float: left;margin:20% 0 10% 0;}
.mark-show ul li span{background:#0099ff;display: block;width:80%;margin:0 auto;border-radius: 5px;}
.mark-ba .abolish{width:40%;height:2.7rem;line-height:2.7rem;background: #f2f2f2;display: block;overflow: hidden;margin:0 auto;border-radius: 5px;}
.pop-notify{position: fixed;min-width: 48%;max-width: 70%;z-index: 999;background: rgba(0,0,0,0.8);border-radius: 5px;overflow: hidden;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .5s ease-in;;transition: all .5s ease-in;}
.pop-text{padding: 2rem 1rem;color: #fff;font-size: 1.3rem;text-align: center;}
.pop-notify.hide{display: none;}
/*herad*/
.addtop .pro-title{background: #f8f8f8;color:#000;}
.m-restore{margin-top:4rem;color:#000;font-size: 1.5rem;}

/*字体*/
@font-face{ 
  font-family: custom;       /*这里是说明调用来的字体名字*/ 
  src: url('custom.ttf');   /*这里是字体文件路径*/ 
}
textarea{overflow-y:auto;resize:none;outline:none;}
textarea::-webkit-scrollbar{width:0;height:0;}
/*省略*/
.twoomit{overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.twoomitOne{overflow : hidden;text-overflow: ellipsis;white-space: nowrap;}

.hide{display: none;}
.show{display: block;}
.padding{padding:0;}
.white{background: #FFFFFF;}
.v-centre{display:flex;align-items: center;justify-content: center;}
.l-centre{margin:0 auto;}
.pointerEvents{pointer-events:none;}
.nodata-div{text-align: center;text-align: -webkit-center;}
.nodata-div .nodata{display: inline-block;}
.nodata-div .nodata img{display: block;width: 2.4rem;height: 2.4rem;margin-bottom: 0.24rem;}
.nodata-div .nodata span{color: #CCCCCC;}