h2.title-big, h3.title-big {
	margin-top: 50px;
    font-size: 36px;
    line-height: 1;
    color: #000;
    text-align: center;
    font-family: dsp, PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif;
}

.show-list>a.active {
    background: #008de8;
    color: #fff;
    margin-right: -1px;
    z-index: 10;
}
.show-list>a {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    display: inline-block;
    color: #7c7c7c;
    font-size: 18px;
    border-radius: 2px;
    position: relative;
}

.show-list {
    text-align: center;
    margin-top: 50px;
    font-size: 0;
}
.description-word{
	text-align: center;
	margin-top: 20px;
}


h4.title-small {
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 80px;
}


h4.title-small {
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 100px;
}



h2.title-big, h3.title-big {
    font-size: 36px;
    line-height: 1;
    color: #000;
    text-align: center;
    font-family: dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;
}
.scene .scene-text p {
    font-size: 16px;
    line-height: 2;
    color: #666;
}
.source-description .description-word {
    line-height: 2;
    font-size: 16px;
    color: #000;
    text-align: center;
}

audio, canvas, video {
    display: inline-block;
    padding-top: 70px;
}

.moments-scene .scene-bendi .scene-pic {
    overflow: hidden;
}
.scene.scene-phone .scene-pic {
    background-image:url(/images/bg-phone.png);
    background-image: -webkit-image-set(url(/images/bg-phone.png) 1x,url(/images/bg-phone.png) 2x);
    margin-top: 70px;
}
.scene .scene-text h4 {
     font-size: 26px; 
    color: #333; 
    margin-bottom: 30px;
        margin-top: 160px;
}


element.style {
}
audio, canvas, video {
    display: inline-block;
}
audio, canvas, video {
    display: inline-block;
}
audio, canvas, video {
    display: inline-block;
}
audio, canvas, video {
    display: inline-block;
}
*, ::after, ::before {
    box-sizing: border-box;
}
video[Attributes Style] {
    width: 287px;
}
user agent stylesheet
video {
    object-fit: contain;
    margin-top: 100px;
}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
.scene .scene-pic {
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    padding-top:50px;
}

    background-image: url(//i.gtimg.cn/qzone/biz/gdt/portal/styles/images/source/weixin/moments-paper-new2.jpg);
}
.scene.scene-phone .scene-pic .scene-paper {
    width: 285px;
    height: 446px;
    margin-top: 75px;
}
.scene .scene-pic .scene-paper {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: relative;
    border: 1px solid #dedede;
    border-bottom: none;
    border-radius: 4px;
}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline; 
}
.scene-item{
    margin-top:30px;
}