html, body {
	color:#222;
	font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	margin:0;
	padding: 0;
	text-decoration: none;
}
body, div, dl, dt, dd, .mainmenu, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
img {
	border:0;
}
ol, .mainmenu {
	list-style: none outside none;
	margin:0;
	padding: 0;
}
a {
	color:#000000;
	text-decoration: none;
}
.clr {
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
.copyright{padding:8px;text-align:center;font-size:14px;color:#666;}
.copyright a{color:#666;}


#cate75{background-color: #000000;overflow-x: hidden;}
#nav {
	float:none;
	width:100%;
}
#scroller li p {
display: none;
}
#wrapper {
position: fixed;
}
#indicator {
position: fixed;
left: 0;
text-align: center;
bottom: 250px;
width: 100%;
}
#indicator > li {
display: inline-block;
float:none;
}
#indicator > li.active {
background: #cccccc;
}
.device {
width: 100%;
height: 245px;
margin: 0 auto;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99;
}
.device .arrow-left {
  background: url(../../com/images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:99;
  display:none;
}
.device .arrow-right {
  background: url(../../com/images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:99;
  display:none;
}
.swiper-container {
  height: 200px;
  width: 100%;
}
.content-slide {
  padding: 8px 10px;
  color: #fff;
}
.content-slide>a {
width: 33%;
float: left;
text-align: center;
color: #fff;
overflow: hidden;
margin-bottom: 15px;
}
.content-slide>a .mbg {
display: block;
overflow: hidden;
margin:0 5px;border-radius: 3px;
}
.title {
  font-size: 12px;
  margin: 3px 0 5px 0;
  overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#222;
}
.ico img{ width:50px; height:50px;border-radius: 0;margin-top: 5px;}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:0px;
  width: 100%;
  z-index:100;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 4px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}



#cate75 .mainbg{ 
	position:fixed;
	z-index:1;
	width: 100%;
}
#cate75 .mainbg img{
	width:100%;
}



#cate75  .content-slide>a .mbg { background-color:rgba(255,255,255,0.9)}

.content-slide>a .mbg {
margin: 0 auto;
width: 85px;
height: 85px;
border-radius: 100%;
}
.device {height: 250px;}
.swiper-container {height: 215px;}
.ico img {margin-top: 10px;width: 45px;
height: 45px;}


#cate75  .content-slide>a:nth-child(6n+1) .mbg { background-color:rgba(37,104,103,0.55);}
#cate75  .content-slide>a:nth-child(6n+2) .mbg { background-color:rgba(37,104,103,0.55);}
#cate75  .content-slide>a:nth-child(6n+3) .mbg{ background-color:rgba(37,104,103,0.55);}
#cate75  .content-slide>a:nth-child(6n+4) .mbg { background-color:rgba(37,104,103,0.55);}
#cate75  .content-slide>a:nth-child(6n+5) .mbg { background-color:rgba(37,104,103,0.55);}
#cate75  .content-slide>a:nth-child(6n+6) .mbg{ background-color:rgba(37,104,103,0.55);}

#cate75  .content-slide>a .title {color: #fff;}

body{margin-bottom:60px !important;}
ul, li{list-style:none;margin:0;padding:0 }

.top_bar{position:fixed;bottom:0;left:0px;z-index:900;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);font-family:Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif;}
.plug-menu{-webkit-appearance:button;display:inline-block;width:36px;height:36px;border-radius:36px;position:absolute;bottom:17px;left:17px;z-index:999;box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);background-color:#B70000;-webkit-transition:-webkit-transform 200ms;-webkit-transform:rotate(1deg);color:#fff;background-image:url('images/plug.png');background-repeat:no-repeat;-webkit-background-size:80% auto;background-size:80% auto;background-position:center center;}
.plug-menu:before{font-size:20px;margin:9px 0 0 9px;}
.plug-menu:checked{-webkit-transform:rotate(135deg);}
.top_menu{margin-left:-45px;}
.top_menu>li{min-width:86px;padding:0 10px;height:32px;border-radius:32px;box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);background:#B70000;margin-bottom:23px;margin-left:23px;z-index:900;transition:all 200ms ease-out;-webkit-transition:all 200ms ease-out;}
.top_menu>li:last-child{margin-bottom:80px;}
.top_menu>li a{color:#fff;font-size:20px;display:block;height:100%;line-height:33px;text-indent:26px;text-decoration:none;position:relative;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.top_menu>li a img{display:block;width:24px;height:24px;text-indent:-999px;position:absolute;top:50%;left:10px;margin-top:-13px;margin-left:-12px;}
.top_menu>li.on:nth-of-type(1){
	-webkit-transform:translate(45px, 0) rotate(0deg);
	transition:all 700ms ease-out;
	-webkit-transition:all 700ms ease-out;
}
.top_menu>li.on:nth-of-type(2){
	-webkit-transform:translate(45px, 0) rotate(0deg);
	transition:all 600ms ease-out;
	-webkit-transition:all 600ms ease-out;
}
.top_menu>li.on:nth-of-type(3){
	-webkit-transform:translate(45px, 0) rotate(0deg);
	transition:all 500ms ease-out;
	-webkit-transition:all 500ms ease-out;
}
.top_menu>li.on:nth-of-type(4){
	-webkit-transform:translate(45px, 0) rotate(0deg);
	transition:all 400ms ease-out;
	-webkit-transition:all 400ms ease-out;
}
.top_menu>li.on:nth-of-type(5){
	-webkit-transform:translate(45px, 0) rotate(0deg);
	transition:all 300ms ease-out;
	-webkit-transition:all 300ms ease-out;
}
.top_menu>li.on:nth-of-type(6){
	-webkit-transform:translate(45px, 0) rotate(0deg);
	transition:all 200ms ease-out;
	-webkit-transition:all 200ms ease-out;
}
.top_menu>li.out:nth-of-type(1){
	-webkit-transform:translate(45px, 280px) rotate(0deg);
	transition:all 600ms ease-out;
	-webkit-transition:all 600ms ease-out;
}
.top_menu>li.out:nth-of-type(2){
	-webkit-transform:translate(45px, 235px) rotate(0deg);
	transition:all 500ms ease-out;
	-webkit-transition:all 500ms ease-out;
}
.top_menu>li.out:nth-of-type(3){
	-webkit-transform:translate(45px, 190px) rotate(0deg);
	transition:all 400ms ease-out;
	-webkit-transition:all 400ms ease-out;
}
.top_menu>li.out:nth-of-type(4){
	-webkit-transform:translate(45px, 145px) rotate(0deg);
	transition:all 300ms ease-out;
	-webkit-transition:all 300ms ease-out;
}
.top_menu>li.out:nth-of-type(5){
	-webkit-transform:translate(45px, 100px) rotate(0deg);
	transition:all 200ms ease-out;
	-webkit-transition:all 200ms ease-out;
}
.top_menu>li.out:nth-of-type(6){
	-webkit-transform:translate(45px, 55px) rotate(0deg);
	transition:all 100ms ease-out;
	-webkit-transition:all 100ms ease-out;
}
.top_menu>li.out{width:20px;height:20px;min-width:20px;border-radius:20px;padding:0;opacity:0;}
.top_menu>li.out a{display:none;}

.productLogo{
	display:inline-block;
	width:50%;
	background:url('<%=request.getContextPath()%>/earnings/mobile/images/logo.png') no-repeat center center;
	background-size:100% auto;
	position:absolute;
	z-index:101;
	top:10px;
	margin-left: 10px;
}
.productTitle{
	display:inline-block;
	width:100%;
	position:absolute;
	z-index:100;
	top:45px;
	font-size: 26px;
	color: white;
	text-align: center;	
	}
.productBack{
	width:100%;
}