a {
	text-decoration: none;
	color: #D75331;
}
header .logo{margin-left: -88px;padding-left: 50%;}
section, footer,header{display: block}
a:hover {
	text-decoration: underline
}
body {
	margin: 0 auto;
	overflow-x: hidden;
	-webkit-touch-callout: none;
	width: 100%;
}
header{background: #333333;width: 100%; height: 48px;line-height: 48px;}
html{
	background: #fffbe8;
}
#canvasStopDiv, #phoneappdiv, #muidiv, #helloh5div{
	font-family: "微软雅黑","PingHei", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
}
.header_div {
	height: 48px;
	line-height: 48px;
	width: 971px;
	margin: auto;
	overflow: hidden;
	background: url(../img/dcloud-b.png) left center no-repeat;
	background-size: 120px 18px;
}
.HBuilder{
	float: left;
	width: 328px;
	height: 50px;
	background: url(../img/text-b.png) left center no-repeat;
	background-size: 328px 50px;
}
.header_div,.header_div a{color:#cfcfcf;font-size: 14px;}
section, footer{
	width: 971px;
	margin: auto;
}
section.download{
	margin: 32px auto;
	height: 50px;
}
.part{
	margin-bottom: 40px;
	padding: 0 13px 10px 13px;
	height: 45px;
	line-height: 45px;
}
.parttitle{font-size: 20px; color: #685207;font-weight: bolder;margin-bottom: 20px;}
.parttitle .selected{color: #d64c28;background: #fffbe8}
.parttitle>div{
	display: inline-block;
	cursor: pointer;
	padding:0 48px;
	font-family: 微软雅黑;
}
.partcontent{font-size: 12px; color: #da3a00}
.support{margin-bottom: 40px;}
.support .title{font-size: 12px; color: #b2aa8d;margin-bottom: 20px;}
.support .title>.name{font-weight: bolder;font-size: 14px;color: #503f00}
.support>div{height: 150px;}
.support p{font-size: 12px;color:#696969;margin: 0;line-height:22px}
.support .img{width: 125px; float: left}
.support .des{width: 820px; float:left}
.download_img{
	float: right;
	width:231px;
	height:50px;
	background: url(../img/download-b.png) no-repeat;
	background-size: 231px 50px;
	overflow:hidden;
	cursor: pointer;
	display: block;
}
.download_img:active{
	background-image: url(../img/download-b-on.png);
}
.safari.download_img{background-image: url(../img/download-w-b.png)}
.safari.download_img:active{background-image: url(../img/download-w-b-on.png)}
.download-ani{
	margin-top: 15px;
	height:33px;
	width:20px;
	float: right;
	margin-right: 20px;
	position:relative;
}
.download-ani>div{
	width:100%; 
	height:33px;
	position:absolute;
	-webkit-animation:mymove1 2s linear 0 infinite;
	-moz-animation:mymove1 2s linear 0 infinite;
	-ms-animation:mymove1 2s linear 0 infinite;
	animation:mymove1 2s linear 0 infinite;
}
.download-ani>div>div{height:11px;}
.download-ani .first{background:url(../img/01.png);}
.download-ani .second{background:url(../img/03.png);}
.download-ani .third{background:url(../img/02.png);} 
footer{margin: 45px auto}
footer>div{text-align: center;font-size: 14px;}
.footer_div {
	text-align: center;
	background: #F0F0F0;
	color: #666666;
}

.weixin {
	color: #D75331;
	cursor: pointer;
}
.guanzhu {
	float: right;
}
#layer {
	background-color: #000000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
	filter:alpha(opacity=60);  
	opacity: 0.6;
}
#divBarCode {
	display: none;
}
#divTry2, #divTry3, #spanGeek, #spanMac {
	display: none;
}
#divTry4 {
	display: none;
	margin: 20px;
	text-align: left;
	line-height: 25px;
}
#divTry3 > input {
	height: 40px;
}
#imgSpeech {
	display: none;
}
.try .btTry {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background:#fbbc3b;
	background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#ff8b02), to(#f18231));
	background: -moz-linear-gradient(top,#ff8b02, #f18231);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8b02',endColorstr='#f18231',grandientType=1);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8b02',endColorstr='#f18231',grandientType=1);
	background: -ms-linear-gradient(#ff8b02 0%,#f18231 100%);
	color: #fff5ef;
	font-size: 25px;
	font-family: "微软雅黑";
	cursor: pointer;
}
.try .detail{
	width: 100%;
	height: 28px;
	line-height: 28px;
	background:#f19746;
	background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#f69949), to(#f19446));
	background: -moz-linear-gradient(top,#f69949, #f19446);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f69949',endColorstr='#f19446',grandientType=1);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f69949',endColorstr='#f19446',grandientType=1);
	background: -ms-linear-gradient(#f69949 0%,#f19446 100%);
	color: #feece2;
}
.divBox {
	width: 422px;
	height: 150px;
	background: #ffffff;
	border: 1px solid #000000;
	border-radius: 5px;
	text-align: center;
	display: none;
	color: #6A6A6A;
}
#videodiv .div_close{
	position: absolute;
	right: 0;
	z-index: 10;
}
.div_close {
	float: right;
	cursor: pointer;
	margin-right: 5px;
	margin-top: 5px;
	width: 18px;height: 18px;
	background: url(../img/close.png) left top no-repeat;
	overflow: hidden;
}
#divTry a{
	text-decoration: none;
	cursor: pointer;
}
#divTry p{
	font-size: 14px;
	margin: 10px 0;
	color: black;
}
.jointest:hover{
	font-weight: bolder;
}
.jointest:active{
	background: #D75331;
}
.jointest{
	font-size: 20px;
	width: 100%;
background:#ff6633;
color: #fff;
text-align: center;
border: 0px;
cursor: pointer;
height: 2em;
border-radius: 5px;
}
.txtGetAccount {
	width: 300px;
	height: 40px;
	_line-height: 40px;
	*line-height: 40px;
	line-height: 40px\0;
	vertical-align: middle;
	padding-left: 8px;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 1px 1px 4px #aaa inset;
	-webkit-box-shadow: 1px 1px 4px #aaa inset;
}
.btGetAccount {
	width: 310px;
	height: 60px;
	background: #EF6500;
	color: #fff;
	border: 0px;
	font-size: 18px;
	font-family: "微软雅黑";
	cursor: pointer;
	border-radius: 5px;
	font-weight: bolder;
}

.try{
	width:100%;margin:auto;margin-top:50px;
}

/*canvas*/
#letter{
	width: 935px;
	height: 34px;
	margin-top:2px;
}
#letter .letterleft{
	line-height: 34px; 
	height: 34px;
	width:892px;
	font-size: 12px;
	font-weight:600;
	background: #f3eacb;
	float:left;
	border: 1px dashed #d1b687;
	overflow: hidden;
}
#letter .letterright{
	width:36px;
	float:right;
}
#letter .letterright .on{
	width:36px;
	height:36px;
	background-image: url(../img/canvas/on.png);
	float:right;
	cursor: pointer;
}
#letter .letterright .off{
	width:36px;
	height:36px;
	background-image: url(../img/canvas/off.png);
	float:right;
	cursor: pointer;
}
#letter .first{
	color: #4c4c4c;
	font-weight: bold;
	text-align: center;
	width: 100px;
	float: left;
}
#letter .canvased{
	width: 330px;
	float: left;
	overflow: hidden;
	height: 34px;
}
#letter .canvased>div{
	float: right;
	height: 34px;
	width: 140%;
	margin-right: 0;
}

#canvased span:nth-child(n),#canvased span:nth-child(n) span{
	color: #e7dec1
}
#canvased span{
	color: #535152
}
#canvased span:nth-child(1),#canvased span:nth-child(1) span,
#canvased span:nth-child(2),#canvased span:nth-child(2) span,
#canvased span:nth-child(3),#canvased span:nth-child(3) span,
#canvased span:nth-child(4),#canvased span:nth-child(4) span,
#canvased span:nth-child(5),#canvased span:nth-child(5) span,
#canvased span:nth-child(6),#canvased span:nth-child(6) span{
	color: #535152
}
#canvased span:nth-child(7),#canvased span:nth-child(7) span,
#canvased span:nth-child(8),#canvased span:nth-child(8) span{
	color: #696461;
}
#canvased span:nth-child(9),#canvased span:nth-child(9) span{
	color: #bfb9a1;
}
#canvased span:nth-child(10),#canvased span:nth-child(10) span{
	color: #d1c9b2
}
#canvased span:nth-child(11),#canvased span:nth-child(11) span,
#canvased span:nth-child(12),#canvased span:nth-child(11) span,
#canvased span:nth-child(13),#canvased span:nth-child(11) span,
#canvased span:nth-child(14)#canvased span:nth-child(11) span{
	color: #e7dec1;
}
#tocanvas span:nth-child(n),#tocanvas span:nth-child(n) span{
	color: #e7dec1
}
#tocanvas span{
	color: #535152
}
#tocanvas span:nth-child(1),#tocanvas span:nth-child(1) span,
#tocanvas span:nth-child(2),#tocanvas span:nth-child(2) span,
#tocanvas span:nth-child(3),#tocanvas span:nth-child(3) span,
#tocanvas span:nth-child(4),#tocanvas span:nth-child(4) span,
#tocanvas span:nth-child(5),#tocanvas span:nth-child(5) span,
#tocanvas span:nth-child(6),#tocanvas span:nth-child(6) span{
	color: #535152
}
#tocanvas span:nth-child(7),#tocanvas span:nth-child(7) span,
#tocanvas span:nth-child(8),#tocanvas span:nth-child(8) span{
	color: #696461;
}
#tocanvas span:nth-child(9),#tocanvas span:nth-child(9) span{
	color: #bfb9a1;
}
#tocanvas span:nth-child(10),#tocanvas span:nth-child(10) span{
	color: #d1c9b2
}
#tocanvas span:nth-child(11),#tocanvas span:nth-child(11) span,
#tocanvas span:nth-child(12),#tocanvas span:nth-child(12) span,
#tocanvas span:nth-child(13),#tocanvas span:nth-child(13) span,
#tocanvas span:nth-child(14),#tocanvas span:nth-child(14) span{
	color: #e7dec1;
}
#canvasStopDiv{padding: 13px 13px 10px 13px;width: 945px;background: #f3e9c6;}
.navigator{background: #f3e9c6}
#letter .current{
	width: 100px;
	text-align: center;
	float: left;
	background: #4C4C4C;
	line-height: 22px;
	height: 22px;
	margin: 5px 8px;
	border-radius: 5px;
	color: #fff;
	font-size: 150%;
}
#letter .current .Mozilla,#letter .current .Safari5{
	font-size: 180%;
	line-height: 18px;
}
#letter .Mozilla,#letter .Safari5{
	font-size: 180%;
	height:34px;
	line-height: 34px;
}
#letter .tocanvas{
	width: 330px;
	float: left;
	height: 34px;
	overflow:hidden;
}
#letter .tocanvas>div>span{
	display: inline-block;
	margin: auto 10px;
	float: left;
	height:34px;
	line-height: 34px;
}
#letter .canvased>div>span{
	display: inline-block;
	margin: auto 10px;
	float: right;
	height:34px;
	line-height: 34px;
}
#letter .tocanvas>div{
	width: 140%;
	height: 40px;
}

#ani_top{
	background: url(../img/canvas/top.png) no-repeat;
	width:945px;
	height: 83px;
}
#ani_bottom{
	background: url(../img/canvas/bottom.png) no-repeat;
	width:945px;
	height:6px;
}
#ani_left{
	background: url(../img/canvas/left.png) no-repeat;
	width:13px;
	height:488px;
	float: left;
}
#ani_right{
	background: url(../img/canvas/right.png) no-repeat;
	height: 488px;
	width:11px;
	float:left;
}

.mui1, .mui2, .mui3, .mui4, .mui5, .mui6, .mui7
{ display: block; background: center center no-repeat; overflow: hidden; margin: auto;position: relative;cursor: pointer;}
 
.mui1 { background-position: -0px -0px; width: 282px; height: 500px; }
.mui2 { background-position: -0px -1500px; width: 282px; height: 500px; }
.mui3 { background-position: -0px -500px; width: 282px; height: 500px; }
.mui4 { background-position: -282px -500px; width: 282px; height: 500px; }
.mui5 { background-position: -0px -1000px; width: 282px; height: 500px; }
.mui6 { background-position: -282px -1000px; width: 282px; height: 500px; }
.mui7 { background-position: -282px -0px; width: 282px; height: 500px; }

.app1,.app2,.app3,
.jsparam2, .css, .jqueryclass, .userselectvalue, .jsparam, .jsvalue, .jscanvas, .jscsstext, .jsinnerhtml, .jqueryid, .inputtype, .htmlclass, .cssuserselect, .html, .jsxmlhttp2,
.helloh51, .helloh52, .helloh53, .helloh54, .helloh55, .helloh56, .helloh57, .helloh58, .helloh59
{ display: block; background: center center no-repeat;margin: auto;overflow: hidden;position: relative; cursor: pointer;}
div.helloh51 { background-position: -0px -0px;}
.helloh52 { background-position: -0px -500px;}
.helloh53 { background-position: -281px -500px;}
.helloh54 { background-position: -562px -500px;}
.helloh55 { background-position: -0px -1000px;}
.helloh56 { background-position: -281px -1000px;}
.helloh57 { background-position: -562px -1000px;}
.helloh58 { background-position: -281px -0px;}
.helloh59 { background-position: -562px -0px;}
.helloh51, .helloh52, .helloh53, .helloh54, .helloh55, .helloh56, .helloh57, .helloh58, .helloh59{width: 281px; height: 500px;}
.app1{width: 281px; height: 500px; float: left;margin-left: 160px;background: url(../img/canvas/app1.png) center center no-repeat}
.app2{width: 281px; height: 500px; float: left;margin-left: 160px;background: url(../img/canvas/video.png) center center no-repeat !important}
.app3{width: 281px; height: 500px; float: left;margin-left: 160px;background: url(../img/canvas/mui1.png) center center no-repeat !important}
.onlyone .first,.onlyone .canvased,.onlyone .tocanvas, .onlyone2, .onlyone1,.onlyone3{display: none;}
#letter.onlyone .current{background:none;width:100%;color:#515151;font-weight: bold;font-size: 100%}
#helloh5div  div.helloh5content,#muidiv  div.muicontent{margin-top: 45px; height: 500px;}
.helloh5content div div div {
position: absolute;
width: 100%;
height: 45px;
line-height: 45px;
text-align: center;
bottom: 0;
left: 0;
background-color: #666666;
background-color: rgba(6,6,6,0.6);
color: #ffffff;
font-weight: bold;
}

.textleft{margin-left: 50px;}
#jsparam2, #css, #jqueryclass, #userselectvalue, #jsparam, #jsvalue, #jscanvas, #jscsstext, #jsinnerhtml, #jqueryid, #inputtype, #htmlclass, #cssuserselect, #html, #jsxmlhttp2{margin:auto;width: 100%}
#jsparam2, #css, #jqueryclass, #userselectvalue, #jsparam, #jsvalue, #jscanvas, #jscsstext, #jsinnerhtml, #jqueryid, #inputtype, #htmlclass, #cssuserselect, #html, #jsxmlhttp2,
#app1, #app2, #app3, 
#helloh51, #helloh52, #helloh53, #helloh54, #helloh55, #helloh56, #helloh57, #helloh58, #helloh59,
#mui1, #mui2, #mui3, #mui4, #mui5, #mui6, #mui7{
	position: absolute;
	-webkit-transition:left 1s;
	-ms-transition:left 1s;
	-moz-transition:left 1s;
	transition:left 1s;
	left: 100%;
	height: 400px;
	top: 0px;
	width:100%;height: 500px;
}

#helloh51, #helloh52, #helloh53, #helloh54, #helloh55, #helloh56, #helloh57, #helloh58, #helloh59{width:100%;height: 500px;}
#app1, #app2, #app3, #app4, #app5, #app6, #app7, #app8, #app9,#app10,#app11{width:100%;height: 500px;}
.jsparam2 { background-position: -0px -0px; width: 829px; height: 358px; }
.css { background-position: -0px -358px; width: 808px; height: 295px; }
.jqueryclass { background-position: -0px -653px; width: 786px; height: 346px; }
.userselectvalue { background-position: -0px -999px; width: 781px; height: 314px; }
.jscsstext { background-position: -0px -1313px; width: 756px; height: 319px; }
.jsparam { background-position: -0px -1632px; width: 739px; height: 356px; }
.jsvalue { background-position: -0px -1988px; width: 725px; height: 342px; }
.jscanvas { background-position: -0px -2330px; width: 712px; height: 358px; }
.jsinnerhtml { background-position: -0px -2688px; width: 702px; height: 308px; }
.jqueryid { background-position: -0px -2996px; width: 644px; height: 333px; }
.inputtype { background-position: -0px -3329px; width: 594px; height: 295px; }
.htmlclass { background-position: -0px -3624px; width: 592px; height: 292px; }
.cssuserselect { background-position: -0px -3916px; width: 574px; height: 316px; }
.html { background-position: -0px -4232px; width: 564px; height: 294px; }
.jsxmlhttp2 { background-position: -0px -4526px; width: 465px; height: 337px; }

.jsparam2 .grammar-left{width:414px; background: rgba(255,255,255,0);left:0;height: 358px}
.jsparam2 .grammar-right{width:415px; background: rgba(255,255,255,0);left:414px;height: 358px}
.css .grammar-left{width:404px; background: rgba(255,255,255,0);left:0;height: 294px}
.css .grammar-right{width:404px; background: rgba(255,255,255,0);left:404px;height: 294px}
.jqueryclass .grammar-left{width:393px; background: rgba(255,255,255,0);left:0;height: 346px}
.jqueryclass .grammar-right{width:393px; background: rgba(255,255,255,0);left:393px;height: 346px}
.userselectvalue .grammar-left{width:391px; background: rgba(255,255,255,0);left:0;height: 314px}
.userselectvalue .grammar-right{width:390px; background: rgba(255,255,255,0);left:391px;height: 314px}
.jsparam .grammar-left{width:369px; background: rgba(255,255,255,0);left:0;height: 356px}
.jsparam .grammar-right{width:370px; background: rgba(255,255,255,0);left:369px;height: 356px}
.jsvalue .grammar-left{width:362px; background: rgba(255,255,255,0);left:0;height: 342px}
.jsvalue .grammar-right{width:363px; background: rgba(255,255,255,0);left:362px;height: 342px}
.jscanvas .grammar-left{width:356px; background: rgba(255,255,255,0);left:0;height: 358px}
.jscanvas .grammar-right{width:356px; background: rgba(255,255,255,0);left:356px;height: 358px}
.jscsstext .grammar-left{width:378px; background: rgba(255,255,255,0);left:0;height: 335px}
.jscsstext .grammar-right{width:378px; background: rgba(255,255,255,0);left:378px;height: 335px}
.jsinnerhtml .grammar-left{width:351px; background: rgba(255,255,255,0);left:0;height: 345px}
.jsinnerhtml .grammar-right{width:351px; background: rgba(255,255,255,0);left:351px;height: 345px}
.jqueryid .grammar-left{width:322px; background: rgba(255,255,255,0);left:0;height: 333px}
.jqueryid .grammar-right{width:322px; background: rgba(255,255,255,0);left:322px;height: 333px}
.inputtype .grammar-left{width:297px; background: rgba(255,255,255,0);left:0;height: 295px}
.inputtype .grammar-right{width:297px; background: rgba(255,255,255,0);left:297px;height: 295px}
.htmlclass .grammar-left{width:296px; background: rgba(255,255,255,0);left:0;height: 292px}
.htmlclass .grammar-right{width:296px; background: rgba(255,255,255,0);left:296px;height: 292px}
.cssuserselect .grammar-left{width:287px; background: rgba(255,255,255,0);left:0;height: 316px}
.cssuserselect .grammar-right{width:287px; background: rgba(255,255,255,0);left:287px;height: 316px}
.html .grammar-left{width:282px; background: rgba(255,255,255,0);left:0;height: 294px}
.html .grammar-right{width:282px; background: rgba(255,255,255,0);left:282px;height: 294px}
.jsxmlhttp2 .grammar-left{width:232px; background: rgba(255,255,255,0);left:0;height: 337px}
.jsxmlhttp2 .grammar-right{width:233px; background: rgba(255,255,255,0);left:232px;height: 337px}

#chromewarning{
	position: absolute;
    opacity: 0;
    filter:alpha(opacity=0);  
    top: 0;
    font-size: 12px;
    padding: 3px;
    float: left;
    background-color: #f3e9c6;
    color:#ce6e32;
    display: inline-block;
    line-height: 1.5em;
    text-align: right;
}

#helloh5div,#muidiv{
	width:0;
	height: 0;
	transition: width 1s,height 1s;
	-moz-transition: width 1s,height 1s;	/* Firefox 4 */
	-webkit-transition: width 1s,height 1s;	/* Safari 和 Chrome */
}

footer div{margin-bottom: 10px}
.helloh51,#html{background: url(../img/loading.gif) center center no-repeat;left:0}
#codefast p{
	font-size: 12px;
	color: #da3a00;
	line-height: 2em
}
#codefast{
	position: absolute;
	top: 1px;
	right:-200%;
	width: 340px;
	height:575px;
	-webkit-transition:opacity 1s;
	-ms-transition:opacity 1s;
	-moz-transition:opacity 1s;
	transition:opacity 1s;
	background-color: #fffdf6;
	background-color: rgba(255,253, 246, 0.6);
	margin-top: 13px;
	-webkit-transition:right 0.5s;
	-ms-transition:right 0.5s;
	-moz-transition:right 0.5s;
	transition:right 0.5s;
}
#codefast .codefasttitle{margin:140px auto auto 26px;font-size: 16px; font-weight: bold; text-align: left}
#codefast .content{
	margin:40px auto auto 27px;
}

#helloh5div,#muidiv, #videodiv{margin: 13px 13px 10px 13px;width: 945px;}
#grammardiv,#phoneappdiv,#lvrou,#helloh5div,#muidiv, #videodiv{height: 615px;background: #fffbe8;}
#grammardiv .grammartitle{height: 30px;line-height: 30px;color:#3b7a05; font-size: 16px; text-align: center;font-weight: bold;font-family: 微软雅黑;padding:30px 0;}
#grammardiv .grammarcontent,#phoneappdiv .phoneappcontent,#helloh5div .helloh5content,#muidiv .muicontent{position: relative; overflow: hidden; width: 100%;height: 430px;}
#phoneappdiv .phoneappcontent{height: 500px}
.flag div,.flag div{
	display: inline-block;
	width: 7px;
	height: 7px;
	background: url(../img/flag.png) no-repeat;
	margin-right: 13px;
	cursor: pointer;
}
.lvrouleft{
	float: left;
	width:358px;
	height: 100%;
	margin-left: 37px;
}
.lvrouright{
	float: right;
	width:520px;
	margin-top:93px;
}
.flag div.selected,.flag div.selected{background-image: url(../img/flag-on.png)}
.flag{text-align: center;margin: 25px auto;}
.text{font-size: 12px;color: #4e4e4e;}
.text .textleft{float: left;width: 420px;}
.text .textright{float: left;width: 390px;}
#phoneappdiv{padding-left: 0;}
#helloh5div .phoneappleft,#muidiv .phoneappleft{float: left;
width: 600px;
position: relative;}
#helloh5div .phoneappright,#muidiv .phoneappright{float: right;
height: 613px;
width: 340px;
background-color: #fffdf6;
background-color: rgba(255,253, 246, 0.6);}
.phoneappright p span{
	display: inline-block;
width: 13px;
height: 13px;
border-radius: 10px;
background-color: #d74b27;
line-height: 10px;
margin-right: 10px;}
.phoneappright p {
	font-size: 20px;
	font-weight: bold;
	color: #d74b27;
	/*line-height: 25px;*/
}
.phoneapp-left,.grammar-left, .helloh5-left,.mui-left{
	width:150px;
	float: left;
	background: rgba(255,255,255,0); 
	position: absolute;left: 150px;
	z-index: 10;height: 500px;top:45px;
	
}
.phoneapp-right,.grammar-right,.helloh5-right,.mui-right{
	width:141px;float: right;background: rgba(255,255,255,0); position: absolute;left: 300px;z-index: 10;height: 500px;top:45px;
}
.grammar-left{
	width:140px;
	float: left;
	background: rgba(255,255,255,0); 
	position: absolute;left: 330px;
	z-index: 10;height: 500px;top:0;
}
.grammar-right{
	width:141px;float: right;background: rgba(255,255,255,0); position: absolute;left: 470px;z-index: 10;height: 500px;top:0
}
.cursor_left{cursor: url(../img/left-2.png),auto}
.cursor_right{cursor: url(../img/right-2.png),auto}
.downloadhelp{margin:0px 35px;text-align:left;}
.lvtitle{margin: 30px 0; background: url(../img/canvas/lvtitle.png) center left no-repeat; width: 100%; height: 33px;}
.design{font-size: 16px;font-weight: bold; color: #d74b29;text-align: left;}
.designdes{margin:12px auto 30px}
.chrome .designdes,.android .designdes{margin-bottom: 35px;}
.lvrouleft p,.lvrouright p{font-size: 12px;font-family: '宋体';line-height: 1.8em;margin: 0;}
.brain{
	width: 185px; height: 133px; background-image: url(../img/canvas/lvbrain.png);float: left;
}
.braindes{float: left;height: 133px; color:#8b6532}
.braindes div{margin:20px 0 0 16px; font-size: 12px;}
.lvleftbottom{border-radius: 5px; background-color: #f3e9c6; height: 36px; width:351px;margin-top: 1em;color:#3c7a03;font-size: 12px;}
.lvleftbottom div{padding: 0.9em 0 0 1em;height: 12px;}
.lvleftbottom span{line-height: 12px; display: inline-block;float: left;}
.lvleftbottom .dot{font-size: 16px;display: block;width: 8px;line-height: 3px;}
.lvrouright .des{color:#3c7a03;margin:13px 0 27px 0}
.pic{height: 160px;}
.pic .img{width:92px;float: left;margin-right:24px;}
.pic img,.picright{float:left}
.pictitle{color:#8b6532;  font-weight: bold;}
.picright p{width}
.picright{width:354px}
.lvrouright p{line-height: 2em;color:#8b6532}
.lvrouright p span{color:#3c7a03}
.lvrbottom{height:186px;width:450px;margin-top:30px;border:solid 1px #cfa972;border-radius: 5px;}
.btile{font-size:18px;color:#797770;font-weight: bold;margin: 25px 0 18px 25px;}
.lvrbottom p{margin-left: 25px;width: 450px;color:#8b6532}

#download.safari{
	height: 50px;
line-height: 50px;
background: #fbbc3b;
background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#ff8b02), to(#f18231));
background: -moz-linear-gradient(top,#ff8b02, #f18231);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8b02',endColorstr='#f18231',grandientType=1);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8b02',endColorstr='#f18231',grandientType=1);
background: -ms-linear-gradient(#ff8b02 0%,#f18231 100%);
color: #fff5ef;
font-size: 25px;
font-family: "微软雅黑";
cursor: pointer;
text-decoration:none;
text-align: center
}
.appbarcode{height: 178px;margin-top: 20px;margin-left: 40px;}
.appbarcode .title{
	font-weight: bolder;
	text-align:left
}
.barcode{
	width: 100%;
	margin-top:10px;
}
.barcode>div{
	float: left;
	width: 95px;
}
.barcode>div>div{
	width: 85px;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
}
.barcode a{cursor: pointer;color:black;text-decoration:underline;}
div#phoneappdiv{background-image: url(../img/canvas/app.png);}
#phoneappdiv>div>div{cursor: pointer;}
.apppartempty{width:100%;height: 55px;}
.apppartdiv{
	overflow: hidden;position: relative;
	height: 560px;
}
#appdiv1{
	float: left;
	width: 464px;
	height: 140%;
	transform: rotate(22deg);
	-webkit-transform: rotate(22deg);
	-ms-transform: rotate(22deg);
	-moz-transform: rotate(22deg);	
	margin-top: -140px;
	margin-left: -108px;
	opacity: 0.3;
	background: #cccccc;
}
#appdiv1.apppart,#appdiv2.apppart,#appdiv3.apppart{background: none;}
/*.apppart:hover{background: none;}*/
#appdiv2{
	height: 65%;
	width: 60%;
	opacity: 0.3;
	background: #cccccc;
	float: right;
	transform: skew(-22deg, 14.8deg);
	-webkit-transform: skew(-22deg, 14.8deg);
	-ms-transform: skew(-22deg, 14.8deg);
	-moz-transform: skew(-22deg, 14.8deg);
	position: absolute;
	left: 468px;
	top: -52px;
}
#appdiv3{
	height: 60%;
	width: 70%;
	opacity: 0.3;
	background: #cccccc;
	float: right;
	transform: skew(-22deg, 14.8deg);
	-webkit-transform: skew(-22deg, 14.8deg);
	-ms-transform: skew(-22deg, 14.8deg);
	-moz-transform: skew(-22deg, 14.8deg);
	position: absolute;
	left: 322px;
	top: 336px;
}
#divTry #downloadinfo{text-align: center;color: #777777;font-size: 14px;letter-spacing: 1px;margin-right: 14px;font-weight: bold;margin-bottom: 12px;}
#divTry #downloadother{text-align: right;font-size: 12px;letter-spacing: 1px;width: 46%;float: left;}
#divTry #donwloadhistory{text-align: right;;font-size: 12px;letter-spacing: 1px;width: 46%;float: right;}
#downloadothera{display: block;}
div.downloadtext{line-height: 18px;
display: inline-block;
float: left;
color: #000000;
margin-left: 5px;}
.downloadtext:hover{text-decoration: underline;}