html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:'΢ÈíÑźÚ','ºÚÌå',Arial;position:relative}#wrap{overflow:hidden;cursor:w-resize;transform-style:preserve-3d;perspective:500px;perspective-origin:50% -30%;-webkit-perspective:500px;-moz-perspective:500px;-webkit-perspective-origin:50% -30%;-moz-perspective-origin:50% -30%;position:relative;z-index:1}#box{max-width:1200px;height:200px;margin-bottom:50px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;z-index:10;position:relative}.picWrap{width:90px;height:50px;position:absolute;margin:auto;left:0;top:0;right:0;bottom:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.picWrap img{border:2px solid #000;box-shadow:0 0 8px black;border-radius:0.1rem;width:100%;height:100%;display:block}#bg{width:100%;height:100%;background:url(../img/79Q88BH2P402.jpg) center center repeat-y;background-size:cover;position:fixed;left:0;top:0;z-index:0}#bgWrap #toTop,#bgWrap #clearLocal,#bgWrap .project,#bgWrap .myPop,#bgWrap .jumbotron,#bgWrap .list-group li,#bgWrap .b3bg,#bgWrap .thumbnail,#bgWrap .breadcrumb{background:rgba(0,0,0,0.3);color:#ccc;text-shadow:0 0 5px #666}#pcsBarWrap{box-shadow:0 0 3px gold;transition-property:width,margin;transition-duration:1s;position:relative;top:0;width:100%;left:50%;margin-left:-50%}.positionFixTop{box-shadow:0 0 5px gold;position:fixed !important;top:98.5% !important;left:50% !important;width:20% !important;height:1%;margin:0 !important;margin-left:-10% !important;z-index:200;opacity:0.7}#bgWrap{position:absolute;left:0;top:0;width:100%;z-index:10;background:rgba(0,0,0,0.1)}#bgWrap .list-group li{background:transparent}#bgWrap .list-group li:nth-last-child(1){border-bottom:1px solid #ddd}#bgWrap .navbar-fixed-top{padding-bottom:0 !important}#bgWrap .navbar-inverse .navbar-nav>.active>a{background:none}#bgWrap .navbar-inverse .navbar-nav>li>a:focus,#bgWrap .navbar-inverse .navbar-nav>li>a:hover,#bgWrap .navbar-inverse .navbar-nav>li>a{color:#9d9d9d}#bgWrap .active a{color:#fff !important}#bgWrap #toTop{margin-bottom:50px}#bgWrap #clearLocal{height:22px;line-height:8px;margin-top:-1px}#bgWrap .project h2{padding-top:30px}#bgWrap .project h4{color:#fff;font-weight:bold}#bgWrap .project .projectBlock{padding-top:30px;margin-bottom:50px}#bgWrap .project .projectBlock .proInner{height:250px;background:rgba(0,0,0,0.5);border-radius:10px;padding:20px}#bgWrap .project .projectBlock .proInner .innerP{height:180px}#bgWrap .project .projectBlock .proInner .innerP p{color:#eee;text-shadow:0 0 3px #666;font-family:'΢ÈíÑźÚ'}#bgWrap .project .projectBlock .proInner .innerP p span{color:greenyellow;float:left;position:relative;left:7%}#bgWrap .container{padding-bottom:50px}#bgWrap .rlt{position:relative}#bgWrap .myPop{position:absolute;right:5%;top:5%}#bgWrap .myPop-s{right:11%}#bgWrap #navMenu li{cursor:pointer}#bgWrap #navbarYY{transition:all 1s}#bgWrap #navBarAni{position:relative;z-index:100}#bgWrap #navBarAni #ball{position:absolute;left:0;top:0;height:100%;width:2%;background:black;box-shadow:inset 0 0 5px white,0 0 3px white;box-sizing:border-box;border-radius:3px;transition:all 1s}#bgWrap .navbar a{box-sizing:border-box}#bgWrap .navbar .dropdown-menu{background:rgba(0,0,0,0.8)}#bgWrap .navbar .dropdown-menu a{color:#9d9d9d}#bgWrap .navbar .navbar-text{text-shadow:0 0 0 #fff;cursor:default;animation:letter 3s ease 0s infinite}#bgWrap .navbar .navbar-brand{color:gold;position:relative;z-index:101;font-size:30px;text-shadow:0 0 5px gold}#bgWrap .navbar .navbar-toggle{position:absolute;right:1px;top:0}#bgWrap .jumbotron P:nth-of-type(1){color:gold}#bgWrap h2,#bgWrap h3,#bgWrap h4,#bgWrap h5{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#eee;text-shadow:1px 1px 3px black}#bgWrap h2 span,#bgWrap h3 span,#bgWrap h4 span,#bgWrap h5 span{font-size:12px;color:#ddd;text-shadow:1px 1px 5px black;margin-left:10px}#bgWrap .b3bg{border-radius:5px}#bgWrap .thumbnail img{width:100%;opacity:0.9}#bgWrap .panel{background:none;border:none;color:#ddd;text-shadow:1px 1px 5px black}#bgWrap .panel-heading{background:rgba(0,0,0,0.2);color:#ddd;text-shadow:1px 1px 5px black}#enterPic{width:100%;height:100%;position:fixed;left:0;top:0;background:black;z-index:100;animation:slideUp 2s linear 6s both}#enterPic .yyName{color:gold;font-size:50px;position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;height:100px;text-align:center;font-family:'ºÚÌå', Airal;text-shadow:0 0 10px gold}#enterPic .yyName p{opacity:0;animation:nameIn 10s linear 1s both}#enterPic .yyName p:nth-child(2){animation:nameIn1 10s linear 1s both}@keyframes slideUp{0%{opacity:1}95%{opacity:0;transform:translateY(0px)}100%{transform:translateY(10000px);opacity:0}}@keyframes nameIn{0%{transform:scale(0) rotate(-720deg)}20%{transform:scale(1) rotate(10deg)}21%{transform:scale(1) rotate(-10deg)}22%{transform:scale(1) rotate(5deg)}23%{transform:scale(1) rotate(-5deg)}24%{transform:scale(1) rotate(2deg)}25%{transform:scale(1) rotate(-2deg);opacity:1}26%{transform:scale(1) rotate(0deg);opacity:1}50%{transform:scale(1);opacity:1}100%{transform:translateX(-1000px);opacity:0}}@keyframes nameIn1{0%{transform:scale(0) rotate(720deg)}20%{transform:scale(1) rotate(-10deg)}21%{transform:scale(1) rotate(10deg)}22%{transform:scale(1) rotate(-5deg)}23%{transform:scale(1) rotate(5deg)}24%{transform:scale(1) rotate(-2deg)}25%{transform:scale(1) rotate(2deg);opacity:1}26%{transform:scale(1) rotate(0deg);opacity:1}50%{transform:scale(1);opacity:1}100%{transform:translateX(1000px);opacity:0}}@keyframes letter{50%{text-shadow:0 0 10px #fff;color:gold}}