html, body, div, ul, ol, dl, li, p, header, section, article, aside, footer, canvas, fieldset, figure, form, span { padding: 0px; margin: 0px; }

body { font-family: "Microsoft Yahei"; }

img, fieldset { border: 0px; }

fieldset, figure { display: block; }

ul, dl, ol { list-style-type: none; }

a { text-decoration: none; }

a:link, a:visited, a:hover, a:active { outline: none; }

button, input, optgroup, select, textarea { font-family: inherit; color: inherit; }

.g-clear-ios, input, a, button { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-appearance: none; outline: none; }

.g-animat-hezi { display: -webkit-flex; display: flex; }

.g-animat-align { justify-content: center; }

.g-animat-pack { align-items: center; }

.g-animat-both { justify-content: space-between; }

.g-animat-wrap { flex-wrap: wrap; }

.g-animat-flex { flex-grow: 1; }

.u-reset ::-webkit-input-placeholder { color: #ffffff; }

.g-wall-row { display: -webkit-flex; display: flex; align-items: center; }

.g-wall-side, .g-wall-rows { display: -webkit-flex; display: flex; flex-wrap: wrap; }

.m-brick-small, .m-brick-big { background-color: #dd0000; border: 4px solid; border-top-color: #ff0000; border-bottom-color: #bb0000; border-left-color: #ee0000; border-right-color: #cc0000; }

.m-girder-small, .m-girder-big { background-color: #bb0000; border: 4px solid; border-top-color: #dd0000; border-bottom-color: #990000; border-left-color: #cc0000; border-right-color: #aa0000; }

.g-whole-box { width: 720px; height: 438px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; perspective: 1000px; perspective-origin: center center; }

.g-wall-view { width: 720px; height: auto; position: relative; transform-style: preserve-3d; transform-origin: center center -180px; }

.g-roof-box { width: 760px; height: 100px; position: relative; transform-style: preserve-3d; transform-origin: center center -180px; transform: translateZ(0px) translateY(5px) translateX(5px); }

.g-roof-front { width: 760px; height: 100px; position: absolute; left: 0px; top: 0px; box-sizing: border-box; border-top: 0px solid #fc0; border-left: 130px solid transparent; border-bottom: 100px solid #575; border-right: 130px solid transparent; transform-origin: center bottom; transform: rotateX(50deg) translateZ(4px) translateY(-4px) translateX(0px); }

.g-roof-rear { width: 760px; height: 100px; position: absolute; left: 0px; top: 0px; box-sizing: border-box; border-top: 0px solid #fc0; border-left: 130px solid transparent; border-bottom: 100px solid #575; border-right: 130px solid transparent; transform-origin: center bottom; transform: rotateX(-50deg) translateZ(-262px) translateY(304px) translateX(0px); }

.g-roof-top { width: 503px; height: 250px; position: absolute; left: 128px; top: -278px; background-color: #680; transform-origin: center bottom; transform: rotateX(90deg) translateZ(-58px) translateY(-75px); }

.g-roof-bottom { width: 760px; height: 400px; position: absolute; left: 0px; bottom: 0px; background-color: #686; transform-origin: center bottom; transform: rotateX(90deg) translateZ(6px) translateY(0px); }

.g-roof-left { width: 400px; height: 100px; position: absolute; left: 0px; top: 0px; box-sizing: border-box; border-top: 0px solid #fc0; border-left: 74px solid transparent; border-bottom: 143px solid #574; border-right: 76px solid transparent; transform-origin: left bottom; transform: rotateY(-90deg) rotateX(63deg) translateZ(43px) translateY(-23px) translateX(-400px); }

.g-roof-right { width: 400px; height: 100px; position: absolute; box-sizing: border-box; right: 0px; top: 0px; border-top: 0px solid #fc0; border-left: 70px solid transparent; border-bottom: 143px solid #574; border-right: 73px solid transparent; transform-origin: right bottom; transform: rotateY(-90deg) rotateX(-65deg) translateZ(-44px) translateY(-24px) translateX(0px); }

.g-wall-box { width: 720px; height: 338px; position: relative; margin: 0 0 0 20px; transform-style: preserve-3d; transform-origin: center center -180px; transform: translateZ(-20px); }

.g-wall-front { width: 720px; height: 338px; position: absolute; left: 0px; top: 0px; z-index: 1; }

.g-wall-rear { width: 720px; height: 338px; position: absolute; left: 0px; top: 0px; z-index: 1; transform-origin: center; transform: translateZ(-360px); }

.g-wall-left { width: 360px; height: 338px; position: absolute; left: -360px; top: 0px; z-index: 1; transform-origin: right center; transform: rotateY(-90deg); }

.g-wall-right { width: 360px; height: 338px; position: absolute; right: -360px; top: 0px; z-index: 1; transform-origin: left center; transform: rotateY(90deg); }

.g-wall-row { width: 100%; height: 26px; float: left; }

.g-front-main { width: 240px; height: auto; overflow: hidden; float: left; }

.g-wall-side { width: 60px; height: 130px; float: left; }

.g-wall-rows { width: 100%; height: auto; float: left; }

.g-window { width: 120px; height: 130px; float: left; background-color: #ffeedd; }

.g-window-heng { width: 108px; height: 50px; float: left; margin: 6px 0 3px 6px; box-sizing: border-box; background-color: #666666; border-top: 9px solid #aa9988; border-bottom: 3px solid #f3e3d3; border-left: 10px solid #ccbbaa; border-right: 10px solid #e9d8c7; }

.g-window-shu-left { width: 52px; height: 66px; float: left; margin: 0px 0 0 6px; box-sizing: border-box; background-color: #666666; border-top: 4px solid #aa9988; border-bottom: 6px solid #f3e3d3; border-left: 10px solid #ccbbaa; border-right: 4px solid #e9d8c7; }

.g-window-shu-right { width: 52px; height: 66px; float: left; margin: 0px 6px 0 4px; box-sizing: border-box; background-color: #666666; border-top: 4px solid #aa9988; border-bottom: 6px solid #f3e3d3; border-left: 4px solid #ccbbaa; border-right: 10px solid #e9d8c7; }

.g-door-outer { width: 240px; height: 286px; box-sizing: border-box; padding-bottom: 10px; border-top: 10px solid #990000; border-left: 29px solid #dd0000; border-bottom: 14px solid #cccccc; border-right: 29px solid #dd0000; background-color: #888888; }

.g-door-center { width: 100%; height: 100%; box-sizing: border-box; padding-bottom: 10px; border-top: 10px solid #990000; border-left: 20px solid #cc0000; border-bottom: 8px solid #cccccc; border-right: 20px solid #cc0000; background-color: #888888; }

.g-door-inside { width: 100%; height: 100%; box-sizing: border-box; position: relative; border-top: 9px solid #880000; border-right: 10px solid #bb0000; border-bottom: 6px solid #cccccc; border-left: 10px solid #bb0000; background-color: #ffeedd; }

.g-door-veins { width: 40px; height: 68px; box-sizing: border-box; margin: 15px -3px 28px 15px; float: left; border-top: 4px solid #a98; border-left: 4px solid #cba; border-bottom: 4px solid #f3e3d3; border-right: 4px solid #e9d8c7; background-color: #fed; }

.g-door-handle-h { width: 15px; height: 2px; position: absolute; right: 12px; top: 50%; margin-top: -6px; border-top: 4px solid #fda; border-left: 4px solid #ec9; border-bottom: 4px solid #b96; border-right: 4px solid #ca7; background-color: #db8; z-index: 3; }

.g-door-handle-s { width: 2px; height: 15px; position: absolute; right: 8px; top: 50%; margin-top: -10px; border-top: 4px solid #fda; border-left: 4px solid #ec9; border-bottom: 4px solid #b96; border-right: 4px solid #ca7; background-color: #666; z-index: 2; }

.m-brick-small { width: 30px; height: 26px; box-sizing: border-box; }

.m-brick-big { width: 60px; height: 26px; box-sizing: border-box; }

.m-girder-small { width: 180px; height: 26px; box-sizing: border-box; }

.m-girder-big { width: 240px; height: 26px; box-sizing: border-box; }

/*# sourceMappingURL=house.css.map */