@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}
html{overflow-y: scroll; overflow-x:hidden; _background-image:url(about:blank); _background-attachment:fixed;}
body {font-family:"Microsoft Yahei",Arial,'Hiragino Sans GB',sans-serif; font-size:16px; color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub{margin:0;padding:0}
fieldset,img{border:0}
em{font-style: normal;}
ul,ol,li {list-style:none;}
img{-ms-interpolation-mode: bicubic;vertical-align: middle;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline:none; font-family:"Microsoft Yahei";}
.imgmiddle,input,select{vertical-align:middle;}
input{color:#000;}
.clear{clear:both; height:0; overflow:hidden;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
a {text-decoration:none; color:#333333;}
a:hover{ text-decoration:none; color:#333333;}

div,ul,li,input,section{box-sizing:border-box;}
.bgWhite{background: #fff;}
.bgc{background: #efefef;}
.bgR{color: red;}
body{overflow: hidden;}

			
.footer{
				position: fixed;
				bottom: 0;
				left:0;
				width:100%;
				height:53px;
				border-top: 1px solid #c0c0c0;
				 background-color: #fff; 
				 text-align: center;
				font-size: 12px;
			}
		 .footer .active{
		 color:#6b2906;
		 }
			.footer span{
			line-height:25px;
			color:#58595b;
			}
			.footer .info{
				width:25%;
				height:100%;
				padding-top: 5px;
			}
			.footer a{
				width:25%;
				height:100%;
				padding-top: 5px;
				float:left;
				display: inline;
			}
			
			.chatIco{
position: fixed;
    overflow: hidden;
    height: 68px;
    width: 65px;
    border-radius: 0px;
    font-size: 10px;
    margin-left: 0px;
    margin-top: 0px;
    right: 6px;
    bottom: 0px;
    text-align: center;
    z-index: 2000;
}
.chatSpan{
	display:none;
	position: absolute;
    left: 2px;
    background: red;
    width: 20px;
    border-radius: 50%;
    color: white;
    top: 2px;
    height: 18px;
    font-size: 12px;
    padding-top: 2px;
}
.chatText{
color: rgb(255, 255, 255);
    word-wrap: break-word;
    text-align: center;
    display: block;
   width: 10px;
    height: auto;
    font-size: 14px;
    line-height: 14px;
    margin: 3px 9px 4px;
}
.chat_area{
	width: 100%;
    height: 100%;
    position: fixed;
        z-index: 9999;
}
.chat_top{
	width: 100%;
    height: 40%;
    background-color: rgba(0,0,0,.5);
    position: fixed;
    top: 0;

}
.chat_down{
	width: 100%;
    height: 60%;
    position: fixed;
    bottom: 0;
}
.chat_title{
	width:100%;
	height:36px;
	background-color: #6b2906;
color:#FFFFFF;
line-height: 36px;
position: absolute;
    bottom: 0;
}
.chat_frame{
	clear:both;
}
.chat_title_text{
	float:left;
	margin-left:14px;
}
.chat_title_ico{
	float:right;
	margin-right:14px;
}
.zzfooter{
	    position: fixed;
    bottom: 0;
    width: 100%;
   height: 40px;
   
    line-height: 40px;
    font-size: 14px;
    text-align: center;

	
}
.zzmenu{
	
	width:20%;
	float:left;
	background-color: #6b2906 !important;
    color: #fff;
}
.zzfooter > .active2{
	 background-color: #fff !important;
    color: #6b2906;
}