article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei';-ms-touch-action:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ol,ul{list-style:none}
ol,ul,li,dl,dt,dd{ display: block;}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
.clearfix:after{clear:both;content:"\20";display:block;height:0;visibility:hidden}
.clearfix{zoom:1}
input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit; border:none; outline:none; 
-webkit-tap-highlight-color: rgba(0,0,0,0);  
-webkit-tap-highlight-color: transparent; /* For some Androids,个人感觉是低版本的安卓，4.0以下 */  
 }
a,button,div,input{outline:0;text-decoration:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);  
-webkit-tap-highlight-color: transparent; /* For some Androids,个人感觉是低版本的安卓，4.0以下 */  
}
::-moz-focus-inner{border:0}
body{  width: 100%; height: 100%;  background:#e8e8e8; }
.snow{position:absolute;top:0;color:#fff;}

/*startdom*/
.lf{ float: left;}
.rt{ float: right;}
.f20{ font-size: 20px;}
.f16{ font-size: 16px;}
.h15{ height: 15px;}
.h10{ height: 10px;}
.h5{ height: 5px;}
.pos{ position: absolute;}
.mb18{ margin-bottom: 18px;}
.btn{ position: relative; display: block;}
.none{ display: none;}

.main{ width:640px; margin: 0px auto; position: relative;  }

.cont{ background:url(../images/bg.jpg) no-repeat top center; background-size:800px 1136px;  width: 100%; height: 1236px;   }
.cont .head{ height: 100px; background:rgba(0,0,0,0.6); position: fixed; left: 0px; top: 0px; right: 0px; border-bottom: 8px solid #988e8b; z-index: 10; }
.cont .head .icon{ width: 80px; height: 80px; top: 10px; left: 10px; position: absolute; background:url(../images/icon_03.png) no-repeat center; background-size:80px auto; border-radius: 25px; box-shadow: #000 3px 3px 3px;}
.cont .head  h1{ font-size: 30px; color: #fae218; text-shadow:#000 3px 3px 3px; line-height: 100px; padding-left: 105px;}
.cont .head a.down{ 
    width: 170px; height: 51px; position: absolute; border-radius: 30px; top: 24px; right: 10px; background:#fd3e39; color: #ffffff; text-align: center; line-height: 51px;
    box-shadow: #000 3px 3px 3px; font-size: 30px;
 }

 .cont .title{ width: 437px; height: 253px; background:url(../images/logo_03.png) no-repeat center;  background-size:437px auto;  top: 140px; left: 50%; margin-left: -219px;  }
 .cont .btndown{ width: 246px; height: 80px; background:url(../images/dl2_03.png) no-repeat center;  background-size:246px auto;  top: 785px; left: 50%; margin-left: -123px;}
 .cont .wx{ width: 238px; height: 231px; overflow: hidden; border-radius: 30px; background:url(../images/dl2_07.png) no-repeat center;  background-size:238px auto;  top: 892px; left: 50%; margin-left: -127px; }
 #qrCodeIco{ position: absolute;width: 30px; height: 30px;  left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; }


.anmFadeInDown{
-webkit-animation:fadeInDown 1s .2s ease both;
-moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.anmFadeInLeft{
-webkit-animation:fadeInLeft 1s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.anmFadeInRight{
-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
/*enddom*/



/*横屏处理*/
.screen_note {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999999;
    display: none;
}

    .screen_note p {
        position: absolute;
        width: 100%;
        font-size: 40px;
        height: 60px;
        line-height: 60px;
        top: 40%;
        left: 0;
        color: #fff;
        text-align: center;
    }