html, body, section, article, nav, header, footer, form, div, em, span, a, label, p, h1, h2, h3, h4, h5, h6, dl, ul, ol, li, dt, dd, select { margin: 0; padding: 0; font-weight: normal; font-style: normal; -webkit-text-size-adjust: none; }
body, select, input, option { color: #171717; font-family: "Microsoft YaHei",Arial; }
body > header, body > section { clear: both; }

h3 { font-size: 18px; }
li { list-style-type: none; }
a { text-decoration: none; color: #171717; }
input[type=text]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder { color: rgba(0,0,0,0); }
input:focus, :active, :focus { outline: 0 none; }
img { border: 0 none; }
* { -webkit-tap-highlight-color:rgba(0,0,0,0);}

body { background: #e1e1e1;}

header {position: absolute; left: 0; top: 0; z-index: 8; width:100%; box-shadow: 0 2px 19px -4px #999; background-image: -ms-linear-gradient(top, #f8f9fa 0%, #e8ebef 100%); background-image: -moz-linear-gradient(top, #f8f9fa 0%, #e8ebef 100%); background-image: -o-linear-gradient(top, #f8f9fa 0%, #e8ebef 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #f8f9fa), color-stop(1, #e8ebef)); background-image: -webkit-linear-gradient(top, #f8f9fa 0%, #e8ebef 100%); background-image: linear-gradient(top,#f8f9fa 0%, #e8ebef 100%); }
header h1{ width:100%; font:18px/45px Arial; color:#000; text-align:center;}
header .tool-btn, header .home-btn { width: 44px; height: 30px; margin-top: 7px; text-align: center; border: 1px solid #7e7f81; box-shadow: inset 0 0 0 1px #fcfdfd; border-radius: 10px; background-image: -ms-linear-gradient(top, #edeff2 0%, #c8cbcf 100%); background-image: -moz-linear-gradient(top, #edeff2 0%, #c8cbcf 100%); background-image: -o-linear-gradient(top, #edeff2 0%, #c8cbcf 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #edeff2), color-stop(1, #c8cbcf)); background-image: -webkit-linear-gradient(top, #edeff2 0%, #c8cbcf 100%); background-image: linear-gradient(top,#edeff2 0%, #c8cbcf 100%); }
header .tool-btn img { vertical-align:-9px; width:40%;}
header .home-btn img { vertical-align:-10px; width:50%;}
header .tool-btn:hover, header .home-btn:hover { box-shadow:none; background-image: -ms-linear-gradient(top, #c3c5c9 0%, #eceef1 100%); background-image: -moz-linear-gradient(top, #c3c5c9 0%, #eceef1 100%); background-image: -o-linear-gradient(top, #c3c5c9 0%, #eceef1 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #c3c5c9), color-stop(1, #eceef1)); background-image: -webkit-linear-gradient(top, #c3c5c9 0%, #eceef1 100%); background-image: linear-gradient(top,#c3c5c9 0%, #eceef1 100%); }
header .tool-btn { float: left; margin-left:10px;}
header .home-btn { float:right; margin-right:10px;}
header nav { display:none; position: absolute; left: 10px; top: 45px; z-index: 9; width: 90px; padding: 5px; border: 1px solid #000; border-radius:4px; background: rgba(0,0,0,0.7); box-shadow: 0 0 13px -2px #000; }
header nav .arr { position: absolute; left: 11px; top: -10px; width:23px; height:10px; background: url(../images/nav-arr.png) no-repeat 0 0; background-size:100% auto;}
header nav a{ display:block; margin:2px 0; font:16px/26px Arial; color:#fff; text-align:center; border-radius:10px;}
header nav a:hover,header nav .act { background: #4bbdff; }

.main-box { position: absolute; left: 0; top: 45px; width:100%; bottom: 0; box-sizing: border-box; }
.main-box #iscroller { width:320px; margin:0 auto;}
.main-box a { display: inline-block; width:23%; text-align:right;}
.main-box img { width: 90%; padding-top:10px; vertical-align: top; }

.photo-guide { margin: 3%; background: #fff;}
.photo-guide a { display:block; width:100%;}
.photo-guide h4 { width: 96%; padding: 5px 0; margin: 0 auto; font: 16px/26px Arial; color: #000; text-align: left; }
.photo-guide p { width: 96%; margin: 0 auto; font: 14px/22px Arial; color: #000; text-align: left; }
.photo-guide img { width: 100%; padding:0; vertical-align: top; }

/* main-photo */
.main-photo { position:absolute; left:0; top:0; box-shadow:none!important;}
.main-photo-box { position:absolute!important; left:0; top:45px; bottom:0; height:auto!important;}