@charset "utf-8";
/* CSS Document */

body { margin-bottom:60px !important; }
a, button, input { -webkit-tap-highlight-color:rgba(255, 0, 0, 0); }
ul, li { list-style:none; margin:0; padding:0 }

.IndexHeader{  position: fixed;  width: 100%; background: rgba(0, 0, 0, 0.4); z-index:100000; padding:5px 10px; color:#FFFFFF; line-height:45px; font-size:22px }
.IndexHeader img{ height:45px; float:left;}






.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu { display:-webkit-box; border-top: 1px solid #3D3D46; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 48px;display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945)); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset; }
.top_bar .top_menu>li { -webkit-box-flex:1; position:relative; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu>li>a { height:48px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.top_bar .top_menu>li.home { max-width:70px }
.top_bar .top_menu>li.home a { height: 60px; width: 60px; margin: auto; border-radius: 60px; position: relative; top: -14px; background: url('../images/wap_home.png') no-repeat center center; background-size: 100% 100%; }
.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }
.top_bar .top_menu>li>a img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }
.menu_font { text-align:left; position:absolute; right:10px; z-index:500; background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945)); border-radius: 5px; width: 120px; margin-top: 10px; padding: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
.menu_font.hidden { display:none; }
.menu_font { top:inherit !important; bottom:60px; }
.menu_font li a { height:40px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; }
.menu_font:after { top: inherit!important; bottom: -6px; border-color: #48403c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left: 80%; }
.menu_font li { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 40px; line-height: 40px !important; position: relative; color: #fff; display: block; width: 100%; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menu_font li a img { width: 20px; height:20px; display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.menu_font>li>a label { padding:3px 0 0 3px; font-size:14px; overflow:hidden; margin: 0; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color:#333; }
.menu_font li a:hover, .menu_font li a:active{ background-color:#333; }
.menu_font li:first-of-type a { border-radius:5px 5px 0 0; }
.menu_font li:last-of-type a { border-radius:0 0 5px 5px; }
.litype{width:58px;}
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
#cate18 .device {bottom: 49px;}
#cate18 #indicator {bottom: 240px;}
#cate19 .device {bottom: 49px;}
#cate19 #indicator {bottom: 330px;}
#cate19 .pagination {bottom: 60px;}



#mcover{ position: fixed;	top:0;	left:0;	width:100%;	height:100%;background:rgba(0, 0, 0, 0.7);	display:none;z-index:20000;}
#mcover img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px;z-index:20001;}




/*---------------留言--------------*/
dl.message{
	margin: 0px;
	padding: 0px;
	width: 100%;
}
dl.message dt{
	margin: 0 0 6px 0;
	padding: 0px;
	float: left;
	width: 25%;
	text-align:right;
}
dl.message dd{
	margin: 0 0 6px 0;
	padding: 0px;
	float: left;
	width: 72%;
}
dl.message2{
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 96%;
}

dl.message2 dd{
	margin: 0 0 6px 0;
	padding: 0px;
	float: left;
	width: 100%;
}
.round1li2 input {
	border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 95%;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	font-size:1.2em;
}
.round1li2 textarea {
border-radius: 5px;
line-height: 23px;
height: 68px;
width: 95%;
padding-left: 5px;
border: 1px solid;
border-color: #CCC #EEE #EEE #CCC;
background: whiteSmoke;
font-size:1.2em;
}
.round1li3 input {
	border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;
	font-size:1.2em;
}
.round1li4 input.button {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #EEE #CCC #CCC #EEE;
	color: white;
	font-weight: bold;
	width: 150px;
	border-radius: 5px;
	padding-bottom: 2px;
	height: 40px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 2px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #4c8fde /*{a-bar-background-start}*/), to( #2c68b0 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #4c8fde /*{a-bar-background-start}*/, #2c68b0 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #4c8fde /*{a-bar-background-start}*/, #2c68b0 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #4c8fde /*{a-bar-background-start}*/, #2c68b0 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #4c8fde /*{a-bar-background-start}*/, #2c68b0 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #4c8fde /*{a-bar-background-start}*/, #2c68b0 /*{a-bar-background-end}*/);
	font-size:1.2em;
}

.searchform{clear:both; width:100%; height:auto; height:40px; 
background-image: -webkit-gradient(linear, left top, left bottom, from( #f0efef /*{a-bar-background-start}*/), to( #ffffff /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f0efef /*{a-bar-background-start}*/, #ffffff /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f0efef /*{a-bar-background-start}*/, #ffffff /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f0efef /*{a-bar-background-start}*/, #ffffff /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f0efef /*{a-bar-background-start}*/, #ffffff /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f0efef /*{a-bar-background-start}*/, #ffffff /*{a-bar-background-end}*/);
	padding:0; border:#eeeeee solid 1px;
}
.search{ width:210px; height:auto; z-index:120;  overflow:hidden; margin:10px 10px 0 0; float:right; }
.search p{ float:left; overflow:hidden; }
.search p.search-input{ width:180px; padding:1px 0px; display:inline; }
.search p.search-input input{ border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;
	font-size:13px;}
.search p.search-btn{ width:22px; height:22px; }
.search p.search-btn input{  width:22px; height:22px;}




/*--------------------列表页翻页---------------------------*/
.up-down-page{ width:96%; margin:0 auto 0 auto; padding:15px 0 50px 0;}
.ui-uppage{
	margin: 0px;
	padding: 0px;
	float: left;
	font-weight: bold;
}
.ui-uppage a:link {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-up1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 46px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	display: block;
}
.ui-uppage a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-up1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 46px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	display: block;
}
.ui-uppage a:hover {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-up1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 46px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	display: block;
}
.ui-uppage a:active{
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-up.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 46px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 27px;
	display: block;
}
.ui-downpage{
	margin: 0px;
	padding: 0px;
	float:right;
	font-weight: bold;
}
.ui-downpage a:link {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-down1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	display: block;
}
.ui-downpage a:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-down1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	display: block;
}
.ui-downpage a:hover {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-down1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	display: block;
}
.ui-downpage a:active{
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	line-height: 31px;
	background-image: url(../images/wap_ui-down.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	height: 32px;
	width: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	display: block;
}.xiangxi img { width:100%!important; height:auto!important;}

.xiangxi table { width:100%!important;

word-wrap: break-word;word-break:break-all;

}
