@charset "UTF-8";
*{margin:0; padding:0;}
  html,body{ width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0; background: #fff;}
html, body{font-size:10px; font-family:Arial,'Microsoft yahei';color:#333; margin:0px; padding:0px;-webkit-overflow-scrolling: touch;}
ul li,li{list-style:none; margin:0; padding:0;}
ul,li,dl,dt,dd,span,p,cite,em,i,h1,h2,h3,h4,h5,h6,b{margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-family:Arial,'Microsoft yahei';}
cite,em,i{font-style:normal;}
a{color:#7f7f7f; text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
a:hover,a:active,input,:focus{outline:none;}
img{border:none;}
.top{  width: 100%;
    background: #fff;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;} 
	.btn_back{ position: relative;}
.btn_back a{    display: block;
    position: absolute;
    left: 10px;
top: 0;}
.btn_back i{   height: 42px;
    margin-right: 10px;
    background: url(../images/ico-enter.png) center center / 11px 19px no-repeat;
    width: 11px;
    float: left;}
.top .btn_back p{ color: #333; font-size: 16px; line-height: 42px; text-align: center;}

.content{ width: calc(100% - 30px); margin: 0 auto; text-align: center; height: calc(100% - 44px);  display: flex; flex-direction:column; align-content: stretch; align-items: center;  justify-content: center;}
.content video{ height: 400px; width: 100%;}
.content .col{width: 100%; height: 400px; background: #000; margin-bottom: 40px;}
.content img{ width: 60%; height: auto; margin: 0px auto 20px;min-width:0; max-width:320px; border-radius: 10px; min-width: 240px;}
.content h1{ text-align: left; font-weight: bold; color: #171717; font-size: 20px; width: 100%; margin: 0 auto; padding: 0 0 10px; font-weight: bold;}
.content p{ font-size: 16px; text-align: left; line-height: 24px; width: 100%; margin: 0 auto;color: #999;}
.btn { width: 100%; margin-top: 20px;}
.btn .btn1,.btn .btn2{ width: 100%; height: 45px; display: block; border-radius: 4px; line-height: 45px; font-size: 15px; margin-bottom: 10px;background: #3c6eff; color: #fff; display: block; position: relative;}


.btn .btn1 p,.btn .btn2 p{ width: 100%; height: 45px; text-align: center; line-height: 45px; color: #fff; font-size: 15px;}
.btn2{ display: none;}
.btn .btn1 i,.btn .btn2 i{ width: 20px; height: 20px; display: inline-block; background: url(../images/enter1.png)no-repeat center center; background-size: 100% 100%; position: absolute; right: 10px; top: 12.5px;}
.btn .btn3{ width: 100%; height: 43px; display: block; border-radius: 4px; line-height: 45px; font-size: 15px; border: 1px solid #3c6eff; color: #3c6eff; display: block; position: relative;}
.btn .btn3 p{ color: #3c6eff; font-size: 15px;width: 100%; height: 45px; text-align: center; line-height: 45px; }
.btn .btn3 i{ width: 20px; height: 20px; display: inline-block; background: url(../images/enter2.png)no-repeat center center; background-size: 100% 100%; position: absolute; right: 10px; top: 12.5px;}
.shade{ display: none;}
@media (max-width:375px) {
    .content img{ width: 60%; height: auto; margin: 0px auto 20px;min-width:0; max-width:320px; border-radius: 10px; min-width: 190px;}
    .content .col{ padding: 0;}
}