.chk_1,.chk_2,.chk_3,.chk_4 { display: none;}
 
/*******STYLE 1*******/
.chk_1 + label {background-color:#FFF;border-radius:5px;display:inline-block;position:relative; height: 28px;line-height: 28px;
background: url("../img/checked.png") no-repeat 0px 4px; padding-left: 22px;}
.chk_1:checked + label {color:#243441;}
.chk_1:checked + label:after {content:'\2714';position:absolute;top:-3px;left:1px;color:var(--main-color);width:100%;text-align:left;font-size:1.4em;padding:1px 0 0 0;vertical-align:text-top;}

/*******STYLE 2*******/
.chk_2 + label {background-color:#F37900;padding:18px 20px 18px 23px;box-shadow:inset 0 50px 37px -30px rgba(255,222,197,0.3),0 0 13px rgba(0,0,0,0.6);border-radius:1000px;display:inline-block;position:relative;border-top:1px solid #ECA14F;margin-right:30px;color:#FFF;font-size:1.7em;width:113px;text-shadow:0 1px 0 rgba(0,0,0,0.2);border-bottom:1px solid #552B09;}
.chk_2 + label:hover {border-top:1px solid #FC8C1E;background:#FC8C1E;box-shadow:inset 0 -50px 37px -30px rgba(255,222,197,0.07),0 0 13px rgba(0,0,0,0.6);}
.chk_2 + label:active {border-top:none;background:#FC8C1E;padding:19px 20px 18px 23px;box-shadow:inset 0 3px 8px rgba(129,69,13,0.3),inset 0 -50px 37px -30px rgba(255,222,197,0.07),0 0 13px rgba(0,0,0,0.6);}
.chk_2 + label:after {content:' ';border-radius:100px;width:32px;position:absolute;top:12px;right:12px;box-shadow:inset 0px 16px 40px rgba(0,0,0,0.4);height:32px;}
.chk_2 + label:before {content:' ';border-radius:100px;width:20px;position:absolute;top:18px;right:18px;z-index:999;box-shadow:inset 0px 16px 40px #FFF;height:20px;display:none;}
.chk_2:checked + label:before {display:block;}

/*******STYLE 3*******/
.chk_3 + label {background-color:#fafbfa;padding:9px;border-radius:50px;display:inline-block;position:relative;margin-right:30px;-webkit-transition:all 0.1s ease-in;transition:all 0.1s ease-in;width:40px;height:15px;}
.chk_3  + 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);}
.chk_3  + label:before {content:' ';position:absolute;background:white;top:1px;left:1px;z-index:999999;width:31px;-webkit-transition:all 0.1s ease-in;transition:all 0.1s ease-in;height:31px;border-radius:100px;box-shadow:0 3px 1px rgba(0,0,0,0.05),0 0px 1px rgba(0,0,0,0.3);}
.chk_3:active + label:after {box-shadow:inset 0 0 0 20px #eee,0 0 1px #eee;}
.chk_3:active + label:before {width:37px;}
.chk_3:checked:active + label:before {width:37px;left:20px;}
.chk_3  + label:active {box-shadow:0 1px 2px rgba(0,0,0,0.05),inset 0px 1px 3px rgba(0,0,0,0.1);}
.chk_3:checked + label:before {content:' ';position:absolute;left:26px;border-radius:100px;}
.chk_3:checked + label:after {content:' ';font-size:1.5em;position:absolute;background:#4cda60;box-shadow:0 0 1px #4cda60;}

/*******STYLE 4*******/
.chk_4 + label {
	background-color: #FFF;	padding: 0 5px;border-radius:0px;display: inline-block; position: relative;background: var(--main-color);
	width: 75px; height: 36px; line-height: 36px;
	}
.chk_4 + label:before {
	content: ' ';position: absolute;background: #FFF;top: 0px;z-index: 99;left: 0px;	width: 24px;height: 36px;border-radius:4px;
	box-shadow: 0 0 1px rgba(0,0,0,0.6);
	}
.chk_4 + label:after {content:'无电梯';position: absolute;top: 0px;left: 4px;font-size: 14px;color: white;border-radius: 100px;font-weight: 400;}
.chk_4:checked + label {background: #86C93B;}
.chk_4:checked + label:after {content:'有电梯';left: 4px;}
.chk_4:checked + label:before {content: ' ';position: absolute;z-index: 99;left:51px;}
.chk_4 + label:after {left: 27px;}

#checkbox_d2 + label:after, #checkbox_d2 + label:before, #checkbox label {	
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}