* {
	font-family: "Microsoft Yahei";
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
	background: url("../img/bg.jpg") repeat-y;
	background-size: cover;
	background-color:#B8181A;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #FFF;
	margin:0px;
}
a{
	background: 0 0;
	text-decoration:none;
}
a:active, a:hover {
	outline: 0;
}
a:link,a:visited{
	color:#FFF;
}
input:focus,input:active{
	outline: 0;
}
img {
	vertical-align: middle;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
	margin-bottom: 10px;
	font-weight: 500;
}
h3 {
	margin-bottom: 10px;
	font-size: 22px;
}
h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height:170%;
	font-size: 18px;
}
ul, ol {
	padding:0;
	margin:0;
}
li {
	list-style-type:none;
}
:before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
	content: ".";
	display: block;
	height: 0 !important;
	line-height: 0 !important;
	visibility: hidden;
}
.clearfix:after {
	clear: both;
}
.none{
	display: none;
}
/*** icon ***/
.icon {
	display: inline-block;
	background: red;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	margin:0 4px;
	vertical-align: middle;
}
.icon-like {
	background: url(../img/like.png) no-repeat;
	background-size:cover;
}
.icon-play {
	background: url(../img/play.png) no-repeat;
	background-size: cover;
}
.selected .icon-like {
	background: url(../img/like-selected.png) no-repeat;
	background-size:cover;
}
.selected .icon-play {
	background: url(../img/play-selected.png) no-repeat;
	background-size: cover;
}
.icon-like-big {
	width: 22px;
	height: 22px;
	margin:0;
	background: url(../img/like.png) no-repeat;
	background-size:cover;
}
/*** icon end ***/

/*** btn ***/
.btn {
	display: inline-block;
	margin: 20px auto;
	padding: 8px 22px;
	width:50%;
	background-color: #ff7000;
	font-size:18px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-image: none;
	border: 1px solid transparent;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	border-radius: 50px;
}
.btn:hover, .btn:focus {
	color: #333;
	text-decoration: none;
}
.btn:focus,.btn:active:focus,.btn.active:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn:active,.btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.btn.yellow{
	background-color:#e7af00;
}
.btn.btn-share{
	width:80%;
}
/*** btn end ***/
.fl{
	display:inline;
	float:left;
}
.fr{
	display:inline;
	float:right;
}
.page-box{
	width: 100%;
	text-align: center;
	/*background: url(../img/giftBox.png) no-repeat;
	background-size: cover;*/
}
.page-box img{
	height: 140px;
	width:140px;
}
.page-box .line{
	background: url(../img/line.png) no-repeat;
	background-size: cover;
	width:100%;
	height:28px;
	margin-top:-28px;
}
.page-address .page-box img{
	width: 160px;
	height: 150px;
}
.page-p{
	position: absolute;
	bottom: 20%;
	text-align: center;
	width:100%;
	font-size: 16px;
	color: #fcf3bb;
	letter-spacing: 1px;
}
.page-title{
	text-align: center;
	width:100%;
}
.page-title p{
	font-size: 16px;
	letter-spacing: 1px;
	margin: 10px 0;
}
.page-title img{
	width: 270px;
	margin-top:30px;
}
.page-address{
}
.page-form{
	position: relative;
	z-index: 10;
}
.page-form,.page-form-suc,.page-share{
	width:100%;
	text-align: center;
}
.page-form p{
	font-size:17px;
	letter-spacing: 1px;
}
.page-form input{
	width:75%;
	margin:5px;
	line-height: 24px;
	border-radius: 6px;
	opacity: .2;
	background-color:#000;
	border:0;
	padding:10px;
	color:#FFF;
}
.page-form input:focus{
	opacity: .5;
}
p.page-suc{
	margin-top:40px;
	font-size: 19px;
	color: #fcf3bb;
}
p.page-info{
	text-align: left;
	width:85%;
	margin:0 auto;
	font-size: 15px;
	text-align: center;
}
.page-other{
	position: absolute;
	top:50%;
	margin-top:-100px;
	width: 100%;
}
.page-index .page-box{
	margin-top:140px;
}
.page-other .page-box{
	margin-top:0;
}
.page-other .page-box img{
	width:auto;
	height: auto;
}
.page-other .page-info{
	text-align: center;
	line-height: 22px;
	margin:25px auto;
}
.canvas{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}
/*dialog*/
.page-dialog{
	position: fixed;
	color:#000;
	z-index: 9999;
	top:50%;
	left:50%;
	margin-left:-45%;
	margin-top:-100px;
	width:90%;
	background-color: #FFF;
	border-radius: 6px;
	padding:0 10px;
	display:none;
}
.page-dialog h2{
	text-align: center;
	font-family: "黑体";
	font-size: 21px;
}
.page-dialog p{
	margin:5px;
}
.page-dialog p span{
	font-size: 14px;
}
.page-dialog .func{
	border-top:1px solid #c5c2c2;
	padding:5px 0;
}
.page-dialog .func a{
	font-size: 18px;
	display: inline-block;
	width:49%;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.page-dialog .func a:active{
	background-color: #c5c2c2;
}
.page-dialog .func a:last-child{
	border-left:1px solid #c5c2c2;
}
.page-dialog .func a.ok{
	color:#ff7800;
}
.page-mask{
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	z-index: 999;
	display:none;
}
/*dialog end*/

/*gift_box*/
.page-index .page-box img{
	-webkit-animation-name: shake-horizontal;
	-ms-animation-name: shake-horizontal;
	animation-name: shake-horizontal;
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function: ease-in-out; 
	-webkit-animation-delay: 0s; 
	animation-delay: 0s; 
}
@-webkit-keyframes shake-horizontal { 
	0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
	20% { -webkit-transform: translate(-5px, 0px) rotate(0deg); }
	30% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
	40% { -webkit-transform: translate(5px, 0px) rotate(0deg); }
	50% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
	60% { -webkit-transform: translate(-5px, 0px) rotate(0deg); }
	70% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
	80% { -webkit-transform: translate(5px, 0px) rotate(0deg); }
	90% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
}
/*gift_box end*/

/*** share ***/
#browser-share.share {
	width: 100%;
	background: #f6f6f6;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 91;
	overflow: hidden;
	display: none;
	opacity: 0.9;
	padding: 0;
}
#browser-share.share ul {
	width: 300px;
	padding: 0;
}
#browser-share.share li {
	width: 55px;
	float: left;
	margin-right: 25px;
	display: inline;
	font-size: 13px;
	text-align: center;
	color: #848484;
}
#browser-share.share li span {
	width: 55px;
	height: 55px;
	display: block;
	background: url(http://mat1.gtimg.com/news/aber/2013/leitai/share.png) no-repeat;
	background-size: 57px 176px;
	margin-bottom: 4px;
}
#browser-share.share li.litqq span {
	background-position: 0 -60px;
}
#browser-share.share li.lisina span {
	background-position: 0 -120px;
}
#browser-share.share .bd {
	width: 215px;
	margin: 20px auto;
	overflow: hidden;
}
#browser-share.share .ft {
	height: 60px;
	border-top: solid 1px #c2c2c2;
	background: #dadada;
	text-align: center;
	line-height: 60px;
}
#browser-share.share .ft.cancel{
	color:#000;
}
.share_overmask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.75);}
.share_overmask.show{display:block;z-index:100;}
.share_overmask .share_arrow,.share_overmask .share_words{display:block;background-image:url(http://imgcache.gtimg.cn/tencentvideo_v1/vstyle/mobile/v2/style/aun/img/aun_share_tips.png);-webkit-background-size:308px 82px;background-size:308px 82px;}
.share_overmask .share_arrow{float:right;margin:5px 20px 0 0;width:78px;height:76px;background-position:-230px 0;}
.share_overmask .share_words{margin:100px auto 0;width:222px;height:82px;}
.share_overmask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);}
.share_overmask.show{display:block;z-index:100;}
.share_overmask .share_arrow,.share_overmask .share_words{display:block;background-image:url(http://imgcache.gtimg.cn/tencentvideo_v1/vstyle/mobile/v2/style/aun/img/aun_share_tips.png);-webkit-background-size:308px 82px;background-size:308px 82px;}
.share_overmask .share_arrow{float:right;margin:5px 20px 0 0;width:78px;height:76px;background-position:-230px 0;}
.share_overmask .share_words{margin:100px auto 0;width:222px;height:82px;}
/*** share end ***/

.mod_simple_tips{position:fixed;z-index:99;left:0;top:50%;margin:auto;width:100%;text-align:center;-webkit-transition:opacity .2s ease}
.mod_simple_tips .tips_inner{display:inline-block;line-height:1.3;margin:auto;padding:6px 18px;max-width:70%;background-color:rgba(0,0,0,.75);color:#FFF;border-radius:5px}
/*  |xGv00|7a0fe859c5899253444d52e1313a3cb7 */