.cts-switch {
	&-content {
		width: 87px;
		height: 45px;
		border-radius: 45px;
		overflow: hidden;
		background: #AEAEAE;
		padding: 2px;
		position: relative;
		transition: all .3s;
		.content-circle {
			width: 41px;
			height: 41px;
			background: #fff;
			border-radius: 50%;
			transition: all .3s;
			position: absolute;
			left: 2px;
			top: 2px;
		}
		.content-text {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 41px;
			line-height: 41px;
			text-align: center;
			&-item {
				flex: 1;
				width: 41px;
				height: 41px;
				color: $color-white;
				font-size: 24px;
			}
			&-true {
				padding-left: 2px;
			}
			&-false {
				padding-right: 2px;
			}
		}
	}
	&.cur {
		.cts-switch-content {
			background: $theme;
			.content-circle {
				left: 44px;
			}
		}
	}
}