@font-face{font-family: "fontLight"; src: url("../fonts/Poppins-Light.otf");}
@font-face{font-family: "fontDefault"; src: url("../fonts/Poppins-Regular.otf");}
@font-face{font-family: "fontMedium"; src: url("../fonts/Poppins-Medium.otf");}
@font-face{font-family: "fontBold"; src: url("../fonts/Poppins-Bold.otf");}
@font-face{font-family: "fontBlack"; src: url("../fonts/Poppins-Black.otf");}
/* reset */
:root {
	/*主体颜色*/
	--acolor: #000;
	--bcolor: #111;
	--ccolor: #333;
	--dcolor: #FF3435;
	--ecolor: #FF8A00;
	--fcolor: #999;
	--gcolor: #0A36A1;

	/*通用黑白透明背景色*/
	--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:fontLight,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;color:var(--bcolor);outline:0;font-size: var(--f16);line-height: 1.34;}
a,a:link,a:visited,a:active{color:var(--bcolor); text-decoration:none; text-decoration: none; cursor: pointer; -moz-transition: background-color 0.4s ease-out, color 0.3s ease-out; -webkit-transition: background-color 0.4s ease-out, color 0.3s ease-out; -ms-transition: background-color 0.4s ease-out, color 0.3s ease-out; transition: background-color 0.4s ease-out, color 0.3s ease-out;}
a:hover{color: var(--fcolor);}
body{overflow-x: hidden; background: #F2FAFF; font-family:  fontDefault;;}
/* function */
[data-animation]{visibility: hidden;animation-duration:1.5s;-webkit-animation-duration:1.5s;opacity: 0;animation-fill-mode:forwards;}
.mt-1{margin-top:1px;}.mt-2{margin-top:2px;}.mt-3{margin-top:3px;}.mt-4{margin-top:4px;}.mt-5{margin-top:5px;}.mt-6{margin-top:6px;}.mt-7{margin-top:7px;}.mt-8{margin-top:8px;}.mt-9{margin-top:9px;}.mt-10{margin-top:10px;}.mt-11{margin-top:11px;}.mt-12{margin-top:12px;}.mt-13{margin-top:13px;}.mt-14{margin-top:14px;}.mt-15{margin-top:15px;}.mt-16{margin-top:16px;}.mt-17{margin-top:17px;}.mt-18{margin-top:18px;}.mt-19{margin-top:19px;}.mt-20{margin-top:20px;}.mt-21{margin-top:21px;}.mt-22{margin-top:22px;}.mt-23{margin-top:23px;}.mt-24{margin-top:24px;}.mt-25{margin-top:25px;}.mt-26{margin-top:26px;}.mt-27{margin-top:27px;}.mt-28{margin-top:28px;}.mt-29{margin-top:39px;}.mt-30{margin-top:30px;}
.text_td{text-decoration: line-through; color: var(--bgblack-5);}

/* main */
@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);
    }
}
.disable-scroll {overflow-y: hidden;}
.hidden {display: none;}
.block {display: block;}

.container_full{width:100%; margin: 0 auto; box-sizing: border-box;}
.container{width:100%; max-width:1200px; margin: 0 auto; box-sizing: border-box;}
.container_plus{width:100%; max-width:1400px; margin: 0 auto; box-sizing: border-box;}

.pop_form{width: 100%; min-width:700px; max-width:700px; background: #FFF; border-radius: var(--radius-15); box-sizing: border-box;}
.pop_form dl{width: 100%; display: flex; align-items: center; flex-wrap: wrap;}
.pop_form dl dt,.pop_form dl dd{width: 50%; margin: 0 auto;}
.pop_form dl dt img{display: block; width: 100%; height:auto; margin:0 auto; border-radius: var(--radius-15) 0 0 var(--radius-15);}
.pop_form dl dd .hd{text-align: center; padding:25px;}
.pop_form dl dd .hd h3{font-size: var(--f22); color: var(--ecolor); padding: 0 0 15px 0; line-height: 1.123;}
.pop_form dl dd .hd p{font-size: var(--f14);}
.pop_form dl dd .bd{padding: 25px;}
.pop_form dl dd .bd > p{text-align: center; font-size: var(--f12);}
.pop_form dl dd .bd > p a{text-decoration: underline; color: var(--ecolor);}
.pop_form_item{padding: 0 0 25px 0;}
.pop_form_item label{display: block; padding: 8px 0; font-size: var(--f14);}
.pop_form_item label input,.pop_form label textarea{display: block; margin:0; border:2px solid var(--bgblack-1); padding: 11px 15px; box-sizing: border-box; width:100%; border-radius: var(--radius-15); font-size: var(--f14);}
.pop_form_item label a{text-decoration: underline;}
.pop_form_item label button{height:45px; background: var(--ecolor); border:none; border-radius: var(--radius-15); color:var(--bgwhite-10); line-height: 45px; width:100%; margin: 5px auto; font-family: fontMedium;}
.pop_form_item label button:hover{ background: var(--gcolor);}
.pop_form_item label input[type=checkbox]{vertical-align: middle; width:24px; height:24px; margin:0 5px 0 0;}

#backToTopBtn {
position: fixed;
bottom: 15px;
right: 10px;
width: 36px;
height: 36px;
background: var(--bgwhite-9);
border:1px solid var(--bgblack-1);
box-shadow: 1px 1px 3px var(--bgblack-1);s
color: var(--bgblack-7);
font-size:24px;
border-radius: 12.5%;
text-align: center;
line-height: 34px;
cursor: pointer;
}
@media only screen and (max-width: 1400px) {
	.container{max-width:1000px;}
	.container_plus{max-width:1200px;}
}
@media screen and (max-width: 1240px) {

}
@media screen and (max-width: 1024px) {
	.container_full{width:100%; margin: 0 auto;}
	.container_diy{width:100%; max-width:100%;}
	.container{width:100%; max-width:100%; margin: 0 auto; padding: 0 10px;}
	.container_plus{width:100%; max-width:100%; margin: 0 auto;}

	.pop_form{min-width:320px; max-width:320px; border-radius: var(--radius-10);}
	.pop_form dl dt,.pop_form dl dd{width: 100%;}
	.pop_form dl dt img{height:200px; object-fit: cover; border-radius:var(--radius-10) var(--radius-10) 0 0;}
	.pop_form dl dd .hd{text-align: center; padding:15px;}
	.pop_form dl dd .hd h3{font-size: var(--f16); padding: 0 0 10px 0;}
	.pop_form dl dd .hd p{font-size: var(--f12);}
	.pop_form dl dd .bd{padding: 0 15px 25px 15px;}
	.pop_form_item{padding: 0 0 15px 0;}
	.pop_form_item label{padding: 5px 0;}
	.pop_form_item label button{border-radius: var(--radius-10);  margin: 5px auto;}

}