#FlashID{width:100%;height:100%}@media screen and (max-width:1500px){#FlashID{max-height:680px}}.flash{height:100%;overflow:unset}@media screen and (max-width:1200px){#FlashID{max-height:580px}}.action-container.clearfix{text-align:left}.chat-flash-wrap{position:relative}.chat-flash-wrap .court-title{position:absolute;top:0;left:0;width:100%;padding:0 20px;height:40px;line-height:40px;color:#fff;background-color:#4968ca}.panel-container{position:relative}.flash-loading,.flash-tip-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;background:#191f26}.flash-tip{width:400px;margin:350px auto 70px;position:relative;line-height:2;color:#fff;font-size:12px;text-align:center}.flash-tip a{color:#fd4c5b}.flash-loading{overflow:hidden}.flash-loading p{color:#fff;font-size:12px;line-height:2;text-align:center}.jar{position:relative;width:200px;margin:300px auto 0;text-align:center}.jar .mouth{width:40px;height:10px;margin:0 auto -1px;border-radius:20px}.jar .mouth,.jar .neck{border-right:4px solid #fff;border-left:4px solid #fff}.jar .neck{width:35px;height:45px;margin:0 auto -5px;z-index:7;position:relative;background-color:#191f26}.jar .bubble{width:10px;height:10px;position:absolute;background-color:#35eefb;opacity:.4;left:92px;z-index:8;top:110px;border-radius:100%;-webkit-animation:buble 2s linear 1s infinite;animation:buble 2s linear 1s infinite}.jar .bubble+.bubble{left:87px;top:120px;width:15px;height:15px;-webkit-animation-duration:3s;animation-duration:3s}.jar .base{margin:auto;width:120px;height:100px;border:4px solid #fff;border-radius:50%;overflow:hidden;position:relative;z-index:5}.jar .base .bubble{left:15px;top:50px;-webkit-animation:bounce 2.3s linear 0s infinite alternate;animation:bounce 2.3s linear 0s infinite alternate}.jar .base .bubble+.bubble{left:75px;top:40px;-webkit-animation-duration:3s;animation-duration:3s}.jar .liquid{height:40px;bottom:0;right:0}.jar .liquid,.jar .wave{background-color:#35eefb;position:absolute;left:0}.jar .wave{width:60px;height:20px;top:50px;-webkit-animation:wave 1s linear 1s infinite alternate;animation:wave 1s linear 1s infinite alternate;border-radius:50%}.jar .wave+.wave{left:auto;right:0}@-webkit-keyframes wave{0%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@keyframes wave{0%{-webkit-transform:translateX(100px);transform:translateX(100px)}to{-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@-webkit-keyframes bounce{0%{-webkit-transform:translate(5px,15px);transform:translate(5px,15px)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translate(-5px,-37px);transform:translate(-5px,-37px);opacity:1}}@keyframes bounce{0%{-webkit-transform:translate(5px,15px);transform:translate(5px,15px)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{-webkit-transform:translate(-5px,-37px);transform:translate(-5px,-37px);opacity:1}}@-webkit-keyframes buble{0%{-webkit-transform:translate(3px,10px);transform:translate(3px,10px)}25%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(-3px,-25px);transform:translate(-3px,-25px)}75%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:1}to{-webkit-transform:translate(3px,-100px);transform:translate(3px,-100px);opacity:0}}@keyframes buble{0%{-webkit-transform:translate(3px,10px);transform:translate(3px,10px)}25%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(-3px,-25px);transform:translate(-3px,-25px)}75%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:1}to{-webkit-transform:translate(3px,-100px);transform:translate(3px,-100px);opacity:0}}.progress-chat-container{background:#d4e4ff}.progress-chat-container .chat-message{height:670px}.progress-chat-container .chat-message .chatlist{height:100%;padding:10px 20px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.progress-chat-container .chat-message .chatlist ol,.progress-chat-container .chat-message .chatlist ul{padding:0;list-style:none}.progress-chat-container .chat-message .chatlist ol .chat-status,.progress-chat-container .chat-message .chatlist ul .chat-status{position:relative;margin-bottom:10px;padding-left:60px;text-align:center}.progress-chat-container .chat-message .chatlist ol .chat-status .status-info,.progress-chat-container .chat-message .chatlist ul .chat-status .status-info{display:inline-block;font-size:12px;line-height:20px;padding:0 20px;border-radius:10px;background-color:#ccc}.progress-chat-container .chat-message .chatlist ol .chat-bubble,.progress-chat-container .chat-message .chatlist ul .chat-bubble{position:relative;margin-bottom:10px;padding-left:60px;min-height:68px;text-align:left}.progress-chat-container .chat-message .chatlist ol .chat-bubble .chat-user,.progress-chat-container .chat-message .chatlist ul .chat-bubble .chat-user{position:absolute;left:3px;top:10px}.progress-chat-container .chat-message .chatlist ol .chat-bubble .chat-user img,.progress-chat-container .chat-message .chatlist ul .chat-bubble .chat-user img{width:40px;height:40px;border-radius:100%}.progress-chat-container .chat-message .chatlist ol .chat-bubble .time,.progress-chat-container .chat-message .chatlist ul .chat-bubble .time{width:100%}.progress-chat-container .chat-message .chatlist ol .chat-bubble .time cite,.progress-chat-container .chat-message .chatlist ul .chat-bubble .time cite{font-style:normal;line-height:24px;font-size:12px;white-space:nowrap;color:#999;text-align:left}.progress-chat-container .chat-message .chatlist ol .chat-bubble .time cite i,.progress-chat-container .chat-message .chatlist ul .chat-bubble .time cite i{font-style:normal;padding-left:5px;padding-right:5px;font-size:12px}.progress-chat-container .chat-message .chatlist ol .chat-bubble .chat-text,.progress-chat-container .chat-message .chatlist ul .chat-bubble .chat-text{position:relative;line-height:22px;padding:10px 15px;min-height:32px;background-color:#fff;border-radius:3px;color:#333;word-break:break-all;max-width:462px\9}.progress-chat-container .chat-message .chatlist ol .chat-bubble .chat-text:after,.progress-chat-container .chat-message .chatlist ul .chat-bubble .chat-text:after{content:"";position:absolute;left:-10px;top:5px;width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;border-width:10px}.progress-chat-container .chat-message .chatlist ol .chat-bubble .chat-text,.progress-chat-container .chat-message .chatlist ol .chat-bubble .chat-user,.progress-chat-container .chat-message .chatlist ul .chat-bubble .chat-text,.progress-chat-container .chat-message .chatlist ul .chat-bubble .chat-user{display:inline-block;vertical-align:top;font-size:12px}.progress-chat-container .chat-message .chatlist ol .chat-mine,.progress-chat-container .chat-message .chatlist ul .chat-mine{text-align:right;padding-left:0;padding-right:60px}.progress-chat-container .chat-message .chatlist ol .chat-mine .chat-user,.progress-chat-container .chat-message .chatlist ul .chat-mine .chat-user{left:auto;right:3px}.progress-chat-container .chat-message .chatlist ol .chat-mine .chat-text,.progress-chat-container .chat-message .chatlist ul .chat-mine .chat-text{margin-left:0;text-align:left;background-color:#6787e7;color:#fff}.progress-chat-container .chat-message .chatlist ol .chat-mine .chat-text:after,.progress-chat-container .chat-message .chatlist ul .chat-mine .chat-text:after{left:auto;right:-10px;border-top-color:#6787e7}.progress-chat-container .chat-message .chatlist::-webkit-scrollbar{width:0}.progress-chat-container .chat-message.active{width:380px;-webkit-transition:all .5s linear;transition:all .5s linear}.progress-chat-container .progress-chat-hd{position:relative}.progress-chat-container .online-user{background:#dde7f9;-webkit-box-shadow:-10px 0 10px 1px #a6c3f9;box-shadow:-10px 0 10px 1px #a6c3f9;height:672px;width:300px;position:absolute;top:0;right:0}.progress-chat-container .online-user .online-user-handle{position:absolute;left:-30px;top:585px}.progress-chat-container .online-user .user-name{font-size:12px}.progress-chat-container .online-user.inactive{visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear .3s,opacity .3s;transition:visibility 0s linear .3s,opacity .3s}.progress-chat-container .online-user.active{visibility:visible;opacity:1;-webkit-transition:visibility 0s linear 0s,opacity .3s;transition:visibility 0s linear 0s,opacity .3s}.progress-chat-container .handle-left img{width:60px;height:60px;-webkit-filter:drop-shadow(3px 3px 4px #222);filter:drop-shadow(3px 3px 4px #222)}.progress-chat-container .handle-right{position:absolute;top:585px;right:-30px}.progress-chat-container .handle-right img{width:60px;height:60px;-webkit-filter:drop-shadow(3px 3px 4px #222);filter:drop-shadow(3px 3px 4px #222)}.progress-chat-container .handle-control{color:#a6c3f9}.progress-chat-container .online-user-list-item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px}.progress-chat-container .online-user-list-item img{width:50px;height:50px;margin-right:10px;border:2px solid #b1b1b1;border-radius:50px;opacity:.5;filter:alpha(opacity=50)}.progress-chat-container .online-user-list-item .user-info{position:relative;width:100%;color:#a29b9b}.progress-chat-container .online-user-list-item .is_online{color:#000}.progress-chat-container .online-user-list-item img.is_online{opacity:1;filter:alpha(opacity=100)}.progress-chat-container .online-user-list-item .role-name{display:-webkit-box;display:-ms-flexbox;display:flex}.progress-chat-container .online-user-list-item .online-status{width:10px;height:10px;margin-top:8px;margin-right:8px;background:#bec0c2;border-radius:10px}.progress-chat-container .online-user-list-item .online-status.online{background:#5dc26a}.animation-index .flash-height{height:670px}.animation-index .court-flash-container{float:left;background-color:#fff;width:830px}.animation-index .court-chat-container{height:680px;margin-left:830px;width:680px}.animation-index .court-action-wrap{padding:10px;height:140px;margin-right:-5px}.animation-index .btn-ex{display:inline-block;font-size:12px;width:82px;margin-right:5px;height:31px;line-height:31px;text-align:center;color:#fff;padding:0;-webkit-transition:all .3s ease;transition:all .3s ease}.animation-index .btn-ex-green{background-color:#2dcb70}.animation-index .btn-ex-green:hover{background-color:#00c175;color:#fff}.animation-index .btn-ex-blue{background-color:#a9a9a9}.animation-index .btn-ex-blue:hover{background-color:#d3d3d3;color:#fff}.animation-index .action-container .btn-ex{text-decoration:none;margin-bottom:10px}.animation-index .speak-container .speak-field{border-bottom:1px solid #cdcdcd}