
body {
	margin:0px;
}

.title_div {
	position:fixed;
	width: 100%;
	height: 100px;
	background: #000000;
	margin:0;
	z-index: 100;
}

.mDiv {
	padding-top: 100px;
}

.title_div p {
	height: 16px;font-size: 16px;font-family: Source Han Sans CN;font-weight: 200;color: #FFFFFF;line-height: 44px;opacity: 0.6;float: left;cursor:pointer;
}

.title_app {
	position: relative;float: right;left:50px;
}
.title_yinsi {
	position: relative;float: right;left:90px;
}
.titile_checked {
	padding-bottom:15px; border-bottom:3px solid #fff;
	font-weight: bold !important;
	cursor: auto !important;
}

.am-container {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-weight: normal;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	color: #999999;
	font-size: 12px;
	padding: 0;
	border: 0;
	font-family: "Microsoft YaHei",SimSun;
	font-style: normal;
	width: 100%;
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	/**background: #303030;**/
	background: #F1F1F1;
}

.am-p {
	box-sizing: border-box;
	padding: 0;
	border: 0;
	font-family: "Microsoft YaHei",SimSun;
	font-style: normal;
	display: inline-block;
	margin: 5px;
}

img {
	border: 0;
}
.ck-slide ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ck-slide {
	width: 100%; 
	margin: 0 auto; 
	position: relative;
	overflow: hidden;
}
.ck-slide ul.ck-slide-wrapper {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
}
.ck-slide ul.ck-slide-wrapper li {
	position: absolute; margin-top:0px;
}
.ck-slide ul.ck-slide-wrapper li a{
	/*a标签是行内元素，宽高对a标签不起作用，这里必须添加line-height:0px;display:black，否则垂直滚动<li>之间会出现间隔*/
	line-height:0px;
	display:block;
}
.ck-slide .ck-prev, .ck-slide .ck-next {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 35px;
	height: 70px;
	margin-top: -35px;
	border-radius: 3px;
	opacity: .15;
	background: red;
	text-indent: -9999px;
	background-repeat: no-repeat;
	transition: opacity .2s linear 0s;
}
.ck-slide .ck-prev {
	left: 5px;
	background: url(../img/arrow-left.png) #000 50% no-repeat;
}
.ck-slide .ck-next {
	right: 5px;
	background: url(../img/arrow-right.png) #000 50% no-repeat;
}
.ck-slidebox {
	position: absolute;
	left: 50%;
	bottom: 12px;
	z-index: 30;
}
.ck-slidebox ul {
	height: 20px;
	padding: 0 4px;
	border-radius: 8px;
	background: rgba(0,0,0,0.5);
}
.ck-slidebox ul li {
	float: left;
	height: 12px;
	margin: 4px 4px;
}
.ck-slidebox ul li em {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #fff;
	text-indent: -9999px;
	cursor: pointer;
}
.ck-slidebox ul li.current em {
	background-color: #fe6500;
}
.ck-slidebox ul li em:hover {
	background-color: #fe6500;
}

.productsDiv{
  width: 100%;
}

.productDiv{
  float: left;
  width: 25%;
  box-sizing: border-box;
  padding: 10px;
  min-width: 50px;
  text-align: center;
}

.productName {
	width: 100%;
	height: 16px;
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 200;
	color: #999999;
	line-height: 20px;
}	

.productName img{
	width: 80%;
}	

@media (max-width:615px ) {
  .productDiv{
    float: left;
    width: 33%;
    box-sizing: border-box;
    padding: 10px;
    min-width: 150px;
    text-align: center;
  }
}

@media (max-width:465px ) {
  .productDiv{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 10px;
    min-width: 150px;
    text-align: center;
  }
}

@media (max-width:315px ) {
  .productDiv{
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
		text-align: center;
  }
}

.comInfoContainer {
	width: 100%;
	height: 251px;
	background: #F1F1F1;
}

.comInfos {
	float: left;
	margin-top: 50px;
	margin-left: 15%;
}

.comInfo {
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 200;
	color: #999999;
	line-height: 46px;
}

.qrcodeInfo {
	margin-top: 40px;
	margin-left: 25%;
	float: left;
	font-size: 16px;
	font-family: Source Han Sans CN;
	font-weight: 200;
	color: #999999;
	text-align: center;
}

.qrcodeInfo img{
	width: 75%;
	height: 75%;
}

.goumaiDiv {
	display: block;
	position: absolute;
	right: 64%;
}

.goumaiImg{
	width:auto; 
	max-width:100%;
}
