body {padding: 0; margin: 0; backgr

body {padding: 0; margin: 0; background: #000}
*{padding: 0; margin: 0;}
body,html{height: 100%;}
img {border: 0; vertical-align: bottom;}
a {display: block; float: left;}
.ADTime {font-family: Helvetica,Droid Sans; color: #fff; position: absolute; top: 10px; left: 10px; z-index: 9999; /* background: #000;-webkit-border-radius: 8px; padding: 15px 10px;opacity: 0.8;*/}
.webViewBox {position: absolute; top: 0; left: 0;/* background: rgba(0,0,0,0.3); */width: 100%; height: 100%; z-index: 9999;}
.WebView {position: absolute; top: 50%; left: 50%; margin-left: -49px; margin-top: -49px; z-index: 9999; }
.ViewBtn {/*color: #fff; text-decoration: none; padding: 0 10px; font-size: 24px;*/ }
.ShowTime {position: absolute; top: 25px; left: 10px; z-index: 9999; font-size: 1em;}
.ShowTime span a,.ShowTime span {
display: block;
float: left;
font-size:1.3em;
}
.ShowTime span {
height: 30%;
width:130%;
line-height: 50%;
padding: 8% 0% 0 0%;
color: #fff;
}
#sect{
color:red;
}
.close {position: absolute; top: 50%; right: 5px; margin-top: -17px; z-index: 99999;}
#disButton {
display:block;
}
#disButton img{
width:100%;
}
#playImg{
width:20%;
height:12%;
z-index:99999;
position:absolute;
top:12%;
left:40%;
display:none;
}
#myVideo{
width:100%;
height:100%;
}
#muted {
position: absolute;
right: 15px;
top: 65px;
z-index: 10000;
}
.voicebtn{
display:none;
float:left;
width: 6.8%;
margin-left:0.5%;
position:absolute;
top:15%;
left:72%;
}
.voicebtn img{
width:83%;
}
.closebtn{
display: block;
float:left;
width: 6.1%;
margin-left:0.5%;
position:absolute;
top:10%;
left:93%;
}
#skin,#skinPoster {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
z-index: 10000;
width:100%;
height:40%;
}
#clickMore {position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index: 10;}

.btnBrand, .btnWeibo {position: absolute; bottom: 14px; z-index: 10000; width: 40%;}
.btnBrand {left: 9%; }
.btnWeibo {right: 9%; }
.btnWeibo a {display: block; float: right;}
#arrow {
position: absolute;
bottom: 45px;
right:10px;
z-index: 99999;
float:right;
}
#buttonbar{
display:block;
float: left;
width:100%;
height:8%;
position:absolute;
top:0%;
left:0;
z-index:9999;
}
.buttonbar{
background-image: url(img/buttonbar.png);
background-size:cover;
background-repeat:no-repeat;
height:80%;
width:100%;
z-index:2;
}
#play{
border:none;
height:100%;
width:100%;
color:#FFF;
font-size:3em;
font-weight:400;;
background:none;
position:absolute;
left:0%;
z-index:9999;
top:-18%;
}
#mybtn{
width:6%;
height:80%;
position:absolute;
left:83%;
z-index:9999;
top:15.5%;
}
#videoView{
width:100%;
height:40%;
}

#codebkgDiv{
position: absolute;
left: 28%;
top:80%;
width: 45%;
height: 10%;
z-index:9999;
}

#codebkgImg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 50%;
}

#number{
position: absolute;
margin: 0 ;
border: none;
top:15%;
left:0;
height:100%;
width:100%;
font-size:1.5em;
color:#000;
text-align: center;
z-index:9999;
}

#startImg{
position: absolute;
right:1%;
top:42%;
width: 35%;
z-index:9999;
}
#startdiv{
position: absolute;
right:15%;
top:61%;
width: 81%;
height:42.5%;
z-index:9999;
}
#NonCode{
width:50%;
height:20%;
display:none;
z-index:9999;
position:absolute;
left:18%;
top:78%;
}

#playPic{
position:absolute;
top:11%;
left:0%;
width:100%;
height:auto;

}
#disPage{
width:100%;
height:50%;
}
#more{
float:right;
width:48%;
height: auto;
position:absolute;
top:95%;
left:60%;
z-index:10000;
}
.more{
width:80%;
height: 30%;
position:absolute;
/*top:40%;*/
bottom:15%;
left:13%;
z-index:10001;
}
#page{
width:100%;
height:120%;
}

結果 (中文) 1:

身体 {填充： 0; 边距: 0; 背景： #000}* {填充： 0; 边距: 0;}身体，html {高度： 100%；}img {边界： 0 ； 垂直对齐： 底部 ；}{显示： 阻止 ； 浮动： 左;}.ADTime {字体系列： Helvetica，Droid San ； 颜色： #fff ； 位置： 绝对 ； 顶： 10px ； 左： 10px ； z-索引： 9999 ； / * 背景： #000 ；-webkit-边界-半径： 8px ； 填充： 15px 10px ； 不透明度： 0.8; * /}.webViewBox {位置： 绝对 ； 顶部： 0; 左： 0 ； / * 背景： rgba(0,0,0,0.3) ； * / 宽度： 100%； 高度： 100%； z-索引： 9999 ；}.Web 视图 {位置： 绝对 ； 顶部： 50%； 左： 50%； 左边：-49px ； 上边距：-49px ； z-索引： 9999 ；}.ViewBtn {/ * 颜色: #fff; 文本修饰： 无; 填充: 0 10px ； 字体大小： 24px ； * /}.ShowTime {位置： 绝对 ； 最高: 25px; 左： 10px ； z-索引： 9999 ； 字体大小： 1em ；}.ShowTime 跨度。ShowTime 跨度 {显示： 阻止 ；浮点数： 左;字体-大小： 1.3em ； }.ShowTime 跨度 {高度： 30%；宽度： 130%；行高度： 50%；填充： 8%0 %0 0%；颜色： #fff ； }#sect {颜色： 红色 ；}.close {位置： 绝对 ； 顶部： 50%； 右： 5px ； 上边距：-17px ； z-索引： 99999 ；}#disButton {显示： 块 ；}#disButton img {宽度： 100%；}#playImg {宽度： 20%；高度： 12%；z-索引： 99999 ；位置: 绝对 ；顶部： 12%；左： 40%；显示： 无 ；}#myVideo {宽度： 100%；高度： 100%； }#muted {位置： 绝对的 ；右： 15px ；顶部： 65px ；z-索引： 10000 ； }.voicebtn {显示： 无 ；浮点数： 左 ；宽度： 6.8%；margin-left:0.5%；位置: 绝对 ；顶部： 15%；左： 72%； }.voicebtn img {宽度： 83%；}.closebtn {显示： 阻止 ；浮点数： 左 ；宽度： 6.1%；margin-left:0.5%；位置: 绝对 ；顶部： 10%；左： 93%； }#skin，#skinPoster {位置： 绝对的 ；右： 0 ；顶部： 0 ；左： 0 ；底部： 0 ；z-索引： 10000 ；宽度： 100%；高度： 40%； }#clickMore {位置： 绝对 ； 右： 0; 顶部： 0; 左： 0; 底部： 0 ； z-索引： 10 ；}.btnBrand、.btnWeibo {位置： 绝对的 ； 底部: 14px ； z-索引： 10000 ； 宽度： 40%；}.btnBrand {左： 9%；}.btnWeibo {右： 9%；}.btnWeibo {显示： 阻止 ； 浮动： 权利 ；}#arrow {位置： 绝对的 ；底部： 45px ；右： 10px ；z-索引： 99999 ；浮点数： 权利 ； }#buttonbar {显示： 块 ；浮点数： 左;宽度： 100%；高度： 8%；位置: 绝对 ；顶部： 0%；左： 0 ；z-索引： 9999 ； }.buttonbar {背景图像： url(img/buttonbar.png) ；背景-大小： 封面 ；背景-重复： 没有-重复 ；高度： 80%；宽度： 100%；z-索引： 2 ； }#play {边境： 无 ；高度： 100%；宽度： 100%；颜色： #FFF ；字体-大小： 3em ；字体-重量： 400 ； ；背景： 无 ；位置: 绝对 ；左： 0%；z-索引： 9999 ；顶部：-18%； }#mybtn {宽度： 6%；高度： 80%；位置: 绝对 ；左： 83%；z-索引： 9999 ；top:15.5%；}#videoView {宽度： 100%；高度： 40%；} #codebkgDiv {位置： 绝对的 ；左： 28%；顶部： 80%；宽度： 45%；高度： 10%；z-索引： 9999 ；}#codebkgImg {位置： 绝对的 ；左： 0 ；顶部： 0 ；宽度： 100%；高度： 50%；}#number {位置： 绝对的 ；边距： 0 ；边境： 无 ；顶部： 15%；左： 0 ；高度： 100%；宽度： 100%；字体-大小： 1.5em ；颜色: #000 ；文本对齐： 中心 ；z-索引： 9999 ；}#startImg {位置： 绝对的 ；右： 1%；顶部： 42%；宽度： 35%；z-索引： 9999 ；}#startdiv {位置： 绝对的 ；右： 15%；顶部： 61%；宽度： 81%之间 ；height:42.5%；z-索引： 9999 ；}#NonCode {宽度： 50%；高度： 20%；显示： 无 ；z-索引： 9999 ；位置: 绝对 ；左： 18%；顶部： 78%；}#playPic {位置: 绝对 ；顶部： 11%；左： 0%；宽度： 100%；高度： 汽车 ；}#disPage {宽度： 100%；高度： 50%；}#more {浮点数： 权利 ；宽度： 48%；高度： 汽车 ；位置: 绝对 ；顶部： 95%；左： 60%；z-索引： 10000 ；}多 {宽度： 80%；高度： 30%；位置: 绝对 ；/*top:40%;*/底部： 15%；左： 13%；z-索引： 10001 ；}#page {宽度： 100%；高度： 120%；}

結果 (中文) 3:

Body {padding: 0; margin: 0; background: 000}
*{padding: 0; margin: 0; html{height:}
body, 100%;}
img {border: 0; vertical-align: bottom;}
a {display: block; float: left;}
.ADTime {font-family: Helvetica, Droid Sans; FFF position: absolute; color:; top: 10px; left: 10px; z-index: 9999; / * background: 000; -webkit-border-radius: 8px 15px; padding: 10px; opacity: 0.8; */}
.webViewBox {position:绝对的；顶：0；左：0；／＊背景：RGBA（0,0,0,0.3）；* /宽度：100%；高度：100%；Z指数：9999；}
。WebView { position:绝对；顶：50%；左：50%；margin-left: - 49px；margin-top:：- 49px；Z指数：9999；}
。viewbtn { /*颜色：#FFF；文字装饰：无；padding: 0 10px；字体大小：24px；*/ }
。Showtime { position:绝对；顶：25px；左：10px；Z指数：9999；字体大小：1em；}
。ShowTime span a,.ShowTime span display: block {


; float: left; font-size:1.3em;}
.ShowTime span {



height: 30%; width:130%; line-height: 50%; padding: 8% 0%
0%
color:; FFF;
}
sect{
color:red;
}
.close {position: absolute; top: 50%; right: 5px; margin-top: -17px; z-index: 99999;}
{
display:block disButton; disButton img{
width:100%
}

}
; playImg{
width:20% height:12%;

;Z指数：99999；
位置：绝对的；
顶：12%；
左：40%；
显示：无；
}
#MyVideo {
宽度：100%；
高度：100%；
}
#静音{
位置：绝对
；右：15px；
顶：65px；
Z指数：10000；
}
。voicebtn {
显示：无；
浮动：左；
宽度：6.8%；
margin-left: 0.5%；
位置：绝对的；
顶：15%；
左：72%；
}
。voicebtn IMG {
宽度：83%；
}
closebtn {
显示。：块；
浮动：左；
宽度：6.1%；
margin-left: 0.5%；
位置：绝对的；
顶：10%；
左：93%；
}
#皮肤，#skinposter {
位置：绝对
；右：0；0；

上：左：0；
底：0；
Z指数：10000；
宽度：100%
；高度：40%；
}
#clickmore { position:绝对；右：0；0；左：顶：0；0；底：Z：10；}

。btnbrand，。btnweibo { position:绝对；底：14px；Z指数：10000；宽度：40%；}
。btnbrand {左：9%；}
。btnweibo {右：9%；}
。btnweibo一{显示：块；浮动权；} {

#箭头位置：绝对的；
底：45px
；右：10px；
Z指数：99999；
浮动权；
} {

#按钮显示：块；
浮动：左；
宽度：100%；
高度：8%；
位置：绝对的；
顶：0%；
左：0；
Z指数：9999；
} {

。按钮背景图像：URL（IMG /按钮。PNG）；
背景尺寸：盖；
重复背景：不重复
；height : 80 %;
width : 100 %;
z -描述: 2 ;
}
#play {
border : none ;
height : 100 %;
width : 100 %;
color :#FFF ;
font - size : 3 em ;
font - weight : 400 ;;
background : none ;
position : absolute ;
left : 0 %;
z -描述: 9999 ;
top :- 18 %;
}
#mybtn {
width : 6 %;
height : 80 %;
position : absolute ;
left : 83 %;
z -描述: 9999 ;
top : 15.5 %;
}
#videoView {
width : 100 %;
height : 40 %;
}

#codebkgDiv {
position : absolute ;
left : 28 %;
Top:80%;
width:
10%
45%; height:; z-index:9999; codebkgImg{
position: absolute
}



; left: 0; top: 0; width: 100%

; height: 50%; number{
position: absolute
}

;
margin:
border:
0; none; top:15%;
left:0
height
width:100%;:100%; font-size:1.5em;
;
color:
text-align:
000; center; z-index:9999; startImg{
position: absolute
}



; right:1%; top:42%;


z-index:9999; width: 35%;}
startdiv{
position: absolute;
right:15%
81%
width:; top:61%; height:42.5%;

; z-index:9999;
}
NonCode{
width:50%;
height:20%

; display:none; z-index:9999;
position:absolute

; left:18%; top:78%;
}

playPic{
position:absolute;
top:11%

; left:0%; width:100%;
height:auto;

}
disPage{
width:100%;
height:50%;
}
more{
float:right;
width:48%
height:
position:; Auto;绝对的；
顶：95%；
左：60%；
Z指数：10000；
} {
。更多
宽度：80%；
高度：30%；
位置：绝对的；
/高：40%；* /
底：15%；
左：13%；
Z指数：10001；
}
#页{
宽度：100%；
高度：120%；}