body{margin:0;padding:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0;margin:0}
ol,ul{list-style:none}
li{list-style-type:none}
img{vertical-align:middle;border:0}
s{text-decoration:none}
a{color:#444444;text-decoration:none}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}

body {
	background-color: #202020;
	color: #c4c4c4;
	font-family: "Helvetica Neue","微软雅黑",Helvetica,STHeiTi,sans-serif;
}


[data-dpr="2"] div {
    font-size: 24px;
}

[data-dpr="3"] div {
    font-size: 36px;
}

.inner-area{
	padding: 0.4rem;
}

.title-top{
	border-bottom: 2px #ffffff solid;
	padding-bottom: 0.3066rem;
}

.title-top .left{
	float: left;
	font-size: 0.32rem;
	font-family: Arial;
	color: #fff;
	margin-top: 0.29333rem;
}

.title-top .right{
	float: right;
}

.title-top .right img{
	width: 1.2533rem;
}

.tips-1{
	padding-left: 0.4rem;
	margin-top: 0.53333rem;
	border-bottom: 2px #ffffff solid;
	padding-bottom: 0.56rem;
}

.tips-1 .t1{
	font-family: Arial;
	font-size: 0.76666rem;
	color: #fff;
}
.tips-1 .t2{
	margin-top: 0.37333rem;
	font-size: 0.42666rem;
}

.tips-2{
	padding-left: 0.4rem;
	margin-top: 0.4rem;
	line-height: 0.56rem;
}
.video{
	margin: 0.34666rem 0;
}

.video img{
	max-width: 100%;
}

.goto_link{
	display: block;
	border: 1px #ffffff solid;
	text-align: center;
	color: #fff;
	padding: 0.33333rem 0;
	font-size: 0.48rem;
	margin-top: 0.3733rem;
}

.tips-3{
	text-align: center;
	font-size: 0.373333rem;
	margin-top: 0.34666rem;
}

.tips-3 a{
	color: #69c1fc;
}

.txt{
	margin-top: 0.8rem;
	line-height: 0.6rem;
	font-size: 0.32rem;
}

.h2{
	font-size: 0.58666rem;
	text-align: center;
	padding: 0.33333rem 0; 
	color: #fff;
}

.box-2-area ul{
   display: -webkit-flex;
   display: flex;
   flex-wrap:wrap;
   flex-wrap:-webkit-wrap;
}

.box-2-area ul li{
  position: relative;
  flex: 0 0 49.8%;
  -webkit-flex: 0 0 49.8%;
}

.box-2-area ul li .gou{
	position: absolute;
	left: 1.7266rem;
	top: 1.05333rem;
	z-index: 10;
	display: none;
}

.box-2-area ul li.on .gou{
	display: block;
}

.box-2-area ul li.on .img{
	border: 2px #e54440 solid;
}

.box-2-area ul li .gou img{
	width: 0.97333rem;
}

.box-2-area ul li .inner{
	padding: 0.1733rem;
}

.box-2-area ul li .img{
	text-align: center;
	position:relative;
}
.box-2-area ul li .img img{
	max-width: 100%;
}

.box-2-area ul li .title{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	height: 0.69333rem;
	width: 100%;
	color: #fff;
	line-height:  0.69333rem;
	font-size: 0.3333rem;
}

.box-2-area .input{
	margin-top: 0.373333rem;
}

.box-2-area .input input{
	display: block;
	width: 9.16rem;
	padding-left: 5px;
	height: 1.17333rem;
	line-height: 1.17333rem;
	border: 0px;
}

.box-3-area ul{
   display: -webkit-flex;
   display: flex;
   align-items:center;
   flex-flow:row nowrap;
   justify-content:center;
}

.box-3-area ul li{
  position: relative;
  flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
}

.box-3-area ul li .gou{
	position: absolute;
	left: 1.7266rem;
	top: 1.05333rem;
	z-index: 10;
	display: none;
}

.box-3-area ul li.on .gou{
	display: block;
}

.box-3-area ul li.on .img{
	border: 2px #e54440 solid;
}

.box-3-area ul li .gou img{
	width: 0.97333rem;
}

.box-3-area ul li .inner{
	padding: 0.1733rem;
}

.box-3-area ul li .img{
	text-align: center;
	position:relative;
}
.box-3-area ul li .img img{
	max-width: 100%;
}

.box-3-area ul li .title{
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	height: 0.69333rem;
	width: 100%;
	color: #fff;
	line-height:  0.69333rem;
	font-size: 0.3333rem;
}

.box-3-area ul li .cjm{
	text-align: center;
	color: #fff;
	font-size: 0.45333rem;
	 margin-top: 0.36rem;
}

.box-3-area .goto_link{
	margin-top: 1.04rem;
}

.choose{
	text-align: center;
	margin-bottom: 0.42666rem;
}

.shihuo-tuijian{
	margin-top: 0.9333rem;
}

.shihuo-tuijian p{
	font-size: 0.4rem;
}

.shihuo-tuijian .list{
	padding: 0.16rem;
	background-color: #fff;
	margin-top: 0.38666rem;
	display: -webkit-flex;
   display: flex;
   align-items:center;
   flex-flow:row nowrap;
}

.shihuo-tuijian .list .t1{
   flex: 0 0 30%;
  -webkit-flex: 0 0 30%;
  text-align: center;
}

.shihuo-tuijian .list img{
	max-width: 100%;
	max-height: 100%;
}

.shihuo-tuijian .list .t2{
   flex:1;
  -webkit-flex: 1;
  padding-left: 0.3333rem;
}

.shihuo-tuijian .list .t2 .h3{
	color: #4174a9;
	font-size: 0.4rem;
	height: 0.9333rem;
}
.shihuo-tuijian .list .t2 .clearfix{
   margin-top: 0.1333rem;
}
.shihuo-tuijian .list .t2 .left{
	float: left;
	color: #ff4343;
	font-size: 0.45333rem;
	margin-top: 0.1333rem;
}

.shihuo-tuijian .list .t2 .right{
	display: block;
	float: right;
	background-color: #fc4848;
	padding: 0.21428rem;
	border-radius: 3px;
	color: #fff;
	font-size: 0.34666rem;
}

.shihuo-tuijian a{
	display: block;
}