@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: #111;
	--bcolor: #555;
	--ccolor: #333;
	--dcolor: #FF5020;
	--ecolor: #9474FF;
	--fcolor: #999;
	--gcolor: #8460FF;

	/*通用黑白透明背景色*/
	--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: #F3F5F6;}
/* 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 */
.container_full{width:100%; margin: 0 auto; box-sizing: border-box;}
.container_diy{width:100%; max-width:1000px; 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;}
@media only screen and (max-width: 1400px) {
	.container{max-width:1000px;}
	.container_plus{width:100%; max-width:1200px; margin: 0 auto; box-sizing: border-box;}
}
@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;}
.page_header_clear{height:100px;}
.page_header{height:100px;background: var(--bgwhite-10); position: fixed; top:0; left:0; z-index: 100002; box-shadow: 0px 4px 8px var(--bgblack-1);}
.topbar .container_full,.site_footer .container_full{display: flex; align-items: center; flex-wrap: wrap; padding: 0 30px;}
.topbar{padding: 27px 0 0 0; position: relative; display: block;}
.topbar .nmenu{display: none;}
.topbar .nlogo{margin: 0;}
.topbar .nlogo h1{font-size: var(--f28); font-family: fontBold;}
.topbar .nlogo h1 a{color: var(--acolor);}
.topbar .nlogo h1 a:hover{color: var(--ecolor);}
.topbar .nicon{margin:0 0 0 auto;}
.topbar .nicon ul{display: flex; align-items: center;}
.topbar .nicon ul li{margin:0; padding: 0 5px; text-align: center; background: var(--bgwhite-10); border-radius: var(--radius-25); position: relative;}
.topbar .nicon ul li:last-child{margin: 0 0 0 auto;}
.topbar .nicon ul li > a{display: flex; align-items: center;}
.topbar .nicon ul li > a > i{position: relative; padding: 0 6px;}
.topbar .nicon ul li > a > i img{width:auto; vertical-align: middle;}
.topbar .nicon ul li > a > span{font-size: var(--f14);}
.topbar .nicon ul li .nsubmenu{display: none; position:absolute; padding:7px 0; width:100%; top:44px; left:0; text-align: center; border-radius: var(--radius-5); background: var(--bgwhite-10); border:1px solid var(--bgblack-1); z-index: 100002;}
.topbar .nicon ul li:hover .nsubmenu{display: block;}
.topbar .nicon ul li:hover .nsubmenu span{display: block; padding: 5px 0; font-size: var(--f14);}
.topbar .nicon ul li:hover .nsubmenu span:first-child{border-bottom: 1px dashed var(--bgblack-1);}

.navbar{width:300px; height:calc(100% - 100px); background-color: var(--bgwhite-10); position: fixed; top:100px; left:0; z-index: 100001; box-shadow: 0px 2px 4px var(--bgblack-1);}
.nav_main{padding: 20px; display: block;}
.nav_main li{padding: 5px 0; text-align: left;}
.nav_main li a{display: flex; align-items: center; padding: 8px 5px; background: var(--bgwhite-10); border-radius: var(--radius-10);}
.nav_main li a.nactive{background-color: rgba(148, 116, 255, 0.1);}
.nav_main li a i{width:28px; height:28px;}
.nav_main li a i.picon_1{background:url('../images/nav_icon_a0.png') no-repeat center center;}
.nav_main li a.nactive i.picon_1{background:url('../images/nav_icon_a1.png') no-repeat center center;}
.nav_main li a i.picon_2{background:url('../images/nav_icon_b0.png') no-repeat center center;}
.nav_main li a.nactive i.picon_2{background:url('../images/nav_icon_b1.png') no-repeat center center;}
.nav_main li a i.picon_3{background:url('../images/nav_icon_c0.png') no-repeat center center;}
.nav_main li a.nactive i.picon_3{background:url('../images/nav_icon_c1.png') no-repeat center center;}
.nav_main li a i.picon_4{background:url('../images/nav_icon_d0.png') no-repeat center center;}
.nav_main li a.nactive i.picon_4{background:url('../images/nav_icon_d1.png') no-repeat center center;}
.nav_main li a i.picon_5{background:url('../images/nav_icon_e0.png') no-repeat center center;}
.nav_main li a.nactive i.picon_5{background:url('../images/nav_icon_e1.png') no-repeat center center;}
.nav_main li a i.picon_6{background:url('../images/nav_icon_f0.png') no-repeat center center;}
.nav_main li a.nactive i.picon_6{background:url('../images/nav_icon_f1.png') no-repeat center center;}
.nav_main li a i.picon,.nav_main li a.nactive i.picon{background-size: 100% 100%;}
.nav_main li a i img{display: block; width: 28px; height:auto;}
.nav_main li a span{font-size: var(--f16); font-family: fontDefault; padding-left: 3px;}
.nav_main li a.nactive span{font-family: fontMedium;}

.site_footer{width:100%; background: var(--ccolor); padding: 15px 0; position: fixed; bottom:0; left:0; z-index: 100003;}
.page_footer_clear{height:70px;}
.footer_copyright{display: flex; flex-wrap:wrap; align-items: center; font-size: var(--f14); color: var(--bgwhite-8);}
.footer_copyright .f_l{margin: 0;}
.footer_copyright .f_r{margin:0 0 0 auto;}
.footer_copyright a{color: var(--bgwhite-8); text-decoration: underline;}

.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 screen and (max-width: 1240px) {
	.navbar{width:280px;}
	.nav_main li a span{font-size: var(--f14); padding-left: 2px;}
}
@media screen and (max-width: 1024px) {
	.container_full{width:100%; margin: 0 auto; box-sizing: border-box;}
	.container_diy{width:100%; max-width:100%; margin: 0 auto; box-sizing: border-box;}
	.container{width:100%; max-width:100%; margin: 0 auto; box-sizing: border-box; padding: 0 10px;}
	.container_plus{width:100%; max-width:100%; margin: 0 auto; box-sizing: border-box;}

	.page_header {height:60px;}
	.page_header_clear{height: 60px;}
	.topbar .container_full,.site_footer .container_full{padding: 0 10px;}
	.topbar{height:auto; padding: 10px 0;}
	.topbar .nmenu{display: block; margin:0;}
	.topbar .nmenu a{display: block;}
	.topbar .nmenu a img{display: block; width: auto; height: 40px;}
	.topbar .nlogo{margin: 0; padding: 0 0 0 8px;}
	.topbar .nlogo h1{font-size: var(--f24); line-height: 40px;}
	.topbar .nicon ul li{padding: 0 1px;}
	.topbar .nicon ul li > a > i{padding: 0 5px;}
	.topbar .nicon ul li > a > i img{height:32px;}
	.topbar .nicon ul li > a > span{font-size: var(--f12);}
	.topbar .nicon ul li.t_user_li .t_user_txt,.topbar .nicon ul li.t_user_li .t_user_vip{display: none;}
	.topbar .nicon ul li .nsubmenu{display: none; padding:5px 0; width:50vw; top:40px; left:auto; right:0;}

	.navbar{display: none;}
	.mobile_navbar{}
	
	.site_footer{padding: 15px 0;}
	.footer_copyright{padding: 5px 0; font-size: var(--f12);}
	.footer_copyright .f_l,.footer_copyright .f_r{width:100%; margin: 0 auto; text-align: center;}

	.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;}

}