@charset "utf-8";
/*CSS Document*/
@font-face{font-family:"微軟正黑體";src:url("../fonts/MSJH.TTF");font-weight:normal;font-style:normal;}
@font-face { font-family: "JosefinSans"; src: url("../fonts/JosefinSans-SemiBold.ttf"); font-weight: normal; font-style: normal; }
@font-face { font-family: "made-evolve-sans"; src: url("../fonts/MADE-Evolve-Sans-Regular.otf"); font-weight: normal; font-style: normal; }
@font-face { font-family: "made-evolve-sans-l"; src: url("../fonts/MADE Evolve Sans Light.otf"); font-weight: normal; font-style: normal; }
@font-face { font-family: "made-evolve-sans-t"; src: url("../fonts/MADE Evolve Sans Thin.otf"); font-weight: normal; font-style: normal; }
html{-webkit-text-size-adjust:none;/*overflow-x:hidden;*/}
html.htmlhidden{overflow:hidden;position:fixed;width:100%;height:100%;}
body{-webkit-text-size-adjust:none;width:100%;min-width:320px;overflow-x:hidden;}
*{font-size:16px;color:#131313;margin:0;padding:0;font-family: "made-evolve-sans","Microsoft JhengHei","微軟正黑體","Arial";}
ul,ol,li{margin:0;padding:0;list-style-type:none;/*list-style-position:inside;*/}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
div,form,span,dl,dt,dd{border:0;margin:0;padding:0;list-style-type:none;}
img{border:0;padding:0;margin:0;max-width:100%;height:auto;}
table{border-collapse:collapse;width:100%;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset!important;-webkit-text-fill-color:#333;}
input[type="reset"],
input[type="button"],
input[type="submit"]{-webkit-appearance:none;}
input,button,a{outline:0 none!important;blr:expression(this.onFocus=this.blur());}
input:focus,
textarea:focus{-webkit-outline:none;-moz-outline:none;outline:none;}
textarea{-webkit-appearance:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-outline:none;-moz-outline:none;outline:none;}
select::-ms-expand{display:none;}
button{border:0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
p{padding:0;margin:0;}
a{color:#131313;}
a,a:hover,a:active,a:visited,a:link,a:focus{
	-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	-webkit-outline:none;
	-moz-outline:none;
	outline:none;
	text-decoration:none;
}
/*a[href^="tel:"]{color:#fff;}*/
/*:focus,:focus > img{outline:-webkit-focus-ring-color auto 1px!important;}*/
.fn{float:none!important;}
.fl{float:left;}
.fr{float:right;}
.tar{text-align:right;}
.tal{text-align:left;}
.tac{text-align:center;}
.dn{display:none;}
.db{display:block;}
.dib{display:inline-block;}
.df{display:flex;}
.df-c{display:flex;align-items:center;}
.df-wrap{display:flex;flex-wrap:wrap;}
.dt{display:table;}
.dtc{display:table-cell;}
.w10{width:10%;}.w15{width:15%;}.w16{width:16.66%;} 
.w20{width:20%;}.w25{width:25%;} 
.w30{width:30%;}.w35{width:35%;}.w33{width:33.33%;}
.w40{width:40%;}.w45{width:45%;} 
.w50{width:50%;}.w55{width:55%;}.w66{width:66.66%;} 
.w60{width:60%;}.w65{width:65%;} 
.w70{width:70%;}.w75{width:75%;} 
.w80{width:80%;}.w85{width:85%;} 
.w90{width:90%;}.w95{width:95%;}
.w100{width:100%;margin:0 auto;}
.w750{width:750px;margin:0 auto;}
.w960{width:960px;margin:0 auto;}
.w1070{width:1070px;margin:0 auto;}
.w1136{width:1136px;margin:0 auto;}
.w1170{width:1170px;margin:0 auto;}
.w1180{width:1180px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.w1280{width:1280px;margin:0 auto;}
.w1366{width:1366px;margin:0 auto;}
.w1440{width:1440px;margin:0 auto;}
.w1560{width:1560px;margin:0 auto;}
.w200px{width:200px;}.w300px{width:300px;}.w400px{width:400px;}.w500px{width:500px;}
.h150px{height:150px;}.h200px{height:200px;}.h300px{height:300px;}.h400px{height:400px;}.h500px{height:500px;}
.clear:after{content:"";display:block;height:0;clear:both;}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.ts01{-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;}
.ts02{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.ts03{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.ts04{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.ts05{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.tso03{transition: opacity .3s, transform 2s cubic-bezier(0,0,.44,1.18);}


.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px 20px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px 20px;}


/**/
.w150px{width:150px;}
.w-calc-150px{
    width:-webkit-calc(100% - 150px);
	width:-moz-calc(100% - 150px);
	width:calc(100% - 150px);
}



/*列表*/
.list-none,.list-disc,.list-circle,.list-square,.list-decimal,.list-decimal-zero,.list-lower-roman,.list-upper-roman,.list-lower-alpha,.list-upper-alpha,.list-lower-greek,.list-lower-latin,.list-upper-latin,.list-hebrew,.list-armenian,.list-georgian,.list-cjk-ideographic,.list-hiragana,.list-katakana,.list-hiragana-iroha,.list-katakana-iroha{padding-left:20px;} 
.list-none li{list-style-type:none;} 
.list-disc li{list-style-type:disc;}
.list-circle li{list-style-type:circle;}
.list-square li{list-style-type:square;}
.list-decimal li{list-style-type:decimal;}
.list-decimal-zero li{list-style-type:decimal-leading-zero;}
.list-lower-roman li{list-style-type:lower-roman;}
.list-upper-roman li{list-style-type:upper-roman;}
.list-lower-alpha li{list-style-type:lower-alpha;}
.list-upper-alpha li{list-style-type:upper-alpha;}
.list-lower-greek li{list-style-type:lower-greek;}
.list-lower-latin li{list-style-type:lower-latin;}
.list-upper-latin li{list-style-type:upper-latin;}
.list-hebrew li{list-style-type:hebrew;}
.list-armenian li{list-style-type:armenian;}
.list-georgian li{list-style-type:georgian;}
.list-cjk-ideographic li{list-style-type:cjk-ideographic;}
.list-hiragana li{list-style-type:hiragana;}
.list-katakana li{list-style-type:katakana;}
.list-hiragana-iroha li{list-style-type:hiragana-iroha;}
.list-katakana-iroha li{list-style-type:katakana-iroha;}










/********************************************/
/*404*/
.site-error{text-align:center;background-color:#131313;border-color:#131313;padding:80px 16px;border:1px solid transparent;border-radius:4px;width:800px;max-width:90%;margin:180px auto 200px;}
.site-error h1{font-size:30px;color:#fff;margin-bottom:24px;}
.site-error p{font-size:16px;color:#fff;}

@media screen and ( max-width:1024px ){
	.site-error{margin:80px auto 200px;}
}
@media screen and ( max-width:996px ){
	.site-error{margin:66px auto 120px;}
}
@media screen and ( max-width:768px ){
	.site-error{margin:36px auto 54px;}
}





/***********美化滚动条***********/
/*x*/
.scroll-bar::-webkit-scrollbar{width:8px;}
.scroll-bar::-webkit-scrollbar-track{/*margin:2px 0;*/ background-color:#e0e0e0;
	/*-webkit-border-radius:2em;
	-moz-border-radius:2em;
	border-radius:2em;*/
}
.scroll-bar::-webkit-scrollbar-thumb{background-color:rgba(50,70,90,1);
	/*-webkit-border-radius:2em;
	-moz-border-radius:2em;
	border-radius:2em;*/
}
.scroll-bar::-webkit-scrollbar-thumb:hover{background-color:rgba(50,70,90,.9);}

/*y*/
.scroll-bar2::-webkit-scrollbar{width:6px;height:6px;}
.scroll-bar2::-webkit-scrollbar-track-piece{background-color:#e0e0e0;}
.scroll-bar2::-webkit-scrollbar-thumb{background-color:rgba(50,70,90,1);background-clip:padding-box;min-height:28px;}
.scroll-bar2::-webkit-scrollbar-thumb:hover{background-color:rgba(50,70,90,.9);}






/***********显示隐藏***********/
#panel,
.hidden{display:none;}






/*pay-qrcode*/
.pay-qrcode-box{width:350px;margin:80px auto 180px;background-color:#fff;padding:30px 16px;border-radius:10px;box-shadow:0 1px 10px rgba(0,0,0,.05);max-width:86%;position:relative;z-index:2;overflow:hidden;}
.pay-qrcode-box > img,
.pay-qrcode-box > canvas{margin:12px auto;display:block;width:60%;}
.pay-qrcode-box p{text-align:center;padding-bottom:0;}
.pay-qrcode-box:before{
	content:"";width:1000px;height:1000px;display:block;background-color:#cae6da;position:absolute;top:28px;right:0;z-index:-1;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
@media screen and ( max-width:580px ){
	.pay-qrcode-box{margin:54px auto 80px;}
	.pay-qrcode-box img,
	.pay-qrcode-box canvas{margin:12px auto;display:block;width:60%;}
	
}






/*fadeInDown*/
/*.fadeInDown{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;}
.fadeInDown > div{position:fixed;top:50%!important;left:50%!important;right:auto!important;padding:36px 24px 54px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);width:380px;max-width:92%;border:1px solid #07456c;
	-webkit-transform:translate(-50%,-50%)!important;
	-moz-transform:translate(-50%,-50%)!important;
	-ms-transform:translate(-50%,-50%)!important;
	transform:translate(-50%,-50%)!important;
}
.fadeInDown button.close{position:absolute;top:10px;right:16px;font-size:24px;font-weight:700;background-color:transparent;height:auto;width:20px;line-height:20px;text-align:center;cursor:pointer;}
.fadeInDown span:nth-of-type(3){font-size:18px;display:block;text-align:center;padding:0 30px;}*/
.fadeInDown{top:50%!important;left:50%!important;right:auto!important;width:500px!important;background-color:#fff;padding:44px 24px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.2);margin:-55px 0 0 -274px!important;border-radius:6px;
	-webkit-animation-fill-mode:none!important;
    animation-fill-mode:none!important;
}
.fadeInDown span{font-size:20px;font-weight:700;color:#131313;line-height:1.8em;}
.fadeInDown span a{font-size:16px;color:#131313;cursor:pointer;text-decoration:underline;}
.fadeInDown button{background-color:transparent;color:#131313;font-size:24px;text-align:center;width:16px;height:16px;line-height:16px;border:0;vertical-align:middle;position:absolute;top:10px;right:10px;cursor:pointer;}
.fadeInDown button:hover{opacity:.5;filter:alpha(opacity=50);}

.fadeInDown:after{content:"";display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-2;background-color:rgba(0,0,0,.6);}
.fadeInDown:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-color:#fff;border-radius:6px;}

@media screen and ( max-width:767px ){
	.fadeInDown{width:400px!important;margin-left:-224px!important;}

}
@media screen and ( max-width:480px ){
	.fadeInDown{width:300px!important;padding:36px 16px!important;margin-left:-166px!important;}

}





/**/
.help-block{color:red;font-size:14px;line-height:1em;margin-top:3px;}







/*crumbs 导航*/
.crumbs{line-height:1em;}
.crumbs:after{content:"";clear:both;display:block;height:0;}
.crumbs a{float:left;font-size:14px;/*font-style:italic;*/ display:block;position:relative;line-height:1em;padding-right:10px;margin-right:5px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crumbs a:after{content:"/";margin-left:5px;display:block;position:absolute;top:0;right:0;}
.crumbs a:hover{opacity:.5;}
.crumbs a:last-child{padding-right:0;margin-right:0;}
.crumbs a:last-child:after{display:none;}

.crumbs2{line-height:1em;}
.crumbs2:after{content:"";clear:both;display:block;height:0;}
.crumbs2 a{float:left;font-size:14px;/*font-style:italic;*/ display:block;position:relative;line-height:1em;padding-right:16px;margin-right:2px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crumbs2 a:after{content:"\e72f";font-family:"iconfont"!important;margin-left:5px;display:block;position:absolute;top:0;right:0;
	-webkit-transform:scale(.7);
	-moz-transform:scale(.7);
	-ms-transform:scale(.7);
	-o-transform:scale(.7);
	transform:scale(.7);
}
.crumbs2 a:hover{opacity:.5;}
.crumbs2 a:last-child{padding-right:0;margin-right:0;}
.crumbs2 a:last-child:after{display:none;}







/*gotop*/
.gotop{position:fixed;bottom:50px;right:50px;z-index:990;}
.gotop i{width:50px;height:50px;text-align:center;line-height:50px;font-size:18px;background-color:#fff;color:#131313;display:block;cursor:pointer;}
.gotop i:hover{color:#fff;background-color:#131313;}







/*commonpopup*/
.commonpopup{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;filter:alpha(opacity=0);visibility:hidden;}
.commonpopup.active{opacity:1;filter:alpha(opacity=100);visibility:visible;} 
.commonpopup-box{position:fixed;top:50%;left:50%;z-index:9;width:550px;max-width:90%;height:auto;background-color:#fff;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
/*.commonpopup-bg{position:relative;padding:24px 44px;background-color:#fff;}*/
.commonpopup-off{position:absolute;top:24px;right:24px;z-index:9;cursor:pointer;} 
.commonpopup-off:before{content:"\e612";font-family:"iconfont"!important;font-size:18px;color:#9ca0a6;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.commonpopup-off:hover:before{color:#131313;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}










/***********數量***********/
.indexnumber{position:relative;width:120px;display:inline-block;vertical-align:top;}
.indexnumber input{width:50px;height:48px;background:transparent;text-align:center;border:0;font-size:18px;font-weight:700;color:#131313;}

.indexnumber > div{height:50px;border:1px solid #131313;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.indexnumber > div:hover{border-color:#131313;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.indexnumber > div > div{width:26px;height:48px;line-height:48px;border-radius:50%;color:#131313;top:1px;cursor:pointer;font-size:18px;font-weight:700;text-align:right;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.indexnumber > div > div:last-child{text-align:left;}
.indexnumber > div > div:hover{color:#cdcdcd;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}










/***********表單***********/
.form-row:after,
.form-item:after,
.form-together:after,
.form-input:after{content:"";clear:both;height:0;display:block;} 

.form-t-s{font-size:13px;line-height:1em;margin:5px 0;color:#777;display:inline-block;vertical-align:top;}

/*.form-row.grid-2,
.form-row .grid-2,
.form-row.grid-3,
.form-row .grid-3{margin-bottom:-20px;}*/

/*.form-row.grid-2 .help-block,
.form-row .grid-2 .help-block,
.form-row.grid-3 .help-block,
.form-row .grid-3 .help-block{margin-top:-10px;}*/

/*一行多个*/
.form-row{width:100%;margin-bottom:20px;position:relative;z-index:2;text-align:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
} 
.form-row:last-of-type{margin-bottom:0;}  

.form-input{position:relative;}

/*基本*/
.form-input select,
.form-input textarea,
input[type="tel"],
input[type="text"],
input[type="email"],
input[type="password"]{display:inline-block;border:1px solid #eee;padding:0 16px;width:100%;height:50px;position:relative;background-color:transparent;vertical-align:top;border-radius:6px; font-size: 14px; font-weight: 700;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.form-input select:disabled,
.form-input textarea:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled{background-color:#f4f5f6;}
.form-input textarea{padding:12px 20px;height:120px;}
.form-input select{padding-right:36px;background:url(../images/form-icon1-1.png) no-repeat;background-position:top 20px right 18px;background-size:10px 10px;}

.form-input .show-password-input{position:absolute;top:50%;right:16px;margin-top:-8px;cursor:pointer;font-weight:700;}
.form-input .show-password-input.if-yanjing:before{content:"\e66f"!important;}


/*验证码*/
.form-code{
	width:-webkit-calc(100% - 100px)!important;
	width:-moz-calc(100% - 100px)!important;
	width:calc(100% - 100px)!important;
}
.form-code-img{position:absolute;top:0;right:0;width:94px;height:36px;background-color:#fff;margin-top:7px;}
.form-code-img img{width:auto;height:100%;display:block;margin:0 auto;}


/*标题*/
.form-label{line-height:1em;display:block;font-size:14px;font-weight:700;margin-bottom:6px;}

.df .form-label.w33{box-sizing:border-box;text-align:right;display:flex;align-items:center;margin-left:auto;justify-content:flex-end;padding-right:30px;line-height:1.2em;font-size:14px;font-weight:700;margin-bottom:0;height:50px;}

.df-c .form-label.w33{box-sizing:border-box;text-align:right;padding-right:30px;line-height:1.2em;display:block;font-size:14px;font-weight:700;margin-bottom:0;}

.form-careful
/*.form-label i,
.df .form-label.w33 i,
.df-c .form-label.w33 i*/{font-size:10px;font-weight:700;font-style:normal;color:#666;display:contents;}


/*2*/
/*.form-item2{margin:0 -3px;}
.form-item2 > .form-row{padding-left:120px;}
.form-item2 .form-row > label{position:absolute;top:0;left:3px;line-height:36px;display:block;font-size:14px;font-weight:700;}
.form-item2 .form-row > label i{font-size:14px;font-weight:700;font-style:normal;color:#d0021b;margin-right:2px;}
.form-item2 .form-choice,
.form-item2 .form-choice2{padding:0 3px;}*/




/******/
input[type='radio'],
input[type='checkbox']{width:16px;min-width:16px;height:16px;position:relative;background:transparent;border:0;outline:none;vertical-align:middle;cursor:pointer;margin-right:8px;display:inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
input[type='radio']:checked:after,
input[type='checkbox']:checked:after{content:"";position:absolute;top:2px;left:5px;border-right:2px solid transparent;border-bottom:2px solid transparent;width:4px;height:8px;border-color:#fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
input[type='radio']:before,
input[type='checkbox']:before{content:"";position:absolute;width:100%;height:100%;background:#fff;border:1px solid #131313;border-radius:3px;box-sizing:border-box;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
input[type='radio']:hover:before,
input[type='checkbox']:hover:before{background-color:#f4f5f6;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
input[type='radio']:checked:before,
input[type='checkbox']:checked:before{background-color:#131313!important;border-color:#131313!important;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
input[type='radio']:disabled,
input[type='checkbox']:disabled{cursor:default;}
input[type='radio']:disabled:before,
input[type='checkbox']:disabled:before{background-color:#dbdde1;border-color:#9ca0a6;}
input[type='radio']:disabled:hover:before,
input[type='checkbox']:disabled:hover:before{background-color:#dbdde1;
	 -webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}


/**/
.form-choice,
.form-choice2{/*padding-bottom:12px;*/ display:flex;align-items:center;flex-wrap:wrap;}
/*.form-input label,*/
.form-choice > label,
.form-choice2 > label{cursor:pointer;display:flex;align-items:center;margin-right:16px;vertical-align:top;padding:3px 0;height:44px;font-size:14px;}
.form-choice > label input[type="tel"],
.form-choice2 > label input[type="tel"],
.form-choice > label input[type="text"],
.form-choice2 > label input[type="text"]{margin-left:10px;display:inline-block;width:auto;vertical-align:top;}
.form-choice2 input[type='radio']:before{border-radius:100%;}
.form-choice2 input[type='radio']:checked:before{background-color:#fff!important;}
.form-choice2 input[type='radio']:checked:after{border:0;width:8px;height:8px;background:#131313;border-radius:100%;top:50%;left:50%;margin:-4px 0 0 -4px;}


/*input[type='checkbox'],input[type='radio']{width:20px;height:20px;position:relative;background:transparent;border:0;outline:none;vertical-align:middle;cursor:pointer;margin-right:8px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
input[type='checkbox']:focus,input[type='radio']:focus{border:0!important;}
input[type='checkbox']:before,input[type='radio']:before{content:"";position:absolute;width:100%;height:100%;background:#fff;border:1px solid #131313;border-radius:100%;box-sizing:border-box;}
input[type='checkbox']:checked:after,input[type='radio']:checked:after{content:"";position:absolute;top:50%;left:50%;border:0;width:14px;height:14px;background:#131313;border-radius:100%;margin:-7px 0 0 -7px;}*/


/**/
.form-pay label{position:relative;z-index:9;height:50px;padding:10px 16px;margin-right:20px;overflow:hidden;border-radius:6px;}
.form-pay label img{height:100%;display:block;}
.form-pay label input[type='radio']{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;}
.form-pay input[type='radio']:before{width:100%;height:100%;border:2px solid #cecfd3;border-radius:6px;z-index:-1;}
.form-pay input[type='radio']:hover:before{width:100%;height:100%;background-color:#fff;border-color:#d1ef7b!important;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
}
.form-pay input[type='radio']:checked:before{border-color:#d1ef7b!important;background-color:#fff!important;}
.form-pay input[type='radio']:checked:after{border:0;width:50px;height:50px;background:url(../images/gou.png) no-repeat;background-size:100% 100%;top:2px;right:2px;bottom:auto;left:auto;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}



/*  */
.form-label-placeholder .form-label { position: absolute; top: 50%; left: 16px; margin: -7px 0 0; pointer-events: none; color: #999;  }
.form-label-placeholder input { padding-top: 4px; height: 54px; }

.form-label-placeholder input:focus ~ .form-label,
.form-label-placeholder input:not(:placeholder-shown) ~ .form-label { font-size: 0.7em; transform: translateY(-13px); opacity: .9; }










/***********放大***********/
#zoom{position:fixed;top:0;left:0;z-index:99990;display:none;width:100%;height:100%;background:rgba(0,0,0,0.8);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
	filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
}
#zoom .content{position:absolute;top:50%;left:50%;z-index:99991;width:200px;height:200px;background:#ffffff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,0.3);border-radius:4px;}
#zoom .content.loading{background-image:url('../images/loading.gif');}

#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,0.25);border-radius:4px;}

#zoom .close{position:absolute;top:0;right:0;z-index:99993;width:49px;height:49px;cursor:pointer;background:transparent url('../images/close.png') no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px;}
#zoom .close:hover{background-color:#da4f49;}

#zoom .next,
#zoom .previous {position:absolute;top:50%;z-index:99992;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px;}
#zoom .previous{left:0;background:url('../images/arrows.png') no-repeat 0 0;border-radius:0 4px 4px 0;}
#zoom .next{right:0;background:url('../images/arrows.png') no-repeat 100% 0;border-radius:4px 0 0 4px;}

#zoom .next:hover,
#zoom .previous:hover{background-color:#0088cc;}

/*局部放大*/
#zoomiocontainer{position:absolute;z-index:500;overflow:hidden;background:white;visibility:hidden;border-radius:10px;}
#zoomiocontainer img{width:1500px!important;height:auto!important;position:absolute!important;display:block!important;max-width:inherit!important;}
#zoomiocontainer.mobileclass{overflow:scroll;-webkit-overflow-scrolling:touch;}










/***********banner***********/
.swiper-button-prev:after,
.swiper-button-next:after{display:none;}
.swiper-button-prev,
.swiper-button-next{
	background-color:#fff;border-radius:100px;width:50px;height:50px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}
.swiper-button-prev{left:36px;}
.swiper-button-next{right:36px;}
.swiper-button-prev:hover,
.swiper-button-next:hover{
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	-webkit-transform:scale(0.85);
	-moz-transform:scale(0.85);
	-ms-transform:scale(0.85);
	-o-transform:scale(0.85);
	transform:scale(0.85);
}
.swiper-button-prev:before,
.swiper-button-next:before{font-family:"iconfont"!important;color:#131313;font-size:20px;}
.swiper-button-prev:before{content:"\e730";}
.swiper-button-next:before{content:"\e72f";}

.swiper-pagination{bottom:var(--swiper-pagination-bottom,20px)!important;}
.swiper-pagination > span{width:10px;height:10px;background-color:#fff;opacity:.7;filter:alpha(opacity=70);}
.swiper-pagination > span:hover,
.swiper-pagination > span.swiper-pagination-bullet-active{opacity:1;filter:alpha(opacity=100);}










/***********pagelist***********/
/*1*/
.page a{font-family:"Arial";font-size:14px;color:#131313;width:36px;height:36px;line-height:36px;text-align:center;border:2px solid #131313;border-radius:4px;display:inline-block;vertical-align:top;margin:0 2px;}

.page a.prev{margin:0 16px 0 0;background-color:#edeef0;border-color:transparent;}
.page a.next{margin:0 0 0 16px;background-color:#edeef0;border-color:transparent;}
.page a.prev1{margin-right:2px;}
.page a.next1{margin-left:2px;}

.page a.prev:before,
.page a.next:before{font-family:"iconfont"!important;color:#131313;font-size:12px;}
.page a.prev:before{content:"\e730";}
.page a.next:before{content:"\e72f";}

.page a:hover,
.page a.active{border-color:#131313;background-color:#131313;color:#fff;}

.page a.prev:hover:before,
.page a.next:hover:before{color:#fff;}










/********************************************/

/*page-banner*/
/*.page-banner{position:relative;overflow:hidden;}
.page-banner-box h1{
	position:absolute;top:50%;left:50%;color:#fff;line-height:1em;font-size:36px;font-weight:700;text-align:center;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.page-banner-box h1:after{content:"";width:44px;height:2px;display:block;background-color:#fff;margin:18px auto 0;}
.page-banner-box img{display:block;width:100%;height:auto;}
.page-banner .crumbs{position:absolute;top:24px;left:50%;margin-left:-600px;}
.page-banner .crumbs a{color:#9ca0a6;}*/






/*彈窗*/
/*.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.6);}   
.modal-content{
	background-color:#fefefe;margin:15% auto;padding:50px 30px 36px;width:600px;max-width:90%;border-radius:10px;position:relative;z-index:9;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.modal-content:before{content:"×";font-size:30px;line-height:1em;pointer-events:none;margin-bottom:10px;position:absolute;top:10px;right:20px;}
.modal-content:hover:before{opacity:.7;}

.close{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;}
.buttons{text-align:right;padding-top:30px;}
.modal button{width:80px;line-height:36px;border-radius:6px;text-align:center;background-color:#131313;color:#fff;cursor:pointer;}
.modal button:hover{opacity:.7;}*/








/***********按鈕***********/

/*基础*/
.btn-base{text-transform:uppercase;padding:0 30px;height:50px;line-height:50px;background-color:#131313;color:#fff;font-weight:700;text-align:center;display:inline-block;cursor:pointer;} 
.btn-base i{color:#fff;font-weight:normal;vertical-align:top;}
.btn-base:hover{opacity:.7;filter:alpha(opacity=70);}

/*基础+线框*/
.btn-line{text-transform:uppercase;padding:0 30px;height:48px;line-height:48px;background-color:transparent;color:#131313;font-weight:700;text-align:center;border:1px solid #131313;display:inline-block;cursor:pointer;}
.btn-line i{vertical-align:top;}
.btn-line:hover{background-color:#131313;color:#fff;border-color:#131313;}
.btn-line:hover i{color:#fff;}

/*基础+无背景*/
.btn-empty{text-transform:uppercase;font-weight:700;display:inline-block;cursor:pointer;line-height:1em;}
.btn-empty i{vertical-align:top;}
.btn-empty:hover{opacity:.7;filter:alpha(opacity=70);}


/*—————————————————————*/
button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
.btn-base:disabled{background-color:#9ca0a6;}
.btn-line:disabled{background-color:#9ca0a6;border-color:#9ca0a6;}


/*——— 加箭头*/
.btn-arrow:after{content:"\e631";font-family:"iconfont"!important;font-size:14px;font-weight:normal;margin-left:16px;display:inline-block;vertical-align:top;}


/*改颜色 ——— 背景*/
.btn-bcolor{background-color:#7FBE26;}
.btn-bcolor-w{background-color:#fff;color:#131313;}
.btn-bcolor-w i{color:#131313;}
/*改颜色 ——— 线框*/
.btn-lcolor{border-color:#7FBE26;color:#7FBE26;}
.btn-lcolor i{color:#7FBE26;}
.btn-lcolor:hover{background-color:#7FBE26;color:#fff;border-color:#7FBE26;}
.btn-lcolor:hover i{color:#fff;font-weight:normal;}
.btn-lcolor-w{border-color:#fff;color:#fff;}
.btn-lcolor-w i{color:#fff;}
.btn-lcolor-w:hover{background-color:#fff;color:#131313;border-color:#fff;}
.btn-lcolor-w:hover i{color:#131313;font-weight:normal;}
/*改颜色 ——— 渐变*/
.btn-gcolor{color:#fff;
	background:-webkit-linear-gradient(left,red,blue);
    background:-moz-linear-gradient(left,red,blue);
    background:-o-linear-gradient(left,red,blue);
    background:linear-gradient(to right,red,blue);
}
.btn-gcolor i{color:#fff;font-weight:normal;}


/*图标间距*/
.icon-ml-6{margin-left:6px;}
.icon-ml-20{margin-left:20px;}
.icon-ml-80{margin-left:80px;}
.icon-mr-6{margin-right:6px;}


/*圆角*/
.btn-r{border-radius:100px;}
.btn-r4{border-radius:4px;}
.btn-r6{border-radius:6px;}
.btn-r10{border-radius:10px;}


/**/
.btn-db{display:block;}
.btn-p-0-20{padding:0 20px;}


/*高度*/
.lh-1{line-height:1em;}
.lh-34{line-height:34px;height:34px;} 
.lh-36{line-height:36px;height:36px;} 
.lh-42{line-height:42px;height:42px;} 
.lh-44{line-height:44px;height:44px;} 
.lh-48{line-height:48px;height:48px;} 
.lh-50{line-height:50px;height:50px;}


/*字体*/
.f12{font-size:12px!important;}
.f14{font-size:14px!important;}
.f16{font-size:16px!important;}
.f18{font-size:18px!important;}
.f20{font-size:20px!important;}
.f24{font-size:24px!important;}
.f30{font-size:30px!important;}
.f36{font-size:36px!important;}

.fw-700{font-weight:700;}
.fw-bold{font-weight:bold;}
.fw-normal{font-weight:normal;}

.color-666{color:#666;}

.text-lt{text-decoration:line-through;}





/*線*/
hr,.line-solid{width:100%;display:block;border:0;border-bottom:1px solid #131313;}
.line-dashed{width:100%;display:block;border:0;border-bottom:1px dashed #131313;}

.line-breaker-l{border:0;width:100%;max-width:160px;display:block;height:1px;background-color:#131313;margin:20px auto 20px 0;}
.line-breaker-m{border:0;width:100%;max-width:160px;display:block;height:1px;background-color:#131313;margin:20px auto;}
.line-breaker-r{border:0;width:100%;max-width:160px;display:block;height:1px;background-color:#131313;margin:20px 0 20px auto;}




/**/
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-36{margin-top:36px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-66{margin-top:66px;}
.mt-80{margin-top:80px;}
.mt-120{margin-top:120px;}

.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-36{margin-bottom:36px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-66{margin-bottom:66px;}
.mb-80{margin-bottom:80px;}
.mb-100{margin-bottom:100px;}
.mb-120{margin-bottom:120px;}
.mb-200{margin-bottom:200px;}

.pb-10{padding-bottom:10px;}
.p-30{padding:30px;}
.p-0-6{padding:0 6px;}
.p-50-30{padding:50px 30px;}

.ml-w33{margin-left:33.33%;}
.ml-w40{margin-left:40%;}





/*標題*/
.title-b{font-size:24px;font-weight:700;line-height:1em;padding-bottom:20px;border-bottom:1px solid #CBCBCB;margin-bottom:36px;}

.title-s{font-size:18px;position:relative;padding-left:7px;font-weight:700;line-height:1em;margin-bottom:20px;}
.title-s:before{content:"";display:block;width:1px;height:12px;background-color:#131313;position:absolute;top:50%;left:0;margin-top:-6px;}





/*收藏按钮*/
.like-btn{border:1px solid #131313;width:34px;height:34px;line-height:34px;text-align:center;display:inline-block;vertical-align:top;}
.like-btn i{font-size:14px;}
.like-btn.active i:before{content:"\e799";color:#d0021b;}