/* 我的补充style，补充和重定义aui，尽量用.，不做标签的全局定义，尽可能维持aui原生*/

body,table,select,input,textarea,button{
	font-size:13px;       /* 不能修改字体，否则会导致图片放大以后左右按钮不显示*/

}

/* 背景水平排列，必须用class=""，不能用style=""，否则会造成不兼容ff或google浏览器*/
.x{background-repeat:repeat-x;}

/* 背景位于底部，必须用class=""，不能用style=""，否则会造成不兼容ff或google浏览器*/
.b{background-repeat: no-repeat;background-position: bottom center;}

/* 背景顶部居中，必须用class=""，不能用style=""，否则会造成不兼容ff或google浏览器 ，也可以绝对居中 background-position: center center*/
.center{background-repeat: no-repeat;background-position: top center;}




.text{
line-height:24pt;
}

.text2{
line-height:24pt;
text-indent:24px;
}

a {   /* 给所有链接变色加动画效果,aui默认链接色为蓝色*/

  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  /* DELETE WHEN WIDTH AUTO */
}




.editbox0{  /* 透明输入文本，用了他以后，可以任意伪装输入文本样式，兼用firefox浏览器*/
background-color: transparent;
border-width: 0px;
height:35px;
line-height:35px;   /* 等于height的值，让输入文本垂直居中*/
outline:none;
}

.editbox1{  
border:1px #d2d2d2 solid;
height:35px;
line-height:35px;   /* 等于height的值，让输入文本垂直居中*/
background-color: #ffffff;
border-radius:2px;
}


.editbox1:focus{
transition:border linear .2s,box-shadow linear .5s;
-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
outline:none;border-color:rgba(93,149,242,.75);
box-shadow:0 0 8px rgba(93,149,242,.105);
-moz-box-shadow:0 0 8px rgba(93,149,242,.5);
-webkit-box-shadow:0 0 8px rgba(93,149,242,3);
}


.textarea1{  
line-height:18pt;
COLOR:#404040;
border:1px solid #CCCCCC;
background-color: #ffffff;
border-radius:2px;
}

.textarea1:focus{  
transition:border linear .2s,box-shadow linear .5s;
-moz-transition:border linear .2s,-moz-box-shadow linear .5s;
-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
outline:none;border-color:rgba(93,149,242,.75);
box-shadow:0 0 8px rgba(93,149,242,.105);
-moz-box-shadow:0 0 8px rgba(93,149,242,.5);
-webkit-box-shadow:0 0 8px rgba(93,149,242,3);
}

button {   /* 给所有按钮（自定义按钮）变色加动画效果，aui原生按钮样式删除这句也有变色动画*/
  display: inline-block;
  position: relative; /** 相对布局 **/
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  /* DELETE WHEN WIDTH AUTO */
}



/* 绿色实心按钮，用于微信联系按钮*/
.button22{ 
border:1px #07C160 solid;
color:#ffffff;
background-color:#07C160;
}

.button22:hover{ 
border:1px #ACFA58 solid;
color:#000000;
background-color:#ACFA58;
}

.button22:active{ 
border:1px #ACFA58 solid;
color:#000000;
background-color:#ACFA58;
top: 1px; /**向下偏移2px **/

}







/* 底部悬浮样式*/
.bottomAD {
-webkit-box-sizing: border-box;
position: fixed;
bottom: 0;
left: 0;
z-index: 1000;
overflow: hidden;
width: 100%;
 }
    
    
.topAD {
-webkit-box-sizing: border-box;
position: fixed;
top: 0px;
left: 0px;
z-index: 1000;
overflow: hidden;
width: 100%;
  }  




.xui-img-box{    /* 原xui缩略图*/
position:relative;
overflow:hidden;
display:inline-block;
}

.xui-img-box>img{   /* 原xui缩略图*/
position:absolute;
top:-50%;  
left:-50%;
right:-50%;
bottom:-50%;
width:auto;
height:auto;
margin:auto
}
  /* '图片在容器的对其方式：图片宽缩到指定值，高按比例缩小，如果高没有超过容器，图片垂直居中对齐，如果超过了，图片也是居中对齐，会削到上下超出的部分。如果需要图片高顶部对齐，将top的值改为0%*/

.imgBox {  /* 缩略图，鼠标悬浮，图片放大*/

	overflow:hidden;
}
.imgBox img {    /* 缩略图，鼠标悬浮，图片放大*/

	transition:all .4s;
	-moz-transition:all .4s;
	-webkit-transition:all .4s;
	-o-transition:all .4s;
}
.imgBox img:hover {
	transform:scale(1.2);
}