/** switch **/
.lm-ui-check-switch {
	position: relative;
    width: 52px;
    height: 30px;
    border: 1px solid #DFDFDF;
    outline: 0;
    border-radius: 15px;
    box-sizing: border-box;
    background-color: #f2f2f2;
    -webkit-transition: background-color 0.1s, border 0.1s;
    		transition: background-color 0.1s, border 0.1s;
    -webkit-appearance: none;
       -moz-appearance: none;
         	appearance: none;

    &::before {
		content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 50px;
	    height: 28px;
	    border-radius: 15px;
	    background-color: #f2f2f2;
	    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
	    transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
	    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
	    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    }

    &::after {
		content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 28px;
	    height: 28px;
	    border-radius: 50%;
	    background-color: #fff;
	    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
	    transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
	    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
	    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    }
    &:checked {
		border-color: #ff552e;
	    background-color: #ff552e;
	    &::before {
	    	-webkit-transform: scale(0);
    		transform: scale(0);
	    }
	    &::after {
	    	 -webkit-transform: translateX(22px);
    		transform: translateX(22px);
	    }
	}
}