* { font-family:"Hiragino Sans GB","Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif; }
.nowrap,.nowrapall,.nowrapall * { white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.break,.breakall,.breakall * { word-wrap:break-word; word-break: break-all; }
.animate , .animateall , .animateall * { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.defaultstyle,.df { position: relative; margin: 0; padding:0; }
body {margin: 0; padding: 0;color: #666; font-size: 14px;line-height: 20px;border: 0;}
/*CSShack*/
body{ min-width: 1200px\9; }
.maxsize { margin-left: auto; margin-right: auto; }
@media all and (min-width: 0px) {body { min-width: auto; }}
.vcenter { position: absolute; top: 0; bottom: 0; width: 100%; left: 0; }
.tb { display: table;height: 100%;width: 100%; } 					.tb-c { display: table-cell;vertical-align: middle; }
a { text-decoration: none;color: #666; } 							ul,dl,dt,dd { list-style: none;margin: 0;padding: 0; }
input:focus , select:focus , textarea:focus { outline: none; } 		img { max-width: 100%; height: auto; border: 0; } 
h1,h2,h3,h4,h5,p { margin: 0; padding: 0; line-height: 1.2; }  		table { border-collapse: collapse; }
.table { overflow: hidden; } 		.table .tr { overflow: hidden; } 	.table .tr .td , .table .tr .th { float: left; }
.hide { display: none; } 			.block { display: block; } 			.inb { display: inline-block; }
.posr { position: relative; } 		.posa { position: absolute; } 		.poss { position: static; }
.row { overflow: hidden; } 		.row .fl { float: left; } 				.cl { clear: both; } 
.tal { text-align: left; } 			.tac { text-align: center; } 			.tar { text-align: right; }
.row .md1 { width: 8.3333%; } 	.row .md2 { width: 16.6666%; } 	.row .md3 { width: 25%; }
.row .md4 { width: 33.3333%; } 	.row .md5 { width: 41.6666%; } 	.row .md6 { width: 50%; }
.row .md7 { width: 58.3333%; } 	.row .md8 { width: 66.6666%; } 	.row .md9 { width: 75%; }
.row .md10 { width: 83.3333%; } 	.row .md11 { width: 91.6666%; } 	.row .md12 { width: 100%; }
.row .mp0 { margin: 0 !important; padding: 0 !important; }
.row .md1, .row .md2,.row .md3,.row .md4,.row .md5,.row .md6,
.row .md7, .row .md8,.row .md9,.row .md10,.row .md11,.row .dv { float: left; }


/*字体引入*/
.iconfont{
	font-family:"iconfont" !important;
	font-size:16px;font-style:normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: 'iconfont';
	src: url('icons/iconfont.eot'); 
	src: url('icons/iconfont.eot?#iefix') format('embedded-opentype'),
	url('icons/iconfont.woff') format('woff'),
	url('icons/iconfont.ttf') format('truetype'),
	url('icons/iconfont.svg#iconfont') format('svg');
}

.box {  width:200px;height:200px;position:relative;margin: 0 auto;-webkit-transform-style:preserve-3d; -webkit-transform: rotate3d(1,1,1,90deg);-webkit-perspective:1000px;-webkit-perspective-origin:50% 50%;}
.box i { display: inline-block; background: rgba(0,0,0,0.1); width: 100%; height: 100%; position: absolute; }
.box i:nth-child(1){-webkit-transform:rotateX(90deg)   translateZ(100px);}
.box i:nth-child(2){-webkit-transform:rotateX(270deg)  translateZ(100px);}
.box i:nth-child(3){-webkit-transform:rotateY(90deg) translateZ(100px);}
.box i:nth-child(4){-webkit-transform:rotateY(270deg) translateZ(100px);}
.box i:nth-child(5){-webkit-transform:translateZ(-100px);}
.box i:nth-child(6){-webkit-transform: translateZ(100px) ;}

.config .md4 .con { padding: 5px; }
.config .md4 .line { height: 10px; margin: 5px 0; background: #aaa; position: relative;}
.config .md4 .line .bar { position: absolute; display: inline-block; height: 100%; width: 6px; background: #666;top: 0; left: 50%; margin:  0 -3px; cursor: move; }
.config td, .config th { padding: 5px 5px; text-align: right; } .config td { text-align: left; }
.config { width: 50%; float: left; }

.u-bg {
	/*background-color: #000;*/
	background-image: url("../images/sweetapple.png");
	/*background: rgba(0,0,0,.1);*/
}

.Scene {
	bottom: 0;
	left: 0;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	position: relative;
	right: 0;
	top: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 50%;
	float: left;
	height: 600px;
}

.base {
	background-image: -webkit-radial-gradient(rgba(0,0,0,0.25) 5%, transparent 65%);
	background-image: radial-gradient(rgba(0,0,0,0.25) 5%, transparent 65%);
	height: 320px;
	left: 50%;
	margin-left: -160px;
	margin-top: -160px;
	position: absolute;
	top: 80%;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 320px;
}

.Godo {
	height: 320px;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: scale(1) rotate3d(0, 1, 0, 45deg);
	transform: scale(1) rotate3d(0, 1, 0, 45deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 320px;
	-webkit-animation-fill-mode:both;animation-fill-mode:both;
	transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;
}
.Godo-wrap { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.Godo-wrap.tiny { -webkit-transform: scale(0.75);-moz-transform: scale(0.75);-o-transform: scale(0.75);-ms-transform: scale(0.75);transform: scale(0.75); }
/*.Godo-header { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.Godo-wrap.tiny .Godo-header {-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5); }*/

.Godo.rot { 
	-webkit-animation: rotateing 20s infinite linear; -o-animation: rotateing 20s infinite linear;  -moz-animation: rotateing 20s infinite linear; animation: rotateing 20s infinite linear;
	-webkit-animation-fill-mode:both;animation-fill-mode:both
}
@keyframes 'rotateing' {
	0% { transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
	100% { transform:rotateY(-360deg);-ms-transform:rotateY(-360deg);-moz-transform:rotateY(-360deg);-webkit-transform:rotateY(-360deg);-o-transform:rotateY(-360deg); }
}
@-webkit-keyframes 'rotateing' {
	0% { transform:rotateY(0deg);-ms-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
	100% { transform:rotateY(-360deg);-ms-transform:rotateY(-360deg);-moz-transform:rotateY(-360deg);-webkit-transform:rotateY(-360deg);-o-transform:rotateY(-360deg); }
}



.Godo .Head ,
.Godo .Torso,
.Godo .LeftArm,
.Godo .RightArm,
.Godo .LeftLeg,
.Godo .RightLeg { transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }

.Godo div {
	position: absolute;
}

.Godo-wrap {
	height: 320px;
	left: 50%;
	margin-left: -160px;
	margin-top: -160px;
	position: absolute;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 320px;
}

.Godo-header {
	height: 80px;
	left: 120px;
	top: 0;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 80px;
}

.Head {
	height: 80px;
	left: 0px;
	top: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 80px;
}

.Head div {
	width: 80px;
	height: 80px;
}

.Head-top {
	background-position: -80px 0px;
	-webkit-transform: rotateX(90deg) translateZ(40px);
	transform: rotateX(90deg) translateZ(40px);
}

.Head-front {
	background-position: -80px -80px;
	-webkit-transform: rotateY(0deg) translateZ(40px);
	transform: rotateY(0deg) translateZ(40px);
}

.Head-left {
	background-position: 0px -80px;
	-webkit-transform: rotateY(-90deg) translateZ(40px);
	transform: rotateY(-90deg) translateZ(40px);
}

.Head-right {
	background-position: -160px -80px;
	-webkit-transform: rotateY(90deg) translateZ(40px);
	transform: rotateY(90deg) translateZ(40px);
}

.Head-back {
	background-position: -240px -80px;
	-webkit-transform: rotateX(180deg) translateZ(40px) scaleY(-1);
	transform: rotateX(180deg) translateZ(40px) scaleY(-1);
}

.Head-bottom {
	background-position: -160px 0px;
	-webkit-transform: rotateX(-90deg) translateZ(40px);
	transform: rotateX(-90deg) translateZ(40px);
}

.Torso {
	height: 120px;
	left: 120px;
	top: 80px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 80px;
}

.Torso div {
	width: 80px;
	height: 120px;
}

.Torso-top {
	background-position: -200px -160px;
	height: 40px !important;
	-webkit-transform: rotateX(90deg) translateZ(20px);
	transform: rotateX(90deg) translateZ(20px);
}

.Torso-front {
	background-position: -200px -200px;
	-webkit-transform: rotateY(0deg) translateZ(20px);
	transform: rotateY(0deg) translateZ(20px);
}

.Torso-left {
	background-position: -160px -200px;
	width: 40px !important;
	-webkit-transform: rotateY(-90deg) translateZ(20px);
	transform: rotateY(-90deg) translateZ(20px);
}

.Torso-right {
	background-position: -280px -200px;
	width: 40px !important;
	-webkit-transform: rotateY(90deg) translateZ(60px);
	transform: rotateY(90deg) translateZ(60px);
}

.Torso-back {
	background-position: -320px -200px;
	-webkit-transform: rotateY(0deg) translateZ(-20px);
	transform: rotateY(0deg) translateZ(-20px);
}

.Torso-bottom {
	background-position: -280px -160px;
	height: 40px !important;
	-webkit-transform: rotateX(-90deg) translateZ(100px);
	transform: rotateX(-90deg) translateZ(100px);
}

.RightLeg,
.LeftLeg,
.LeftArm,
.RightArm {
	height: 120px;
	top: 80px;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 40px;
}

.RightLeg div,
.LeftLeg div,
.LeftArm div,
.RightArm div {
	width: 40px;
	height: 120px;
}

.LeftArm {
	left: 80px;
}

.LeftArm-top {
	background-position: -440px -160px;
	height: 40px !important;
	-webkit-transform: rotateX(90deg) translateZ(20px);
	transform: rotateX(90deg) translateZ(20px);
}

.LeftArm-bottom {
	background-position: -480px -160px;
	height: 40px !important;
	-webkit-transform: rotateX(-90deg) translateZ(100px) scaleX(-1);
	transform: rotateX(-90deg) translateZ(100px) scaleX(-1);
}

.LeftArm-right {
	background-position: -480px -200px;
	-webkit-transform: rotateY(90deg) translateZ(20px);
	transform: rotateY(90deg) translateZ(20px);
}

.LeftArm-back {
	background-position: -520px -200px;
	-webkit-transform: rotateY(0deg) translateZ(-20px) scaleX(-1);
	transform: rotateY(0deg) translateZ(-20px) scaleX(-1);
}

.LeftArm-left {
	background-position: -400px -200px;
	-webkit-transform: rotateY(-90deg) translateZ(20px);
	transform: rotateY(-90deg) translateZ(20px);
}

.LeftArm-front {
	background-position: -440px -200px;
	-webkit-transform: rotateY(0deg) translateZ(20px);
	transform: rotateY(0deg) translateZ(20px);
}

.RightArm {
	left: 200px;
}

.RightArm-top {
	background-position: -440px -160px;
	height: 40px !important;
	-webkit-transform: rotateX(90deg) translateZ(20px) scaleX(-1);
	transform: rotateX(90deg) translateZ(20px) scaleX(-1);
}

.RightArm-bottom {
	background-position: -480px -160px;
	height: 40px !important;
	-webkit-transform: rotateX(-90deg) translateZ(100px);
	transform: rotateX(-90deg) translateZ(100px);
}

.RightArm-back {
	background-position: -520px -200px;
	-webkit-transform: rotateY(0deg) translateZ(-20px);
	transform: rotateY(0deg) translateZ(-20px);
}

.RightArm-right {
	background-position: -400px -200px;
	-webkit-transform: rotateY(90deg) translateZ(20px) scaleX(-1);
	transform: rotateY(90deg) translateZ(20px) scaleX(-1);
}

.RightArm-left {
	background-position: -480px -200px;
	-webkit-transform: rotateY(-90deg) translateZ(20px) scaleX(-1);
	transform: rotateY(-90deg) translateZ(20px) scaleX(-1);
}

.RightArm-front {
	background-position: -440px -200px;
	-webkit-transform: rotateY(0deg) translateZ(20px) scaleX(-1);
	transform: rotateY(0deg) translateZ(20px) scaleX(-1);
}

.Legs {
	width: 80px;
	height: 120px;
	top: 200px;
	left: 120px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}

.LeftLeg {
	left: 0;
	top: 0;
}

.LeftLeg-bottom {
	background-position: -80px -160px;
	height: 40px !important;
	-webkit-transform: rotateX(-90deg) translateZ(100px);
	transform: rotateX(-90deg) translateZ(100px);
}

.LeftLeg-top {
	background-position: -40px -160px;
	height: 40px !important;
	-webkit-transform: rotateX(90deg) translateZ(20px);
	transform: rotateX(90deg) translateZ(20px);
}

.LeftLeg-back {
	background-position: -120px -200px;
	-webkit-transform: rotateY(0deg) translateZ(-20px) scaleX(-1);
	transform: rotateY(0deg) translateZ(-20px) scaleX(-1);
}

.LeftLeg-right {
	background-position: -80px -200px;
	-webkit-transform: rotateY(90deg) translateZ(20px);
	transform: rotateY(90deg) translateZ(20px);
}

.LeftLeg-left {
	background-position: 0px -200px;
	-webkit-transform: rotateY(-90deg) translateZ(20px);
	transform: rotateY(-90deg) translateZ(20px);
}

.LeftLeg-front {
	background-position: -40px -200px;
	-webkit-transform: rotateY(0deg) translateZ(20px);
	transform: rotateY(0deg) translateZ(20px);
}

.RightLeg {
	left: 40px;
	top: 0;
}

.RightLeg-bottom {
	background-position: -80px -160px;
	height: 40px !important;
	-webkit-transform: rotateX(-90deg) translateZ(100px);
	transform: rotateX(-90deg) translateZ(100px);
}

.RightLeg-top {
	background-position: -40px -160px;
	height: 40px !important;
	-webkit-transform: rotateX(90deg) translateZ(20px);
	transform: rotateX(90deg) translateZ(20px);
}

.RightLeg-back {
	background-position: -120px -200px;
	-webkit-transform: rotateY(0deg) translateZ(-20px);
	transform: rotateY(0deg) translateZ(-20px);
}

.RightLeg-right {
	background-position: 0px -200px;
	-webkit-transform: rotateY(90deg) translateZ(20px) scaleX(-1);
	transform: rotateY(90deg) translateZ(20px) scaleX(-1);
}

.RightLeg-left {
	background-position: -80px -200px;
	-webkit-transform: rotateY(-90deg) translateZ(20px) scaleX(-1);
	transform: rotateY(-90deg) translateZ(20px) scaleX(-1);
}

.RightLeg-front {
	background-position: -40px -200px;
	-webkit-transform: rotateY(0deg) translateZ(20px);
	transform: rotateY(0deg) translateZ(20px);
}

.sy { font-family: 'webfont';font-weight: normal; }
@font-face {font-family: 'webfont';
  src: url('http://at.alicdn.com/t/xr2vxu3ebmswz5mi.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/xr2vxu3ebmswz5mi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/xr2vxu3ebmswz5mi.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/xr2vxu3ebmswz5mi.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/xr2vxu3ebmswz5mi.svg#思源黑体-极细') format('svg'); /* iOS 4.1- */
}
.iconfont { font-family: 'iconfont'; }
@font-face {
  font-family: 'iconfont';
  src: url('http://at.alicdn.com/t/font_1468648511_7649636.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1468648511_7649636.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1468648511_7649636.woff') format('woff'), /* chrome、firefox */
  url('http://at.alicdn.com/t/font_1468648511_7649636.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1468648511_7649636.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    
body { background: #f8fbff; }

.maxsize { max-width: 1000px; }
.notice { background: #F1C400; color: #fff;position: relative; }
.notice .maxsize { position: relative; padding: 20px; }
.notice p { padding-right: 100px; font-size: 14px; line-height: 24px; }
.notice .btn { position: absolute; top: 50%; margin-top: -12px; right: 20px; line-height: 22px; font-size: 14px; background: #fff; padding: 0 20px; border-radius: 4px; border: 1px solid #fff; color: #F1C400; }
.notice .btn:hover { background: #F1C400; color: #fff; }
.title { position: relative; padding: 30px 10px; border-bottom: 1px solid #dadada; }
.title h1 { font-size: 40px; margin-bottom: 5px;line-height: 1; color: #000; }
.title p { font-size: 12px; line-height: 1.4; text-transform: uppercase;color: #aaa; }
.title p a { color: #aaa; }
.title .btns { position: absolute; overflow: hidden; right: 20px; max-width: 50%; top: 50%; margin-top: -16px;  }
.title .btns li { float: left; margin-left: 10px; }
.title .btns li a { display: inline-block; line-height: 30px; font-size: 14px; border-radius: 4px; border: 1px solid #F1C400; color: #F1C400; padding: 0 20px;}
.title .btns li a:hover { background: #F1C400; color: #fff; }
.settings { position: relative;}
.settings .con { padding-right: 10px;border-right: 1px solid #dadada;  }
.settings input[type="text"] { margin-right: 10px;border-radius: 4px; border: 1px solid #dadada; line-height: 25px; padding: 0 10px; text-align: center;width: 36px;font-size: 12px; }
.settings input[type="checkbox"] { margin-left: 10px; }
.settings table { width: 100%; }
.settings table th ,
.settings table td { padding: 10px; position: relative;overflow: hidden;text-align: left; }
.settings table th { text-align: right; vertical-align: top; font-weight: normal; font-size: 14px; width: 60px; }
.settings table th p { padding: 10px 0; }
.settings table td label{ padding: 10px 0;display: inline-block; }
.settings .xyz { overflow: hidden; }
.settings .xyz li { float: left; width: 33.33%; }
.settings .xyz li a { border: 1px solid #dadada; display: block; line-height: 25px; text-align: center; padding: 0 10px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; margin-left: -1px; border-top-right-radius: 4px;border-top-left-radius: 4px; font-size: 12px;}
.settings .xyz li.active a ,
.settings .xyz li:hover a { background: #66CEFF; color:#fff; border-color: #66CEFF; }
.settings .xyz li:first-of-type a { margin-left: 0;}
.settings dd { border: 1px solid #dadada; border-top: 0;text-align: left;position: relative; display: none; margin-right: 1px;}
.settings dd.active { display: block; }
.settings table dd p { text-align: center; font-size: 12px; margin: 0; padding: 0;line-height: 1; margin-top: 8px; }
.settings .pdcon { padding: 10px 50px; }
.settings .line { height: 5px; background: #dadada; border-radius: 5px; position: relative; }
.settings .line .bar { display: inline-block; width: 8px; height: 8px; background: #66CEFF; border-radius: 100%;position: absolute; top: 50%;margin: -6px; border: 2px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,.3);left: 50%; }
.settings .arrow { position: absolute; top: 0;width: 35px; line-height: 45px;text-align: center;cursor: pointer; }
.settings .arrow.plus { border-left: 1px solid #dadada; right: 0;}
.settings .arrow.min { border-right: 1px solid #dadada; left: 0; }
.man { position: relative; }
.man .btns { padding: 20px; text-align: center; }
.man .btns .btn { display: inline-block; line-height: 30px; padding: 0 20px; border-radius: 6px; color: #66ceff; border: 2px solid #66CEFF;}
.man .btns .btn.active { background: #66ceff; color: #fff; }
.man .Scene { padding-left: 20px;position: relative;float: none; width: auto; height: 500px; cursor: w-resize; background: #fff; border-radius: 6px; overflow: hidden; margin-bottom: 20px; }
.man .output { padding: 0 20px; }
.man .output p { margin-bottom: 10px; }
.man .output textarea { border: 1px solid #dadada; width: 100%;height: 100px; box-sizing: border-box; padding: 15px; border-radius: 6px; }


.hover { position: fixed; top: 0; left: 0 ;right: 0; bottom: 0; text-align: center;background: url('../images/hover50.png') repeat 0 0; display: none; }
.hover .win { background: #fff; display: inline-block;text-align: left; border-radius: 6px; overflow: hidden; min-width: 320px;}
.hover .win .wtitle { background: #F1C400; color: #fff; }
.hover .win .wtitle h1 { padding: 0 15px; font-weight: normal; font-size: 16px; line-height: 35px; }
.hover .win .detial { padding: 15px; padding-bottom: 0; }
.hover .win .detial p { color: #999; font-size: 12px; }
.hover .win .detial textarea { width: 100%; box-sizing: border-box; padding: 10px;height: 60px; line-height: 20px; border-radius: 6px; border: 1px solid #dadada; margin-top: 15px; background: #ececec;font-size: 14px; }
.hover .win .btns { text-align: right; padding: 15px; }
.hover .win .btns a { display: inline-block; line-height: 30px; font-size: 14px;padding: 0 20px; color: #F1C400; border: 2px solid #F1C400; margin-left: 5px; border-radius: 6px; }
.hover .win .btns a:hover {background: #F1C400; color: #fff; }
/*responses*/
@media screen and (max-width: 480px) {
	.title .btns { position: relative; top: auto; bottom: auto; left: auto; right: auto;margin: 0; margin-top: 10px;max-width: 100%; }
	.title { padding: 20px 10px; }
	.row .md6.man ,
	.row .md6.settings { float: none; width: auto; }
	.row .md6.settings { padding-bottom: 300px; }
	.row .md6.man { position: fixed; bottom: 10px; left: 10px; background: #fff; border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,.2);}
	.man .Scene { height: 260px; }
	.man .Scene .Godo-wrap { -webkit-transform: scale(.5);-moz-transform: scale(.5);-o-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5); }
	.man .Scene .base { width: 160px;margin-left: -80px; }
	.man .btns { padding: 10px; }
	.man .btns .btn { line-height: 20px; font-size: 12px;padding: 0 10px; }
	.man .output { display: none; }
}