*, :after, :before {
    box-sizing: border-box;
}

element.style {
}
body, input, button, select, textarea, h1, h2, h3, h4, h5, h6 {
    font-family: Microsoft YaHei, Tahoma, Helvetica, 'SimSun', sans-serif;
}
body {
    line-height: 1;
    background: #000;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%;
    text-decoration: none;
}
.play{max-width: 1000px;margin: 2rem auto;}
.b-ding,.o-ding{text-align: center;letter-spacing: 1px;}
.b-ding h3{font-size:26px;color: #fbc02d;margin: 2rem;}
.o-ding h3{font-size:26px;color: #f0f0f0;margin:2rem;}
.b-ding p,.o-ding p{color: #fff;margin-bottom: 2rem;}
.b-chan{color: #fff;margin: 2rem;text-align: center;}
.b-chan a{color: #fbc02d;text-decoration: underline;margin:0 5px; }
/**/
.b-btn,.o-btn{margin: 0 auto;max-width: 100%;text-align: center;margin:2rem;display: flex;justify-content: center;}
.b-btn a{background: #fbc02d;color: #000;padding: 1rem 3rem;}
.o-btn a{border: 1px #fff solid;color: #fff;padding: 1rem 3rem;}
.b-btn a,.o-btn a{display: flex;justify-content: center;align-items: center;flex: 0 1 auto;border-radius: 2rem;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;}
.b-btn img,.o-btn img{max-width: 30px;height: auto;margin-right: 1rem;}
/**/
.foot{text-align: center;font-size: 10px;color: #e0e0e0;line-height: 1.5;}
.otuu,.btuu{padding: 1rem;margin-bottom: 2rem;}
.otuu img,.btuu img{border-radius: 10px;overflow: hidden;border: 1px #e0e0e0 solid;}
@media screen and (max-width: 1900px) {
}

@media screen and (max-width:991px) {
}

@media  screen and (min-width:768px) and (max-width:991px) {
 
}

@media screen and (max-width:767px) {
  
}
@media only screen and (max-width: 600px) {
  
  .play{max-width: 100%;}
  .otuu img,.btuu img{max-width: 100%;}
  .b-ding p,.o-ding p{font-size: 14px;line-height: 1.5;margin: 0 2rem;}
  .b-chan{font-size: 14px;line-height: 1.5;}
  .foot{margin: 1rem;}

}