@charset "UTF-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote {  margin: 0;  padding: 0; }
fieldset { border: 0;  vertical-align: middle; }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
q:before,q:after {  content: ''; }
abbr,acronym {  border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub {  vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; outline:none; border: none; }
legend { color: #333; }
a{  outline:none;  text-decoration:none; }
a:active{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-tap-highlight-color: rgba(0, 0, 0, 0); }
#yui3-css-stamp.cssreset {  display: none; }
.cf:before, body:before, .header:before, .footer:before {   content: '';  display: table;  }
.cf:after, after, .header:after,  .footer:after {  content: '';  clear: both;  display: table;  }
.cf, .header, .footer {  *zoom: 1;  }
.fl{ float:left; }
.fr{ float:right; }
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance: none; } 
.mhxl{  -webkit-appearance: none; -o-appearance: none; -moz-appearance: none; -ms-appearance: none; /*for chrome*/ }
img{border:0;}
body, html { font-family:Arial, Helvetica, sans-serif, yahei; color:#555555; font-size:16px; line-height: 1.5em; background-color:#f6f6f6;}
a { color:#333333; text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}
a:hover { text-decoration:none; color:#0099FF;}

/*
蓝色：#0099FF
橘黄：#FE612A

字号：
大字：30px
中字：24px
普通字：18px;
小字：16px
*/

table{border-collapse:collapse; outline:none;}
table tr{}
table tr td{text-align:center; padding:0px 6px 0px 6px;}
table tr td img{max-width:100%; border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px;}
table tr:hover td{background-color:#f5f5f5;}
.clear{ clear:both; height:0;  line-height:0; font-size:0}
select{padding:5px; outline:none;}

.hei8{height:8px; line-height:8px;}
.hei10{height:10px; line-height:10px;}
.hei12{height:12px; line-height:12px;}
.hei14{height:14px; line-height:14px;}
.hei16{height:16px; line-height:16px;}
.hei18{height:18px; line-height:18px;}
.hei20{height:20px; line-height:20px;}
.hei22{height:22px; line-height:22px;}
.hei24{height:24px; line-height:24px;}
.hei26{height:26px; line-height:26px;}
.hei28{height:28px; line-height:28px;}
.hei30{height:30px; line-height:30px;}

.pd10{padding:10px 20px 10px 20px;}
.pd15{padding:15px 20px 15px 20px;}
.pd20{padding:20px;}
.pd25{padding:25px 20px 25px 20px;}
.pd30{padding:30px 20px 30px 20px;}
.pd35{padding:35px 20px 35px 20px;}
.pd40{padding:40px 20px 40px 20px;}


/*放大*/
.fd{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.fd:hover{
	transform: scale(1.2);
	-moz-transform: scale(1.2); /* Firefox 4 */
	-webkit-transform: scale(1.2); /* Safari 和 Chrome */
	-o-transform: scale(1.2); /* Opera */
}

.yj3{ border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px;}
.yj5{ border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;}
.yj10{ border-radius:10px; -moz-border-radius:10px;  -webkit-border-radius:10px;}
.yj15{ border-radius:15px; -moz-border-radius:15px;  -webkit-border-radius:15px;}
.yj20{ border-radius:20px; -moz-border-radius:20px;  -webkit-border-radius:20px;}
.yj30{ border-radius:30px; -moz-border-radius:30px;  -webkit-border-radius:30px;}
.yj40{ border-radius:40px; -moz-border-radius:40px;  -webkit-border-radius:40px;}
.yj50{border-radius:50%; -moz-border-radius:50%;  -webkit-border-radius:50%;}




/*旋转*/
.xz{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
}
.xz:hover{
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari 和 Chrome */
	-o-transition: all 1s; /* Opera */
	-webkit-transform: rotate(360deg);	-moz-transform: rotate(360deg);	transform: rotate(360deg);
}

/*阴影*/
.yy{
	-webkit-box-shadow: 0 0 5px #eeeeee;  
	-moz-box-shadow: 0 0 5px #eeeeee;
	box-shadow: 0 0 5px #eeeeee;
	border-collapse:separate !important;
}
.yy2{
	-webkit-box-shadow: 0 3px 8px #eeeeee;  
	-moz-box-shadow: 0 3px 8px #eeeeee;
	box-shadow: 0 3px 8px #eeeeee;
	border-collapse:separate !important;
}

/*块*/
.kuai{
	display:inline-block;
    _display:inline;
    *display:inline;
    zoom:1;
}


/*图片彩色变白色*/
.cai_bai img{
-webkit-filter: grayscale(50%); 
-moz-filter: grayscale(50%); 
-ms-filter: grayscale(50%); 
-o-filter: grayscale(50%); 
filter: grayscale(50%); 
filter: gray; 
}
.cai_bai:hover img{
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter: gray;
}

/*透明*/
.touming{
	filter:alpha(opacity=70); /* IE */
	-moz-opacity:0.7; /* 老版Mozilla */
	-khtml-opacity:0.7; /* 老版Safari */
	opacity: 0.7; /* 支持opacity的浏览器*/
}
.touming:hover{
	filter:alpha(opacity=100); /* IE */
	-moz-opacity:1; /* 老版Mozilla */
	-khtml-opacity:1; /* 老版Safari */
	opacity: 1; /* 支持opacity的浏览器*/
}

/*倾斜*/
.qingxie{
	transform:skewX(30deg);
	-webkit-transform:skewX(30deg); /*兼容-webkit-引擎浏览器*/
	-moz-transform:skewX(30deg); /*兼容-moz-引擎浏览器*/
}

/*css里的下拉效果*/
@keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}@-moz-keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}@-webkit-keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}@-o-keyframes xiala{
	0%{ opacity: 0; transform: translate(0, -100); -ms-transform: translate(0, -100); -moz-transform: translate(0, -100); -webkit-transform: translate(0, -100); -o-transform: translate(0, -100); }
	100%{opacity: 1; transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); }
}

/*解决opacity IE透明度问题
  .opacity{
   filter:alpha(opacity=50);    	IE
   -moz-opacity:0.5;                老版Mozilla
   -khtml-opacity:0.5;              老版Safari
   opacity: 0.5;           			支持opacity的浏览器}

解决IE rgba透明度的问题。
filter:progid:DXImageTransform.Microsoft.gradient(startColorst33#7F000000,endColorstr=#7F000000); 
注：#33000000 这里#后面是有两部分组成的：第一个是透明度（值如下），第二个是六位数的颜色值。
0.1（19）  0.2（33）  0.3（4C）    0.4（66）   0.5（7F）    0.6（99）  0.7（B2）  0.8（C8）   0.9（E5）
*/

/* function */
.f-clear { overflow:hidden; display:block; clear:both; height:0;}
.f-clearfix:before, .f-clearfix:after { content:''; display:table;}
.f-clearfix:after { clear:both;}
.f-clearfix,.f-zm { *zoom:1;}
.f-yahei { font-family:\5fae\8f6f\96c5\9ed1;}