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-weight:400;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;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}
input,select,textarea{outline:0;font-weight:inherit;font-size:inherit;font-family:inherit}
a,button,div,input{outline:0;text-decoration:none}
a{cursor:pointer}
::-moz-focus-inner{border:0}
body{ background: #ffda4d;  }

.pos{ position: absolute;}
.pes{ position: relative;}

.anm-fadeInDown{
-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)}
}
.anm-fadeInLeft{
-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)}
}
.anm-fadeInRight{
-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)}
}
.anm-bounceInUp{
-webkit-animation:bounceInUp 1s .2s ease both;
-moz-animation:bounceInUp 1s .2s ease both;}
@-webkit-keyframes bounceInUp{
0%{opacity:0;
-webkit-transform:translateY(2000px)}
60%{opacity:1;
-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp{
0%{opacity:0;
-moz-transform:translateY(2000px)}
60%{opacity:1;
-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}
.anm-fadeInUpBig{
-webkit-animation:fadeInUpBig 1s .2s ease both;
-moz-animation:fadeInUpBig 1s .2s ease both;}
@-webkit-keyframes fadeInUpBig{
0%{opacity:0;
-webkit-transform:translateY(2000px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpBig{
0%{opacity:0;
-moz-transform:translateY(2000px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.anm-fadeInDownBig{
-webkit-animation:fadeInDownBig 1s .2s ease both;
-moz-animation:fadeInDownBig 1s .2s ease both;}
@-webkit-keyframes fadeInDownBig{
0%{opacity:0;
-webkit-transform:translateY(-2000px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDownBig{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.anm-fadeInLeftBig{
-webkit-animation:fadeInLeftBig 1s .2s ease both;
-moz-animation:fadeInLeftBig 1s .2s ease both;}
@-webkit-keyframes fadeInLeftBig{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeftBig{
0%{opacity:0;
-moz-transform:translateX(-2000px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.anm-rotateIn{
-webkit-animation:rotateIn 1s .2s ease both;
-moz-animation:rotateIn 1s .2s ease both;}
@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0}
100%{-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1}
}
@-moz-keyframes rotateIn{
0%{-moz-transform-origin:center center;
-moz-transform:rotate(-200deg);
opacity:0}
100%{-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1}
}
.anm-rollIn{
-webkit-animation:rollIn 1s .2s ease both;
-moz-animation:rollIn 1s .2s ease both;}
@-webkit-keyframes rollIn{
0%{opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)}
}
@-moz-keyframes rollIn{
0%{opacity:0;
-moz-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;
-moz-transform:translateX(0px) rotate(0deg)}
}
.anm-tada{
-webkit-animation:tada 1s .2s ease both;
-moz-animation:tada 1s .2s ease both;}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{
0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}

.anm-autorotate{
-webkit-animation:rotateIn 2s  ease both alternate infinite;
-moz-animation:rotateIn 2s  ease both alternate infinite;}
@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center center;
-webkit-transform:rotate(-25deg);
}
100%{-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
}
}
@-moz-keyframes rotateIn{
0%{-moz-transform-origin:center center;
-moz-transform:rotate(-25deg);
}
100%{-moz-transform-origin:center center;
-moz-transform:rotate(0);
}
}


/*横屏处理*/
.screen_note{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;width:100%;height:100%;background-color:#000}
.screen_note p{position:absolute;top:40%;left:0;width:100%;height:60px;color:#fff;text-align:center;font-size:40px;line-height:60px}

/*m手机端默认都是不显示的,由media来控制是否显示，兼容IE8 PC样式，IE8显示缩小版PC端*/
.m,.none{display:none}
.p{display:block}
.auto1200{position:relative;overflow:hidden;margin:0 auto;width:75px;}


.tdes p,.code p,.uid p
{ font-family: "Arial"}

/*startdom*/
.scont{ width: 640px; height: 1136px; margin: 0px auto; background: url(../images/bg.jpg) no-repeat center top; background-size:640px auto; }
.uid,.slo,.code,.down,span.ic
{  background: url(../images/s1.png) no-repeat; background-size: 600px auto;}

.uid{ width:442px; height: 94px;  left: 50%; margin-left: -221px; top: 118px; background-position: 0px -198px;  text-align: center; line-height: 80px; color: #fffc9c; text-shadow:#666 2px 2px 2px; }
.uid p{  font-size: 60px; }
.tdes{  text-align: center;  width: 480px; height: 70px;  left: 50%; margin-left: -240px; top:240px; }
.tdes p{ font-size: 54px; color: #882501; }
.slo{  width: 520px; height: 80px; left: 50%; margin-left: -260px; top: 320px;   background-position: 0px -114px;  }
.tdes2{ width: 440px; height: 100px; color: #414347; left: 50%; margin-left: -220px; top: 425px;  }
.tdes2 p,.tdes3 p,.tdes4 p{ font-size: 32px; text-align: center; line-height: 48px;  font-style: italic }
.tdes3{ width: 440px; height: 100px; color: #414347; left: 50%; margin-left: -220px; top: 530px;  }
.tdes4{ width: 460px; height: 60px; color: #414347; left: 50%; margin-left: -220px; top:780px;  }
.code{ width: 486px; height: 106px; left: 50%; margin-left: -243px; top: 660px;  background-position: 0px 0px;  }
.code p{ line-height: 90px; color: #882601; font-weight: bold; font-size: 48px; text-align: center;}
.down{ width: 230px; height: 104px;  background-position: 0px -292px;  left: 50%; margin-left: -115px; top: 860px; }

span.ic{ display: block; width: 90px; height: 90px;}
span.ic.ic1{ background-position: -488px -2px; top: 216px; right: 5px;}
span.ic.ic2{ background-position: -442px -195px; top: 485px; left: 5px;}


/*手机设备样式*/
@media screen and (max-width:640px) {
    .m {
        display: block;
    }

    .p {
        display: none;
    }

    .auto1200 {
        width: 100%;
    }
}


/*手机外大屏设备样式*/
@media screen and (min-width:640px) and (max-width:960px) {
    .m {
        display: block;
    }

    .p {
        display: none;
    }

    .auto1200 {
        width: 100%;
    }
}


/*enddom*/