@charset "utf-8";
@font-face{font-family: "AliLight"; src: url("../fonts/AlibabaSans-Light.otf");}
@font-face{font-family: "AliRegular"; src: url("../fonts/AlibabaSans-Regular.otf");}
@font-face{font-family: "AliMedium"; src: url("../fonts/AlibabaSans-Medium.otf");}
@font-face{font-family: "AliBold"; src: url("../fonts/AlibabaSans-Bold.otf");}
@font-face{font-family: "AliHeavy"; src: url("../fonts/AlibabaSans-Heavy.otf");}
@font-face{font-family: "AliBlack"; src: url("../fonts/AlibabaSans-Black.otf");}
/* reset */
:root {
	/*主体文字颜色*/
	--fcolor: #111;
	--fcolor-a1: #000;
	--fcolor-a2: #005BAC;
	--fcolor-a3: #183883;
	--fcolor-a4: #D82519;
	
	/*主按钮颜色*/
	--btncolor-a1: #005BAC;
	--btncolor-a2: #0071D7;
	/*通用黑白透明背景色*/
	--bgblack-1:rgba(0,0,0,0.1);
	--bgblack-2:rgba(0,0,0,0.2);
	--bgblack-3:rgba(0,0,0,0.3);
	--bgblack-4:rgba(0,0,0,0.4);
	--bgblack-5:rgba(0,0,0,0.5);
	--bgblack-6:rgba(0,0,0,0.6);
	--bgblack-7:rgba(0,0,0,0.7);
	--bgblack-8:rgba(0,0,0,0.8);
	--bgblack-9:rgba(0,0,0,0.9);
	--bgblack-10:rgba(0,0,0,1.0);
	--bgwhite-1:rgba(255,255,255,0.1);
	--bgwhite-2:rgba(255,255,255,0.2);
	--bgwhite-3:rgba(255,255,255,0.3);
	--bgwhite-4:rgba(255,255,255,0.4);
	--bgwhite-5:rgba(255,255,255,0.5);
	--bgwhite-6:rgba(255,255,255,0.6);
	--bgwhite-7:rgba(255,255,255,0.7);
	--bgwhite-8:rgba(255,255,255,0.8);
	--bgwhite-9:rgba(255,255,255,0.9);
	--bgwhite-10:rgba(255,255,255,1);
	/*通用圆角*/
	--radius-5: 5px;
	--radius-10: 10px;
	--radius-15: 15px;
	--radius-20: 20px;
	--radius-25: 25px;
	--radius-30: 30px;
	--radius-35: 35px;
	--radius-40: 40px;
	--radius-45: 45px;
	--radius-50: 50px;
	/*文字大小*/
	--f12: 12px;
	--f14: 14px;
	--f16: 16px;
	--f18: 18px;
	--f20: 20px;
	--f22: 22px;
	--f24: 24px;
	--f26: 26px;
	--f28: 28px;
	--f30: 30px;
	--f32: 32px;
	--f34: 34px;
	--f36: 36px;
	--f38: 38px;
	--f40: 40px;
	--f42: 42px;
	--f44: 44px;
	--f46: 46px;
	--f48: 48px;
	--f50: 50px;
}

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
html{font-size: 62.5%; box-sizing: border-box;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
sup,sub{font-size:1.2rem;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font-family:Microsoft YaHei,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;color:var(--fcolor);outline:0;font-size: var(--f16);line-height: 1.14;}
a,a:link,a:visited,a:active{color:var(--fcolor); text-decoration:none; text-decoration: none; cursor: pointer; -moz-transition: background-color 0.2s ease-out, color 0.1s ease-out; -webkit-transition: background-color 0.2s ease-out, color 0.1s ease-out; -ms-transition: background-color 0.2s ease-out, color 0.1s ease-out; transition: background-color 0.2s ease-out, color 0.1s ease-out;}
a:hover{text-decoration:underline; color:var(--btncolor-a1);}
body{background: var(--bgwhite-10); overflow-x: hidden;}

/* function */
.f-clearfix{clear:both;}
.f-fl{float:left;}
.f-fr{float:right;}
[data-animation]{visibility: hidden;animation-duration:1.5s;-webkit-animation-duration:1.5s;opacity: 0;animation-fill-mode:forwards;}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    60% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

@keyframes logoFlash {
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.05);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.1);
    }
}

@keyframes imgFlash {
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(1.02);
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.06);
    }
}