body{overflow:hidden;}
.outbox{width:100%; height:100%;}
.inbox{  margin:0 auto;}
.ftlogo{ position:absolute; top:100px; z-index:2;}
.ftlogo .logo_img{ float:left;}
.ftlogo .logo_wz{letter-spacing: 2px; float:left; margin-left:10px; overflow:hidden;font-size:28px; margin-top:10px; color:#FFFF01;text-shadow: 1px 0 0 #8B4513, 0 1px 0 #8B4513, 0 -1px 0 #8B4513, -1px 0 0 #8B4513, 1px 0 1px #8B4513, 0 1px 1px #8B4513, 0 -1px 1px #8B4513, -1px 0 1px #8B4513;
filter: Dropshadow(offx = 1, offy = 0, color = #8B4513) Dropshadow(offx = 0, offy = 1, color = #8B4513) Dropshadow(offx = 0, offy = -1, color = #8B4513) Dropshadow(offx = -1, offy = 0, color = #8B4513);}
.ftlogo .small{font-size:14px;color: #FFFF01;float:left;margin:3px;}
.ftlogo .small span{}
.inbox .y_nav{ position:absolute;left:320px; top:45px; background:#fff;filter: alpha(opacity=80);opacity:.8;  font-weight:bold; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.inbox .y_nav ul{ margin:10px 0px 10px 10px; width:auto}
.inbox .y_nav ul li{ margin-right:10px; display:inline}
.inbox .y_nav ul li a{color:#000; text-decoration:none}
    .inbox .y_nav ul li a:hover {
        color: #ff0000;
        text-decoration: underline;
    }
.product{position:absolute}
.navmenu{position:fixed;}
.ftedit{position:fixed;bottom:0px;float:right;right:0px}
.productlist{display:block;width:100%;clear:both}
.productlist .pitem{float:left;width:100px;height:120px;text-align:center;border:solid 1px #FFF;margin:3px;border-radius:1rem}
.productlist .pitem img{max-width:80px;max-height:80px;}
.productlist .pitem:hover{border:solid 1px #808080;}
.productlist .pitem .active{border:solid 1px #808080;}
.productlist .had{border:#808080}
.productlist .used{border:#FFFF01}
.productlist .pdobtn span{display:none;cursor:pointer}
.productlist .pdobtn div{cursor:pointer}
.canyu{padding-left:3rem}
.canyu img{display:none;cursor:pointer;margin:1rem;}
.playground {display:none;
    position: absolute;
    z-index: 20;
    width: 10px;
    height: 20px;
}

.flame {
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7px;
    height: 20px;
    background-color: white;
    border-radius: 100%;
    box-shadow: 0 0 20px #fffef0,0 0 20px #fffee6,0 0 20px #fefcc9,10px -10px 30px #feec85,-20px -20px 40px #ffae34,20px -40px 50px #ec760c,-20px -60px 60px #cd4606,0 -80px 70px #973716,10px -90px 80px #451b0e;
    -webkit-animation: flame 3s infinite linear;
}

@-webkit-keyframes flame {
    25% {
        height: 10px;
        transform: skewY(20deg);
        border-radius: 85% 85% 80% 80%;
    }

    100% {
        height: 15px;
        transform: skewY(0deg);
        border-radius: 80% 80% 80% 80%;
    }
}

.flame1 {
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7px;
    height: 20px;
    background-color: white;
    border-radius: 100%;
    box-shadow: 0 0 20px #fffef0,0 0 20px #fffee6,0 0 20px #fefcc9,10px -10px 30px #feec85,-20px -20px 40px #ffae34,20px -40px 50px #ec760c,-20px -60px 60px #cd4606,0 -80px 70px #973716,10px -90px 80px #451b0e;
    -webkit-animation: flame1 4s infinite linear;
}

@-webkit-keyframes flame1 {
    0% {
        height: 15px;
        transform: skewY(0deg);
        border-radius: 100% 100% 100% 100%;
    }

    70% {
        height: 12px;
        transform: skewY(10deg);
        border-radius: 80% 85% 100% 100%;
    }
}

.flame2 {
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7px;
    height: 20px;
    background-color: white;
    border-radius: 100%;
    box-shadow: 0 0 20px #fffef0,0 0 20px #fffee6,0 0 20px #fefcc9,10px -10px 30px #feec85,-20px -20px 40px #ffae34,20px -40px 50px #ec760c,-20px -60px 60px #cd4606,0 -80px 70px #973716,10px -90px 80px #451b0e;
    -webkit-animation: flame2 7s infinite linear;
}

@-webkit-keyframes flame2 {
    0% {
        height: 15px;
        transform: skewY(0deg);
        border-radius: 70% 75% 100% 100%;
    }

    100% {
        height: 12px;
        transform: skewY(0deg);
        border-radius: 70% 75% 100% 100%;
    }
}

#lanren{position:absolute;top:3rem;z-index:999;float:right;right:2rem}#lanren #audio-btn{width:2rem;height:2rem;background-size:100% 100%}#lanren .on{background:url('/static/ft/music_on.png') no-repeat 0 0;-webkit-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}#lanren .off{background:url('/static/ft/music_off.png') no-repeat 0 0}
                                                                                                                                                                                                                                                                                                                       #musiclist li{cursor:pointer}
#musiclist li:hover{background-color:#f6f4f0 }
#musiclist .used{background-color:#f6f4f0 }
#sdetail{width:100%;margin:0 auto; position:absolute; z-index:999;bottom:10%;display:none;text-align:center}
.sdetail{font-size:38px;color:#ded41b;width:80%;margin:0 auto;}