@charset "utf-8";
.newsbox{ width:660px; height:500px; background: rgba(255, 255, 255, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
          position:absolute; left:calc(50% - 280px); top:calc(50% - 240px); z-index:200;
		  -webkit-animation: news 2s ;
          -moz-animation: news 2s ;
          -ms-animation: news 2s ;
          -o-animation: news 2s ;
          animation: news 2s ;}
.newsboxcon{width:98%; height:98%; display:block; margin: 1% 0 0 1%; position:relative; background: #f1f1f1}

.poptext{ width:96%; height:96%; display:block; position:absolute; top:2%; left:2%; background:#FFF;overflow:hidden; 
	      line-height: 24px; font-size: 14px; border:1px solid #06c; border-radius: 8px}
.poptext b{display: block; padding: 2% 3%; font-size: 20px; font-weight: bold; color: #fff;background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmOTRjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzNmVhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1f94cc), color-stop(100%, #036ea2)); background-image: -moz-linear-gradient(top, #1f94cc, #036ea2); background-image: -webkit-linear-gradient(top, #1f94cc, #036ea2); background-image: linear-gradient(to bottom, #1f94cc, #036ea2); }
.poptext p{display: block;padding: 0;}
.poptext i{ text-align: right; font-style: normal; display: block; margin-top: 2em; }

.popclose{ width:30px; height:30px; display:block; position:absolute; top:24px; right:20px; z-index: 100;}
.popclose a{ width:30px; height:30px; display:block; background:url(../images/close.png) no-repeat}
.popclose a:hover{ background:url(../images/closeon.png) no-repeat}
.newswrap{
	padding: 20px;
	height: 381px;
	overflow: auto;
}
@-webkit-keyframes news{0%{top:-1200px;}50%{top:-1200px;}100% {top:calc(50% - 240px);}}
@-moz-keyframes news{0%{top:-1200px;}50%{top:-1200px;}100% {top:calc(50% - 240px);}}
@-ms-keyframes news{0%{top:-1200px;}50%{top:-1200px;}100% {top:calc(50% - 240px);}}
@-o-keyframes news{0%{top:-1200px;}50%{top:-1200px;}100% {top:calc(50% - 240px);}}
@keyframes news{0%{top:-1200px;}50%{top:-1200px;}100% {top:calc(50% - 240px);}}

.newsmask{ width:100%; height:100%; background:#FFF; display:block; opacity:.6; position:absolute; top:0; left:0; z-index:199;
          -webkit-animation: newsmask 1s ;
          -moz-animation: newsmask 1s ;
          -ms-animation: newsmask 1s ;
          -o-animation: newsmask 1s ;
          animation: newsmask 1s ;}
@-webkit-keyframes newsmask{0%{opacity:0;}50%{opacity:0;}100% {opacity:.6;}}
@-moz-keyframes newsmask{0%{opacity:0;}50%{opacity:0;}100% {opacity:.6;}}
@-ms-keyframes newsmask{0%{opacity:0;}50%{opacity:0;}100% {opacity:.6;}}
@-o-keyframes newsmask{0%{opacity:0;}50%{opacity:0;}100% {opacity:.6;}}
@keyframes newsmask{0%{opacity:0;}50%{opacity:0;}100% {opacity:.6;}}