/* 未能缩小。正在返回未缩小的内容。 (1864,33): run-time error CSS1046: Expect comma, found '0' (1864,37): run-time error CSS1046: Expect comma, found '/' (1864,64): run-time error CSS1046: Expect comma, found '0' (1864,68): run-time error CSS1046: Expect comma, found '/' */ .dplayer{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1}.dplayer *{-webkit-box-sizing:content-box;box-sizing:content-box}.dplayer:-webkit-full-screen{width:100%;height:100%;background:#000;position:fixed;z-index:100000;left:0;top:0}.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move,.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move{-webkit-animation:danmaku-center 6s linear;animation:danmaku-center 6s linear;-webkit-animation-play-state:paused;animation-play-state:paused}.dplayer:-webkit-full-screen .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move{-webkit-animation:danmaku 8s linear;animation:danmaku 8s linear;-webkit-animation-play-state:paused;animation-play-state:paused}.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-comment,.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-danmaku,.dplayer.dplayer-no-danmaku .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box .dplayer-setting-showdan,.dplayer.dplayer-no-danmaku .dplayer-danmaku{display:none}.dplayer.dplayer-playing .dplayer-danmaku .dplayer-danmaku-move{-webkit-animation-play-state:running!important;animation-play-state:running!important}@media (min-width:900px){.dplayer.dplayer-playing .dplayer-controller,.dplayer.dplayer-playing .dplayer-controller-mask{opacity:0}.dplayer.dplayer-playing:hover .dplayer-controller,.dplayer.dplayer-playing:hover .dplayer-controller-mask{opacity:1}}.dplayer.dplayer-loading .dplayer-bezel .diplayer-loading-icon{display:block}.dplayer.dplayer-loading .dplayer-danmaku .dplayer-danmaku-move{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}.dplayer.dplayer-hide-controller{cursor:none}.dplayer.dplayer-hide-controller .dplayer-controller,.dplayer.dplayer-hide-controller .dplayer-controller-mask{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.dplayer.dplayer-show-controller .dplayer-controller,.dplayer.dplayer-show-controller .dplayer-controller-mask{opacity:1}.dplayer.dplayer-fulled{position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%}.dplayer.dplayer-mobile .dplayer-camera-icon,.dplayer.dplayer-mobile .dplayer-volume{display:none!important}.dplayer.dplayer-mobile .dplayer-full-in-icon{position:static!important;display:inline-block!important}.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-input{width:200px}.dplayer.dplayer-mobile .dplayer-comment-setting-title{display:none}.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box{left:17px}.dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-icon{width:40px}.dplayer .dplayer-mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;display:none}.dplayer .dplayer-mask.dplayer-mask-show{display:block}.dplayer .dplayer-video-wrap{position:relative;background:#000;font-size:0;width:100%;height:100%}.dplayer .dplayer-video-wrap .dplayer-video{width:100%;height:100%;display:none}.dplayer .dplayer-video-wrap .dplayer-video-current{display:block}.dplayer .dplayer-video-wrap .dplayer-video-prepare{display:none}.dplayer .dplayer-danmaku{position:absolute;left:0;right:0;top:0;bottom:0;font-size:22px;color:#fff}.dplayer .dplayer-danmaku .dplayer-danmaku-item{display:inline-block;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;white-space:nowrap;text-shadow:.5px .5px .5px rgba(0,0,0,.5)}.dplayer .dplayer-danmaku .dplayer-danmaku-item--demo{position:absolute;visibility:hidden}.dplayer .dplayer-danmaku .dplayer-danmaku-right{position:absolute;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.dplayer .dplayer-danmaku .dplayer-danmaku-right.dplayer-danmaku-move{will-change:transform;-webkit-animation:danmaku 5s linear;animation:danmaku 5s linear;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes danmaku{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes danmaku{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.dplayer .dplayer-danmaku .dplayer-danmaku-bottom,.dplayer .dplayer-danmaku .dplayer-danmaku-top{position:absolute;width:100%;text-align:center;visibility:hidden}.dplayer .dplayer-danmaku .dplayer-danmaku-bottom.dplayer-danmaku-move,.dplayer .dplayer-danmaku .dplayer-danmaku-top.dplayer-danmaku-move{will-change:visibility;-webkit-animation:danmaku-center 4s linear;animation:danmaku-center 4s linear;-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes danmaku-center{0%{visibility:visible}to{visibility:visible}}@keyframes danmaku-center{0%{visibility:visible}to{visibility:visible}}.dplayer .dplayer-bezel{position:absolute;left:0;right:0;top:0;bottom:0;font-size:22px;color:#fff;pointer-events:none}.dplayer .dplayer-bezel .dplayer-fill{fill:hsla(0,0%,100%,.8)}.dplayer .dplayer-bezel .dplayer-bezel-icon{position:absolute;top:50%;left:50%;margin:-26px 0 0 -26px;height:52px;width:52px;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;background:rgba(0,0,0,.5);border-radius:50%;opacity:0;pointer-events:none}.dplayer .dplayer-bezel .dplayer-bezel-icon.dplayer-bezel-transition{-webkit-animation:bezel-hide .5s linear;animation:bezel-hide .5s linear}@-webkit-keyframes bezel-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes bezel-hide{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.dplayer .dplayer-bezel .dplayer-danloading{position:absolute;top:50%;margin-top:-7px;width:100%;text-align:center;font-size:14px;line-height:14px;-webkit-animation:my-face 5s infinite ease-in-out;animation:my-face 5s infinite ease-in-out}.dplayer .dplayer-bezel .diplayer-loading-icon{display:none;position:absolute;top:50%;left:50%;margin:-18px 0 0 -18px;height:36px;width:36px;pointer-events:none}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-hide{display:none}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot{-webkit-animation:diplayer-loading-dot-fade .8s ease infinite;animation:diplayer-loading-dot-fade .8s ease infinite;opacity:0;fill:#fff;-webkit-transform-origin:4px 4px;transform-origin:4px 4px}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-7{-webkit-animation-delay:.7s;animation-delay:.7s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-6{-webkit-animation-delay:.6s;animation-delay:.6s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-5{-webkit-animation-delay:.5s;animation-delay:.5s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-4{-webkit-animation-delay:.4s;animation-delay:.4s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-3{-webkit-animation-delay:.3s;animation-delay:.3s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-2{-webkit-animation-delay:.2s;animation-delay:.2s}.dplayer .dplayer-bezel .diplayer-loading-icon .diplayer-loading-dot.diplayer-loading-dot-1{-webkit-animation-delay:.1s;animation-delay:.1s}@-webkit-keyframes diplayer-loading-dot-fade{0%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}50%{opacity:.25;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:.25;-webkit-transform:scale(.85);transform:scale(.85)}}@keyframes diplayer-loading-dot-fade{0%{opacity:.7;-webkit-transform:scale(1.2);transform:scale(1.2)}50%{opacity:.25;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:.25;-webkit-transform:scale(.85);transform:scale(.85)}}.dplayer .dplayer-controller-mask{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==) repeat-x bottom;height:98px;width:100%}.dplayer .dplayer-controller,.dplayer .dplayer-controller-mask{position:absolute;bottom:0;-webkit-transition:all .3s ease;transition:all .3s ease}.dplayer .dplayer-controller{left:0;right:0;height:41px;padding:0 20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dplayer .dplayer-controller .dplayer-bar-wrap{padding:5px 0;cursor:pointer;position:absolute;bottom:33px;width:calc(100% - 40px);height:3px}.dplayer .dplayer-controller .dplayer-bar-wrap:hover .dplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview{position:absolute;background:#fff;pointer-events:none;display:none;background-size:auto 100%}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar-preview-canvas{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar-time{position:absolute;left:0;top:-20px;width:30px;border-radius:4px;padding:5px 7px;background-color:rgba(0,0,0,.62);color:#fff;font-size:12px;text-align:center;opacity:1;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out;word-wrap:normal;word-break:normal;z-index:2;pointer-events:none}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar-time.hidden{opacity:0}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar{position:relative;height:3px;width:100%;background:hsla(0,0%,100%,.2);cursor:pointer!important}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:hsla(0,0%,100%,.4);height:3px;-webkit-transition:all .5s ease;transition:all .5s ease;will-change:width}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played{position:absolute;left:0;top:0;bottom:0;height:3px;will-change:width}.dplayer .dplayer-controller .dplayer-bar-wrap .dplayer-bar .dplayer-played .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.dplayer .dplayer-controller .dplayer-icons{height:38px;position:absolute;bottom:0}.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-left .dplayer-icon{padding:7px}.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-right{right:20px}.dplayer .dplayer-controller .dplayer-icons.dplayer-icons-right .dplayer-icon{padding:8px}.dplayer .dplayer-controller .dplayer-icons #dplayer-menu{stroke:#ddd;stroke-width:1px}.dplayer .dplayer-controller .dplayer-icons .dplayer-time{line-height:38px;color:#eee;text-shadow:0 0 2px rgba(0,0,0,.5);vertical-align:middle;font-size:13px;cursor:default}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon{width:40px;height:100%;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon:hover{opacity:1}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-quality-icon{color:#fff;width:auto;line-height:22px;font-size:14px}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-comment-icon{padding:10px 9px 9px}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-setting-icon{padding-top:8.5px}.dplayer .dplayer-controller .dplayer-icons .dplayer-icon.dplayer-volume-icon{width:43px}.dplayer .dplayer-controller .dplayer-icons .dplayer-fill{fill:#fff}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume{position:relative;display:inline-block;cursor:pointer!important;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-volume-bar{width:45px!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume:hover .dplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-volume-bar{width:45px!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume.dplayer-volume-active .dplayer-thumb{-webkit-transform:scale(1)!important;transform:scale(1)!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap{display:inline-block;margin:0 5px 0 -5px;vertical-align:middle;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar{position:relative;top:17px;width:0;height:3px;background:#aaa;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner{position:absolute;bottom:0;left:0;height:100%;-webkit-transition:all .1s ease;transition:all .1s ease;will-change:width}.dplayer .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar .dplayer-volume-bar-inner .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting{display:inline-block;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box{position:absolute;right:0;bottom:50px;-webkit-transform:translateX(170px);transform:translateX(170px);width:150px;border-radius:2px;background:rgba(28,28,28,.9);padding:7px 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;z-index:2}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-open{-webkit-transform:translateX(0);transform:translateX(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-box.dplayer-setting-box-narrow{width:70px;height:180px;text-align:center}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item,.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item{height:30px;padding:5px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-item:hover,.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-speed-item:hover{background-color:hsla(0,0%,100%,.1)}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku{padding:5px 0}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-label{padding:0 10px;display:inline}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-label{display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku:hover .dplayer-danmaku-bar-wrap{display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-label{display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku.dplayer-setting-danmaku-active .dplayer-danmaku-bar-wrap{display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;vertical-align:middle;height:100%;width:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar{position:relative;top:8.5px;width:100%;height:3px;background:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner{position:absolute;bottom:0;left:0;height:100%;-webkit-transition:all .1s ease;transition:all .1s ease;background:#aaa;will-change:width}.dplayer .dplayer-controller .dplayer-icons .dplayer-setting .dplayer-setting-danmaku .dplayer-danmaku-bar-wrap .dplayer-danmaku-bar .dplayer-danmaku-bar-inner .dplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:11px;width:11px;border-radius:50%;cursor:pointer!important;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#aaa}.dplayer .dplayer-controller .dplayer-icons .dplayer-full{display:inline-block;height:100%;position:relative}.dplayer .dplayer-controller .dplayer-icons .dplayer-full:hover .dplayer-full-in-icon{display:block}.dplayer .dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon{position:absolute;top:-30px;z-index:1;display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-quality{position:relative;display:inline-block;height:100%;z-index:2}.dplayer .dplayer-controller .dplayer-icons .dplayer-quality:hover .dplayer-quality-list,.dplayer .dplayer-controller .dplayer-icons .dplayer-quality:hover .dplayer-quality-mask{display:block}.dplayer .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-mask{display:none;position:absolute;bottom:38px;left:-18px;width:80px;padding-bottom:12px}.dplayer .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-list{display:none;font-size:12px;width:80px;border-radius:2px;background:rgba(28,28,28,.9);padding:5px 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;color:#fff;text-align:center}.dplayer .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-item{height:25px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;line-height:25px}.dplayer .dplayer-controller .dplayer-icons .dplayer-quality .dplayer-quality-item:hover{background-color:hsla(0,0%,100%,.1)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment{display:inline-block;height:100%}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box{position:absolute;right:0;bottom:50px;-webkit-transform:translateX(382px);transform:translateX(382px);border-radius:2px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:2}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box.dplayer-comment-box-open{-webkit-transform:translateX(0);transform:translateX(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon{height:24px;width:24px;position:absolute;top:5px;left:7px;padding:0;opacity:1}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon:hover .dplayer-fill{fill:#aaa}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-icon .dplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;fill:#ddd}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box{position:absolute;background:#fff;bottom:40px;left:-93px;-webkit-box-shadow:0 0 25px rgba(0,0,0,.3);box-shadow:0 0 25px rgba(0,0,0,.3);border-radius:4px;padding:10px 10px 16px;font-size:14px;width:204px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box.dplayer-comment-setting-open{-webkit-transform:scale(1);transform:scale(1)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box:after{content:"";position:absolute;top:100%;left:50%;margin-left:-12px;background:url('data:image/svg+xml;utf8,');width:24px;height:12px}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box input[type=radio]{display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box label{cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-title{font-size:14px;color:#555;padding:6px}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type{font-size:0}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(2) span{border-radius:4px 0 0 4px}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type label:nth-child(4) span{border-radius:0 4px 4px 0}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type span{width:33%;padding:4px 6px;line-height:16px;display:inline-block;font-size:12px;color:#555;border:1px solid #e4e4e6;margin-right:-1px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-type input:checked+span{background:#e4e4e6}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color{font-size:0}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color label{font-size:0;padding:6px;display:inline-block}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span{width:22px;height:22px;display:inline-block;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color span:hover{-webkit-animation:my-face 5s infinite ease-in-out;animation:my-face 5s infinite ease-in-out;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-setting-box .dplayer-comment-setting-color input:checked+span{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border:none!important}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-comment-input{outline:none;border:none;padding:8px 31px;font-size:14px;line-height:18px;text-align:center;border-radius:4px;width:300px;background:#fff;margin:0;height:auto}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon{height:22px;width:22px;position:absolute;top:6px;right:7px;padding:0;opacity:1}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon:hover .dplayer-fill{fill:#aaa}.dplayer .dplayer-controller .dplayer-icons .dplayer-comment .dplayer-comment-box .dplayer-send-icon .dplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;fill:#ddd}.dplayer .dplayer-controller .dplayer-icons .dplayer-label{color:#eee;font-size:13px;display:inline-block;vertical-align:middle}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle{width:32px;height:100%;text-align:center;font-size:0;vertical-align:middle;float:right}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input{max-height:0;max-width:0;display:none}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label{display:inline-block;position:relative;-webkit-box-shadow:#dfdfdf 0 0 0 0 inset;box-shadow:inset 0 0 0 0 #dfdfdf;border:1px solid #dfdfdf;height:20px;width:32px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:after,.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:before{content:"";position:absolute;display:block;height:18px;width:18px;top:0;left:0;border-radius:15px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input+label:after{background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4)}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label{border-color:hsla(0,0%,100%,.5)}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label:before{width:30px;background:hsla(0,0%,100%,.5)}.dplayer .dplayer-controller .dplayer-icons .dplayer-toggle input:checked+label:after{left:12px}.dplayer .dplayer-menu{position:absolute;width:170px;border-radius:2px;background:rgba(28,28,28,.85);padding:5px 0;overflow:hidden;z-index:3;display:none}.dplayer .dplayer-menu.dplayer-menu-show{display:block}.dplayer .dplayer-menu .dplayer-menu-item{height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.dplayer .dplayer-menu .dplayer-menu-item:hover{background-color:hsla(0,0%,100%,.1)}.dplayer .dplayer-menu .dplayer-menu-item a{padding:0 10px;line-height:30px;color:#eee;font-size:13px;display:inline-block;vertical-align:middle;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dplayer .dplayer-menu .dplayer-menu-item a:hover{text-decoration:none}.dplayer .dplayer-logo{pointer-events:none;position:absolute;left:20px;top:20px;max-width:50px;max-height:50px}.dplayer .dplayer-logo img{max-width:100%;max-height:100%;background:none}.dplayer .dplayer-notice{opacity:0;position:absolute;bottom:60px;left:20px;font-size:14px;border-radius:2px;background:rgba(28,28,28,.9);padding:7px 20px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;overflow:hidden;color:#fff;pointer-events:none}@-webkit-keyframes my-face{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}}@keyframes my-face{2%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}4%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}6%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}8%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}10%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}12%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}14%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}16%{-webkit-transform:translateY(-.5px) rotate(-1.5deg);transform:translateY(-.5px) rotate(-1.5deg)}18%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}20%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}22%{-webkit-transform:translateY(.5px) rotate(-1.5deg);transform:translateY(.5px) rotate(-1.5deg)}24%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}26%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}28%{-webkit-transform:translateY(.5px) rotate(1.5deg);transform:translateY(.5px) rotate(1.5deg)}30%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}32%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}34%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}36%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}38%{-webkit-transform:translateY(1.5px) rotate(-1.5deg);transform:translateY(1.5px) rotate(-1.5deg)}40%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}42%{-webkit-transform:translateY(2.5px) rotate(-1.5deg);transform:translateY(2.5px) rotate(-1.5deg)}44%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}46%{-webkit-transform:translateY(-1.5px) rotate(2.5deg);transform:translateY(-1.5px) rotate(2.5deg)}48%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}50%{-webkit-transform:translateY(.5px) rotate(.5deg);transform:translateY(.5px) rotate(.5deg)}52%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}54%{-webkit-transform:translateY(-1.5px) rotate(1.5deg);transform:translateY(-1.5px) rotate(1.5deg)}56%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}58%{-webkit-transform:translateY(.5px) rotate(2.5deg);transform:translateY(.5px) rotate(2.5deg)}60%{-webkit-transform:translateY(2.5px) rotate(2.5deg);transform:translateY(2.5px) rotate(2.5deg)}62%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}64%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}66%{-webkit-transform:translateY(1.5px) rotate(-.5deg);transform:translateY(1.5px) rotate(-.5deg)}68%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}70%{-webkit-transform:translateY(1.5px) rotate(.5deg);transform:translateY(1.5px) rotate(.5deg)}72%{-webkit-transform:translateY(2.5px) rotate(1.5deg);transform:translateY(2.5px) rotate(1.5deg)}74%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}76%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}78%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}80%{-webkit-transform:translateY(1.5px) rotate(1.5deg);transform:translateY(1.5px) rotate(1.5deg)}82%{-webkit-transform:translateY(-.5px) rotate(.5deg);transform:translateY(-.5px) rotate(.5deg)}84%{-webkit-transform:translateY(1.5px) rotate(2.5deg);transform:translateY(1.5px) rotate(2.5deg)}86%{-webkit-transform:translateY(-1.5px) rotate(-1.5deg);transform:translateY(-1.5px) rotate(-1.5deg)}88%{-webkit-transform:translateY(-.5px) rotate(2.5deg);transform:translateY(-.5px) rotate(2.5deg)}90%{-webkit-transform:translateY(2.5px) rotate(-.5deg);transform:translateY(2.5px) rotate(-.5deg)}92%{-webkit-transform:translateY(.5px) rotate(-.5deg);transform:translateY(.5px) rotate(-.5deg)}94%{-webkit-transform:translateY(2.5px) rotate(.5deg);transform:translateY(2.5px) rotate(.5deg)}96%{-webkit-transform:translateY(-.5px) rotate(1.5deg);transform:translateY(-.5px) rotate(1.5deg)}98%{-webkit-transform:translateY(-1.5px) rotate(-.5deg);transform:translateY(-1.5px) rotate(-.5deg)}0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}} /*# sourceMappingURL=DPlayer.min.css.map*/ .load-view { width: 100px; height: 100px; background: rgba(0, 0, 0, 0.8); border-radius: 8px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-around; padding: 6px 0 0; -webkit-transition: height 1s linear 0s; -moz-transition: height 1s linear 0s; -o-transition: height 1s linear 0s; transition: height 1s linear 0s; z-index: 900; } .load-an-view{ width: 100%; height: auto; box-pack:center; box-align:center; /* Firefox */ display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari、Opera 以及 Chrome */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; -o-box-pack:center; -o-box-align:center; } .load-an-view .load-logobee{ background: url(/images/beelogo.png) no-repeat center center; width: 50px; height: 50px; position: absolute; } .load-tip{ width: 100%; text-align: center; font-size: 16px; line-height: 14px; font-weight:bold; color: #ffffff; font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; } /*type1 缓存追逐球*/ .load-circle{ min-width: 40px; min-height: 40px; position: relative; } .load-container1 > div, .load-container2 > div, .load-container3 > div { width: 20%; height: 20%; background-color:#ffffff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; -moz-animation: bouncedelay 1.2s infinite ease-in-out; -o-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .load-circle .load-container{ position: absolute; width: 100%; height: 100%; } .load-container2 { -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); } .load-container3 { -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); } .circle1 { top: 0; left: 0; } .circle2 { top: 0; right: 0; } .circle3 { right: 0; bottom: 0; } .circle4 { left: 0; bottom: 0; } .load-container2 .circle1 { -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s; } .load-container3 .circle1 { -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -o-animation-delay: -1.0s; animation-delay: -1.0s; } .load-container1 .circle2 { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s; } .load-container2 .circle2 { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s; } .load-container3 .circle2 { -webkit-animation-delay: -0.7s; -moz-animation-delay: -0.7s; -o-animation-delay: -0.7s; animation-delay: -0.7s; } .load-container1 .circle3 { -webkit-animation-delay: -0.6s; -moz-animation-delay: -0.6s; -o-animation-delay: -0.6s; animation-delay: -0.6s; } .load-container2 .circle3 { -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .load-container3 .circle3 { -webkit-animation-delay: -0.4s; -moz-animation-delay: -0.4s; -o-animation-delay: -0.4s; animation-delay: -0.4s; } .load-container1 .circle4 { -webkit-animation-delay: -0.3s; -moz-animation-delay: -0.3s; -o-animation-delay: -0.3s; animation-delay: -0.3s; } .load-container2 .circle4 { -webkit-animation-delay: -0.2s; -moz-animation-delay: -0.2s; -o-animation-delay: -0.2s; animation-delay: -0.2s; } .load-container3 .circle4 { -webkit-animation-delay: -0.1s; -moz-animation-delay: -0.1s; -o-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @-moz-keyframes bouncedelay { 0%, 80%, 100% { -moz-transform: scale(0.0) } 40% { -moz-transform: scale(1.0) } } @-o-keyframes bouncedelay { 0%, 80%, 100% { -o-transform: scale(0.0) } 40% { -o-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); } 40% { transform: scale(1.0); } } /* type2 虚落球效果*/ .fading-circle { min-width: 50px; min-height: 50px; position: relative; } .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 18%; height: 18%; background-color: #ffffff; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out; -moz-animation: sk-circleFadeDelay 1.2s infinite ease-in-out; -o-animation: sk-circleFadeDelay 1.2s infinite ease-in-out; animation: sk-circleFadeDelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .sk-circle2 { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle3 { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle4 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle5 { -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle6 { -webkit-transform: rotate(150deg); -moz-transform: rotate(150deg); -o-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle7 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle8 { -webkit-transform: rotate(210deg); -moz-transform: rotate(210deg); -o-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle9 { -webkit-transform: rotate(240deg); -moz-transform: rotate(240deg); -o-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle10 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle11 { -webkit-transform: rotate(300deg); -moz-transform: rotate(300deg); -o-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle12 { -webkit-transform: rotate(330deg); -moz-transform: rotate(330deg); -o-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle2:before { -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle3:before { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } .sk-circle4:before { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle5:before { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle6:before { -webkit-animation-delay: -0.7s; -moz-animation-delay: -0.7s; -o-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle7:before { -webkit-animation-delay: -0.6s; -moz-animation-delay: -0.6s; -o-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle8:before { -webkit-animation-delay: -0.5s; -moz-animation-delay: -0.5s; -o-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle9:before { -webkit-animation-delay: -0.4s; -moz-animation-delay: -0.4s; -o-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle10:before { -webkit-animation-delay: -0.3s; -moz-animation-delay: -0.3s; -o-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle11:before { -webkit-animation-delay: -0.2s; -moz-animation-delay: -0.2s; -o-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle12:before { -webkit-animation-delay: -0.1s; -moz-animation-delay: -0.1s; -o-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @-moz-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @-o-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } /*type3 三反弹球*/ .three-bounce { min-width: 60px; min-height: 30px; text-align: center; display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari、Opera 以及 Chrome */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; -o-box-pack:center; -o-box-align:center; } .three-bounce > div { width: 12%; height: 12%; min-height: 10px; min-width: 10px; background-color: #ffffff; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out; -moz-animation: bouncedelay 1.4s infinite ease-in-out; -o-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out; /* 防止动画第一帧开始闪烁*/ -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .three-bounce .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .three-bounce .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @-moz-keyframes bouncedelay { 0%, 80%, 100% { -moz-transform: scale(0.0) } 40% { -moz-transform: scale(1.0) } } @-o-keyframes bouncedelay { 0%, 80%, 100% { -o-transform: scale(0.0) } 40% { -o-transform: scale(1.0) } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0.0); } 40% { transform: scale(1.0); } } /*type4 追逐点效果*/ .chasing-dots { min-width: 40px; min-height: 40px; position: relative; text-align: center; -webkit-animation: rotate 2.0s infinite linear; -moz-animation: rotate 2.0s infinite linear; -o-animation: rotate 2.0s infinite linear; animation: rotate 2.0s infinite linear; } .dot1, .dot2 { width: 50%; height: 50%; display: inline-block; position: absolute; top: 0; background-color: #ffffff; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out; -moz-animation: bounce 2.0s infinite ease-in-out; -o-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; } .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }} @-moz-keyframes rotate { 100% { -moz-transform: rotate(360deg) }} @-o-keyframes rotate { 100% { -o-transform: rotate(360deg) }} @keyframes rotate { 100% { transform: rotate(360deg); }} @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @-moz-keyframes bounce { 0%, 100% { -moz-transform: scale(0.0) } 50% { -moz-transform: scale(1.0) } } @-o-keyframes bounce { 0%, 100% { -o-transform: scale(0.0) } 50% { -o-transform: scale(1.0) } } @keyframes bounce { 0%, 100% { transform: scale(0.0); } 50% { transform: scale(1.0); } } /*type5 竖形波纹效果*/ .wave { min-width : 40px ; min-height : 40px ; width : 100px ; height : 40px ; text-align: center; font-size:0; } .wave > div { background-color : #ffffff ; min-height : 40px; height : 100% ; width : 4%; margin-left: 8%; display : inline-block ; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; -moz-animation: stretchdelay 1.2s infinite ease-in-out; -o-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .wave > div:first-child{ margin-left: 0; } .wave .rect2 { -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s; } .wave .rect3 { -webkit-animation-delay: -1.0s; -moz-animation-delay: -1.0s; -o-animation-delay: -1.0s; animation-delay: -1.0s; } .wave .rect4 { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s; } .wave .rect5 { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0% , 40% , 100% { -webkit-transform: scaleY( 0.4 ) } 20% { -webkit-transform: scaleY( 1.0 ) } } @-moz-keyframes stretchdelay { 0% , 40% , 100% { -moz-transform: scaleY( 0.4 ) } 20% { -moz-transform: scaleY( 1.0 ) } } @-o-keyframes stretchdelay { 0% , 40% , 100% { -o-transform: scaleY( 0.4 ) } 20% { -o-transform: scaleY( 1.0 ) } } @keyframes stretchdelay { 0% , 40% , 100% { transform: scaleY( 0.4 ); } 20% { transform: scaleY( 1.0 ); } } .qtip, .qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 12px; line-height: 12px; direction: ltr } .qtip-content { position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; line-height: 16px; } .qtip-titlebar { position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: normal } .qtip-titlebar + .qtip-content { border-top-width: 0 !important } .qtip-close { position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; border-color: transparent } .qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px } * html .qtip-titlebar .qtip-close { top: 16px } .qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr; vertical-align: middle } .qtip-icon, .qtip-icon .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none } .qtip-icon .ui-icon { width: 18px; height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em } .qtip-focus { } .qtip-hover { } .qtip-default { border-width: 1px; border-style: solid; border-color: #F1D031; background-color: #FFFFA3; color: #555 } .qtip-default .qtip-titlebar { background-color: #FFEF93 } .qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777 } .qtip-default .qtip-titlebar .qtip-close { border-color: #AAA; color: #111 } /*! Light tooltip style */ .qtip-light { background-color: #fff; border-color: #E2E2E2; color: #454545 } .qtip-light .qtip-titlebar { background-color: #f1f1f1 } /*! Dark tooltip style */ .qtip-dark { background-color: #505050; border-color: #303030; color: #f3f3f3 } .qtip-dark .qtip-titlebar { background-color: #404040 } .qtip-dark .qtip-icon { border-color: #444 } .qtip-dark .qtip-titlebar .ui-state-hover { border-color: #303030 } /*! Cream tooltip style */ .qtip-cream { background-color: #FBF7AA; border-color: #F9E98E; color: #A27D35 } .qtip-cream .qtip-titlebar { background-color: #F0DE7D } .qtip-cream .qtip-close .qtip-icon { background-position: -82px 0 } /*! Red tooltip style */ .qtip-red { background-color: #F78B83; border-color: #D95252; color: #912323 } .qtip-red .qtip-titlebar { background-color: #F06D65 } .qtip-red .qtip-close .qtip-icon { background-position: -102px 0 } .qtip-red .qtip-icon { border-color: #D95252 } .qtip-red .qtip-titlebar .ui-state-hover { border-color: #D95252 } /*! Green tooltip style */ .qtip-green { background-color: #CAED9E; border-color: #90D93F; color: #3F6219 } .qtip-green .qtip-titlebar { background-color: #B0DE78; color: #fff; } .qtip-green .qtip-close .qtip-icon { background-position: -42px 0 } /*! Blue tooltip style */ .qtip-blue { background-color: #E5F6FE; border-color: #ADD9ED; color: #5E99BD } .qtip-blue .qtip-titlebar { background-color: #D0E9F5 } .qtip-blue .qtip-close .qtip-icon { background-position: -2px 0 } .qtip-shadow { -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15); box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15) } .qtip-rounded, .qtip-tipsy, .qtip-bootstrap { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .qtip-rounded .qtip-titlebar { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .qtip-youtube { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; color: #fff; border-width: 0; background: #4A4A4A; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black)); background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%); background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%) } .qtip-youtube .qtip-titlebar { background-color: #4A4A4A; background-color: rgba(0,0,0,0) } .qtip-youtube .qtip-content { padding: .75em; font: 12px arial,sans-serif; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);" } .qtip-youtube .qtip-icon { border-color: #222 } .qtip-youtube .qtip-titlebar .ui-state-hover { border-color: #303030 } .qtip-jtools { background: #63CC00; background: rgba(99, 204, 0, 1); background-image: -webkit-gradient(linear,left top,left bottom,from(#63CC00),to(#70B714)); background-image: -moz-linear-gradient(top,#63CC00,#70B714); background-image: -webkit-linear-gradient(top,#63CC00,#70B714); background-image: -ms-linear-gradient(top,#63CC00,#70B714); background-image: -o-linear-gradient(top,#63CC00,#70B714); border: 2px solid #ddd; border: 2px solid rgba(241,241,241,1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333 } .qtip-jtools .qtip-titlebar { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#63CC00, endColorstr=#70B714); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#63CC00, endColorstr=#70B714)" } .qtip-jtools .qtip-content { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70B714, endColorstr=#63CC00); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70B714, endColorstr=#63CC00)" } .qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content { background: transparent; color: #fff; border: 0 dashed transparent } .qtip-jtools .qtip-icon { border-color: #555 } .qtip-jtools .qtip-titlebar .ui-state-hover { border-color: #333 } .qtip-cluetip { -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,.4); -moz-box-shadow: 4px 4px 5px rgba(0,0,0,.4); box-shadow: 4px 4px 5px rgba(0,0,0,.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent } .qtip-cluetip .qtip-titlebar { background-color: #87876A; color: #fff; border: 0 dashed transparent } .qtip-cluetip .qtip-icon { border-color: #808064 } .qtip-cluetip .qtip-titlebar .ui-state-hover { border-color: #696952; color: #696952 } .qtip-tipsy { background: #000; background: rgba(0,0,0,.87); color: #fff; border: 0 solid transparent; font-size: 11px; font-family: "Microsoft YaHei",'Lucida Grande',sans-serif; font-weight: 700; line-height: 16px; text-shadow: 0 1px black } .qtip-tipsy .qtip-titlebar { padding: 6px 35px 0 10px; background-color: transparent } .qtip-tipsy .qtip-content { padding: 6px 10px } .qtip-tipsy .qtip-icon { border-color: #222; text-shadow: none } .qtip-tipsy .qtip-titlebar .ui-state-hover { border-color: #303030 } .qtip-tipped { border: 2px solid #8FB45B; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #FAFAFA; color: #454545; font-weight: 400; font-family: serif } .qtip-tipped .qtip-titlebar { background-position: 0% 0%; border-bottom-width: 0; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"; background-image: -o-linear-gradient(top,#3A79B8,#2E629D); background-color: #3A79B8; background-repeat: repeat; background-attachment: scroll; } .qtip-tipped .qtip-icon { border: 2px solid #285589; background: #285589 } .qtip-tipped .qtip-icon .ui-icon { background-color: #FBFBFB; color: #555 } .qtip-bootstrap { font-size: 14px; line-height: 20px; color: #333; padding: 1px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } .qtip-bootstrap .qtip-titlebar { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .qtip-bootstrap .qtip-titlebar .qtip-close { right: 11px; top: 45%; border-style: none } .qtip-bootstrap .qtip-content { padding: 9px 14px } .qtip-bootstrap .qtip-icon { background: transparent } .qtip-bootstrap .qtip-icon .ui-icon { width: auto; height: auto; float: right; font-size: 20px; font-weight: 700; line-height: 18px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .qtip-bootstrap .qtip-icon .ui-icon:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; filter: alpha(opacity=40) } .qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar { filter: none; -ms-filter: none; } .qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10 } .qtip .qtip-tip, .qtip .qtip-tip .qtip-vml { position: absolute; color: #123456; background: transparent; border: 0 dashed transparent } .qtip .qtip-tip canvas { top: 0; left: 0 } .qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible } #qtip-overlay { position: fixed; left: -10000em; top: -10000em } #qtip-overlay.blurs { cursor: pointer } #qtip-overlay div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .7; filter: alpha(opacity=70); -ms-filter: "alpha(Opacity=70)" } .qtipmodal-ie6fix { position: absolute !important } .qtip-cluetip { -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,.4); -moz-box-shadow: 4px 4px 5px rgba(0,0,0,.4); box-shadow: 4px 4px 5px rgba(0,0,0,.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent } .qtip-cluetip .qtip-titlebar { background-color: #87876A; color: #fff; border: 0 dashed transparent } .qtip-cluetip .qtip-icon { border-color: #808064 } .qtip-cluetip .qtip-titlebar .ui-state-hover { border-color: #696952; color: #696952 } .qtip-tipsy { background: #000; background: rgba(0,0,0,.87); color: #fff; border: 0 solid transparent; font-size: 12px; font-family: "Microsoft YaHei",'Lucida Grande',sans-serif; font-weight: normal; line-height: 16px; text-shadow: 0 1px black } .qtip-tipsy .qtip-titlebar { padding: 6px 35px 0 10; background-color: transparent } .qtip-tipsy .qtip-content { padding: 6px 10px } .qtip-tipsy .qtip-icon { border-color: #222; text-shadow: none } .qtip-tipsy .qtip-titlebar .ui-state-hover { border-color: #303030 } .qtip-tipped { border: 2px solid #8FB45B; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #FAFAF9; color: #454545; font-weight: normal; font-family: "Microsoft YaHei",serif } .qtip-tipped .qtip-titlebar { background-position: 0% 0%; border-bottom-width: 0; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D)"; background-image: -o-linear-gradient(top,#3A79B8,#2E629D); background-color: #3A79B8; background-repeat: repeat; background-attachment: scroll; } .qtip-tipped .qtip-icon { border: 2px solid #285589; background: #285589 } .qtip-tipped .qtip-icon .ui-icon { background-color: #FBFBFB; color: #555 } .qtip-bootstrap { font-size: 12px; line-height: 20px; color: #333; padding: 1px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } .qtip-bootstrap .qtip-titlebar { padding: 8px 12px; margin: 0; font-size: 12px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .qtip-bootstrap .qtip-titlebar .qtip-close { right: 11px; top: 45%; border-style: none } .qtip-bootstrap .qtip-content { padding: 9px 12px } .qtip-bootstrap .qtip-icon { background: transparent } .qtip-bootstrap .qtip-icon .ui-icon { width: auto; height: auto; float: right; font-size: 20px; font-weight: normal; line-height: 18px; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .qtip-bootstrap .qtip-icon .ui-icon:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .4; filter: alpha(opacity=40) } .qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar { filter: none; -ms-filter: none; } .qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10 } .qtip .qtip-tip, .qtip .qtip-tip .qtip-vml { position: absolute; color: #123456; background: transparent; border: 0 dashed transparent } .qtip .qtip-tip canvas { top: 0; left: 0 } .qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible } #qtip-overlay { position: fixed; left: -10000em; top: -10000em } #qtip-overlay.blurs { cursor: pointer } #qtip-overlay div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .7; filter: alpha(opacity=70); -ms-filter: "alpha(Opacity=70)" } .qtipmodal-ie6fix { position: absolute !important } * { margin:0; padding:0; font-family:'微软雅黑'; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } ul li { list-style:none; } button,input,select,textarea { outline:none; border:none; box-sizing:border-box; } .banner { width:100%; } .banner img { width:100%; display:block; } .banner .image { width:100%; /*max-width:1920px;*/ margin:0 auto; position:relative; } /* */ .pointbar { width:92px; background:rgba(249,231,161,.5); position:fixed; right:50px; top:150px; } .pointbar li { width:100%; height:91px; position:relative; padding-bottom:2px; cursor:pointer; } .pointbar li:nth-child(1) { background:url(/Content/Site/AnnivVote/img/point_1.png) no-repeat; background-position:center; } .pointbar li:nth-child(2) { background:url(/Content/Site/AnnivVote/img/point_2.png) no-repeat; background-position:center; } .pointbar li:nth-child(3) { background:url(/Content/Site/AnnivVote/img/point_3.png) no-repeat; background-position:center; } .pointbar li:nth-child(4) { background:url(/Content/Site/AnnivVote/img/point_4.png) no-repeat; background-position:center; } .pointbar li:nth-child(4) { background:url(/Content/Site/AnnivVote/img/point_5.png) no-repeat; background-position:center; } .container { background:url(/Content/Site/AnnivVote/img/background.png?v=0.1) repeat-y top/100%; overflow:hidden; } .group { margin-top:50px; margin-bottom:100px; } .activity-introduction .title { width:1201px; height:160px; background:url(/Content/Site/AnnivVote/img/activity_introduction.png) no-repeat 0/100%; margin:20px auto; } .activity-introduction .introduction-box { width:1200px; height:333px; /* background:#FF9D00; opacity:0.7; */ background:rgba(255,157,0,0.3); margin:0 auto; overflow:hidden; } .activity-introduction .introduction-box h1 { font-size:36px; color:#fff; text-align:left; margin:10px 0; } .activity-introduction .introduction-box .content { margin-top:18px; display:flex; } .activity-introduction .introduction-box .content img { width:418px; height:291px; margin:0 17px 0 15px; } .activity-introduction .introduction-box .content p { font-size:16px; color:#fff; font-weight:normal; /* margin-bottom:26px; */ } .activity-introduction .date-line { width:1200px; margin:26px auto; } .activity-introduction .date-line .date { display:flex; justify-content:center; } .activity-introduction .date-line .line { width:1068px; height:4px; background:#f9e7a1; margin:33px auto; position:relative; } .activity-introduction .date-line .date .item { width:328px; height:86px; background:rgba(255,157,0,0.3); border-radius:3px; margin:0 3px; display:flex; align-content:center; flex-wrap:wrap; position:relative; } .activity-introduction .date-line .date .item::after { content:''; width:0; height:0; border-right:11px solid transparent; border-left:11px solid transparent; position:absolute; border-top:16px solid rgba(249,231,161,.5); position:absolute; bottom:-16px; left:50%; margin-left:-5.5px; } .activity-introduction .date-line .date .item p { width:100%; font-size:24px; color:#fff; text-align:center; } .activity-introduction .date-line .line i { width:26px; height:26px; border:3px solid #f9e7a1; border-radius:50%; background:#ff493a; position:absolute; top:-13px; } .activity-introduction .date-line .line i:nth-child(1) { left:188px; } .activity-introduction .date-line .line i:nth-child(2) { left:523px; } .activity-introduction .date-line .line i:nth-child(3) { left:858px; } .group { margin-top:50px; margin-bottom:100px; } /* 列表切换tab */ .vote .tab-title { cursor:pointer; width:1200px; color:#f9e7a1; font-size:22px; display:flex; justify-content:flex-start; align-items:center; margin:0 auto; border-bottom:5px solid #f9e7a1; } .vote .tab-title li { color:#f9e7a1; width:200px; height:40px; line-height:40px; text-align:center; webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .vote .tab-title .active { color:#934700; background-color:#f9e7a1; } /* 列表数据 */ .vote-list { width:1200px; margin:80px auto; display:flex; flex-wrap:wrap; } .vote-list .item:hover { box-shadow:0 0 10px #000; top:-20px; } .vote-list .item { /**cursor:pointer;**/ width:220px; height:380px; background:#fff; margin:36px 10px; position:relative; } .vote-list .item { top:0; -webkit-transition:all .3s ease-out 0s; -o-transition:all .3s ease-out 0s; transition:all .3s; } .vote-list .item .ranking { width:64px; height:70px; background:url(/Content/Site/AnnivVote/img/ranking.png) no-repeat 0/100%; font-size:30px; font-weight:bold; color:#854900; text-align:center; line-height:58px; position:absolute; top:-38px; left:-4px; z-index:10; } .vote-list .item .image p { position:absolute; width:100%; max-height:45px; background:rgba(0,0,0,.5); color:#fff; left:0; bottom:0; text-align:left; box-sizing:border-box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; } .vote-list .item img { display:block; cursor:pointer; webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .vote-list .item h1 { font-size:24px; color:#737373; text-align:center; margin-top:8px; } .vote-list .item p { font-size:16px; color:#737373; text-align:center; } .vote-list .item .received { font-size:20px; color:#ff493a; text-align:center; margin:6px 0; } .vote-list .item .received::before { content:""; width:24px; height:25px; background:url(/Content/Site/AnnivVote/img/thumbs_up.png) no-repeat 0/100%; display:inline-block; margin-right:2px; } .vote-list .item .button { width:168px; height:38px; border-radius:30px; background:#ff5151; font-size:22px; color:#fff; margin:0 auto; display:block; cursor:pointer; } .vote-list .item .button:disabled { /* background:#a9a9a9;*/ cursor:default; pointer-events:none } /* 规则 */ .rule { margin-bottom:100px; } .rule .title { width:1201px; height:160px; background:url(/Content/Site/AnnivVote/img/rule.png) no-repeat 0/100%; margin:30px auto; } .rule .rule-box { width:1200px; height:428px; background:rgba(255,157,0,0.3); margin:0 auto; overflow:hidden; } .rule .rule-box h1 { font-size:36px; color:#fff; text-align:center; margin:10px 0; display:flex; align-items:center; justify-content:center; } .rule .rule-box .content { display:flex; margin-top:19px; } .rule .rule-box .text { margin:0 115px 0 20px; } .rule .rule-box .text p { margin-bottom:25px; font-size:16px; color:#fff; } .rule .rule-box .content img { width:690px; height:370px; } .login { width: 350px; height: 282px; background: #FFFFFF; border-radius: 5px; position: fixed; z-index: 1000; top: 50%; left: 50%; margin-left: -175px; margin-top: -150px; display: none; } .login .loginclose { background:transparent; font-size:28px; position:absolute; right:5px; top:0; line-height:20px; color:#ff0000; cursor:pointer; } .login .title { width:139px; height:30px; background:url(/Content/Site/AnnivVote/img/login_title.png) no-repeat 0/100%; text-align:center; color:#FFFFFF; margin:0 auto; } .login .box { margin:40px auto; } .login .box .input { width:300px; height:45px; box-sizing:border-box; border:1px solid #ff462d; margin:14px auto; display:flex; align-items:center; background:#fffaf9; } .login .box .input i { width:46px; height:41px; margin-left:1px; flex-shrink:0; } .login .box .user i { background:url(/Content/Site/AnnivVote/img/user.png) no-repeat 0/100%; } .login .box .password i { background:url(/Content/Site/AnnivVote/img/password.png) no-repeat 0/100%; } .login .box .input input { width:100%; height:100%; background:#fffaf9; padding-left:15px; box-sizing:border-box; } .login .box .button { width:300px; height:44px; background:#ff462d; font-size:16px; color:#FFFFFF; display:block; margin:30px auto 0; cursor:pointer; } .login .box .button:disabled { background:#a9a9a9; cursor:default; } .vote-tips { width:409px; height:400px; position:fixed; top:0; left:0; background:#FFFFFF; border-radius:5px; z-index:1000; left:50%; top:50%; margin-left:-140px; margin-top:-200px; display:none; } .vote-tips .icon { width:243px; height:201px; display:block; margin:50px auto 30px; } .vote-tips .success { background:url(/Content/Site/AnnivVote/img/success.png) no-repeat center/100%; } .vote-tips .error { background:url(/Content/Site/AnnivVote/img/error.png) no-repeat center/100%; } .vote-tips h1 { font-size:32px; text-align:center; } .vote-tips p { font-size:16px; text-align:center; margin-top:10px; } .details-dialogbox { width:700px; height:600px; background:rgba(255,255,255,0.5); position:fixed; top:50%; left:50%; margin-left:-400px; margin-top:-300px; border-radius:10px; display:none; z-index:1000; } .details-dialogbox .box { width:660px; height:560px; background:#FFFFFF; padding:20px 15px; box-sizing:border-box; margin:20px auto; overflow:auto; } .details-dialogbox h1 { font-size:24px; } .details-dialogbox .p { font-size:18px; } .details-dialogbox .content { font-size:16px; margin-top:13px; } .details-dialogbox .cover { width:100%; height:240px; background:#eeeeee; margin-top:15px; } .details-dialogbox .cover { width:500px; height:300px; border-radius:10px; overflow:hidden; position:relative; background:#eeeeee; margin:20px auto; } .details-dialogbox .intro_close { position:absolute; right:-5px; top:-12px; width:40px; height:40px; background:url(/Content/Site/AnnivVote/img/close.png) no-repeat 0/100%; right:-15px; top:-15px; z-index:100; cursor:pointer; } .details-dialogbox .cover img { width:100%; height:100%; object-fit:cover; pointer-events:none; } .details-dialogbox .cover i { width:104px; height:104px; background:url(/Content/Site/AnnivVote/img/icon_play_2.png) no-repeat 0/100%; position:absolute; top:50%; left:50%; margin-top:-52px; margin-left:-52px; } .details-dialogbox .video img { width:100%; display:block; } .details-dialogbox .video .play { width:76px; height:76px; background:url(/Content/Site/AnnivVote/img/b_play.png) no-repeat 0/100%; position:absolute; top:50%; left:50%; margin-top:-42px; margin-left:-30px; z-index:1; } .video-pop { z-index:1001; } .video-pop .video { max-height:600px; } .video-pop .video .close { cursor:pointer; } .loginout { width: 70px; height: 30px; position: fixed; right: 10px; bottom: 50px; z-index: 10; border-radius: 3px; display: none; background-color: #f47236; font-weight: bold; color: #fff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); cursor: pointer; } .loginout:hover { background-color: #f44336; } #modail_message_box div{ z-index:2000; }