@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h10,h11,h12,h13,h14,h15,h16,h18,h20,h22,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font-size:100%;font:inherit;vertical-align:baseline}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6,h13,h14,h15,h16,h17,h18,h20,h22,.h10,.h11,.h12,.h13,.h14,.h15,.h17,.h16,.h18,.h20,.h22{-webkit-text-size-adjust:none;font-family:"Microsoft YaHei";}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;}
a,input,button,select,textarea{outline:none;/*-webkit-appearance: none;*/}
img,a img {border:0;padding:0;margin:0;vertical-align:middle;}
*{margin: 0px;padding: 0px; }
ul{list-style:none; padding:0px; margin:0px; list-style-type:none;}
ul li{list-style:none; padding:0px; margin:0px; list-style-type:none;}
i{ font-style:normal;}
em{ text-indent:0em;}
a,ins{text-decoration:none; color:#333;}
del{text-decoration:line-through}
.clear{ clear:both}
.left{float: left !important;}
.right{float: right !important;}
.t_alglilf{text-align: left;}
.t_alglirg{text-align: right;}
.t_alglic{text-align: center;}
textarea {appearance:none; -webkit-appearance: none;}
input{ border-radius:0;}
input:focus, textarea:focus {
    outline: none;
}
select{-webkit-appearance: none; outline: none;border-radius:0;}
input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button {
 -webkit-appearance: none;
 }
body{margin:0;padding:0;text-align:left;color:#000;height:auto; width:100%; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-text-size-adjust: none;font-size: 14px;}

@font-face {
    font-family: 'OPPOSans';
    src: url('../font/OPPOSans-R.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Basically';
    src: url('../font/BasicallyASansSerif-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

/*reset*/
@-webkit-keyframes bounceInLeft{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
    75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    100%{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
    75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    75%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    90%{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}
    100%{-webkit-transform:none;transform:none}}
@keyframes bounceInRight{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    75%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    90%{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}
    100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInBottom{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    90%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:none;transform:none}}
@keyframes bounceInBottom{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,1000px,0);transform:translate3d(0,1000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    90%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:none;transform:none}}.bounceInBottom{-webkit-animation-name:bounceInBottom;animation-name:bounceInBottom}
@-webkit-keyframes bounceInTop{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    90%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:none;transform:none}}
@keyframes bounceInTop{
    0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-1000px,0);transform:translate3d(0,-1000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    75%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    90%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    100%{-webkit-transform:none;transform:none}}.bounceInTop{-webkit-animation-name:bounceInTop;animation-name:bounceInTop}