@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
* { box-sizing:border-box; }
html{ font-size:625%;height:100%;}
body{ font-family:苹方,'PingFangSC-Regular','PingFang SC','Helvetica Neue','Helvetica',STHeitiSC-Light,Arial,
sans-serif,"san francisco",HelveticaNeue-Light,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",
"Hiragino Sans GB W3","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; -webkit-text-size-adjust:none;
    font-size:.16rem; min-width:320px; background:#1d212d; color:#282828 ; height:100%;position: relative;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:.14rem;}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none; color:#666; font-size:.12rem;}
a:hover, a:active, a:focus{text-decoration:none;}
ins { text-decoration:none; }
em , i { font-style:normal; }
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,textarea{ border-radius: 0; vertical-align:middle;outline:none;border:none;-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
input::-webkit-outer-spin-button , input::-webkit-inner-spin-button {-webkit-appearance:none;}
table { border-collapse:collapse; border-spacing:0}
.clearfix:after { content: " ";display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }

.ellipsis{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}   /*单行省略号*/
.two-ellipsis { display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden;} /*2行省略号*/
.fl{float: left;	}
.fr{float: right;}
.show{display: block;}
.hide{display: none;}

html,body{
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	margin: 0 auto;
	max-width: 600px;
	background-color: #F8F9F9;
}
.artwrap{
	position: relative;
	width: 100%;
	max-width: 600px;
	height: 100%;
	padding-bottom: 0.4rem;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	margin: 0 auto;
}
.artwrap .artkv{
	position: relative;
	width: 100vw;
	height: 100vh;
	max-width: 600px;
	background-image:url(../public/img/1.gif) ;
	background-size:cover ;
	background-repeat:no-repeat ;
}
.artkv .kv-tit{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.15rem;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);

}
.kv-tit img{
	position: relative;
	width: 100%;
		animation: showTit 0.5s 1 linear ;
	animation-fill-mode: backwards;
}

@-webkit-keyframes showTit{
	from{
		transform: scale3d(1.1,1.1,1.1);
		-webkit-transform: scale3d(1.1,1.1,1.1);	
	}
	to{
		transform: scale3d(1,1,1);
		-webkit-transform: scale3d(1,1,1);
	}
}
@keyframes showTit{
	from{
		transform: scale3d(1.1,1.1,1.1);
		-webkit-transform: scale3d(1.1,1.1,1.1);	
	}
	to{
		transform: scale3d(1,1,1);
		-webkit-transform: scale3d(1,1,1);
	}
}


.title{
	font-size: .58rem;
  color: #000;
  margin-bottom: .8rem;
  line-height: .7rem;
  font-weight: 700;
  padding: 0.68rem .5rem 0;
}
.video_panel {
  margin-bottom: .6rem;
}
.video_panel .poster {
  position: relative;
  width: 7.5rem;
  height: 4.22rem;
}
.video_panel .poster:after{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.8rem;
	height: 0.8rem;
	background-image:url(../public/img/play-icon.png) ;
	background-size:100% 100%;
	background-repeat:no-repeat ;
	margin-left: -0.4rem;
	margin-top: -0.4rem;
}
.video_panel .poster img {
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0,0)!important;
  transform: translate(0,0)!important;
  display: block;
}
.video_panel video {
  width: 7.5rem;
  height: 4.22rem!important;
  display: none;
}
.news_video_name {
  margin-top: -.48rem;
  padding: 0 .5rem;
  color: #999;
  font-size: .32rem;
  line-height: .34rem;
  margin-bottom: .4rem;
}
.newsdetail_content {
  font-size: .38rem;
  padding: 0 .5rem;
  color: #333;
  line-height: 1.8;
  margin-bottom: .6rem;
}