﻿*{box-sizing:border-box;outline:none;}
html,body{scroll-behavior:smooth;background: #f7f8fa;font-size:14px;}
.w100{width:100%;}
.h100{height:100%;}
.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.pr{position: relative;}
.pa{position: absolute;}
.cfx:after{ content:'\20'; display:block; overflow:hidden; font-size:0px; line-height:0px; height:0px;border:0px;clear:both;}
.all{background: #fff;}
.cent{padding: 0px 15px;max-width: 1000px;margin:0 auto;}
.box{padding:0px 0px 15px 0px;}
.zj{float: left;padding:12px 0;border-bottom: 1px solid #e1e1e1;height: 57px;}
.zj label{display: inline-block;padding:0 12px;border-left: 1px solid #e1e1e1;cursor: pointer;}
.s2 label{margin:0;}
.s2b{padding:15px;background: linear-gradient(#fdfdfd,#f0f0f0);border:1px solid #ddd;border-radius: 4px;box-shadow: 1px 2px 3px rgba(0,0,0,.1);}
.sel,.inp{height: 32px;border:1px solid #e1e1e1;border-radius: 4px;padding:0 10px;}
.tools{margin:-12px;}
.s2inner{overflow: hidden;line-height: 32px;color:#666;}
.inp1,.inp4{width:190px;}
.inp2{width:160px;}
.inp3{width:40px;}
.check{display: none;}
.check-ico{width:15px;height: 15px;background: #ddd;border-radius: 50%;display: inline-block;position:relative;top:3px;box-shadow: 1px 2px 2px rgba(0,0,0,.2) inset;margin-left: 10px;}
.zj2 label{padding:0 20px;}
.check:checked+.check-ico{background: url(../images/checked.svg) no-repeat center;background-size: 90% 90%;background-color: #488ccb;}
.btn1{height: 32px;display: inline-block;background: #fff;border:1px solid #e1e1e1;border-radius:4px;width:100px;color:#666;}
.btn1:hover{color:#333;text-decoration: none;}
.sbtn{display: inline-block;width:130px;padding:10px 0;background-size: 100% 100%;margin:5px;color:#222;}
.sbtn:hover{text-decoration: none;color:#fff;}
.txt{height: 360px;padding:10px;border:1px solid #ddd;border-radius:4px;}
.s4{color:#999;}
.flinks{margin-bottom: 10px;}
.flink{color:#999;}
.qrbox{right:1px;top:1px;padding:10px;border-radius: 4px;background: #fff;display: none;box-shadow: 1px 2px 5px rgba(0,0,0,.1);text-align: right;border:1px solid #eaeaea;}
.qr-close{font-size:2em;margin-top:-15px;display: inline-block;}

.sbtn{background: #e4e4e4;border:1px solid #ddd;position: relative;box-shadow: 0 -1px 3px #fff inset;border-radius: 4px;}
.sbtn:before{content: "";width:100%;height: 35%;position: absolute;top:0;left:0;background: rgba(255,255,255,.2);}
.sbtn:hover{background: #488ccb;border-color:#488ccb;}

@media screen and (max-width: 1199px){
	.inp1{width:160px;}
	.inp2{width:190px;}
	.inp4{width:118px;}
}
@media screen and (max-width: 991px){
	.inp2{width:120px;}
}
@media screen and (max-width: 768px){
	.inp1{width:130px;}
	.inp2{width:170px;}
}
@media screen and (max-width: 575px){
	.zj{width:100%;height: auto;}
	.zj label{display: block;text-align:left;}
	label span{width:84px;text-align: right;display:inline-block;}
	.zj2,.zj2+.zj{width:50%;}
	.inp,.sel{width:calc(100% - 90px);}
	.zj3 label span{width:45px;}
	.zj3 .inp{width:calc(100% - 50px);}
	.zj3 label{margin-bottom: 10px;}

}
@media screen and (max-width: 399px){
	.zj2,.zj2+.zj{width:100%;}
}