
*{color:#FFFFFF;
    margin:0px;padding:0px;text-decoration:none}
    a {color:#FFFFFF;
        background-image:box-shadow: 0px 0px 10px 0px #00A000 inset; /* 水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */
        }
body{
    background-image:url("image/space0.1.jpg");
}
ul{list-style:none;}
nav{
    position:relative;
    height:400px; /* nav标准高度 */

    background-image:url("image/nav-bg.png");}
    .logo{height:80px;}
    nav ul{
        position:absolute;
        bottom:0px;
        height:28px;box-shadow: 0px 0px 13px 0px #00A000 inset; /* 
            水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */
            }
    nav ul li{display:inline;
        font-size:20px;
        margin:0 5px;
        box-shadow: 0px 0px 10px 0px #FFA000 inset; /* 水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */
        }
     nav ul li a{margin:3px;}
    nav ul li img{position:relative;bottom:270px;
                }
    #m1,#m2,#m3,#m4{position:relative;
        }
    .menu{position:absolute;left:72px;bottom:334px;
        font-size:64px;color:#FFFFFF;
        mix-blend-mode:overlay;
        opacity:1;
        }

.allcontent{width:1200px; /* allcontent标准宽度 */
        margin:0 auto;}
.main{}
.middle{
    display:inline-block;vertical-align:top;
    width:640px;height:auto;
    margin:5px;
    border:1px solid #808080;
}
.left{
    display:inline-block;vertical-align:top;
    font-size:16px;
    width:300px; height:600px;/* left标准宽度 */
    background-image:url("image/woodwall-left_p.png");
}
    .left ul{padding:10px;color:#ffff88;
    }
    .left ul li a{color:#FFFFFF;}
.middle h2{
    width:100%;height:60px;
}
.video-box{

}
.right{
    display:inline-block;vertical-align:top;
    width:200px;
    background-image:url("image/woodwall-right_p.png");
    color:#FFC000;
}
.right h3{text-align:center;
    background-color:#FF9000;}
.list-group{
    height:600px;
    list-style:none;
    overflow:auto;
}
.notice{margin:10px;
    text-indent:2em;
    color:#AAAAFF;
    border:1px dotted #FF0000;
    box-shadow: 0px 0px 10px 0px #FF0000 inset; /* 水平位置、竖直位置、模糊、延伸、颜色、内或外(inset、outset) */
    }
.videoframe{
    margin:0px;padding:2px 5px 2px 5px; 
}
.videoframe:hover{
    background-color:#A0A00F;
    /* background-image:linear-gradient(180deg, #eeeeff 2px, #A0A00F 5px, #A0A00F 20px);第一色持续范围,渐变色开始的范围,第三个渐变色开始的范围 */
}
.img-frame{width:60px;height:40px;
    display:inline-block;vertical-align:top;}
.img-frame .img{width:auto;height:100%;}
.v_info{
    display:inline-block;vertical-align:top;
    width:150px;height:50px;
    margin-left:20px;
    overflow: hidden;
    }