@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	color:#000;
	font-size: 16px;
}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:28px; }
}

input{-webkit-appearance:none;}

a{
	color:#000;
}

a:hover{
	text-decoration:none;
}

img{
	max-height: 100%;
	width: 100%;
	height: 100%
}

#nav{
	height: 2.2em;
	line-height: 2.2em;
	background: #fff;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 999;
	box-shadow: 0px 0.1em 0.1em #aaa;
}

#nav ul{
	white-space:nowrap;
	overflow-x: scroll;
}

#nav li{
	display: inline-block;
	font-size: 1.1em;
	margin: 0px 5%;
	padding: 0px 0.5em;
}
#nav .current{
	border-bottom: 0.1em solid #e53f42;
}

#nav .current,#nav .current a{
	color: #e53f42;
	font-weight: bold;
}

#nav .cover{
	position: absolute;
	width: 4.5%;
	height: 100%;
	right: 0px;
	top: 0px;
	background: #fff;
	z-index: 99;
}

#footer{
	background: #f2f2f2;
	position: relative;
	padding: 1em 5% 1.5em 5%;
	color: #4a4a4a;
}

#footer a{
	color: #4a4a4a;
}

#footer .back{
	position: absolute;
	width: 1.34em;
	height: 1.34em;
	background: url(images/footer-icon.png);
	background-size: 100%;
	right: 4.9%;
	top: 1em;
}

#footer .menu{
	line-height: 1.34em;
	margin-bottom: 1em;
}

#footer .menu a{
	font-size: 1.1em;
	margin-right: 1.3em;
}

#footer p{
	line-height: 1.2em;
	font-size: 0.69em;
}

.headline{
	padding: 0px 3%;
	margin: 1em 0px;
}

.headline h2{
	font-weight: normal;
	font-size: 1.25em;
	line-height: 1.4em;
}

.headline p{
	font-size: 0.94em;
	line-height: 1.2em;
	color: #8d8d8d;
	margin-top: 0.5em;
}

.focus{
	position: relative;
}

.focus p{
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	font-size: 1em;
	height: 1.8em;
	line-height: 1.8em;
	color: #fff;
	text-align: center;
	z-index: 9;
}

.focus p a{
	color: #fff;
}

.focus .shadow{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 3.5em;
	background: url(images/shadow1.png) center bottom;
	background-size: auto 100%;
	z-index: 1;
}

.focus .point{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 1.9em;
	text-align: center;
	height: 0.4em;
	z-index: 10;
}

.focus .point span{
	display: inline-block;
	vertical-align: top;
	background: #fff;
	border-radius: 0.2em;
	margin: 0px 0.5%;
	height: 0.4em;
	width: 0.4em;
}

.focus .point .current{
	width: 0.7em;
}

.block{
	border-bottom: 0.94em solid #f2f2f2;
	padding: 1.3em 0px;
}

.title{
	height: 1.3em;
	line-height: 1.3em;
	position: relative;
	margin: 0px 3%;
}

.title span{
	float: left;
	font-size: 1.25em;
	font-weight: bold;
	padding-left: 0.8em;
}

.title i{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.58em;
	width: 0.19em;
	height: 1.16em;
	background: #000;
	border-radius: 0.09em;
}

.title .more1{
	float: right;
	background: url(images/more1.png) no-repeat center center;
	background-size: 100% auto;
	width: 1.1em;
	height: 1.3em;
	margin-right: 3%;
}

.more2{
	text-align: center;
	line-height: 2em;
	margin-top: 1em;
}

.more2 a{
	background: url(images/more2.png) no-repeat right center;
	background-size: 1em 1em;
	padding-right: 1.4em;
	font-size: 1em;
	color: #414141;
}

h3{
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
}

.infor{
	height: 1em;
	line-height: 1em;
	color: #999;
	margin-top: 0.5em;
}

.infor span{
	float: left;
	margin-right: 0.8em;
	font-size: 0.7em;
}

.play{
	position: absolute;
	width: 4.7em;
	height: 4.7em;
	left: 50%;
	top: 45%;
	margin: -2.35em 0px 0px -2.35em;
	background: url(images/play.png) no-repeat center center;
	background-size: contain;
	z-index: 7;
}

.list1{
	margin: 1.5em 3% 0px 3%;
}

.list1 li{
	border-bottom: 1px solid #f3f1f3;
	margin-top: 0.6em;
	padding-bottom: 1.3em;
	position: relative;
	text-align: right;
}

.list1 img{
	float: right;
	width: 29%;
	margin-left: 4.2%;
}

.list1 h3{
	height: 2.8em;
	text-align: left;
}

.list1 .infor{
	margin-top: 0.9em;
}

.list2{
	margin: 1.5em 3% 0px 3%;
}

.list2 li{
	border-bottom: 1px solid #f3f1f3;
	margin-top: 0.6em;
	padding-bottom: 1.3em;
}

.list2 dl{
	margin-left: -2.3%;
	margin-top: 0.7em;
}

.list2 dd{
	float: left;
	width: 31%;
	margin-left: 2.3%;
}

.list3{
	white-space:nowrap;
	overflow-x: scroll;
	margin-top: 2em;
	padding: 0px 2.4%;
}

.list3 li{
	vertical-align: top;
	display: inline-block;
	width: 93%;
	margin: 0px 0.6%;
	border-radius: 0.3em;
	overflow: hidden;
	position: relative;
}

.list3 .shadow{
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	height: 5.3em;
	background: url(images/shadow2.png);
	background-size: auto 100%;
	z-index: 1;
}

.list3 .text{
	position: absolute;
	left: 4%;
	width: 92%;
	bottom: 0.5em;
	white-space: normal;
	z-index: 9;
}

.list3 .text p{
	color: #fff;
	font-size: 0.94em;
	line-height: 1.2em;
}

.list3 .text .infor{
	color: #a6a6a6;
}

.list4{
	margin: 1.5em 3% 0px 3%;
}

.list4 li{
	border-bottom: 1px solid #f3f1f3;
	margin-top: 0.6em;
	padding-bottom: 1.3em;
}

.list4 .photo{
	border-radius: 0.3em;
	overflow: hidden;
	position: relative;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
}

.list5{
	white-space:nowrap;
	overflow-x: scroll;
	margin-top: 2em;
	padding: 0px 2%;
}

.list5 li{
	vertical-align: top;
	display: inline-block;
	width: 72%;
	margin: 0px 1%;
	padding: 1em 4%;
	border-radius: 0.3em;
	overflow: hidden;
	position: relative;
	border: 1px solid #e5e5e5;
}

.list5 h3{
	white-space: normal;
	height: 2.8em;
}

.list6{
	white-space:nowrap;
	overflow-x: scroll;
	margin-top: 2em;
	padding: 0px 2%;
}

.list6 li{
	vertical-align: top;
	display: inline-block;
	width: 46%;
	margin: 0px 1%;
}

.list6 img{
	border-radius: 0.3em 0.3em 0px 0px;
}

.list6 p{
	white-space: normal;
	font-size: 0.94em;
	line-height: 1.2em;
	height: 3.6em;
	
	border-top: none;
	border-radius: 0px 0px 0.3em 0.3em;
	padding: 0.5em 0.6em;
}
.list6 li {

  border-radius: 0.3em;

  border: 1px solid #e5e5e5;
}