* {margin: 0;padding: 0;outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ul, ol, li {list-style: none;}
em, i {font-style: normal;}
img {border: none;}
input, img {vertical-align: middle;}
html {font-size: 14px; height:100%;}
body {margin: 0 auto; width:100%; height:100%; color: #000;font: 85%/1 "\9ED1\4F53";background: #000;}
.clearfix:after {display: block;content: '';clear: both;visibility: hidden;}
.none {display: none;}
header img {max-width: 480px;width: 100%;}

#outer {width: 100%; height: 100%; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%; margin: 0 auto;} /* for explorer only */

.share-tips{position: fixed;left:50%;top:10px;margin-left:-125px;width:250px;z-index:1000;}

#bd .blockquote .mulu{position:absolute; width:100%; top:0; left:0;}
#bd .blockquote .mulu .mulutext{float:left;width:25%;}
#bd .blockquote .mulu .muluimg{float:left;width:75%;}


#main {
    margin:0 auto;
    width:100%;
    position:relative;
}
#main a{color:#333;}
.key{width:100%;}
.whiteKey{width:90%; height:9.3%; background:#FFF; margin-bottom:3%; border-bottom-right-radius:5px; border-top-right-radius:5px; text-align:CENTER;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    position:relative;

    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-box-shadow: inset 0px 1px 0px #999, 0px 5px 0px 0px #999, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #999, 0px 5px 0px 0px #999, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #999, 0px 5px 0px 0px #999, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #999, 0px 5px 0px 0px #999, 0px 10px 5px #999;
}


.whiteKey:active::before {
    top:-3px;
    -webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
    -moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
    -o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
    box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
}
.keysp{display:block; margin-left:55%; line-height:13px; font-size:12px;}
.blackKey1{ float:left; position:absolute; top:10%; z-index:999;width:50%; height:10%;}
.blackKey2{float:left; position:absolute; top:32%; z-index:999;width:50%; height:10%;}
.blackKey3{float:left; position:absolute; top:48%; z-index:999;width:50%; height:10%;}
.blackKey4{float:left; position:absolute; top:69%; z-index:999;width:50%; height:10%;}
.blackKey5{float:left; position:absolute; top:84%; z-index:999;width:50%; height:10%;}

.mlogo{ position:absolute; left:0; top:0; z-index:8; width:100%;  }

.indexbg{ position:absolute; z-index:0; width:100%; height:100%; left:0; right:0; top:0; background:url(../images/bg.png) center bottom no-repeat; background-size:cover;}

.back{ position:absolute; right:10px; bottom:100px; width:50px; height:22px; line-height:22px; text-align:center; color:#000; background:#fff; opacity:0.5; border-radius:3px; font-family:"微软雅黑"; font-size:12px }

.nav{ width:90%; margin:23px auto; overflow:hidden; position:relative; }
.nav .bgimg{ width:100%}
.navc{ position:absolute; left:13%; top:28%; width:80%; height:58%}
.navc ul li{ float:left; width:15%; height:70%; border-right:1px dotted #8C8A8B; text-align:center; padding:12px 0px}
.navc ul li img{ width:50%}