
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body, html{font-size: 100%;padding: 0;margin: 0;}
*,
*:after,
*:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{background: #494A5F;color: #000;font-weight: 500;font-size: 1em;font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;}
a{color: #2fa0ec;text-decoration: none;outline: none;}
a:hover,a:focus{color:#74777b;}
li{list-style: none;}
header ul.head_list{background: #333333;width: 100%;height: 3.8rem;padding: 0 10%;margin-top:0px;margin-bottom:5px;}
header ul.head_list li{height: 100%;width: 25%;float: left;}
header ul.head_list li a{line-height: 3.4rem;width: 100%;text-align: center;display: block;color:#fff;}
header h1{width: 13.9rem;display: block;margin: 0 auto;}
header h1 .logo{width: 100%;margin: .5rem 0;height: 87px;background: url(http://dh2.netease.com/template/dh2_2015v1/images/logo.png) 0 0 no-repeat;background-size: 100% 100%;display: block;}
footer{display:block;line-height: 4em;background-color: #333;margin-top: 10px;}
footer p{margin:0;color: #fff;text-align: center;}
footer p a{color: #fff;}
#gallery-wrapper{position: relative;max-width: 100%;width: 100%;margin:0px auto;}
img.thumb{width: 100%;max-width: 100%;height: auto;}
.white-panel{position: absolute;background: white;border-radius: 5px;box-shadow: 0px 1px 2px rgba(0,0,0,0.3);padding: 5px;}
.white-panel h1{font-size: 1em;}
.white-panel h1 a{color: #A92733;}
.white-panel:hover{box-shadow: 1px 1px 10px rgba(0,0,0,0.5);margin-top: -5px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.xin{background-image: url(../img/xin.png);background-repeat: no-repeat;background-position: center;display: block;height: 21px;width: 21px;float: left;}