﻿/*reset重置样式*/
/*html{font-size: 625%;}*/
*,
::before,
::after{
	margin:0;
	padding:0;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
}
body{
	/*font-size:0.16rem;*/
	font-family: "微软雅黑",sans-serif;
	color: #444;
}
a{color:#444; text-decoration: none;}
a:hover{text-decoration: none;}
ul,ol{list-style: none;}
input{ 
	border: none;
	outline: none;
	-webkit-appearance:none;/*清楚移动端默认的表单样式*/
}
.f_left{ float: left;}.f_right{ float: right;}
.clear:before,.clear:after{
	clear:both; 
	content:""; 
	display: block; 
	line-height: 0; 
	height: 0; 
	visibility: hidden;
}
body{ background: #F5F5F5;}
.xy_layout{width: 100%;max-width: 640px;min-width: 300px;margin: 0 auto;background: #f5f5f5;}
.xy_header{position: fixed;height:44px; width:100%;left: 0; top:0; z-index: 999;}
.xy_header > .xy_header_box{width: 100%;max-width: 640px;min-width: 300px;min-height:50px;height:50px;margin: 0 auto;background:#da2021;position: relative;}
.xy_header > .xy_header_box > .icon_logo{width:150px; height:50px;left:3px;top:-2px;position:absolute;background: url(../img/logo.png) no-repeat;background-size:100%;}
.xy_header > .xy_header_box > .icon_login{width:50px;height: 50px;line-height: 50px;text-align: center;color: #fff;position: absolute;right:0;top:0;font-size:15px;}
.xy_header > .xy_header_box > form {width:100%;padding-left:140px;padding-right:50px;height:50px;font-size:12px;}
.xy_header > .xy_header_box > form > input{	width:100%;	height:30px;border-radius: 3px;margin-top:10px;padding-left:30px;font-size:12px;}
.xy_header > .xy_header_box > form > .icon_search{background: url(../img/soico.jpg) no-repeat;height:20px;width:20px;background-size: 20px 20px;
position: absolute;top:15px;left:145px;}
.xy_header > .xy_header_box >.head_title{ text-align: center; width: 100%; color:#Fff;font-size:18px; height: 50px; line-height: 50px;}

.xy_header > .xy_header_box > .icon_back{width:16px;height:26px;left:10px; top:10px;position:absolute;background: url(../img/back.png) no-repeat;background-size:90% 90%;}
/*隐藏菜单css*/
.h_title{ width: 100%; text-align: center; color: #fff; font-size: 20px; line-height:44px;}
.tmenu{  width:24px; height:23px; display:block;position: absolute;right: 20px; top:12px; background:url(../img/tmenu.png) left center no-repeat;background-size:100% 100%;}
.hidden_menu{ max-width: 640px;box-shadow:1px 1px rgb(0,0,0,.5)line-height:32px; background: #596775; background:#f5f5f5; border-bottom:1px solid #ddd;top:20px; z-index: 6666;}
.hidden_menu > ul{ width: 100%;}
.hidden_menu > ul > li{ width: 25%; float: left; margin:8px 0;}
.hidden_menu > ul > li > a{ display: block; color: #444; text-align: center;position: relative; width: 100%;}
.hidden_menu > ul > li > a:before{ content: ''; width: 0; height:100%;border-left: 1px solid #e5e5e5;left: 0; top: 0; position: absolute;}
.hidden_menu > ul > li:first-child > a:before{ border: none;}
.hidden_menu > ul > li > a > img{ width:18%; height:18%;margin-right: 5px; vertical-align:top;}
a.det_txt{ color: #fff; display: block; position:absolute;right:10px; top: 12px; font-size: 13px; border: 1px solid #c00; padding:1px 5px;}
.bd2{ border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}

.xy_header_box >.back{ width: 100%; display:block;position: absolute; left:10px; top:12px;}
.xy_header_box >.back>img{ display: block;max-width:16px;width: 100%;}
/*底部固定css*/
.ft_nav{ position: fixed; bottom: 0; width: 100%; max-width: 640px; height:40px;background:#666666; border-top:2px solid #DA2021; z-index: 55555;}
.ft_nav>ul{ width: 100%; clear: both;}
.ft_nav>ul>li{ width:25%; float: left; height: 40px; line-height: 40px;}
.ft_nav>ul>li>a{ width:100%;display: block; height:24px; line-height:24px; margin-top:8px;text-align: center; color: #fff; font-size: 15px;border-left: 1px solid #999;}
.ft_nav>ul>li:first-child >a{ border:none;}

@media screen and (min-width:320px) and (max-width:480px){
	.hidden_menu ul li a{ font-size:14px;}
	.h_title{font-size:16px;}
    .hidden_menu > ul > li > a img{width:20%; height:20%;}	
	.ft_nav>ul>li>a{font-size: 13px;}
}
@media screen and (max-width:320px){
	.ft_nav>ul>li>a{font-size: 12px;}
}

/*分页*/
 .pages{ padding-top:20px; text-align:center; font-size:14px;}
 .pages a{ padding:3px 12px; background:#eee; margin-right:5px; font-size:14px;}
 .pages a.a_hover{ background:#da2020; color:#fff;}
 .pages a:hover{ background:#da2020; color:#fff;}
 .pages .num{ width:40px; margin-left:5px;}
