/**
 * ----------------------------------------------------------------------------
 * 版权所有: 渴切开源中文css框架
 * 网站地址: http://download.keqie.com/mobile/
 * ----------------------------------------------------------------------------
 * $codex 1. id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:keqieCss（最新产品/keqie+Css)
 * $codex 2. CSS样式表各区块用注释说明
 * $codex 3. 尽量使用英文命名原则
 * $codex 4. 尽量不加中杠和下划线
 * $codex 5. 尽量不缩写，除非一看就明白的单词
 * $Author: p2h 
 * $mailto: <mobile@keqie.com>
 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important ie9, \9
*/

select, input, textarea {
    color: #323232;
    border: 1px solid #555;
   padding: 0.5em;
   font-size: 15px;
   line-height: 1.2em;
   width: 100%;
   background: #fff;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
   -webkit-appearance: none;
   -webkit-box-shadow: 1px 1px 1px #fff;
   -webkit-border-radius: 0.5em;
}
 body{ color:#333;  background:#ECECEC; font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif; line-height:22px; font-size:14px; background:#ececec; /*解决电脑设置保护色，网页空白处默认淡绿色问题*/}
 * {}

a:link,a:visited,a:hover,a:active{outline:none; text-decoration:none; color:#1570A6;} 
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden;} 
body,div,dl,dt,dd,ul,ol,li/*,h1,h2,h3,h4,h5,h6*/,pre,code,form,input,textarea,/*p,*/blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/}
p{
	margin:0 0 10px 0;
}
 /*fieldset,*/a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} 
 li{list-style:none;}
  caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{/*font-size:100%;*/font-weight:normal;} 
q:before,q:after{content:'';}

hr{
	border:none; clear:both; height:0; background:none; margin:0; padding:0; border-bottom:#eee solid 1px;  margin:10px 0;
}
img { border: 0 none; vertical-align: middle; }

blockquote { border-left: 5px solid #EEEEEE; margin: 10px; padding: 10px; }

ul.unstyled, ol.unstyled{ list-style:none; }
ul.circle{ list-style-type:circle; }
ul.square{ list-style-type:square; }
ul.cjk{ list-style-type:cjk-ideographic; }


/*首字母*/
.firstletter:first-letter{ font-size:200%;}
/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
 .main{margin-top:90px;}
 .main li{border-width: 1px 0;border-color:#fefefe #fff #d8d8d8;border-style:solid;height:auto;overflow:hidden;padding-left:110px;padding:10px 0 10px 110px;}
 .main li a.spic{border-radius: 3px 3px 3px 3px;display: block;float: left;height: 75px;margin-left: -110px;overflow: hidden;}
 .main li a.spic img{border-radius:3px;}
 .main li p.title{}
 .main li p.title label{float:right;font-size:14px;width:40px;margin-right:0;text-align:center;}
 .main li p.title label:focus{-webkit-filter:brightness(30%);}
 .main li address{color:#999;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
 .main li p.price{font-size:18px;color:#f60;margin-bottom:0px}
 .p0,.p1,.p2,.p3,.p4{padding:0px;border-radius:12px;color:#fff;}
 .p0{background-color:#d0d0d0;}
 .p1{background-color:#6bba68;}/*在售*/
 .p2{background-color:#ff8484;}/*预约*/
 .p3{background-color:#70a7d9;}/*待售*/
 .p4{background-color:#666;}/*售完*/
 .main li span{
	 display:block;float:left;margin-left:-20px;margin-top:4px;border:1px solid #0893da;background-color:#0893da;width:12px;height:12px;border-radius:50%;
	-webkit-box-shadow: inset 0 0 0 1px white;
	-moz-box-shadow: inset 0 0 0 1px white;
	box-shadow: inset 0 0 0 1px white;
	 }
/*.main li i{font-style:normal;font-size:12px;color:#999}*/
 .main li a{color:#000;font-size: 16px;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none !important; /*visibility:hidden;*/}
.block{ display:block;} .inline{ display:inline;}
.loadpage{padding:8px;font-size:18px;text-align:center;border:1px solid #999;background-color:#fff;border-radius:10px;margin:30px 30px 15px;}
.loadpage2{padding:8px;font-size:18px;text-align:center;border:1px solid #999;background-color:#fff;border-radius:10px;margin:30px 30px 15px;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

small{color: #999999;
    font-size: 80%;}
.canvas { position: relative; }
.relative { position: relative; }
code, pre { border-radius: 3px 3px 3px 3px; color: #333333; font-family: Menlo,Monaco,"Courier New",monospace; font-size: 12px; padding: 0 3px 2px; }

pre{ font-family:consolas,"Courier New",courier,monospace; /*color:#0088CC;*/ background-color: #F7F7F9; border: 1px solid #E1E1E8; border-radius: 4px 4px 4px 4px; display: block; font-size: 12.025px; line-height: 18px; margin: 0 0 9px; padding: 8.5px; white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}

code { background-color: #F7F7F9; border: 1px solid #E1E1E8; color: #0088CC; padding: 2px 4px; }
pre ol{
	margin: 0 0 0 14px;
}
pre.unstyled{
	background:none; color:#333; border:none;
}

/*插入flash默认灰色*/
object{ background:gray; display:block;}

.pink{ color:#ff00ff;} .blue{ color:#0000ff;} .deepblue{ color:#000099;} .gray{ color:#999999;} .red{ color:#ff0000;} .black{ color:#000;} .white{ color:white;} .green{color:green;}

.underline{ text-decoration:underline;} .dashedline{ border-bottom:dashed 1px #666;} ol.dashedline{ border:none; } ol.dashedline li{ border-bottom:dashed 1px #666; padding:5px; }


/* 固定不动 */
.fixed{
	position:fixed; clip:rect(0 100% 100% 0); _position:absolute;
	
	/* 底部 */
	bottom:0px; left:0px; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
.fixed.scrolltotop, .fixed.livechat{
	 bottom:20px; right:20px; left:auto; background:#85c2f2; width:50px; height:50px; text-align:center; line-height:50px; font-size:50px; color:#fff; display:block; _display:none;
}
a:hover.fixed.scrolltotop, a:hover.fixed.livechat{
	background:#2d96e9; text-decoration:none;
}
.fixed.livechat{
	bottom:75px;
}

*html{ background-image:url(about:blank); background-attachment:fixed; /* 解决固定层在IE6下闪的问题 */}


/* png透明 */
.pngfix{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}

/* 渐变 */
.gradient{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dedede);
    background: -moz-linear-gradient(top, #ffffff, #dedede);}
	
.radius
{	
-webkit-border-radius: 4px;   /*只支持webkit内核的浏览器*/
border-radius: 4px;  /*只支持IE内核的浏览器（IE>=7)*/
-moz-border-radius : 4px; /*只支持Mozilla内核的浏览器*/
border:#ddd solid 1px;
padding:4px;
}

.highlighted {
    background: none repeat scroll 0 0 #00ADEE;
    color: #FFFFFF;
    padding: 0 5px;
}

/*超出省略号显示*/
.ellipsis{
	white-space:nowrap;/*设置不折行*/
	text-overflow:ellipsis;/*这就是省略号喽*/
	-o-text-overflow:ellipsis;/*兼容opera*/
	/*width:80px;*/
	overflow:hidden;
}
/*文字闪动*/
.blink{
	text-decoration:blink;
}


/* 解决ie下连接加粗的鼠标样式问题*/
a strong{ cursor:pointer;}

input[type=text],textarea{background-image:none;
	padding:.4em;
	line-height:1.4;
	font-size:16px;
	display:block; background:#F0F0F0;
	border-radius: 0.6em 0.6em 0.6em 0.6em; border:#F0F0F0 solid 1px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; display: inline-block;
    width: 60%;
	}
	label{
	display: inline-block;
    margin: 0 2% 0 0;
    vertical-align: top;
    width: 20%;
	}
	
	input[type=button],input[type=submit]{
	  background: linear-gradient(#FDFDFD, #EEEEEE) repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #444444;
    font-weight: bold;
    text-shadow: 0 1px 1px #F6F6F6; border-radius: 1em 1em 1em 1em; padding: 0.6em 20px; min-width: 0.75em;
	}


table { background-color: transparent; border-collapse: collapse; border-spacing: 0; max-width: 100%; font-size:13px; }
table td.selected, table th.selected{ background:#DBEFF9; }
.table {  margin-bottom: 20px; width: 100%; }
.table th, .table td { border-top: 1px solid #DDDDDD; line-height: 20px; padding: 8px; text-align: left; vertical-align: top; }
.table th { font-weight: bold; }
.table thead th, .table thead td { vertical-align: bottom; background:#DBEFF9; }
table.bordered { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-collapse: separate; border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color; border-image: none; border-radius: 4px 4px 4px 4px; border-style: none solid solid none; border-width: 1px 1px 1px 0; }
table.bordered th, table.bordered td { border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }

.bordered{ border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); padding:5px; }
.bordered:hover{ border-color:#bbb; }

.wrapper{
	padding:15px;
}
.header, .footer, .footbar{
	/*border:1px solid #2a2a2a;*/
	background:#d0d0d0;
	font-weight:bold; text-align:center;
	height:50px;
	line-height:50px;
	box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.15);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d0d0d0));
	background-image:-webkit-linear-gradient(#fff, #d0d0d0);
	background-image:-moz-linear-gradient(#fff, #d0d0d0);
	background-image:-ms-linear-gradient(#fff, #d0d0d0);
	background-image:-o-linear-gradient(#fff, #d0d0d0);
	background-image:linear-gradient(#fff, #d0d0d0);
}

.header{
	top: 0;
    left: 0;
    position: fixed;
	color:#fff;
    width: 100%;
	text-shadow:0 1px 1px #0e2f65;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#EB651F), to(#EB5405));
	background-image:-webkit-linear-gradient(#EB651F, #EB5405);
	background-image:-moz-linear-gradient(#EB651F, #EB5405);
	background-image:-ms-linear-gradient(#EB651F, #EB5405);
	background-image:-o-linear-gradient(#EB651F, #EB5405);
	background-image:linear-gradient(#EB651F, #EB5405);
	font-size:1.6em;
	font-weight:normal;
	z-index: 1000;
}
.footbar{font-size:1.6em;font-weight:normal;}
.header .home, .header .return{
    color: #FFFFFF;
    text-shadow: 0 1px 1px #000000;
	position:absolute; left:0.4em; line-height:1; top:0.4em; border-radius: 0.3em;
	border:1px solid #8A040B;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#F51B27), to(#C8000B));
	background-image:-webkit-linear-gradient(#F51B27, #C8000B);
	background-image:-moz-linear-gradient(#F51B27, #C8000B);
	background-image:-ms-linear-gradient(#F51B27, #C8000B);
	background-image:-o-linear-gradient(#F51B27, #C8000B);
	background-image:linear-gradient(#F51B27, #C8000B);
	-webkit-box-shadow:0 1px 0 #8A040B, inset  0 1px 0 #8A040B;-moz-box-shadow:0 1px 0 #8A040B, inset  0 1px 0 #8A040B;box-shadow:0 1px 0 #8A040B, inset  0 1px 0 #8A040B;
	padding:5px;
}
.header .return{
	left:auto; right:0.4em;
}
.keyword{margin-top:-3px;}
#topsearch{}
.naver{
	background-color:#010825;height:40px;line-height:40px;position: fixed;top:50px;left:0;width:100%;border-bottom: 1px solid #282e36;z-index: 1000;
}
.naver .addMore{display: block;width:40px;height:40px;line-height:40px;border-radius:50% 0 0 50%;float:right;color:#FFFFFF;font-size:18px;text-align:center;border:1px solid #282e36;}
.naver .refresh{display: block;width:40px;height:38px;line-height:38px;border-radius:50% 0 0 50%;float:right;color:#FFFFFF;font-size:18px;text-align:center;border:1px solid #242a31;margin-right:-1px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#363f4b), to(#323438));
	background-image:-webkit-linear-gradient(#363f4b, #323438);
	background-image:-moz-linear-gradient(#363f4b, #323438);
	background-image:-ms-linear-gradient(#363f4b, #323438);
	background-image:-o-linear-gradient(#363f4b, #323438);
	background-image:linear-gradient(#363f4b, #323438);
	-webkit-box-shadow: inset  0 1px 0 #414a58;-moz-box-shadow: inset  0 1px 0 #414a58;box-shadow: inset  0 1px 0 #414a58;
}
#news_content .title{font-size:1.8em;margin:0 0 10px;line-height:1.2em}
#news_content .date{display:block;color:#999999;margin-bottom:10px}
#news_content .content{font-size:1.2em;line-height:1.8em}
.naver{font-size: 1.1em;color:#ffffff;}
.naver li{float:left;}
.naver a{
	float:left;
	display:block;
	padding:0 0.95em;
	color:#fff;
    white-space: nowrap; 
	/*-webkit-box-shadow: inset 1px 0 0 #4e535b;-moz-box-shadow: inset 1px 0 0 #4e535b;box-shadow: inset 1px 0 0 #4e535b;*/
	border-right:1px solid #282e36;}

#loadingDiv{position: absolute;left:49%;}

#loadingDiv_js_auto{position: absolute;left:49%;}

.footbar{
	position:fixed; left:0; width:100%; bottom:0;
}
@media screen and (min-width: 320px) {
.footbar{font-size:1.4em;}
.footbar .phone{float:right;padding:0 10px;background-color:#f90;color:#fff;text-shadow:0 1px 1px rgba(240, 96, 0, 0.55);box-shadow: 0 1px 1px rgba(255, 255, 255, 0.55), 0 1px 1px rgba(240, 96, 0, 0.65) inset;border-radius:15px 0 0 15px;height:30px;line-height:30px;margin-top:10px;}
#phone_history .phone{float:right;padding:0 5px 0 8px;background-color:#f90;color:#fff;text-shadow:0 1px 1px rgba(240, 96, 0, 0.55);box-shadow: 0 1px 1px rgba(255, 255, 255, 0.55), 0 1px 1px rgba(240, 96, 0, 0.65) inset;border-radius:15px 0 0 15px;height:30px;line-height:30px;margin-top:45px;}
.footbar .phone span{font-size:0.8em;}
.footbar .photo{position:absolute;top:-20px;left:15px;background-color:#fff;box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.15);width:60px;height:60px;overflow:hidden;border-radius:50%;border:3px solid #fff;z-index:10}
.footbar .photo img{border-radius:50%;height:60px}
.footbar #user_username{background-color:#a9a9a9;    
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#a9a9a9));
	background-image:-webkit-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:-moz-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:-ms-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:-o-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:linear-gradient(#f0f0f0, #a9a9a9);height:30px;line-height:30px;margin-top:10px;font-size:0.6em;position:absolute;left:60px;border-radius:0 15px 15px 0;padding:0 10px 0 30px;text-align:right}
}
@media screen and (min-width: 360px) {
.footbar .phone{float:right;padding:0 10px;background-color:#f90;color:#fff;text-shadow:0 1px 1px rgba(240, 96, 0, 0.55);box-shadow: 0 1px 1px rgba(255, 255, 255, 0.55), 0 1px 1px rgba(240, 96, 0, 0.65) inset;border-radius:15px 0 0 15px;height:30px;line-height:30px;margin-top:10px;}
#phone_history .phone{float:right;padding:0 5px 0 8px;background-color:#f90;color:#fff;text-shadow:0 1px 1px rgba(240, 96, 0, 0.55);box-shadow: 0 1px 1px rgba(255, 255, 255, 0.55), 0 1px 1px rgba(240, 96, 0, 0.65) inset;border-radius:15px 0 0 15px;height:30px;line-height:30px;margin-top:10px;}
.footbar .phone span{font-size:0.8em;}
.footbar .photo{position:absolute;top:-20px;left:15px;background-color:#fff;box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.15);width:60px;height:60px;overflow:hidden;border-radius:50%;border:3px solid #fff;z-index:10}
.footbar .photo img{border-radius:50%;height:60px}
.footbar #user_username{background-color:#a9a9a9;    
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#a9a9a9));
	background-image:-webkit-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:-moz-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:-ms-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:-o-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:linear-gradient(#f0f0f0, #a9a9a9);height:30px;line-height:30px;margin-top:10px;font-size:0.8em;position:absolute;left:60px;border-radius:0 15px 15px 0;padding:0 10px 0 30px;text-align:right}
}
@media screen and (min-width: 384px) and (max-width:400px) {
.footbar .phone{float:right;padding:0 10px;background-color:#f90;color:#fff;text-shadow:0 1px 1px rgba(240, 96, 0, 0.55);box-shadow: 0 1px 1px rgba(255, 255, 255, 0.55), 0 1px 1px rgba(240, 96, 0, 0.65) inset;border-radius:15px 0 0 15px;height:30px;line-height:30px;margin-top:10px;}
.footbar .phone span{font-size:0.8em;}
.footbar .photo{position:absolute;top:-20px;left:15px;background-color:#fff;box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.15);width:60px;height:60px;overflow:hidden;border-radius:50%;border:3px solid #fff;z-index:10}
.footbar .photo img{border-radius:50%;height:60px}
.footbar #user_username{background-color:#a9a9a9;    
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#a9a9a9));
	background-image:-webkit-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:-moz-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:-ms-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:-o-linear-gradient(#f0f0f0, #a9a9a9);
	background-image:linear-gradient(#f0f0f0, #a9a9a9);height:30px;line-height:30px;margin-top:10px;font-size:0.8em;position:absolute;left:60px;border-radius:0 15px 15px 0;padding:0 10px 0 30px;text-align:right}
}
.footbar.unfixed{
	position:static;
}
.footbar ul{
	 padding: 0 12%;
    width: 76%;
}
.footbar ul li{
	 float: left;
    height: 40px;
    padding-top: 8px;
    text-align: center;
    width: 25%;
}

.icon{ width:36px !important; height:36px; float:left; background-position:center; background-repeat:no-repeat; /*background-color:white; */margin:0 2px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor:cursor;  }
.icon:hover{ filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;  } 

.icon.tel{ background-image:url(icon/tel.png); } 
.icon.map{ background-image:url(icon/map.png); } 
.icon.email{ background-image:url(icon/email.png); } 
.icon.share{ background-image:url(icon/share.png); } 


.list{
	border-radius: 0.6em 0.6em 0.6em 0.6em;  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.list li{
background: linear-gradient(#FDFDFD, #EEEEEE) repeat scroll 0 0 #EEEEEE;
 color: #333333;
    text-shadow: 0 1px 0 #FFFFFF; border: 1px solid #B3B3B3; border-bottom:0; padding:0.5em 3em;
}
.list li:first-child{
	border-top-left-radius: 0.6em;
    border-top-right-radius: 0.6em;
}
.list li:last-child{
	border:#B3B3B3 solid 1px;
}

.button{

	background-image:-webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333));
	background-image:-webkit-linear-gradient(#555555, #333333);
	background-image:-moz-linear-gradient(#555555, #333333);
	background-image:-ms-linear-gradient(#555555, #333333);
	background-image:-o-linear-gradient(#555555, #333333);
	background-image:linear-gradient(#555555, #333333);
    border: 1px solid #222222;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 -1px 1px #000000; padding: 0.55em 11px 0.5em;
}
.button:hover{ color:#fff;}

.hero{
	text-align:center;
}
.hero h2{
	line-height:1.2em;
}
#animation{
-webkit-animation:fadeInDown 1s .2s ease both;
-moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-40px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-40px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.loading,.loading2{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #FFFFFF;
    font-size: 1.0em;
    margin-left: -105px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    position: fixed;
    text-align: center;
    top: 300px;
    width: 200px;
}
.loading span,.loading2 span{margin-right:5px}

/*列表通用样式*/
    .sideMenu{width: 100%;height:auto;position: absolute;left:0px;top:90px;}
    .sideMenu .state1{ display: block;line-height:40px; color:#fff;font-size: 18px;text-align:center;border-bottom: 1px solid #282e36;border-top: 1px solid #4a5058;}
    .sideMenu .state2{ display: block;line-height:40px; color:#ff6600;font-size: 18px;text-align:center;background-color:#313842;}

    .condition_box{
        background:rgba(49,56,66,0.9);
        -webkit-transition:0.3s ease all;
        -moz-transition:0.3s ease all;
    }
    .condition_box li{}
    .hide{
        display:none
    }