/* CSS Document */
/* CSS Document */
*{font-family:微软雅黑;}
html{font-size:62.5%;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;font-size:inherit;}
i,em{font-style:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; }
ol,ul{list-style:none;padding:0;margin:0;}
a{text-decoration:none;outline:none;color:#000;}
img{border:none;vertical-align:top;}
td,th{padding:0;}
table{border-collapse:collapse;}
form{margin:0;display:inline}
input{ margin:0;padding:0;outline:none;}
select{ margin:0;}
s{ text-decoration: none; }
textarea{resize:none;overflow:auto;margin:0;padding:0;}
map,map area{outline:none;}

.elps{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}
.vCenter{justify-content:center; align-items:center; display:-webkit-box; display:-webkit-flex;}

/* CSS Document */
html { font-size: 62.5%;}
@media only screen and (min-width: 320px){html {font-size: 62.5%!important;}}
@media only screen and (min-width: 360px){html {font-size: 72.5%!important;}}
@media only screen and (min-width: 400px){html {font-size: 82.5%!important;}}
@media only screen and (min-width: 480px){html {font-size: 94%!important;}}

body{ background:#1e2534;}
._container{ margin:0 auto;}

.header{ height:3.8rem; box-sizing:border-box; position:relative; background:#1a202c; }
.header h1{ height:100%; line-height:3.8rem; text-align:center; font-weight:normal; color:#fff; font-size:1.4rem; }
.header a{ width:4.4rem; height:3.8rem; line-height:3.8rem; font-size:1.4rem; text-align:center; position:absolute; top:0; color:#666; -webkit-tap-highlight-color:rgba(0,0,0,0.1); }
.header a.a_back{  left:0; }
.header a.a_back .iconfont{ font-size: 1.8rem; }
.header a.a_shared{  right:0; }
.header .iconfont { font-size: 1.7rem; color:#eee; }
/* header 样式 */

.wrapper{ width:100%; top:0; bottom:4.2rem; position:absolute; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
.main{ width:100%; word-break:break-all; overflow:hidden; box-sizing:border-box; position:absolute;}
.wrapper::-webkit-scrollbar {width:0px; background:rgba(255,255,255);}
.btn_video{  width:14rem; display: block; margin:2rem auto; }
.btn_video img{ width:100%; }
.help { padding:1rem; color:#fff; }
.help h5{ font-size: 1.2rem; line-height: 1.8rem; padding-left:2.2rem; position: relative; margin-bottom: 1.6rem; }
.help h5 i{ width:1.4rem; height: 1.4rem; line-height: 1.4rem; text-align: center; color:#fff; font-size: 1.0rem;
 position: absolute; border-radius: 50%; background: #f50d87; left:0; top:0.4rem; }
.help .img_rsp{ width:100%; display: block; margin-bottom: 1.6rem; }
.help img{ width:100%; display: block; margin-bottom: 1.6rem; }
/* wrapper */

.footer{ width:100%; height:4.2rem; line-height: 4.2rem; position:absolute; bottom:0; display: flex;}
.footer a{ display: block; width:50%; flex:1; font-size:1.3rem; color:#fff; text-align: center; }
.footer a s{ font-size: 1.5rem; margin-right:0.4rem; display: inline-block; vertical-align: middle; }
.footer a:nth-of-type(1){ background: #f50d87;  }
.footer a:nth-of-type(2){ background: #303d58;  }