@charset "GBK";
/* 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; }
.mar_r0{ margin-right:0; }
.mar_l0{ margin-left:0; }
.wzyc{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
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*/ }

body, html { font-family: "微软雅黑"; color:#626262; font-size:12px; background-color:#ffffff;}
a { color:#626262; 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 { color:#004489;}




.clear{ clear:both; height:0;  line-height:0; font-size:0}

select{padding:5px; outline:none; }

/*放大*/
.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 */
}

/*放大 带边框阴影*/
.fd2{
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari 和 Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.fd2: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 */
	
	border:1px solid #CCCEDA;
	-webkit-box-shadow: 0 0 10px #dddddd;  
	-moz-box-shadow: 0 0 10px #dddddd;
	box-shadow: 0 0 10px #dddddd;
	border-collapse:separate !important;
}


/*旋转*/
.xz{}
.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{}
.yy:hover{
	-webkit-box-shadow: 0 0 10px #dddddd;  
	-moz-box-shadow: 0 0 10px #dddddd;
	box-shadow: 0 0 10px #dddddd;
	border-collapse:separate !important;
}

/*阴影2*/
.yy2{
	-webkit-box-shadow: 0 0 4px #dddddd;  
	-moz-box-shadow: 0 0 4px #dddddd;
	box-shadow: 0 0 4px #dddddd;
	border-collapse:separate !important;
}


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


/*解决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-dn { display:none;}
.f-db { display:block;}
.f-di { display:inline;}
.f-fl { float:left; display:inline;}
.f-fr { float:right; display:inline;}
.f-fn { float:none;}
.f-pr { position:relative;}
.f-pa { position:absolute;}
.f-oh { overflow:hidden;}
.f-fs12 { font-size:12px;}
.f-fs14 { font-size:14px;}
.f-fwb { font-weight:bold;}
.f-tal { text-align:left;}
.f-tac { text-align:center;}
.f-tar { text-align:right;}
.f-vam { vertical-align:middle;}
.f-vat { vertical-align:top;}
.f-wsn { word-wrap:normal; white-space:nowrap;}
.f-ti { overflow:hidden; text-indent:-999em;}
.f-ti2 { text-indent:2em;}
.f-cp { cursor:pointer;}
.f-nus { -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.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;}
.f-song { font-family:\5b8b\4f53;}
.f-cred { color:#f00;}

.hei48{height:48px; line-height:48px;}

.main{max-width:750px; min-width:280px; box-shadow:0 4px 8px #aaaaaa; position:relative; margin:auto;}
.main img{width:100%;}

.main .footer{position:fixed; bottom:0; left:0; width:100%; height:48px;}
.main .footer a{ float:left; height:48px; line-height:48px; width:50%; position:relative; display:block; text-align:center; font-size:14px; color:#FFFFFF;}
.main .footer a:first-child{background-color:#FFB54C;}
.main .footer a:last-child{background-color:#025FB2;}