body{padding:0;margin:0;font:normal 12px/180% 'Microsoft YaHei';color:#333;background:#fff}h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0}div{margin:0 auto;text-align:left;font:normal 12px/180% 'Microsoft YaHei'}a:link,a:visited{color:#333;text-decoration:none}a:hover{color:#e60012;text-decoration:none}img{border:none}ol,ul,li{list-style:none}i{font-style:normal}input,img{vertical-align:middle}input[type="button"],input[type="submit"]{vertical-align:middle;cursor:pointer}html{height:100%;overflow:hidden}body{background:#4d8e9e;-webkit-transform-origin:0 0;position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0}#all_content{width:640px;height:1050px;overflow:hidden;position:absolute}.loading{width:640px;height:1080px;position:absolute;top:0px;left:0px;z-index:999;background:url(imagesloading.gif) no-repeat}.shear{width:640px;height:1050px;background:url(imagesshear.jpg) no-repeat;display:none;position:absolute;top:0px;left:0px;z-index:999}.videoShow{width:640px;height:1050px;overflow:hidden;position:absolute;background:#000000}.videoShow .videoContent{width:640px;height:570px;background:url(images/1.gif) no-repeat;background-size:contain}.videoShow .videoContent video{width:640px;height:570px}.videoShow .videoContent canvas{width:640px;height:570px}.videoShow .submitTalk{width:640px;height:80px;position:fixed;bottom:0;left:0px;background:#191723}.videoShow .submitTalk .talk-icon{display:inline-block;width:37px;height:36px;background:url(imagestalk.png) no-repeat;position:absolute;left:16px;top:20px}.videoShow .submitTalk input[type="text"]{width:430px;height:53px;background:#8c8d91;border:none;border-radius:10px;position:absolute;left:73px;top:15px;font-size:22px;line-height:53px;color:#fff;text-indent:1em}.videoShow .submitTalk input[type="button"]{width:110px;height:53px;background:#00b389;border:none;border-radius:8px;font-size:28px;color:#fff;font-weight:bold;position:absolute;top:15px;right:10px}.videoShow .videoFace{width:260px;height:81px;background:url(imagesface.png) no-repeat;position:fixed;top:64px;left:10px}.videoShow .xin{display:inline-block;width:55px;height:50px;background:url(imagesxin.png) no-repeat;position:fixed;right:40px;bottom:110px}.videoShow .xin_red{display:inline-block;width:55px;height:50px;background:url(imagesxin_red.png) no-repeat;position:fixed;right:40px;bottom:110px}.videoShow .zanNubmer{width:85px;display:inline-block;border-bottom:1px solid #fff;position:fixed;bottom:180px;right:20px;color:#fff;font-size:36px;text-align:center;padding-bottom:15px}.videoShow .videoText{color:#fff;font-size:22px;width:410px;height:330px;overflow:hidden;position:absolute;bottom:105px;left:15px}.videoShow .videoText li{padding:3px 0;height:80px;font-size:20px;line-height:180%}.videoShow .liwu{display:inline-block;width:181px;height:219px;background:url(imagesliwu.png) no-repeat;position:absolute;top:340px;left:30px;opacity:0}.videoShow .liwu1{display:inline-block;width:192px;height:206px;background:url(imagesliwu1.png) no-repeat;position:absolute;top:340px;left:30px;opacity:0}.videoShow .liwu{-webkit-animation:liwu 5s linear infinite;animation:liwu 5s linear infinite}@-webkit-keyframes liwu{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes liwu{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.videoShow .liwu1{-webkit-animation:liwu1 5s linear 2.5s infinite;animation:liwu1 5s linear 2.5s infinite}@-webkit-keyframes liwu1{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes liwu1{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.videoShow .buttonShow{-webkit-animation:buttonShow .6s linear infinite;animation:buttonShow .6s linear infinite}@-webkit-keyframes buttonShow{0%{background:#00b389}50%{background:#fc7f48}100%{background:#00b389}}@keyframes buttonShow{0%{background:#00b389}50%{background:#fc7f48}100%{background:#00b389}}.videoShow .tipZan{position:absolute;bottom:320px;width:150px;right:0px}.videoShow .handZan{display:inline-block;width:74px;height:74px;border-radius:37px;background:url(imageshand.png) no-repeat center center #7569f1;position:absolute;left:40px}.videoShow .zan1{background:url(imageshand.png) no-repeat center center #33b69a}.videoShow .zan2{background:url(imageshand.png) no-repeat center center #49b2eb}.videoShow .zan3{background:url(imageshand.png) no-repeat center center #f84c94}.videoShow .zan4{background:url(imageshand.png) no-repeat center center #fc7f48}.videoShow .zan5{background:url(imageshand.png) no-repeat center center #33b69a}.videoShow .zan6{background:url(imageshand.png) no-repeat center center #49b2eb}.videoShow .zan7{background:url(imageshand.png) no-repeat center center #f84c94}.videoShow .zan8{background:url(imageshand.png) no-repeat center center #fc7f48}.videoShow .zan1{-webkit-animation:zan1 1s linear infinite;animation:zan1 1s linear infinite}@-webkit-keyframes zan1{0%{-webkit-transform:translate(0, 0)}20%{-webkit-transform:translate(-10px, -20px);opacity:1}40%{-webkit-transform:translate(10px, -60px);opacity:0.8}60%{-webkit-transform:translate(0px, -120px);opacity:0.6}80%{-webkit-transform:translate(-15px, -160px);opacity:0.4}100%{-webkit-transform:translate(0px, -200px);opacity:0}}@keyframes zan1{0%{transform:translate(0, 0, 0)}20%{transform:translate(-10px, -20px);opacity:1}40%{transform:translate(10px, -60px);opacity:0.8}60%{transform:translate(0px, -120px);opacity:0.6}80%{transform:translate(-15px, -160px);opacity:0.4}100%{transform:translate(0px, -200px);opacity:0}}.videoShow .zan2{-webkit-animation:zan2 1.5s linear infinite;animation:zan2 1.5s linear infinite}@-webkit-keyframes zan2{0%{-webkit-transform:translate(0, 0, 0)}20%{-webkit-transform:translate(-10px, -20px);opacity:1}40%{-webkit-transform:translate(0px, -60px);opacity:0.8}60%{-webkit-transform:translate(10px, -70px);opacity:0.6}80%{-webkit-transform:translate(-25px, -110px);opacity:0.4}100%{-webkit-transform:translate(10px, -160px);opacity:0}}@keyframes zan2{0%{transform:translate(0, 0, 0)}20%{transform:translate(-10px, -20px);opacity:1}40%{transform:translate(0px, -60px);opacity:0.8}60%{transform:translate(10px, -70px);opacity:0.6}80%{transform:translate(-25px, -110px);opacity:0.4}100%{transform:translate(10px, -160px);opacity:0}}.videoShow .zan3{-webkit-animation:zan3 2s linear infinite;animation:zan3 2s linear infinite}@-webkit-keyframes zan3{0%{-webkit-transform:translate(0, 0, 0)}20%{-webkit-transform:translate(-10px, -20px);opacity:1}40%{-webkit-transform:translate(10px, -60px);opacity:0.8}60%{-webkit-transform:translate(0px, -120px);opacity:0.6}80%{-webkit-transform:translate(-15px, -160px);opacity:0.4}100%{-webkit-transform:translate(0px, -240px);opacity:0}}@keyframes zan3{0%{transform:translate(0, 0, 0)}20%{transform:translate(-10px, -20px);opacity:1}40%{transform:translate(10px, -60px);opacity:0.8}60%{transform:translate(0px, -120px);opacity:0.6}80%{transform:translate(-15px, -160px);opacity:0.4}100%{transform:translate(0px, -240px);opacity:0}}.videoShow .zan4{-webkit-animation:zan4 1s linear infinite;animation:zan4 1s linear infinite}@-webkit-keyframes zan4{0%{-webkit-transform:translate(0, 0, 0)}20%{-webkit-transform:translate(-10px, -20px);opacity:1}40%{-webkit-transform:translate(10px, -60px);opacity:0.8}60%{-webkit-transform:translate(0px, -120px);opacity:0.6}80%{-webkit-transform:translate(-15px, -160px);opacity:0.4}100%{-webkit-transform:translate(0px, -200px);opacity:0}}@keyframes zan4{0%{transform:translate(0, 0)}20%{transform:translate(-10px, -20px);opacity:1}40%{transform:translate(10px, -60px);opacity:0.8}60%{transform:translate(0px, -120px);opacity:0.6}80%{transform:translate(-15px, -160px);opacity:0.4}100%{transform:translate(0px, -200px);opacity:0}}.videoShow .zan5{-webkit-animation:zan5 1s linear infinite;animation:zan5 1s linear infinite}@-webkit-keyframes zan5{0%{-webkit-transform:translate(0, 0)}20%{-webkit-transform:translate(-10px, -20px);opacity:1}40%{-webkit-transform:translate(10px, -60px);opacity:0.8}60%{-webkit-transform:translate(0px, -120px);opacity:0.6}80%{-webkit-transform:translate(-15px, -160px);opacity:0.4}100%{-webkit-transform:translate(0px, -200px);opacity:0}}@keyframes zan5{0%{transform:translate(0, 0)}20%{transform:translate(-10px, -20px);opacity:1}40%{transform:translate(10px, -60px);opacity:0.8}60%{transform:translate(0px, -120px);opacity:0.6}80%{transform:translate(-15px, -160px);opacity:0.4}100%{transform:translate(0px, -200px);opacity:0}}.videoShow .zan6{-webkit-animation:zan6 1s linear infinite;animation:zan6 1s linear infinite}@-webkit-keyframes zan6{0%{-webkit-transform:translate(0, 0)}20%{-webkit-transform:translate(-10px, -20px);opacity:1}40%{-webkit-transform:translate(10px, -60px);opacity:0.8}60%{-webkit-transform:translate(0px, -120px);opacity:0.6}80%{-webkit-transform:translate(-15px, -160px);opacity:0.4}100%{-webkit-transform:translate(0px, -200px);opacity:0}}@keyframes zan6{0%{transform:translate(0, 0)}20%{transform:translate(-10px, -20px);opacity:1}40%{transform:translate(10px, -60px);opacity:0.8}60%{transform:translate(0px, -120px);opacity:0.6}80%{transform:translate(-15px, -160px);opacity:0.4}100%{transform:translate(0px, -200px);opacity:0}}.videoShow .zan7{-webkit-animation:zan7 1s linear infinite;animation:zan7 1s linear infinite}@-webkit-keyframes zan7{0%{-webkit-transform:translate(0, 0)}20%{-webkit-transform:translate(-10px, -20px);opacity:1}40%{-webkit-transform:translate(10px, -60px);opacity:0.8}60%{-webkit-transform:translate(0px, -80px);opacity:0.6}80%{-webkit-transform:translate(-15px, -120px);opacity:0.4}100%{-webkit-transform:translate(10px, -230px);opacity:0}}@keyframes zan7{0%{transform:translate(0, 0)}20%{transform:translate(-10px, -20px);opacity:1}40%{transform:translate(10px, -60px);opacity:0.8}60%{transform:translate(0px, -80px);opacity:0.6}80%{transform:translate(-15px, -120px);opacity:0.4}100%{transform:translate(10px, -230px);opacity:0}}.videoShow .zan8{-webkit-animation:zan8 2s linear infinite;animation:zan8 2s linear infinite}@-webkit-keyframes zan8{0%{-webkit-transform:translate(0, 0)}20%{-webkit-transform:translate(-10px, -20px);opacity:1}40%{-webkit-transform:translate(10px, -60px);opacity:0.8}60%{-webkit-transform:translate(0px, -100px);opacity:0.6}80%{-webkit-transform:translate(-15px, -140px);opacity:0.4}100%{-webkit-transform:translate(0px, -160px);opacity:0}}@keyframes zan8{0%{transform:translate(0, 0)}20%{transform:translate(-20px, -20px);opacity:1}40%{transform:translate(20px, -60px);opacity:0.8}60%{transform:translate(0px, -100px);opacity:0.6}80%{transform:translate(-25px, -140px);opacity:0.4}100%{transform:translate(0px, -160px);opacity:0}}