html ,body{
	height: 100%;
}
.product_tast{
	height: 100%;
	min-height: 800px;
	
}
.tast-item{
	height: 100%;
	position: relative;
}
.decretion-box{
	position: absolute;
	top: 50%;
	margin-top: -228px;
	left: 50%;
	margin-left: -600px;
	height: 457px;
}
.decretion-box>.left{
	width: 889px;
	height: 100%;
}
.decretion-menu{
	width: 131px;
	height: 100%;
}
.decItem{
	width: 100%;
	background-color: #09a3fa;
	color: #fff;
	min-height: 66px;
	margin-bottom: 1px;
	text-align: center;
	line-height: 66px;
	font-size: 16px;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.decItem:hover{
	animation: tada 0.5s ease-out;
}
.decfirst{
	height: 95px;
	line-height: 1;
}
.decfirst img{
	margin-top: 5px;
}
.decfirst p{
	margin-top: 3px;
}
.declast{
	height: 92px;
	line-height: 40px;
}
.decretion-advantage{
	width: 221px;
}
.decretion-advantage h2{
	width: 100%;
	font-size: 27px;
	color: #333;
	line-height: 1;
	margin-top: 111px;
}
.dec-list{
	margin-top: 56px;
}
.dec-list li{
	width: 100%;
	background-image: url(../img/tast/bulepoint.png);
	background-repeat:no-repeat;
	background-position: left center;
	line-height: 1;
	color: #666;
	font-size: 16px;
	text-indent: 20px;
	margin-bottom: 19px;
}
.more-detail>a{
	color: #00A0E9 !important;
}
.dec-list li.more-detail{
	margin-top: 46px;
	background: none;
	text-indent: 0;
}
.tamplate{
	background-color: #fff;
}
.tamplate .inner{
	height:726px;
	position: absolute;
	top: 50%;
	margin-top: -363px;
	left: 50%;
	margin-left: -600px;
}

/*控制台*/
.controler .inner{
	height: 704px;
	position: absolute;
	top: 50%;
	margin-top:-352px ;
	margin-left: -600px;
	left: 50%;
}

.model-tit{
	width: 100%;
	height: 100px;
	line-height: 1;
}

.model-tit h2{
	color: #333;
	font-size: 47px;
	letter-spacing: 1px;
	font-weight: 300;
}

.model-tit p{
	text-indent: 445px;
	margin-top: 38px;
	
}
.model-body{
	width: 100%;
	height: 604px;
}
.model-left{
	width: 234px;
	height: 100%;
}
.model-left .funAdva{
	width: 100%;
	height: 17px;
	padding-top: 173px;
	text-align: center;
	font-size: 17px;
	color: #333;
	line-height: 1;
	background-repeat: no-repeat;
	background-position: center center;
	
}
.adva1{
	background-image: url(../img/tast/user-m.png);
}
.adva1.active{
	background-image: url(../img/tast/user-m-b.png);
}
.adva2{
	background-image: url(../img/tast/templet-m.png);
}
.adva2.active{
	background-image: url(../img/tast/templet-m-b.png);
}
.adva3{
	background-image: url(../img/tast/data-m.png);
}
.adva3.active{
	background-image: url(../img/tast/data-m-b.png);
}
.model-right{
	width: 650px;
	height: 100%;
}
.funAdvaPic{
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
}
.funAdvaPic img{
	display: block;
	position: absolute;
}

.phone-m{
	bottom: 0;
}
.zy6{
	width: 447px;
	height: 389px;
	top: 55px;
	left: 30px;
	z-index: 5;
	
}
.zy5,.zy4,.zy1{
	width: 494px;
	height: 423px;
	position: absolute;
	top: 21px;
	left: 30px;
}
.zy5{
	background-image: url(../img/tast/zy5.png);
	background-repeat: no-repeat;
	background-position: 59px 124px;
	animation: rotateB 110s linear infinite;
	z-index: 4;
}
.zy4{
  background-image: url(../img/tast/zy4.png);
	background-repeat: no-repeat;
	background-position: 297px 232px;
	animation: rotateB 5s linear infinite;
	-webkit-animation: rotateB 5s linear infinite;
	-moz-animation: rotateB 5s linear infinite;
	-ms-animation: rotateB 5s linear infinite;
	z-index: 11;
}
.zy1{
	background-image: url(../img/tast/zy1.png);
	background-repeat: no-repeat;
	background-position: 247px 0px;
	animation: rotate 30s linear infinite;
	-webkit-animation:  rotate 30s linear infinite;
	-moz-animation:  rotate 30s linear infinite;
	-ms-animation:  rotate 30s linear infinite;
	z-index: 10;
}
.temp{
	width: 100%;
	height: 100%;
	position: relative;
}
.temp .phone-m{
	left: 50%;
	margin-left: -299px;
}
.templatebox{
	height: 422px;
	overflow: hidden;
	width: 100%;
}
.templateItem{
	position: absolute;
}
.temp .templateItem.main{
	width: 236px;
	height: 422px;
	top:110px;
	left: 50%;
	margin-left: -118px;
	z-index: 10;
	overflow: hidden;
	
	
}
.templateItem.main img{
	position: absolute;
	top: 0;
	left: 0;
}

.tempBefore{
	position: absolute;
	width: 138px;
	height: 228px;
	border-style: solid;
	border-color: #00a29a;
	border-width: 3px 4px 3px 4px;
	border-radius: 18px;
	z-index: 8;
	background-color: #fff;
	font-size: 15px;
	color: #b5b5b6;
	line-height: 228px;
	transition: all 0.2s ease-in;
	
}
.opa0{
	opacity: 0 !important;
	-moz-opacity: 0 !important;
	filter: alpha(opacity=0) !important;
}

.temp1{
	top: 212px;
	left:40%;
	/*left: 122px;*/
	text-indent: 31px;
}
.temp2{
	top: 212px;
	right: 40%;
	/*right: 122px;*/
	text-indent:71px;
}
.tempMid{
	width: 119px;
	height: 183px;
	border: 3px solid #a5cf4c;
	border-radius: 17px;
	position: absolute;
	top: 187px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	line-height: 183px;
	font-size: 15px;
	color: #b5b5b6;
	z-index: 5;
	transition: all 0.4s ease-in;
	
}
.temp3{
	left: 40%;
	/*left: 50px;*/
	text-indent: 17px;
}
.temp4{
	right: 40%;
	/*right: 50px;*/
	text-indent: 67px;
}

.tempAfter{
	width: 99px;
	height: 152px;
	border: 3px solid #c7e18f;
	border-radius: 14px;
	line-height: 152px;
    font-size: 15px;
	color: #b5b5b6;
	position: absolute;
	background-color: #fff;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
	top: 164px;
	z-index: 3;
	transition: all 0.6s ease-in;
	
}

.temp5{
	text-indent: 10px;
	/*left: -5px;*/
	left: 40%;
	
}
.temp6{
	right: 40%;
	/*right: -5px;*/
	text-indent:50px;
}


.templatebox.active .temp1{
	left: 122px;
}
.templatebox.active .temp2{
	right: 122px;
}
.templatebox.active .temp3{
	left: 50px;
}
.templatebox.active .temp4{
	right: 50px;
}
.templatebox.active .temp5{
	left: -5px;
}
.templatebox.active .temp6{
	right: -5px;
}



.table{
	width: 493px;
	position: absolute;
	z-index: 10;
	left: 64px;
	top: 216px;
	height: 301px;
	overflow: hidden;
}
.bunce{
	animation: bounceInUp 1s ease-in ;
	-moz-animation: bounceInUp 1s ease-in ;
	-ms-animation: bounceInUp 1s ease-in ;
	-webkit-animation: bounceInUp 1s ease-in ;
}
.tada{
	animation: tada 1s ease-in ;
	-moz-animation: tada 1s ease-in ;
	-ms-animation: tada 1s ease-in ;
	-webkit-animation: tada 1s ease-in ;
}

.clips{
	animation: clips 2s 1s linear ;
	-webkit-animation: clips 2s 1s linear ;
	-ms-animation: clips 2s 1s linear ;
	-moz-animation: clips 2s 1s linear ;
}
.scrolltop{
	animation: scrolltop 1s linear;
	-webkit-animation: scrolltop 1s linear;
	-ms-animation: scrolltop 1s linear;
	-moz-animation: scrolltop 1s linear;
}
.table img{
	position: absolute;
	top: 0;
	
}
.table-line{
	position: absolute;
	left: 126px;
	top: 227px;
	z-index: 11;
	clip: rect(0px,0px,272px,0px);

	
}


.data{
	background-color: #92ddf4;
}

.data .inner{
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 50%;
	margin-top:-330px ;
	height: 660px;
}

.data .model-tit h2{
	color: #fff;
	text-indent:465px;
	
}
.data .more-detail{
	text-indent:506px;
}
.data .model-left{
	margin-left: 25px;
	width: auto;
}
.data .data-item{
	width:394px ;
    height: 126px;
   margin-top: 25px;
  
}
.data-item-tit{
	width: 366px;
	height: 51px;
	border-bottom: 1px solid #09a3fa;
	margin: 0 auto;
	line-height: 50px;
	color: #09a3fa;
	font-size: 21px;
	background-repeat: no-repeat;
	background-position: 7px center;
	
	text-indent:64px;
}

.data-item-content{
	padding-top: 5px;
	width: 303px;
	padding-left: 63px;
	text-align: justify;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
	line-height: 1.6em;
}
.user-data{
	background-image: url(../img/tast/user-data.png);
	
}
.map-data{
	background-image: url(../img/tast/map-data.png);
}
.save-data{
	background-image: url(../img/tast/user-data.png);
	
}
.dura-data{
	background-image: url(../img/tast/duration-data.png);
}



.data-item.active{
	background-color: #fff;
	border-radius: 28px 0 28px 0;
	 box-shadow: 0 0 20px #09a3fa;
	 overflow: hidden;
}
.data-item.active .data-item-tit{
	height: 50px;
	width: 100%;
	border:none;
	margin-top: 6px;
	text-indent: 70px;
}
.data-item.active .data-item-content{
	border-top: 1px solid #09a3fa;
	width: 306px;
	padding-left: 38px;
	margin-top: -2px;
	margin-left: 33px;
	padding-right: 20px;
	
}
.data-item.active .user-data{
	background-image: url(../img/tast/user-data-b.png);
	background-size: 50px 50px;	
}
.data-item.active .map-data{
	background-image: url(../img/tast/map-data-b.png);
	background-size: 50px 50px;	
}

.data-item.active .save-data{
	background-image: url(../img/tast/save-data-b.png);
	background-size: 50px 50px;
}
.data-item.active .dura-data{
	background-image: url(../img/tast/duration-data-b.png);
	background-size: 50px 50px;	
}
.data .model-right{
	line-height: 604px;
	text-align: center;
	
}
.data .model-right img{
	vertical-align: middle;
	width: 534px;
	height: 283px;
	
	
}
.mapItem{
	width: 100%;
	height:100%;
	position: relative;
	overflow: hidden;
	display: none;
}
.mapgroup{
	width: 550px;
	height: 296px;
	position: absolute;
	top: 50%;
	margin-top: -148px;
	left: 50%;
	margin-left: -275px;
}
.data .model-right .mapgroup .map{
	vertical-align:top;
}
.mapline{
	position: absolute;
	width: 294px !important;
	height: 134px !important;
	z-index: 3;
	top: 87px;
	left: 102px;
	clip: rect(0,0px,134px,0);
}
.redpin{
	width: 61px;
	height: 92px;
	background-image: url(../img/tast/red-pin.png);
	background-size: 100% 100%;
	position: absolute;
	/*top: 244px;*/
	top: 48px;
	left: 294px;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	
}
.greenpin{
	width:33px;
	height: 48px;
	background-image: url(../img/tast/green-pin.png);
	background-size: 100% 100%;
	position: absolute;
	/*top: 190px;*/
	top: 48px;
	left: 180px;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	
}

.opa1{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

/*.data .model-right:hover img{
	width: 534px;
	
}*/

.cloud .inner{
	height: 686px;
	position: absolute;
	top: 50%;
	margin-top: -343px;
	left: 50%;
	margin-left: -600px;
}
.cloud .model-tit h2{
	text-align: center;
}
.cloud .model-tit p{
	text-indent: 500px;
	font-size: 22px;
	color: #666;
	margin-top: 30px;
}
.cloud .model-tit p a{
	margin-left: 44px;
}
.cloud .model-body{
	width: 1078px;
	height: 428px;
	margin: 142px auto 0;
	
	background-image: url(../img/tast/line-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	position: relative;
	perspective: 500px;
}

.cloud .model-left{
	width: 314px;
	height: 337px;
	border-top: 2px solid #55bffc;
	border-bottom: 2px solid #55bffc;
	margin-top: 56px;
}
.cloud-center{
	width: 275px;
	height: 275px;
	background-image: url(../img/tast/JC_cloud.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 50%;
	margin-top: -138px;
	left: 50%;
	margin-left: -138px; 
	z-index: 50;
	border:none;
}
.cloud-item{
	width: 92px;
	height: 92px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 25px #00A0E9;
	text-align: center;
	line-height: 92px;
	position: absolute;
	z-index: 10;
}
.cloud-item img{
	vertical-align: middle;
}
.yp{
	
	top: 0;
	left: 268px;
}
.cloud-download{
	left: 268px;
	bottom: 0;
}
.link{
	right: 268px;
	bottom: 0;
	
}

.translate{
	right: 268px;
	top: 0;
}
.circular{
	width: 15px;
	height: 15px;
	background-color: #00B4FF;
	border-radius: 50%;
	position: absolute;
	z-index:2;
}
.circular1{
	top: 59px;
	left:335px;
}
.circular2{
		top: 50px;
	left:733px;
}
.circular3{
		top:350px;
	left:733px;
}
.circular4{
		top:350px;
	left:324px;
}

.linearsTL{
	animation: linearsTL 1s linear;
	-webkit-animation:linearsTL 1s linear ;
	-ms-animation: linearsTL 1s linear;
	-moz-animation: linearsTL 1s linear;
}
.linearsTR{
	animation: linearsTR 1s linear ;
	-webkit-animation:linearsTR 1s linear ;
	-ms-animation: linearsTR 1s linear;
	-moz-animation: linearsTR 1s linear;
}
.linearsBR{
	animation: linearsBR 1s linear ;
	-webkit-animation:linearsBR 1s linear ;
	-ms-animation: linearsBR 1s linear;
	-moz-animation: linearsBR 1s linear;
}
.linearsBL{
	animation: linearsBL 1s linear ;
	-webkit-animation:linearsBL 1s linear ;
	-ms-animation: linearsBL 1s linear;
	-moz-animation: linearsBL 1s linear;
}


.sploosh{
	animation: sploosh 0.3s linear ;
	-webkit-animation:sploosh 0.3s linear ;
	-ms-animation: sploosh 0.3s linear;
	-moz-animation: sploosh 0.3s linear;
	transform: scale(1.2);
}

.widthC{
	animation:widthC 0.2s  ease-in ;
	-webkit-animation:widthC 0.2s  ease-in ;
	-ms-animation: widthC 0.2s  ease-in ;
	-moz-animation: widthC 0.2s  ease-in ;
}

.clips2{
	animation:clips2 1.3s 0.5s ease-in ;
	-webkit-animation:clips2 1.3s 0.5s ease-in ;
	-ms-animation: clips2 1.3s 0.5s ease-in ;
	-moz-animation: clips2 1.3s 0.5s ease-in ;
}

.map-word{
	width:68px !important;
	height: auto !important;
	position: absolute;
	top:104px;
	left: 175px;
	display: none;
}



.tamp-intro{
	margin-left: 183px;
	width: 536px;
	height: 100%;
}
.tamp-intro .model-tit{
	margin-top: 23px;
}

.tamp-intro .model-tit h2{
	text-indent: 47px;
	color: #000;
	
}
.tamp-intro .model-tit p{
	text-indent: 280px;
	color: #fff;
	
}



.tamp-phone{
	width: 402px;
	height: 740px;
	background-image: url(../img/tast/phonebg.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	}
.tempContainer{
	width: 295px;
	height: 524px;
	position: absolute;
	top: 96px;
	left: 52px;
	display: none;
}
#share{
	overflow: hidden;
}
._template{
	width: 100%;
	height: 100%;
	position: relative;
}
._template img{
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
}._template img.active{
	z-index: 3;
}
#stopwatch{
	background-image: url(../img/tast/appointment.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#inneractive{
	background-image: url(../img/tast/chat.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#ppt{
    background-image: url(../img/tast/ppt.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#_intrest{
	background-image: url(../img/tast/film.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#_ticket{
	background-image: url(../img/tast/ticket.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#_adv{
	background-image: url(../img/tast/adv.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#mall{
	background-image: url(../img/tast/mall.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#vote{
	background-image: url(../img/tast/vote.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#_reward{
	background-image: url(../img/tast/reward.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #eee;
}
.funlist{
	height: 507px;
	width: 336px;
	border: 3px solid #00b4ff;
	margin-top: 25px;
    border-radius:0 0 8px 8px;
    border-top: none;
    position: relative;
}
.funlist:before{
	content: "";
	display: block;
	width: 21px;
	height: 11px;
	border-top:3px solid #00b4ff ;
	border-right:3px solid #00b4ff ;
	position: absolute;
	left: 0;
	bottom: 0;
}
.funlist:after{
	content: "";
	display: block;
	width: 21px;
	height: 11px;
	border-top:3px solid #00b4ff ;
	border-left:3px solid #00b4ff ;
	position: absolute;
	right: 0;
	bottom: 0;
}
.placeholder{
	width: 5px;
	height: 116px;
	position: absolute;
	top: 0;
	right: -4px;
	background-color: #fff;
}
.funlist{
	position: relative;
}

.funitem{
	width: 182px;
	height: 34px;
	border: 4px solid #fff;
	background-color: #fff;
	font-size: 14px;
	color: #414141;
	line-height: 34px;
	text-indent: 53px;
	border-radius: 21px;
	position: absolute;
	
}
.funitem.active{
	background-color: transparent;
	border-color: #17bbfd;
	color: #17bbfd;
}
.funitem.active:before{
	background-color: #fff;
	box-shadow: 0 0 20px #00b4ff;
}
.funitem:before{
	content: "";
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color: #00b4ff;
	position: absolute;
	top: -4px;
	left: -4px;
	box-shadow: 0 0 20px #fff;
}

.sharetemp{
	top: 50px;
	left: -21px;
}

.stopwatch{
	left: -21px;
	top: 120px;
}

.inneractive{
	top: 190px;
	left: -21px;
}
.ppts{
	top: 260px;
	left: -21px;
}

.intrest{
	top: 330px;
	left: -21px;
}
.tickes{
	top:390px;
    left: -21px;
}

.advcur{
	left: 320px;
	bottom: 32px;
}

.report{
	left: 320px;
	bottom: 102px;
}
.vote{
	left: 320px;
	bottom:172px ;
}
.rewards{
	left: 320px;
	bottom: 242px;
}

.watchItem{
	position: absolute;
	width: 44px;
	height: 52px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	cursor: default;
}
.houre,.minute,.secound{
	top: 96px;
}
.houre{
	left:74px ;
}
.minute{
	left: 125px;
}
.secound{
	left:176px
}
.watchItem span{
	display: block;
}
.watchw{
	width: 100%;
	height: 15px;
	font-size: 10px;
	text-align: center;
	color:#666;
	line-height: 15px;
}
.watchnum{
	width: 100%;
	height: 37px;
	font-size: 25px;
	text-align: center;
	line-height: 37px;
	color: #333;
}

.chatbox{
	width: 279px;
	height: 197px;
	border-radius: 5px 5px 0 0 ;
	background-color: #545964;
	position: absolute;
	bottom: 0;
	left: 8px;
	overflow: hidden;
}
.commentbox{
	width: 100%;
	height: 30px;
	border-top: 1px solid #5b606a;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	background-color: #545964;
}
#commentInput{
	width: 180px;
	border-radius: 3px;
	height: 24px;
	position: absolute;
	padding: 0 10px;
	top: 3px;
	left: 10px;
	border:none;
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
#commentsend{
	width: 50px;
	height: 24px;
	border-radius: 3px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	color: #fff;
	background-color:#1368f5;
	position: absolute;
	left: 225px;
	top: 3px;
	opacity: 0.8;
	
}
#commentsend.active{
	background-color: #003EA5;
}
.chatlist{
	width: 100%;
}
.chatlist li{
	margin: 0 auto;
	width: 269px;
	height: 66px;
	border-bottom: 1px solid #5b606a;
}
.chatlist li>.left{
	width: 38px;
	height: 38px;
	margin: 14px 6px 0 8px;
}
.chatlist li>.left img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.chatlist li>.right{
	margin-top: 14px;
	height: 38px;
	width: 217px;
}
.chatlist li>.right .comment-tit{
	font-size: 12px;
	color: #676c76;
	line-height: 1;
	margin-top: 5px;
	height: 12px;
}
.chatlist li>.right .comment-tit .right{
	margin-right: 4px;
}
.chatlist li>.right .comment-msg{
	font-size: 12px;
	color: #fff;
	line-height: 1;
	margin-top: 6px;
}
#append-msg{
	display: none;
}
.pptbox{
	width: 100%;
	height: 205px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.pptcontent,.mall-inner{
	width: 256px;
	padding: 12px;
	min-height: 197px;
	border-radius: 5px ;
	background-color: #545964;
	margin: 8px;	
	font-size: 12px;
	color: #fff;
	line-height: 1;
	font-weight: 200;
	
}
.pptcontent img{
	display: block;
	width: 100%;
	margin: 12px 0px;
}
.ppttit{
	font-size: 14px;
	text-indent: 5px;
}
.pptintro{
	font-size: 10px;
}

.tabs{
	width: 100%;
	height: 36px;
	background-color: #545964;
	position: absolute;
	top: 283px;
	left: 0;
}
.tabsitem{
	float: left;
	width: 33.33333%;
	height: 34px;
	border-bottom: 2px solid transparent;
	text-align: center;
	line-height: 36px;
	font-size: 12px;
	color: #fff;
	letter-spacing: 1px;
}
.tabsitem.active{
	border-color: #00b4ff;
	color: #00b4ff;
	position: relative;
}
.tabsitem.active:after{
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style:solid ;
	border-width: 0 4px 3px 4px;
	border-color: transparent transparent #00b4ff transparent; 
	left: 50%;
	margin-left: -4px;
	bottom: 0px;
}
.linebg{
	background-image: url(../img/tast/samll-linebg.jpg);
	background-repeat: no-repeat;
	background-position: right 12px;	
}
.contentbox{
	width: 280px;
	height: 199px;
    position: absolute;
	bottom: 0;
	left: 8px;
	overflow: hidden;
}
.contentbody{
	width: 200%;
	height: 100%;
}
.contentbody img{
	float: left;
}
.advbox{
	width: 100%;
	height: 43px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 240px;
}

.advbox img{
	display: block;
	width: 100%;
	min-height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	
}
.advItem.active{
	z-index: 2;
}
.mall-inner{
	
}
.mall-inner img{
	margin: 12px 0;
}
.mall-gou{
	width: 246px;
	padding: 0 5px;
	height: 30px;
	font-size: 16px;
	color: #00b4ff;
	line-height: 30px;
}
.mall-gou .right{
	font-size: 12px;
	width: 40px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #00b4ff;
	border-radius: 3px;
	margin-top: 6px;
	text-align: center;
}
.mall-gou .right.active{
	color: #003EA5;
	border-color: #003EA5;
}
.shopcar{
	width: 50px;
	height: 50px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 50%;
	background-image: url(../img/tast/shopcar.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 10;
	right: 20px;
	bottom: 20px;
}
.shopcar span{
	width: 15px;
	height: 15px;
	text-align: center;
	display: block;
	border-radius: 50%;
	background-color: #FF152A;
	position: absolute;
	right: 10px;
	top: 8px;
	text-align: center;
	line-height: 15px;
	font-size: 10px;
	color: #fff;
	display: none;
	
}
#_reward  .marsk{
	background: #000;
	opacity: 0.5;
	-moz-animation: 0.5;
	filter:alpha(opacity=50);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: none;
	
}
.rewardbtn{
	width: 21px;
	height: 24px;
	background-image: url(../img/tast/redenvelopebtn.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 129px;
	right: 2px;
	
	
}
.rewardbtn.active{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}
.keyboard{
	width: 295px;
	height: 199px;
	background-image: url(../img/tast/keybroad.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	bottom: -200px;
	left: 0;
	position: absolute;
	z-index: 5;

}
.rewardbox{
	width: 192px;
	height: 240px;
	background-image: url(../img/tast/rewardpag.png);
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	top: 68px;
	left: 50%;
	margin-left: -96px;
	z-index: 5;
	display: none;
}
#rewardInput{
	width: 100px;
	padding: 0 5px;
	height: 22px;
	border: none;
	position: absolute;
	left: 54px;
	top: 78px;
	text-align: left;
	line-height: 22px;
	font-size: 12px;
	color: #333;
}
.wmarsk{
	background-color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 30;
	display: none;
}