@charset "utf-8";
* {
	word-wrap:break-word
}
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
	margin:0;
	padding:0
}
ul, ol, dl {
	list-style-type:none
}
html, body {
*position:static
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit
}
input, button {
	overflow: visible;
	vertical-align:middle;
	outline:none
}
body, th, td, button, input, select, textarea {
	font-family:\5FAE\8F6F\96C5\9ED1, Arial;
	_font-family:Arial, \5b8b\4f53;
	font-size:12px;
	color: #333;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased
}
body {
	line-height:1.6
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%
}
a, area {
	outline:none;
blr:expression(this.onFocus=this.blur())
}
a {
	text-decoration:none;
	cursor: pointer;
	color:#FFF;
}
a:hover {
	text-decoration:underline;
	outline:none
}
a.ie6:hover {
	zoom:1
}
a:focus {
	outline:none
}
a:hover, a:active {
	outline:none
}
:focus {
	outline:none
}
sub, sup {
	vertical-align:baseline
}
/*img*/
img {
	border:0;
	vertical-align:middle
}
a img, img {
	-ms-interpolation-mode:bicubic
}
.img-responsive {
	max-width: 100%;
	height: auto
}
*html {
	overflow:-moz-scrollbars-vertical;
 zoom:expression(function(ele) {
ele.style.zoom = "1";
document.execCommand("BackgroundImageCache", false, true)
}
(this))
}
.cl:after, .clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.cl, .clearfix {
	zoom:1
}
.text-l {
	text-align:left
}
.text-r {
	text-align:right
}
.text-c {
	text-align:center
}
.va-t {
	vertical-align:top!important
}
.va-m {
	vertical-align:middle!important
}
.va-b {
	vertical-align:bottom!important
}
/*????*/
.l {
	float:left!important;
	_display:inline
}
.r {
	float:right!important;
	_display:inline
}
body {
	height:100%;
	overflow:hidden;
	background:#ffffff;
}
.homepic {
	position:absolute;
	bottom:0;
	top:0;
	left:50%;
	margin-left:-2000px;
	width:4000px;
	height:100%;
	overflow:hidden;
	text-align:center
}
.homepic img {
}
.browser {
	float: left;
	width:0px;
	height: 100%;
	color:#fff;
	overflow:hidden;
	opacity:0;
	text-align:center;
	position:relative;
-webkit-transition: background .17s ease-in-out;
-moz-transition: background .17s ease-in-out;
-o-transition: background .17s ease-in-out;
transition: background .17s ease-in-out
}
#browser-0 {
	background:#F60;
	background-image:url(/img/p03.png);
}
#browser-1, #modal-TEE1 {
	background:#02ad76;
background-image:url(/img/p03.png);
}
#browser-2, #modal-TEE2 {
	background:#F93;
background-image:url(/img/p03.png);
}
#browser-3, #modal-TEE3 {
	background:#f74361;
background-image:url(/img/p03.png);
}
#browser-4, #modal-TEE4 {
	background:#309;
background-image:url(/img/p03.png);
}
#browser-5, #modal-TEE5 {
	background:#F30;
background-image:url(/img/p03.png);
}
#browser-6, #modal-TEE6 {
	background:#f44c66;
	
}
#browser-7, #modal-TEE7 {
	background:#00cccc;
}
#browser-8, #modal-TEE8 {
	background:#1d233c;
}
#browser-9, #modal-TEE9 {
	background:#309;
}
#browser-10, #modal-TEE10 {
	background:#02ae75;
}
.browser.firstAnim {
	width:16.666%;
	opacity: 1;
	-webkit-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);
	-moz-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);
	-o-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);
	transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03)
}
.browser.firstAnim.hover {
	width:32.666%;
	-webkit-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);
	-moz-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);
	-o-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);
	transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03)
}
.browser.firstAnim.hover2 {
	width:12.666%;
	-webkit-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);
	-moz-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);
	-o-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);
	transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03)
}
.browser-hover {
	cursor:pointer
}
/*????*/
.toppic {
	margin:100px auto 0px;
	height:100%;
	text-align:center;
}
.browser.firstAnim .toppic {
	width:200px;
	position:relative;
	transition: all 0.8s cubic-bezier(.57, .01, .13, 1.00)
}
.browser.firstAnim .toppic .teepic {
	width:100%;
	height:auto;
}
.browser.firstAnim.hover .toppic {
	width:270px;
	transition: all 0.8s cubic-bezier(.57, .01, .13, 1.00)
}
.pirceBox {
	display:none;
	transition: all 0.8s cubic-bezier(.57, .01, .13, 1.03)
}
.hover .pirceBox {
	display:block;
	width:212px;
	margin:13% auto 0;
	transition: all 0.8s cubic-bezier(.57, .01, .13, 1.03)
}
.buyBox {
	display:none;
	transition: all 0.8s cubic-bezier(.57, .01, .13, 1.03)
}
.hover .buyBox {
	display:block;
	position:absolute;
	bottom:0;
	width:270px;
	height:51px;
	overflow:hidden;
	top:60%;
}
.buyBox a {
	display:block;
	width:182px;
	cursor:pointer;
	margin-left:42px;
}
.buyBox a:hover {
	text-decoration:none;
	background-repeat:no-repeat
}
.btn-nan:hover {
	background-position:0 -58px
}
.btn-nv:hover {
	background-position:0 -114px
}
 @-moz-keyframes ue-pudding {
 0% {
-moz-transform:scale(1.2, 0.8)
}
 1% {
-moz-transform:scale(1.18, 0.82)
}
 2% {
-moz-transform:scale(1.16, 0.84)
}
 3% {
-moz-transform:scale(1.13, 0.87)
}
 4% {
-moz-transform:scale(1.1, 0.9)
}
 5% {
-moz-transform:scale(1.07, 0.93)
}
 6% {
-moz-transform:scale(1.04, 0.96)
}
 7% {
-moz-transform:scale(1.01, 0.99)
}
 8% {
-moz-transform:scale(0.99, 1.01)
}
 9% {
-moz-transform:scale(0.97, 1.03)
}
 10% {
-moz-transform:scale(0.95, 1.05)
}
 11% {
-moz-transform:scale(0.94, 1.06)
}
 12% {
-moz-transform:scale(0.93, 1.07)
}
 13% {
-moz-transform:scale(0.93, 1.07)
}
 14% {
-moz-transform:scale(0.93, 1.07)
}
 15% {
-moz-transform:scale(0.93, 1.07)
}
 16% {
-moz-transform:scale(0.94, 1.06)
}
 17% {
-moz-transform:scale(0.94, 1.06)
}
 18% {
-moz-transform:scale(0.95, 1.05)
}
 19% {
-moz-transform:scale(0.96, 1.04)
}
 20% {
-moz-transform:scale(0.98, 1.02)
}
 21% {
-moz-transform:scale(0.99, 1.01)
}
 22% {
-moz-transform:scale(1, 1)
}
 23% {
-moz-transform:scale(1, 1)
}
 24% {
-moz-transform:scale(1.01, 0.99)
}
 25% {
-moz-transform:scale(1.02, 0.98)
}
 26% {
-moz-transform:scale(1.02, 0.98)
}
 27% {
-moz-transform:scale(1.02, 0.98)
}
 28% {
-moz-transform:scale(1.03, 0.97)
}
 29% {
-moz-transform:scale(1.03, 0.97)
}
 30% {
-moz-transform:scale(1.02, 0.98)
}
 31% {
-moz-transform:scale(1.02, 0.98)
}
 32% {
-moz-transform:scale(1.02, 0.98)
}
 33% {
-moz-transform:scale(1.02, 0.98)
}
 34% {
-moz-transform:scale(1.01, 0.99)
}
 35% {
-moz-transform:scale(1.01, 0.99)
}
 36% {
-moz-transform:scale(1.01, 0.99)
}
 37% {
-moz-transform:scale(1, 1)
}
 38% {
-moz-transform:scale(1, 1)
}
 39% {
-moz-transform:scale(1, 1)
}
 40% {
-moz-transform:scale(0.99, 1.01)
}
 41% {
-moz-transform:scale(0.99, 1.01)
}
 42% {
-moz-transform:scale(0.99, 1.01)
}
 43% {
-moz-transform:scale(0.99, 1.01)
}
 44% {
-moz-transform:scale(0.99, 1.01)
}
 45% {
-moz-transform:scale(0.99, 1.01)
}
 46% {
-moz-transform:scale(0.99, 1.01)
}
 47% {
-moz-transform:scale(0.99, 1.01)
}
 48% {
-moz-transform:scale(0.99, 1.01)
}
 49% {
-moz-transform:scale(1, 1)
}
}
 @-webkit-keyframes ue-pudding {
 0% {
-webkit-transform:scale(1.2, 0.8)
}
 1% {
-webkit-transform:scale(1.18, 0.82)
}
 2% {
-webkit-transform:scale(1.16, 0.84)
}
 3% {
-webkit-transform:scale(1.13, 0.87)
}
 4% {
-webkit-transform:scale(1.1, 0.9)
}
 5% {
-webkit-transform:scale(1.07, 0.93)
}
 6% {
-webkit-transform:scale(1.04, 0.96)
}
 7% {
-webkit-transform:scale(1.01, 0.99)
}
 8% {
-webkit-transform:scale(0.99, 1.01)
}
 9% {
-webkit-transform:scale(0.97, 1.03)
}
 10% {
-webkit-transform:scale(0.95, 1.05)
}
 11% {
-webkit-transform:scale(0.94, 1.06)
}
 12% {
-webkit-transform:scale(0.93, 1.07)
}
 13% {
-webkit-transform:scale(0.93, 1.07)
}
 14% {
-webkit-transform:scale(0.93, 1.07)
}
 15% {
-webkit-transform:scale(0.93, 1.07)
}
 16% {
-webkit-transform:scale(0.94, 1.06)
}
 17% {
-webkit-transform:scale(0.94, 1.06)
}
 18% {
-webkit-transform:scale(0.95, 1.05)
}
 19% {
-webkit-transform:scale(0.96, 1.04)
}
 20% {
-webkit-transform:scale(0.98, 1.02)
}
 21% {
-webkit-transform:scale(0.99, 1.01)
}
 22% {
-webkit-transform:scale(1, 1)
}
 23% {
-webkit-transform:scale(1, 1)
}
 24% {
-webkit-transform:scale(1.01, 0.99)
}
 25% {
-webkit-transform:scale(1.02, 0.98)
}
 26% {
-webkit-transform:scale(1.02, 0.98)
}
 27% {
-webkit-transform:scale(1.02, 0.98)
}
 28% {
-webkit-transform:scale(1.03, 0.97)
}
 29% {
-webkit-transform:scale(1.03, 0.97)
}
 30% {
-webkit-transform:scale(1.02, 0.98)
}
 31% {
-webkit-transform:scale(1.02, 0.98)
}
 32% {
-webkit-transform:scale(1.02, 0.98)
}
 33% {
-webkit-transform:scale(1.02, 0.98)
}
 34% {
-webkit-transform:scale(1.01, 0.99)
}
 35% {
-webkit-transform:scale(1.01, 0.99)
}
 36% {
-webkit-transform:scale(1.01, 0.99)
}
 37% {
-webkit-transform:scale(1, 1)
}
 38% {
-webkit-transform:scale(1, 1)
}
 39% {
-webkit-transform:scale(1, 1)
}
 40% {
-webkit-transform:scale(0.99, 1.01)
}
 41% {
-webkit-transform:scale(0.99, 1.01)
}
 42% {
-webkit-transform:scale(0.99, 1.01)
}
 43% {
-webkit-transform:scale(0.99, 1.01)
}
 44% {
-webkit-transform:scale(0.99, 1.01)
}
 45% {
-webkit-transform:scale(0.99, 1.01)
}
 46% {
-webkit-transform:scale(0.99, 1.01)
}
 47% {
-webkit-transform:scale(0.99, 1.01)
}
 48% {
-webkit-transform:scale(0.99, 1.01)
}
 49% {
-webkit-transform:scale(1, 1)
}
}
@keyframes ue-pudding {
 0% {
transform:scale(1.2, 0.8)
}
 1% {
transform:scale(1.18, 0.82)
}
 2% {
transform:scale(1.16, 0.84)
}
 3% {
transform:scale(1.13, 0.87)
}
 4% {
transform:scale(1.1, 0.9)
}
 5% {
transform:scale(1.07, 0.93)
}
 6% {
transform:scale(1.04, 0.96)
}
 7% {
transform:scale(1.01, 0.99)
}
 8% {
transform:scale(0.99, 1.01)
}
 9% {
transform:scale(0.97, 1.03)
}
 10% {
transform:scale(0.95, 1.05)
}
 11% {
transform:scale(0.94, 1.06)
}
 12% {
transform:scale(0.93, 1.07)
}
 13% {
transform:scale(0.93, 1.07)
}
 14% {
transform:scale(0.93, 1.07)
}
 15% {
transform:scale(0.93, 1.07)
}
 16% {
transform:scale(0.94, 1.06)
}
 17% {
transform:scale(0.94, 1.06)
}
 18% {
transform:scale(0.95, 1.05)
}
 19% {
transform:scale(0.96, 1.04)
}
 20% {
transform:scale(0.98, 1.02)
}
 21% {
transform:scale(0.99, 1.01)
}
 22% {
transform:scale(1, 1)
}
 23% {
transform:scale(1, 1)
}
 24% {
transform:scale(1.01, 0.99)
}
 25% {
transform:scale(1.02, 0.98)
}
 26% {
transform:scale(1.02, 0.98)
}
 27% {
transform:scale(1.02, 0.98)
}
 28% {
transform:scale(1.03, 0.97)
}
 29% {
transform:scale(1.03, 0.97)
}
 30% {
transform:scale(1.02, 0.98)
}
 31% {
transform:scale(1.02, 0.98)
}
 32% {
transform:scale(1.02, 0.98)
}
 33% {
transform:scale(1.02, 0.98)
}
 34% {
transform:scale(1.01, 0.99)
}
 35% {
transform:scale(1.01, 0.99)
}
 36% {
transform:scale(1.01, 0.99)
}
 37% {
transform:scale(1, 1)
}
 38% {
transform:scale(1, 1)
}
 39% {
transform:scale(1, 1)
}
 40% {
transform:scale(0.99, 1.01)
}
 41% {
transform:scale(0.99, 1.01)
}
 42% {
transform:scale(0.99, 1.01)
}
 43% {
transform:scale(0.99, 1.01)
}
 44% {
transform:scale(0.99, 1.01)
}
 45% {
transform:scale(0.99, 1.01)
}
 46% {
transform:scale(0.99, 1.01)
}
 47% {
transform:scale(0.99, 1.01)
}
 48% {
transform:scale(0.99, 1.01)
}
 49% {
transform:scale(1, 1)
}
}
#browser-0 p, .toppic p {
	font-size:18px;
}
#browser-0 p strong {
	font-size:24px;
}
.toppic p strong {
	font-size:22px;
}
#browser-0 p span {
	font-size:14px;
}
 @media (max-width:1000px) {
 body {
overflow:auto;
}
 .browser {
width:100%!important;
height:auto;
float:left;
position:static;
padding-bottom:30px;
text-align:center
}
 .homepic {
height: 100%;
width: auto;
}
 #browser-0 .picbox {
margin-top:20px;
}
 #browser-0 .picbox2 {
margin-top:20px;
position:static;
top:auto;
width:100%;
left:auto;
margin-left:0
}
 .pirceBox, .buyBox, .buyBox {
display:block;
margin-top:20px;
}
 .pirceBox img {
width:100%;
height:auto
}
 .designer {
width:100%;
position:static;
margin-left:0;
left:auto;
top:auto;
margin-top:20px;
}
 .buyBox a {
margin-left:auto;
margin-right:auto
}
}
@media (max-width:600px) {
 font-size:18px;
 .browser .firstAnim .toppic {
width:80%;
}
#browser-0 .forsj {
 display:none;
}
 .toppic img {
 margin-top:-10px;
}
}