@import "../default-skin.less";
@import "../../global/mixin.less";

.s_phone {
	.c_header {
		.fn > .ico.active,
		.pt.active { background:@primary-light-3;}
		.back {
			&.active { background:@primary-dark-2;}
		}
		.tab {
			li:not(.on).active { background:@primary-dark-2;}
		}
		.fn {
			img.active,
			> [class*="e_ico"].active { background:@primary-dark-2;}
			label.active { background:@primary-dark-2;}
			> .e_select.active { background:@primary-dark-2;}
		}
		&-white {
			.back.active { background:@bg-dark-0-7;}
			.fn {
				> [class*="e_ico"].active { background:@bg-dark-0-7;}
				label.active { background:@bg-dark-0-7;}
				> .e_select.active { background:@bg-dark-0-7;}
			}
			.pt.active { background:@bg-dark-0-7;}
		}
		&-orange {
			.back.active { background:@warning-dark-2;}
			.fn {
				> [class*="e_ico"].active { background:@warning-dark-2;}
				label.active { background:@warning-dark-2;}
			}
		}
		&-nav {
			.fn {
				> [class*="e_ico"].active { background:@fg-op-0-5;}
				> .e_select.active { background:@bg-dark-0-7;}
			}
		}
	}
}