.entertainment{ padding-bottom: 70px;}
.w882{  max-width: 882px; width: 100%; padding: 0px 15px; margin: 0 auto;}
.introduction{ width: 100%; background: rgba(0,0,0,.6); padding: 40px; font-size: 15px; line-height: 22px;}
.introduction .dimg{ display: inline-block; vertical-align: middle; width: 18%;}
.introduction .con{ display: inline-block; vertical-align: middle; width: 77%;}

.list-tit{ margin-top:40px; text-align: center; }
.list-tit span{ display: inline-block; font-size: 25px; color: #FFFFFF; width: 200px; position: relative;}
.list-tit span em{ width: 100%; height: 50px; line-height: 50px; font-style: normal; position: relative; z-index: 2;}
.list-tit span i{ position: absolute; display: inline-block; top:0px; left:0px; width:100%;border-top: 50px solid #19a2d2; border-left: 30px solid transparent; border-right: 30px solid transparent; z-index: 1;}

.list{ margin: 0px -10px; }
.list li{ float: left; margin-top: 28px; width: 33.3%; padding: 0px 10px;}
.list li a{ display: block;  cursor: pointer; padding: 5px 5px 1px; background: rgba(0,0,0,.6); position: relative;}
.list li .dimg{width: 100%; position: relative; overflow: hidden;}
.list li .dimg img{ position: absolute; top:0px; left:0px; width: 100%; height: 100%; z-index: 1;}
.list li .dimg i{ display: inline-block; padding-bottom: 140.38%;}
.list li .text{ display: none; position: absolute; top:0px; left:0px; width: 100%; height: 100%; z-index:1; padding:25px; background: rgba(0,0,0,.7); overflow: hidden;}
.list li .text .red{ color: #df3343;}
.list li .text .erweima{ margin-top:20px; text-align: center;}
.list li .text .erweima img{ width:100px; height: 100px;}
.list li .tit{ position: relative; padding: 0px 10px; z-index: 2; height:40px; line-height: 40px; font-size: 15px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list li a:hover{ border: 1px solid #19a2d2; padding: 4px 4px 0; }
.list li a:hover .text{ display: block; }

@media screen and (max-width:780px) {
	.introduction{ padding: 20px;}
	.introduction .dimg{ width:27%;}
	.introduction .con{ width:70%;}	
	.list-tit span{ width: 160px; font-size: 20px;}
	.list-tit span em{height: 40px; line-height: 40px;}
	.list-tit span i{ border-top: 40px solid #19a2d2; border-left: 20px solid transparent; border-right: 20px solid transparent; }
	.list li .text{ font-size: 12px; padding: 15px;}
	.list li .text .erweima{ margin-top: 10px;}
	.list li .text .erweima img{ width:80px; height: 80px;}
}
@media screen and (max-width:680px) {
	.entertainment{ padding-bottom: 30px;}
	.introduction{ padding: 10px; font-size: 12px; line-height: 20px;}
	.list-tit{ margin-top: 20px;}
	.list-tit span{ width: 140px; font-size: 18px;}
	.list{ margin: 0px -5px;}
	.list li{  margin-top: 10px; width: 50%; padding: 0px 5px;}
	.list li .text{ padding: 10px;}
	.list li .text .erweima img{ width:100px; height: 100px;}
}
@media screen and (max-width:480px) {
	.list li{ width: 100%;}
	.list li .text{ padding:30px;}
	.list li .text .erweima{ margin-top:20px;}
}


/******entertainment detail*****/
.w980{ width: 100%; max-width: 980px; margin: 0 auto; padding: 0px 15px;}
.detail{ color: #242424;}
.detail a{ color: #242424;}
.detail a:hover{ color: #df3343;}
.detail .title{ font-size: 28px; padding:30px 0px; text-align: center; font-weight: normal;} 
.detail article{ padding-bottom: 130px; font-size: 15px; line-height: 26px;}
.detail article .des{ margin-top: 62px;}
.detail article .des .dimg{ float: left; width: 47%;}
.detail article .des .con{ float: right; width: 50%;}
.detail article .des .tit{ font-size: 22px;}


@media screen and (max-width:960px) {
	.detail article{ padding-bottom: 30px;}
	.detail .title{ font-size:18px; padding: 20px 0px;}
	.detail article{ font-size: 12px; line-height: 20px;}
	.detail article .des{ margin-top: 30px;}
	.detail article .des .tit{ font-size: 16px;}
}
@media screen and (max-width:640px) {
	.detail article .des{ margin-top:20px;}
	.detail article .des .dimg{ float: none; width: 100%;}
	.detail article .des .con{ margin-top: 20px; float: none; width: 100%;}
}