/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:underline;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
body{background:none; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}

.wrap{background: url(http://wl.laohu.com/_s/love2018/bg.jpg) no-repeat center 0; min-width: 1240px;}
.header{width:100%; height: 1138px; margin: 0 auto;}
.logoImg{display: block; width: 180px; position: absolute; left: 50px; top:50px;}
.navBtn{position: absolute;right: 100px; top: 20px; width: 372px;}
.navBtn a{float: left; width:120px; height: 32px; margin-right:5px; overflow: hidden; text-indent: -999px;}
.navBtn a.m1{background: url(http://wl.laohu.com/_s/love2018/m1.png) no-repeat 0 0;}
.navBtn a.m2{background: url(http://wl.laohu.com/_s/love2018/m2.png) no-repeat 0 0;}
.navBtn a.m3{background: url(http://wl.laohu.com/_s/love2018/m3.png) no-repeat 0 0; margin: 0;}
.navBtn a:hover{background-position: 0 -33px;}
.wldownload{display: none; position: absolute; left: 105px; top: 36px; width: 160px;}
.main{width:1240px; margin: 0 auto;}
.box1{height: 775px;}
.box2{height: 895px;}
.box3{height: 790px;}
.publicTitle{height: 170px;}
.publicTitle img{display: block; margin: 0 auto;}
.listul1 li{float: left; width: 413px;}
.listul1 li img{display: block;}
.listul1 li a{display: block; width: 368px; height: 343px;}
.listul1 a{display: block;width: 155px;height: 254px;-webkit-perspective: 600px;-moz-perspective: 600px;}
a .pic2{position:absolute;top:0;left:0;z-index:-1;}
a .pic2{
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;/*z-index:10;
    position:absolute;*/
}
a .pic1{
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
a:hover .pic1{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
}
a:hover .pic2{
    -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);
    -ms-transform:rotateX(0deg) rotate(0deg);
    -o-transform:rotateX(0deg) rotate(0deg);
    transform:rotateX(0deg) rotate(0deg);
    z-index: 10;
    position: absolute;
}

.box2 .publicTitle{height: 116px;}
.listul2 li{float: left; width: 620px; height: 580px; position: relative;}

.heart{position:absolute; left: 0; top: 0; width: 620px; height: 580px; display: none;}
.heart img{display: block; width: 100%;}

.list2Box{position: absolute; left: 0; top: 40px; width: 620px; height: 473px;}
.list2Box a{float: left; width: 310px; height: 473px; position: absolute; left: 0; top: 0;}
.list2Box a.s1{left: 25px}
.list2Box a.s2{left: 300px}
.list2Box a img{display: block; width: 100%;}

.listul3{width: 1000px; margin: 0 auto;}
.listul3 li{float: left; width:500px; height: 380px;}
.listul3 li a{display: block; width: 371px; height: 373px; margin: 0 auto; position: relative;}

.poplr{width: 122px; height: 480px; position: fixed; left: 60px; top: 50%; margin-top: -200px; background: url(http://wl.laohu.com/_s/love2018/lrbtn.png) no-repeat 0 0;}
.poplr a{display: block; width: 122px; height: 122px; margin-bottom: 20px; background: url(http://wl.laohu.com/_s/love2018/lrbtn.png) no-repeat -999px 0;}
.poplr a.btn1:hover{background-position: right 0;}
.poplr a.btn2:hover{background-position: right -142px;}
.poplr a.btn3:hover{background-position: right -284px;}
.poplr a.btn4{height: 74px; margin: 0 auto;}
.poplr a.btn4:hover{background-position: right -426px;}

.popBg{background:#000; filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8; width: 100%; height: 100%; position:fixed; left: 0; top: 0; z-index: 998; display: none}
.popBox{width: 718px; height: 370px; position: fixed; left: 50%; top:50%; margin: -185px 0 0 -359px; background: url(http://wl.laohu.com/_s/love2018/popBg.png) no-repeat 0 0; z-index: 999; display: none}
.closeBtn{display: block; width: 75px; height: 66px; background: url(http://wl.laohu.com/_s/love2018/close.png) no-repeat 0 0; position: absolute; right: -48px; top: 0;}
.popMain{display:block; width: 590px; margin: 0 auto; padding-top: 30px;}
.popMain h2{text-align: center; font-size: 40px; color: #6c6bcf; padding-bottom: 10px;}
.popList{overflow: hidden; overflow-y: auto; font-size: 18px; color: #6c6bcf; line-height: 30px; height: 250px; width: 100%; padding-right: 10px;}
.popList p{padding-bottom: 15px;}
.popList img{display: block; margin: 0 auto; max-width: 100%;}

.popList::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.popList::-webkit-scrollbar-track{background-color:#ccccf1;}
.popList::-webkit-scrollbar-thumb{background-color:#5c59c2;} 
.popList::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.popList::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.popList::-webkit-scrollbar-track-piece{margin: 0 0;}


.videoPop{ width: 835px; height: 468px; position: fixed; left: 50%; top: 50%; margin: -234px 0 0 -417px; padding-top:18px; background:url(http://wl.wanmei.com/images/cover1805/pop_bg.png); display: none; z-index: 999;}
.pop_v_box{ width: 800px; height: 452px; margin:0 auto;}
.closeVideo { position: absolute; height: 102px; width: 102px; left: 362px; top:-110px; background:url(http://wl.wanmei.com/images/cover1805/icon_close.png); background-size: 100% 100%;cursor: pointer; }

.moveleft{-webkit-transform: translate3d(-100%,0,0);-moz-transform: translate3d(-100%,0,0);-ms-transform: translate3d(-100%,0,0);-o-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveright{-webkit-transform: translate3d(100%,0,0);-moz-transform: translate3d(100%,0,0);-ms-transform: translate3d(100%,0,0);-o-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveup{-webkit-transform: translate3d(0,-100%,0);-moz-transform: translate3d(0,-100%,0);-ms-transform: translate3d(0,-100%,0);-o-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.movedown{-webkit-transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);-ms-transform: translate3d(0,100%,0);-o-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.moveyuan{
  -webkit-animation: moveyuan 40s linear infinite;
  -moz-animation: moveyuan 40s linear infinite;
  -o-animation: moveyuan 40s linear infinite;
  -ms-animation: moveyuan 40s linear infinite;
  animation: moveyuan 40s linear infinite;
}
.moveyuan2{
  -webkit-animation: moveyuan2 5s linear infinite;
  -moz-animation: moveyuan2 5s linear infinite;
  -o-animation: moveyuan2 5s linear infinite;
  -ms-animation: moveyuan2 5s linear infinite;
  animation: moveyuan2 5s linear infinite;
}
@-webkit-keyframes moveyuan{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes moveyuan{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(-360deg);}
}
@-ms-keyframes moveyuan{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(-360deg);}
}
@-o-keyframes moveyuan{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(-360deg);}
}
@keyframes moveyuan{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(-360deg);}
}

@-webkit-keyframes moveyuan2{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes moveyuan2{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(360deg);}
}
@-ms-keyframes moveyuan2{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(360deg);}
}
@-o-keyframes moveyuan2{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(360deg);}
}
@keyframes moveyuan2{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}