@charset "utf-8";
/* 公共 */
@font-face { font-family: "Microsoft YaHei";}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
*{font-family:"Microsoft YaHei"}
body{background:#fff; font-family:"Microsoft YaHei", sans-serif; font-size:12px;margin:0;padding:0;line-height:25px;color:#525252;}
fieldset,img{border:0;}
img{border:0;margin:0;padding:0;vertical-align:middle;}
form{margin:0;padding:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,acronym,address,cite,code,del,dfn,em,font,img,strong,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;}
table{border-collapse: collapse;}
ol,ul,li{list-style:none;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,small{font-style:normal;font-weight:normal;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
input,select,textarea{font-size:12px;  color:#666;}
::-ms-clear, ::-ms-reveal{display: none;}
i{font-style: normal;}
/*字体链接*/
a {color:#666;text-decoration:none;cursor:pointer;outline: none;}
a:hover{text-decoration: none;color: #03457e}
a:active {star:expression(this.onFocus=this.blur());}
a{cursor:pointer;outline: none; text-decoration: none;}
:focus{outline:none;}
.hand{cursor: pointer;}
.clear { clear:both;}

.overflow { overflow:hidden;}

.mauto { margin-left:auto; margin-right:auto;}
.w1200{width: 1200px;margin: 0 auto;}
.w580{width: 580px;}
.w372{width: 372px;}
.w300{width: 300px;}
.w860{width: 860px;}
.w450{width: 450px;}
.fl{float: left;}
.fr{float: right;}
.oh{overflow: hidden;}
.pr{position: relative;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}

.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}

.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb40{padding-bottom: 40px;}
.pb55{padding-bottom: 55px;}
.pb110{padding-bottom: 110px;}

.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}

.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}

.c0276da{color: #0276da;}
.c333{color: #333;}
.c666{color: #666;}
.c999{color: #999;}

.font14{font-size: 14px;}
.font16{font-size: 16px;}

.limit1{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

.fl { float:left;}
.fr { float:right;}

.t_c { text-align:center;}
.t_l { text-align:left;}
.t_r { text-align:right;}

/*宽度*/
.wb100 { width:100%;}
.w100 { width:100px;}
.w150 { width:150px;}
.w200 { width:200px;}
.w250 { width:250px;}

/* 背景色*/
.bg0276da { background:#0276da;}
.bg7ec4ff { background:#7ec4ff;}
.bgfff{background: #fff;}
/*字体大小*/
.f12 { font-size:12px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.fb { font-weight:bold;}

.line30 { line-height:30px;}
.line35 { line-height:35px;}

/*颜色 */
.cfff { color:#fff;}
.c333 { color:#333;}
.c666 { color:#666;}
.c999 { color:#999;}
.cff6666 { color:#ff6666;}
.c0276da {color:#0276da;}
.c55b1ff { color:#55b1ff;}

/*描边*/
.bor0276da {border:1px solid #0276da;}
.bore9 {border:1px solid #e9e9e9;}
.boreBottom {border-bottom:1px solid #e9e9e9;}
.borderRight{border-right: 1px solid #e9e9e9;}

/*圆角*/
.bor4 { border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}

/* 按钮 */
.btn_1 { padding:0 10px; line-height:20px; font-size:12px; color:#0276da; background:#ebf6ff; border:1px solid #0276da; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; display:inline-block;}
.btn_2 { line-height:38px; text-align:center; display:inline-block;}
.btn_4 { padding:0 30px; line-height:35px; font-size:14px; color:#fff; display:inline-block; border-radius:50px;}

/* 文本框 */
.inputtxt { padding:0 10px; line-height:40px; color:#666; border:1px solid #e9e9e9;}
.inputtxt_1 { width:100px; padding:0 5px; line-height:22px; font-size:12px; color:#666; border:1px solid #e9e9e9; margin-top:9px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.inputtxt_2 { width:580px; padding:0 10px; line-height:38px; color:#666; border:1px solid #e9e9e9; margin-top:9px;}
.textarea { width:100%; max-width:100%; min-width:100%; padding:10px; font-size:14px; line-height:24px; color:#666; border:1px solid #e9e9e9;box-sizing: border-box;}
.select_page { height:28px;}
.inputtxt_3 { padding:0 10px; line-height:40px; font-size:16px; color:#666; border:none; border-bottom:1px solid #e9e9e9;}
.inputtxt_4 { padding:0 10px; line-height:33px; font-size:14px; color:#666; border:none; border-bottom:1px solid #e9e9e9;}


input[type="checkbox"] + label {
	cursor: pointer;
	font-size: 1em;
}

[id^="checkbox-10-"] + label {
	background-color: #ccc;
	padding:0.1rem;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	margin-right:0.25rem;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	width:50px;
	height:23px;
}

[id^="checkbox-10-"] + label:after {
	content: '';
	position: absolute;
	top: 0;
	-webkit-transition: box-shadow 0.1s ease-in;
	transition: box-shadow 0.1s ease-in;
	left:0;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}

[id^="checkbox-10-"] + label:before {
	content: '';
	position: absolute;
	background: white;
	top: 1px;
	left: 1px;
	z-index: 999999;
	width:23px;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	height:23px;
	border-radius: 100px;
	box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
}

[id^="checkbox-10-"]:active + label:after {
	box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;
}

[id^="checkbox-10-"]:active + label:before {
}

[id^="checkbox-10-"]:checked:active + label:before {
}

[id^="checkbox-10-"] + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

[id^="checkbox-10-"]:checked + label:before {
	content: '';
	position: absolute;
	left:29px;
	border-radius: 100px;
}

[id^="checkbox-10-"]:checked + label:after {
	content: '';
	font-size:16px;
	color:#fff;
	position: absolute;
	background: #0276da;
	box-shadow: 0 0 1px #2489f1;
}