@charset "utf-8";
/* CSS Document */
body,p,input,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{margin:0;padding:0;list-style:none;vertical-align:middle;line-height:1;}
body,html{width:750px;height:100%;position:relative;font-family:Helvetica;background-color:#fff;margin:0 auto;overflow: hidden;}
header,section,footer,img,button{display:block;margin:0;padding:0;border:none;}
.clearfix:after {
    content:"";
    display:block;
    height:0;
    clear:both;
}

.clearfix {
    zoom:1;
}

#loading { position: absolute; width: 100%; height: 100%; z-index: 100000; top: 0; background:#000;}
#loading .loadingLineBox{ position: absolute; width: 100%; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}
#loading .loadingLineBox .loadingImg{ width:125px; height:253px; display:block;/* background:url(http://wl.laohu.com/_s/weixin1205/icon_apple1.gif) no-repeat;*/ margin:0 auto; animation:loadImg 0.2s infinite;}
@-webkit-keyframes loadImg{
	0%{ background-image:url(http://wl.laohu.com/_s/weixin1205/icon_apple.png);}
	100%{ background-image:url(http://wl.laohu.com/_s/weixin1205/icon_apple1.png);}
}
#loading .loadingLine{ width:50%; margin:0 auto 0; border-radius:3px; height:6px; display:block;}
#loading .loadingLine strong{ width:0; background:#ffffff; height:6px; display:block;}

.main { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden;}
.section { display: none;
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
}

/* 锁屏消息浮层 */
#p-index { position: absolute; width: 100%; height: 100%; background:url(http://wl.laohu.com/_s/weixin1205/p1.jpg) no-repeat center top;}
#p-index .time { color: #fff; text-align: center; padding-top:120px;}
#p-index .time strong { display: block; width: 371px; height: 240px; background: url(http://wl.laohu.com/_s/weixin1205/time.png) 0 0 no-repeat; margin: 0 auto;}
#p-index .weixin { padding-top:46px;}
#p-index .weixin li { background:url(http://wl.laohu.com/_s/weixin1205/wx_tips.png) no-repeat; width:717px; height:220px; margin:0 auto; position:relative; display:none;-webkit-animation: popIn 0.5s both; animation: popIn 0.5s both;}
#p-index .weixin li.on { opacity: 1;}
#p-index .weixin li .hand_tips{ background:url(http://wl.laohu.com/_s/weixin1205/index_hand.png) no-repeat; width:103px; height:151px; position:absolute; right:-4px; bottom:-50px;-webkit-animation: moveLeft 2s infinite;animation: moveLeft 2s infinite; display:none;}
#p-index .bottom { position: absolute; background:url(http://wl.laohu.com/_s/weixin1205/index_bottom.png) no-repeat center top; height:76px; bottom:12px; left:0; right:0; width:100%;}
@keyframes popIn{
	0%{ transform:scale(0);}
	100%{ transform:scale(1);}
}
@-webkit-keyframes popIn{
	0%{ -webkit-transform:scale(0);}
	100%{ -webkit-transform:scale(1);}
}
#player{ position: absolute; width: 100%; height: 100%; background:#000; }

/* 打开群消息浮层 */
#p-chat { position: absolute; width: 100%; height: 100%; background-color: #ebebeb;}
#p-chat .scroll { position: absolute; width: 100%; height: 100%; overflow-y: scroll;-webkit-overflow-scrolling: touch;}
#p-chat .tips{ width:95%; text-align:center; margin:0 auto;}
#p-chat .tips span{ padding:0 25px;}
#p-chat .time { height: 40px; background-color: #cecece; color: #fff; border-radius: 8px; font-size: 24px; text-align: center; line-height: 40px; margin: 10px auto; display:inline-block;}
#p-chat .list { margin: 0 20px; padding:20px 0 120px;}
#p-chat.after .list { padding-bottom: 604px;}
#p-chat .list li { margin-bottom:30px; min-height:1px; zoom: 1; display: none;
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
}
#p-chat .list li.Invitation{ margin-bottom:3px;}
#p-chat .list li > img { display: block; width:80px; height:80px; float: left;}
#p-chat .list li.user img { float: right;}
#p-chat .list li .name { margin-left:110px; font-size: 24px; color: #787878; height:34px; display:block;}
#p-chat .list li .detail { margin:0 0 0 104px; position: relative;}
#p-chat .list li.user .detail{ float:right; margin:0;}
#p-chat .list li.user .name{ float:right; margin-right:20px;}
#p-chat .list li .detail p { background-color: #fff; border: 1px solid #d0d0d0; border-radius:10px; padding:16px; float: left; max-width:420px; font-size:30px; line-height: 1.2;}
#p-chat .list li .detail p img { float: none; display: inline-block; margin:0 5px; max-width:40px; border: none; vertical-align: middle;}
#p-chat .list li .detail span { display: block; position: absolute; width: 11px; height: 26px; background: url(http://wl.laohu.com/_s/weixin1205/arrow-1.png) 0 0 no-repeat; left: -10px; top: 26px;}
#p-chat .list li .detail .hand_tips{ background:url(http://wl.laohu.com/_s/weixin1205/p-weixin-hand.png) no-repeat; width:103px; height:151px; position:absolute; left:270px; top:110px;-webkit-animation: handscale 1s .5s infinite both;animation: handscale 1s .5s infinite both;}
#p-chat .list li .bkv{ overflow:hidden;}
#p-chat .list li .bkv > img,#p-chat .list li .emoticon{ width:180px;}
#p-chat .list li .bkv .hand_tips{ background:url(http://wl.laohu.com/_s/weixin1205/index_hand.png) no-repeat; width:103px; height:151px; position:absolute; left:7px;top:25px; -webkit-animation: handscale linear 1s infinite;animation: handscale linear 1s infinite; z-index:1111; display:none;}
#p-chat .list li .last .hand_tips{ display:none;}
#p-chat .bar { position: fixed; bottom: 0; width: 100%; height:100px; background:url(http://wl.laohu.com/_s/weixin1205/p-char-bar.jpg) no-repeat center top; z-index:11;}
.imground{ width:100%; height:620px; position:fixed; bottom:0; left:0; z-index:11; display:none;}

/* 朋友圈外 */
#p-weixin-2 { position: absolute; width: 100%; height: 100%; background-color: #efeff4;}
#p-weixin-2 .scroll { position: absolute; width: 100%; height: 100%; overflow-y: scroll;}
#p-weixin-2 .msg { background:url(http://wl.laohu.com/_s/weixin1205/msg.jpg) no-repeat; width:100%; height:1087px;}
#p-weixin-2 .bind-touch{ height:135px; position:absolute; top:0; z-index:11; left:0; width:100%;}
#p-weixin-2 .bar { position: fixed; width: 100%; height: 98px; bottom: 0; background: url(http://wl.laohu.com/_s/weixin1205/bar-bottom.jpg) no-repeat;}
#p-weixin-2 .hand_tips{ background:url(http://wl.laohu.com/_s/weixin1205/p-weixin-hand.png) no-repeat; width:103px; height:151px; position:absolute; left:580px; top:33px;-webkit-animation: handscale 1s .5s infinite both;}

#share { position:fixed; width: 100%; height: 100%; z-index: 1000000; top: 0; left: 0; display: none;}
.browser { position: absolute; width: 100%; height: 100%; background: #000 url(http://wl.laohu.com/_s/weixin1205/bg-download.jpg) 0 100% no-repeat}
.browser div { position: absolute; width: 100%; height: 100%; z-index: 1000000; top: 0; left: 0; background: rgba(0,0,0,0.8) url(http://wl.laohu.com/_s/weixin1205/share.png) 100% 0 no-repeat;}
.browser div p { display: block; position: absolute; width: 100%; font-size: 50px; color: #fff; top: 640px; left: 0; text-align: center;}

@keyframes moveLeft {
	0% {transform:translate(-600%,0)}
	100% {transform:translate(0,0)}
}
@-webkit-keyframes moveLeft {
	0% {-webkit-transform:translate(-600%,0)}
	100% {-webkit-transform:translate(0,0)}
}
@keyframes handscale {
	0% {transform: scale(1)}
	50% {transform: scale(.75)}
	100% {transform: scale(1)}
}
@-webkit-keyframes handscale {
	0% {-webkit-transform:scale(1)}
	50% {-webkit-transform: scale(.75)}
	100% {-webkit-transform:scale(1)}
}
@keyframes handpress {
	0% {transform: scale(1) translate3d(300px,0,0);}
	25% {transform: scale(1) translate3d(200px,0,0);}
	50% {transform: scale(1) translate3d(100px,0,0);}
	75% {transform: scale(1) translate3d(0,0,0);}
	100% {transform: scale(.6) translate3d(0,0,0)}
}
@-webkit-keyframes handpress {
	0% {-webkit-transform: scale(1) translate3d(300px,0,0);}
	25% {-webkit-transform: scale(1) translate3d(200px,0,0);}
	50% {-webkit-transform: scale(1) translate3d(100px,0,0);}
	75% {-webkit-transform: scale(1) translate3d(0,0,0);}
	100% {-webkit-transform: scale(.6) translate3d(0,0,0)}
}

#video{
	background-color: #000;position: absolute;
	width:110%; height:110%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	z-index:111;
}
.weixinIn{ width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; z-index:1000001;display: flex;align-items: center; justify-content: center; display:none; animation:scenlarge 0.5s both; -webkit-animation:scenlarge 0.5s both;}
.weixinIn img{transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%;animation:shake2 1s .5s both linear;-webkit-animation:shake2 1s .5s both linear;}
@keyframes scenlarge{
	0%{ transform:scale(0.2);}
	100%{ transform:scale(1);}	
}
@-webkit-keyframes scenlarge{
	0%{ transform:scale(0.2);}
	100%{ transform:scale(1);}	
}
@-webkit-keyframes shake2 {
	0% {-webkit-transform: rotate(2deg) translate3d(0,0,0) scale(1.2)}
	25% {-webkit-transform: rotate(-2deg) translate3d(0,0,0) scale(1.2)}
	50% {-webkit-transform: rotate(2deg) translate3d(0,0,0) scale(1.2)}
	75% {-webkit-transform: rotate(-2deg) translate3d(0,0,0) scale(1.2)}
	90% {-webkit-transform: rotate(2deg) translate3d(0,0,0) scale(1.2)}
	100% {-webkit-transform: rotate(0deg) translate3d(0,0,0) scale(1.2);}
}


.weixinMask{ background-color:rgba(0,0,0,0.8); width:100%; height:100%; color:#fff; font-size:30px; position:fixed; left:0; top:0; z-index:1000001;display: flex;align-items: center; justify-content: center; display:none;}