@charset "utf-8";
/*icon*/
.my-icon{background:url('../../images/memorials/muyuan/img1.png') left bottom no-repeat;width:76px;height:76px;display:inline-block;}
.my-icon.my-a{background-position:left bottom;}
.my-icon.my-b{background-position:-76px bottom;}
.my-icon.my-c{background-position:-152px bottom;}
.my-icon.my-d{background-position:-228px bottom;}
.my-icon.my-e{background-position:-304px bottom;}
.my-icon.my-f{background-position:-380px bottom;}
.my-icon.my-g{background-position:-456px bottom;}
.my-icon.my-h{background-position:-532px bottom;}
.my-icon.my-i{background-position:-608px bottom;}
.my-icon.my-a:hover{background-position:left top;}
.my-icon.my-b:hover{background-position:-76px top;}
.my-icon.my-c:hover{background-position:-152px top;}
.my-icon.my-d:hover{background-position:-228px top;}
.my-icon.my-e:hover{background-position:-304px top;}
.my-icon.my-f:hover{background-position:-380px top;}
.my-icon.my-g:hover{background-position:-456px top;}
.my-icon.my-h:hover{background-position:-532px top;}
.my-icon.my-i:hover{background-position:-608px top;}

.my-tool-icon{background:url('../../images/memorials/muyuan/img4.png') left -50px no-repeat;width:80px;height:50px;display:inline-block;}
.my-tool-icon.tool-a{background-position:left -50px;}
.my-tool-icon.tool-b{background-position:-80px -50px;}
.my-tool-icon.tool-c{background-position:-160px -50px;}
.my-tool-icon.tool-d{background-position:-240px -50px;}
.my-tool-icon.tool-e{background-position:-320px -50px;}
.my-tool-icon.tool-f{background-position:-400px -50px;}
.my-tool-icon.tool-g{background-position:-480px -50px;}
.my-tool-icon.tool-h{background-position:-560px -50px;}
.my-tool-icon.tool-i{background-position:-640px -50px;}
.my-tool-icon.tool-j{background-position:-720px -50px;}
.my-tool-icon.tool-k{background-position:-800px -50px;}

.toolbar li a:hover .my-tool-icon{transition:all .2s ease-out 0s;}
.toolbar li a:hover .my-tool-icon.tool-a{background-position:left top;}
.toolbar li a:hover .my-tool-icon.tool-b{background-position:-80px top;}
.toolbar li a:hover .my-tool-icon.tool-c{background-position:-160px top;}
.toolbar li a:hover .my-tool-icon.tool-d{background-position:-240px top;}
.toolbar li a:hover .my-tool-icon.tool-e{background-position:-320px top;}
.toolbar li a:hover .my-tool-icon.tool-f{background-position:-400px top;}
.toolbar li a:hover .my-tool-icon.tool-g{background-position:-480px top;}
.toolbar li a:hover .my-tool-icon.tool-h{background-position:-560px top;}
.toolbar li a:hover .my-tool-icon.tool-i{background-position:-640px top;}
.toolbar li a:hover .my-tool-icon.tool-j{background-position:-720px top;}
.toolbar li a:hover .my-tool-icon.tool-k{background-position:-800px top;}

.my-tool2-icon{background:url('../../images/memorials/muyuan/img5.png') left -50px no-repeat;width:120px;height:120px;display:inline-block;}
.my-tool2-icon.tool-a{background-position:left -120px}
.my-tool2-icon.tool-b{background-position:-120px -120px}
.my-tool2-icon.tool-c{background-position:-240px -120px}
.my-tool2-icon.tool-d{background-position:-360px -120px}
.my-tool2-icon.tool-e{background-position:-480px -120px}
.my-tool2-icon.tool-f{background-position:-600px -120px}
.my-tool2-icon.tool-g{background-position:-720px -120px}

.toolbar li a:hover .my-tool2-icon{transition:all .2s ease-out 0s;}
.toolbar li a:hover .my-tool2-icon.tool-a{background-position:left top;}
.toolbar li a:hover .my-tool2-icon.tool-b{background-position:-120px top;}
.toolbar li a:hover .my-tool2-icon.tool-c{background-position:-240px top;}
.toolbar li a:hover .my-tool2-icon.tool-d{background-position:-360px top;}
.toolbar li a:hover .my-tool2-icon.tool-e{background-position:-480px top;}
.toolbar li a:hover .my-tool2-icon.tool-f{background-position:-600px top;}
.toolbar li a:hover .my-tool2-icon.tool-g{background-position:-720px top;}

.tt-bg{ width:100%; margin:auto; position:relative;}
.stool{background:url("../../images/memorials/muyuan/img3.png") center bottom no-repeat;height:260px;padding-top:36px;position:relative;}
.stool ul{list-style:none;width:774px;margin:0 auto;padding:0;}
.stool li{float:left;margin:5px 5px;}
.stool li a{display:block;text-align:center;color:#FFF;font-size:16px;padding-top:76px;transition:all 0.15s ease-out 0s;}

.toolbar ul{list-style:none;padding:0;overflow:hidden;}
.toolbar li{float:left;margin:5px 0 5px 6px;text-align:center;width:95px;}
.toolbar li a{background-color:#fff;display:block;border-radius:5px; color:#666;}
.toolbar li a h5{padding-bottom:5px;}
.toolbar li a:hover{background-color:#999;color:#FFF;border-radius:5px;transition:background-color .2s ease-out 0s;}

.toolbar2 li{width:150px;margin:5px 5px;}
.toolbar2 li:first-child a:hover{background-color:#f18f03;}

.nav-toolIcon{background:url('../../images/memorials/muyuan/img6.png') left top no-repeat;width:36px;height:40px;margin:0 auto;display:block;}
.nav-toolIcon.nav-a{background-position:left top;}
.nav-toolIcon.nav-b{background-position:-36px top;}
.nav-toolIcon.nav-c{background-position:-72px top;width:35px;}
.nav-toolIcon.nav-d{background-position:-107px top;width:53px;}
.nav-tool{background:url("../../images/memorials/dot.png");text-align:center;margin-top:100px;position:absolute;top:0;left:0;z-index:100000;border-radius:0 0 4px 0;}
.nav-tool ul{padding:0;margin:0;list-style:none;width:80px;overflow:hidden;}
.nav-tool ul li{width:80px;padding:8px 0;border-bottom:1px solid #333;}
.nav-tool ul li a{color:#FFF;}
.nav-tool .nav-btn{cursor:pointer;position:absolute;right:-30px;top:0;width:30px;height:60px;line-height:58px;background:url("../../images/memorials/dot.png");color:#FFF;border-radius:0 4px 4px 0;}

.wm_pic_photo{position:absolute;text-align:center;width:109px;height:132px;top:50%;left:50%;margin-left:-55px;margin-top:-89px;}
.wm_pic_photo img{width:109px;height:132px;cursor:pointer;}
.wm_pic_photo h2{color:#FFF;width:30px;margin:0 auto;font-size:24px;}

.moreIcon{background:url("../../images/memorials/muyuan/img2.png") left bottom no-repeat;width:100px;height:72px;display:block;position:absolute;}
.moreIcon.go_left{left:0;}
.moreIcon.go_right{right:0;background-position:right bottom;}
.moreIcon.go_left:hover{background-position:left top;}
.moreIcon.go_right:hover{background-position:right top;}

.visitMeContainer li{margin-right:5px;text-align:center;}
.visitMeContainer li a:hover{border:none;}
.visitMeContainer li span{display:block;}
.visitMeContainer img{border-radius:4px;}

.fixed-box{position:fixed;left:0;bottom:0;/*-ms-transform:scale(0.5,0.5) translateX(-275px);*/z-index:3;}
.fixed-box audio{display:none;}
.fixed-box ol{background-color:#fff;margin-bottom:0;border:1px solid #404040;display:none;}
.fixed-box ol li{border-bottom:1px dotted #404040;line-height:24px;position:relative;}
.fixed-box ol li:last-child{border-bottom:none;}
.fixed-box ol li.playing:before {
    color: #000;
    content: "♬";
    font-size: 13px;
    height: 14px;
    left: -38px;
    line-height: 14px;
    margin: 0;
    padding: 3px;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    top: 2px;
    width: 14px;
}

.scenes_container{position:relative;height:750px;width:1150px;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;}
.scenes_bg{z-index:0;position:relative;}
.disDiv{position:absolute;}
.divActive{cursor:move;border:1px transparent solid;}
.divActive:hover{border:1px solid #f18f03;/*background:url("../../images/memorials/w-dot.png");*/}
#set_layer{display:none;position:absolute;top:-1px;width:20px;left:-20px;background-color:#f18f03\9;background-color:rgba(241,143,3,.8);border:1px solid #f18f03;border-right:none;z-index:1000;pointer-events:auto;-moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:auto;}
.divActive:hover #set_layer{display:block;}

.divActive #set_layer span{text-align:center;padding:2px;color:#FFF;display:block;cursor:pointer;}
.divActive #set_layer span:hover{background-color:#fff;color:#f18f03;}

#toolTipHtmlInfo{position:absolute;width:145px;top:-1px;right:-146px;display:none;padding:10px;background:url("../../images/memorials/w-dot.png");z-index:9999999;}
#toolTipHtmlInfo span{color:#f18f03;}
.disDiv:hover #toolTipHtmlInfo{display:block;}

.text-area{margin:0;padding:0;}
.text-area li{list-style:none;padding-top:3px;padding-bottom:3px;}
.text-area li span{color:#f18f03;font-size:24px;font-family:Verdana;font-weight:bold;}

#popImage_cache img{
    border:4px solid #ccc;
    background:#fff;
    display:block;
    padding:4px;
    position:absolute;
    cursor:pointer;
    z-index:9999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 45px #888;
    -webkit-box-shadow: 0 0 45px #888;
    box-shadow: 0 0 45px #888;
}
.popImage_close{
    background:url(../../images/close1.png) center no-repeat;
    position:absolute;
    height:40px;
    width:40px;
    z-index:9999;
    cursor:pointer;
    display:none;
}
.visitMeContainer li{width:80px;height:80px;margin-bottom:35px;margin-right:10px;}
.visitMeContainer li small{display:block;color:#999 !important;}
.visitMeContainer img{width:80px;height:80px;}
.visitMeContainer .sline > li.active > a, .visitMeContainer .sline > li.active > a:hover, .visitMeContainer .sline > li > a:hover, .visitMeContainer .sline > li.active > a:focus{border:none;background:none;}

/* Ruffle播放器样式优化 - 隐藏错误提示和默认显示 */
ruffle-player {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    overflow: hidden !important;
    position: relative !important;
}

/* 隐藏Ruffle的错误元素，但保留canvas */
ruffle-player *:not(canvas) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 确保canvas元素显示（实际的Flash内容） */
ruffle-player canvas,
ruffle-player > canvas,
ruffle-player canvas[width],
ruffle-player canvas[height] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 隐藏Ruffle的错误提示框 */
ruffle-player::before {
    display: none !important;
    content: "" !important;
    visibility: hidden !important;
}

ruffle-player::after {
    display: none !important;
    content: "" !important;
    visibility: hidden !important;
}

/* 隐藏Ruffle内部的错误消息和所有文本内容 */
ruffle-player .ruffle-error,
ruffle-player [class*="error"],
ruffle-player [class*="Error"],
ruffle-player [class*="message"],
ruffle-player [class*="Message"],
ruffle-player div,
ruffle-player span,
ruffle-player p {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* 确保Ruffle容器正确显示 */
.ruffle-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: transparent;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.ruffle-container ruffle-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 确保Flash容器可见 */
.flash-container {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
}

/* 隐藏Ruffle的加载提示和所有非canvas内容 */
ruffle-player [class*="loading"],
ruffle-player [class*="Loading"],
ruffle-player [class*="ruffle"]:not(canvas) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Flash加载进度条样式 */
.flash-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 10000;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
}

.flash-progress-fill {
    height: 100%;
    background: #f18f03;
    width: 0%;
    transition: width 0.3s ease;
    border-radius: 0 0 2px 2px;
}

.flash-progress-text {
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 11px;
    color: #f18f03;
    white-space: nowrap;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}