.chatuserpic{margin-top:25%;z-index:999999;text-align:center;}
.endlogo2{position:absolute;right:25px;bottom:50px;z-index:999999;}
.chatuserpic img{width:80px;border-radius:40px;}
.artbooktshow{padding:20px;line-height:66px;text-align:center;font-size:24px;margin-top:35%;padding:20px 15% 20px 15%;width:70%;color:#666;float:right;z-index:99;position:fixed;left:0;top:0;}
.allvoice{position:fixed;left:-10px;bottom:150px;width:100px;height:90px;padding:10px 0;text-align:center;line-height:15px;overflow:hidden;
font-size:20px;background:#08C390;border-bottom-right-radius:36px;border-top-right-radius:36px;opacity:0.9;z-index:9999;color:#049870;}
.allvoice a{color:#fff;}
.allvoice i{background:url(/img/icon/sound.png) no-repeat 0 -104px;background-size:70px;width:70px;height:52px;margin:0 14px 10px 14px;display:block;}
.engmask{background:#999;display:none;opacity:0.3;width:100%;height:100%;position:absolute;left:0;top:0;}
.english{font-size:50px;color:#666;text-shadow:1px 1px 1px #999;-webkit-text-stroke: 1px #000;font-weight:bold;font-style:oblique;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;word-break:break-word;}
.english i,.chinese i{transform:rotate(357deg);display:block;}
.chinese i{font-style: normal;}
.english span.onbg{background:#08C390;border-radius:20px;padding:0 10px;}
.englishb{font-size:50px;font-weight:bold;font-style:oblique;font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;word-break:break-word;}

.english span.onbg{background:#08C390;border-radius:20px;padding:0 10px;color:#fff;}
.englishc{text-shadow:2px 2px 2px #999;-webkit-text-stroke: 2px #000;}
.engcolor1,.engcolor11,.engcolor21{color:#fff;}
.engcolor2,.engcolor12,.engcolor22{color:#ec6ad9;}
.engcolor3,.engcolor13,.engcolor23{color:#60a9ec;}
.engcolor4,.engcolor14,.engcolor24{color:#39ac8a;}
.engcolor5,.engcolor15,.engcolor25{color:#f06888;}
.engcolor6,.engcolor16,.engcolor26{color:#fa0;}
.engcolor7,.engcolor17,.engcolor27{color:#1c9795;}
.engcolor8,.engcolor18,.engcolor28{color:#e634af;}
.engcolor9,.engcolor19,.engcolor29{color:#574ac5;}
.engcolor0.engcolor10,.engcolor20,.engcolor30{color:#3FAC8C;}
.english em{background:url(/img/icon/sound.png) no-repeat;background-size:70px;width:70px;height:60px;margin:0 5px;position:fixed;right:-70px;top:0px;}
.chinese{background:none;color:#fff;border-radius:10px;line-height:35px;margin-top:20px;text-align:center;padding:5px 10px;}
.allbody{width:100%;height:100%;position:absolute;}

.allenglish{display:none;}
.tips{position:absolute;right:0px;bottom:20px;width:100%;border-radius:10px;color:#fff;text-align:center;font-size:20px;z-index:999;}
.bigtitle{position:absolute;left:16%;bottom:16%;width:68%;font-size:36px;color:#333;font-weight:bold;font-style:oblique;z-index:9999;-webkit-text-stroke-color:white; -webkit-text-stroke-width:1px;text-align:center;}
.bigpic{margin-top:20px;text-align:center;}

.bigpic img{border-radius:60px;width:60%;border:10px solid #eee;text-align:center;transform:rotate(357deg);}
.qrcode{position:absolute;left:0px;bottom:20%;text-align:center;width:100%;border-radius:10px;z-index:99999;}
.qrcode img{width:130px;}
.landscape .artbooktshow{margin:10px 22% 20px 10%;line-height:36px;font-size:14px;}
.landscape .english{font-size:36px;}
.landscape .chinese{background:#eee;border-radius:10px;line-height:15px;}
.landscape .allbody em{display:none;}
.landscape .qrcode{position:absolute;right:10%;bottom:15%;width:50px;border-radius:5px;}
.landscape *{display:none;}
.getmicrophone{display:block;line-height:300px;overflow:hidden;position:absolute;right:41%;bottom:10%;width:100px;height:100px;z-index:9999;font-size:22px;color:#fff;background:url(/img/microphone.png) no-repeat;background-size:100px;border-radius:55px;border:5px solid #fff;
opacity:0;
	-webkit-transform: translate(0px,-550px);
	   -moz-transform: translate(0px,-550px);
	    -ms-transform: translate(0px,-550px);
	     -o-transform: translate(0px,-550px);
	        transform: translate(0px,-550PX);
}
.artbookend em{background:#fff;width:70px;height:60px;padding:20px 25px 25px 20px;display:block;position:absolute;right:60px;bottom:200px;border-radius:20px;}
.artbookend em span{background:#fff url(/img/icon/sound.png) no-repeat;background-size:70px;width:75px;height:60px;margin:0 5px;display:block;}
.closewordshow{padding:0 28px;line-height:55px;position:absolute;right:0px;top:-55px;background:#fc0;font-size:24px;border-top-left-radius:10px;border-top-right-radius:10px;}
.decoratedeedf{background:#08C390;position:fixed;left:5%;width:90%;bottom:100px;z-index:99999999;
border-top-left-radius:30px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;padding-bottom:10px;
opacity:0;
	-webkit-transform: translate(700px,0);
	   -moz-transform: translate(700px,0);
	    -ms-transform: translate(700px,0);
	     -o-transform: translate(700px,0);
	        transform: translate(700px,0);	
	-webkit-transition:all 0.5s;
  	   -moz-transition:all 0.5s;
	    -ms-transition:all 0.5s;
	     -o-transition:all 0.5s;
	        transition:all 0.5s;}
.decoratedeedf p{font-size:24px;line-height:36px;color:#fff;}
.decoratedeedf p a{color:#F3CC16;font-size:30px;line-height:66px;font-weight:bold;}
.decoratedeedf cite{color:#654C0F;font-size:24px;padding-right:10px;}
.flashbottom{ opacity: 0.86;
	-webkit-transform: translate(0,0) scale(1);
	   -moz-transform: translate(0,0) scale(1);
	    -ms-transform: translate(0,0) scale(1);
	     -o-transform: translate(0,0) scale(1);
	        transform: translate(0,0) scale(1);}
.decoratedeedf .wordshowbox{padding:15px 10% 35px 10%;width:80%;
}
.wordshowbox h2{font-size:50px;}
.ralativewords{padding:0 10% 35px 10%;display:none;border-top:1px dotted #1B9A78;font-size:22px;color:#ddd;background:#13BE8C;margin:10px -25px -25px -25px;position:relative;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.ralativewords div{position:relative;}
.ralativewords div.rwtit{position:absolute;left:-3px;top:-1px;font-size:10px;color:#fff;text-shadow:1px 1px 1px #333;text-align:left;line-height:12px;height:50px;padding:3px;margin:0;overflow:hidden;background:#1B9A78;width:12px;text-align:center;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.ralativewords p.lh28 a{color:#eee;font-size:40px;}
.ralativewords p{position:relative;}
.ralativewords p cite{color:#1B9A78;font-size:14px;padding-right:10px;}
.ralativewords p.intro{font-size:16px;color:#999;}
.usavoice{position:absolute;right:20px;top:5px;width:90px;height:90px;text-align:center;line-height:15px;overflow:hidden;
font-size:18px;border-radius:5px;opacity:0.9;color:#333;}
.usavoice em{background:url(/img/icon/sound.png) no-repeat 0 -103px;background-size:70px;width:70px;height:60px;margin:0 5px;display:block;}
.usavoice2{position:absolute;right:-25px;top:11px;width:25px;height:30px;line-height:12px;overflow:hidden;
font-size:10px;padding-left:35px;}
.usavoice2 em{background:url(/img/icon/sound.png) no-repeat 0 -28px;background-size:35px;width:35px;height:28px;margin:0 5px;display:block;position:absolute;right:20px;top:-2px;}
.artqrcode1{position:absolute;right:50px;bottom:80px;}
.artqrcode1 img{width:160px;box-shadow:2px 2px 2px #999;}
.artqrcode2{width:100%;text-align:center;}
.artqrcode2 img{width:200px;box-shadow:2px 2px 2px #999;}
.endtshow{padding:20px;line-height:40px;text-align:center;font-size:24px;text-shadow:1px 1px 1px #000;width:70%;margin:40px auto;color:#fff;background:#999;border-radius:30px;}
.artendpic{text-align:center;padding:30px 0 20px 0;}
.artendpic img{border-radius:20px;}
.artbookbtn a{width:300px;margin:5px auto;line-height:60px;height:60px;text-align:center;font-size:28px;background:#eee;border-radius:30px;color:#333;display:block;}
.theend{text-align:center;font-size:50px;padding-top:131px;}
.endlogo{padding:30px 0;line-height:50px;text-align:center;clear:both;}
.lovebtn{position:absolute;right:25px;bottom:80px;z-index:999999;}
.lovebtn a,.lovebtn cite{position:relative;text-align:center;display:block;background:#fff;border-radius:40px;width:45px;height:74px;font-size:30px;padding:5px 17px 0 17px;margin-top:20px;}
.lovebtn a em,.lovebtn cite em{font-size:14px;color:#f46;display:block;}
.lovebtn cite em{color:#999;}
i.love{display:block;width:45px;height:43px;background:url(../images/sprite2.png) no-repeat -92px -286px;background-size:140px auto;}
i.views{display:block;width:45px;height:40px;background:url(../images/sprite2.png) no-repeat -96px -56px;background-size:200px auto;}
.mainbtn{width:80%;margin:0 auto;}
.mainbtn a{width:30%;display:block;height: 80px; margin:30px auto 0 auto; line-height: 80px; text-align: center; color: #333; background: #fff;margin:20px 1.5%;border-radius: 12px; font-size: 30px;float:left;}
.webvrlist ul{width:100%;height:100%;float:left;}
.webvrlist ul li{position:relative;float:left;width:50%;height:50%;overflow:hidden;}
.webvrlist ul li a{width:100%;height:100%;overflow:hidden;}
.webvrlist ul li h2{position:absolute;left:0;top:30%;line-height:40px;height:40%;font-size:30px;padding:0 50px;}
.webvrlist ul li a h2{color:#fff;text-shadow:1px 1px 1px #000;}

.fixtop{position:absolute;left:0;top:0;z-index:9999;width:80%;text-align:left;}
.fixfoot{position:absolute;left:40%;bottom:40%;z-index:9999;}


.cl{clear:both;}



.heart_div{position:absolute}
.heart1{position:absolute;opacity:0}
.heart0{position:absolute;width:50px;opacity:0}
.heart2{position:absolute;width:55px;opacity:0}

.heart1{-moz-animation:heart0_1_ani 4s infinite linear;-webkit-animation:heart0_1_ani 4s infinite linear;-o-animation:heart0_1_ani 4s infinite linear;animation:heart0_1_ani 4s infinite linear;}
.heart0{-moz-animation:heart0_0_ani 4s infinite linear;-webkit-animation:heart0_0_ani 4s infinite linear;-o-animation:heart0_0_ani 4s infinite linear;animation:heart0_0_ani 4s infinite linear;}
.heart2{-moz-animation:heart0_2_ani 4s infinite linear;-webkit-animation:heart0_2_ani 4s infinite linear;-o-animation:heart0_2_ani 4s infinite linear;animation:heart0_2_ani 4s infinite linear;}

 @-webkit-keyframes heart0_1_ani
    {
        0%   {-webkit-transform:translate(70px,290px) rotate(-20deg) scale(0.5,0.5);opacity: 1}
        70% {-webkit-transform:translate(20px,210px) rotate(-30deg) scale(1,1);opacity: 1}
        100% {-webkit-transform:translate(0px,170px) rotate(-30deg) scale(1.2,1.2);opacity: 0}
    }
    @-webkit-keyframes heart0_0_ani
    {
        0%   {-webkit-transform:translate(100px,330px) rotate(20deg);opacity: 1}
        70%  {-webkit-transform:translate(130px,160px) rotate(20deg);opacity: 1}
        100% {-webkit-transform:translate(150px,110px) rotate(20deg);opacity: 0}
    }
    @-webkit-keyframes heart0_2_ani
    {
        0%   {-webkit-transform:translate(100px,340px) rotate(40deg);opacity: 1}
        50%  {-webkit-transform:translate(140px,320px) rotate(40deg);;opacity: 1}
        100% {-webkit-transform:translate(180px,260px) rotate(40deg);opacity: 0}
    }
.usermenu2{position:fixed;left:5%;bottom:70px;width:90%;}
.usernavlist3 ul{margin:8px 7px 8px 10px;overflow:hidden;}
.usernavlist3 li {color:#333; font-size:12px;position:relative;width:33%;float:left;text-align:center;}
.usernavlist3 li a{display:block;line-height:30px;padding:10px 0;text-align:center;margin:4px;background:#f8f8f8;border-radius:10px;}
.usernavlist3 li span { color:#999;display:none;}
.usernavlist3 li em{display:block;background:url(/img/postnav.png) no-repeat;width:100%;height:70px;overflow:hidden;}
.usernavlist3 li em{background-position:center -390px;background-size:70px;}
.usernavlist3 li em.thread{background-position:center 0px;}
.usernavlist3 li em.enart{background-position:center -434px;}
.usernavlist3 li em.life{background-position:center -74px;}
.usernavlist3 li em.vote{background-position:center -508px;}
.usernavlist4 ul{margin:8px 10px 0 10px;overflow:hidden;}
.usernavlist4 li {color:#333; font-size:12px;position:relative;width:20%;float:left;text-align:center;}

.usernavlist4 li a{display:block;line-height:16px;text-align:center;margin:4px;background:none;border-radius:10px;padding:0px;}
.usernavlist4 li a span { display:block;color:#999;background:#f8f8f8;border-radius:10px;padding:15px 10px;margin-bottom:5px;}
.usernavlist4 li a cite{display:block;line-height:32px;background:none;height:32px;font-size:24px;color:#fff;}

.usernavlist4a li {color:#333; font-size:12px;position:relative;width:25%;float:left;text-align:center;}
.usernavlist4a li a{display:block;line-height:16px;text-align:center;margin:12px;background:none;border-radius:10px;padding:0px;}