﻿
.iosCheck, .iosRadio { float:left;}
.iosCheck span, .iosRadio span { padding:0 0 0 6px; line-height:15px; *+padding-left:1px; *+margin-top:3px; _margin-top:4px; font-size:14px; color:#666; float:left;font-weight:normal;}

.catalog-list .switch .iosCheck {
	float:left;
	margin-top:5px;
	height:30px;
	padding-left:1px;
}

    .iosCheck input, .iosRadio input {
		float:left;
        display: none;
		*+display:block;
    }
	
	.iosCheck i, .iosRadio i {
        display: inline-block;
        cursor: pointer;
        /*transition: all ease 0.2s;
        -webkit-transition: all ease 0.2s;*/
		background:#fff;
		border:1px solid #b9b9b9;
		width:14px;
		height:14px;
		float:left;
		margin-top:1px;
		*display:none;
    }
.iosCheck :hover + i, .iosRadio :hover + i,.iosCheck :checked + i, .iosRadio :checked + i { border:1px solid #a0a0a0;}

	
.iosRadio :checked + i { background:#666;}


	/*蓝色*/
	.iosCheck.blue i, .iosRadio.blue i {}
	.iosCheck.blue :hover + i, 
	.iosRadio.blue :hover + i, 
	.iosRadio.blue :checked + i {
	}

	.iosRadio.blue :checked + i:before {
		/*background:#068eec url(../images/icon_check.png) no-repeat -4px -39px;*/
	}
	
	.iosCheck.blue :hover + i, .iosRadio.blue :hover + i {
		border:2px solid #068eec;
		width:12px;
		height:12px;
    }
   .iosCheck.blue :checked + i, .iosRadio.blue :checked + i {
		border:2px solid #068eec;
		background:#068eec url(../images/icon_check.png) no-repeat -4px -39px;
		width:12px;
		height:12px;
    }

	.iosRadio.blue :checked + i {
		background:#068eec;
	}

	/*默认*/
	.iosCheck :checked + i, .iosRadio :checked + i {
/*		border:1px solid #4aaf33;
*/		background:#fff url(../images/icon_check.png) no-repeat -3px -3px;
	/*	width:12px;
		height:12px;*/
    }
	
	.iosCheck :disabled + i, 
	.iosRadio :disabled + i, 
	.iosCheck :disabled:hover + i, 
	.iosRadio :disabled:hover + i {
		border:1px solid #e9e7e3;
		width:14px;
		height:14px;
		background:#fff;
    }
	
	.iosCheck :disabled + i + span, 
	.iosRadio :disabled + i + span {
		color:#ccc;
	}
	.iosCheck :disabled:checked + i + span, 
	.iosRadio :disabled:checked + i + span {
		color:#ccc;
	}
	
	.iosCheck :disabled:checked + i, 
	.iosRadio :disabled:checked + i {
		border:1px solid #e9e7e3;
		width:14px;
		height:14px;
		background:#fff url(../images/icon_check.png) no-repeat -3px -23px;
    }
	
	.iosRadio i {
		border-radius:10px;
		/*background:none;*/
		position:relative;
	}
	.iosRadio :checked + i, .iosRadio :disabled:checked + i {
		background:#fff;
	}
	.iosRadio :checked + i:before, 
	.iosRadio :disabled:checked + i:before {
		display:block;
		content:'';
		width:6px;
		height:6px;
		border-radius:50%;
		background:#666;
		position:absolute;
		top:4px;
		left:4px;
	}	

	.iosRadio.blue :checked + i:before, 
	.iosRadio.blue :disabled:checked + i:before {
		background:#fff;
		top:3px;
		left:3px;
	}	
	
	.iosRadio :disabled:checked + i:before {
		background:#e9e7e3;
		top:3px;
		left:3px;
	}
	
	
    /*开关样式*/
    .switch .iosCheck i, 
	.switch .iosCheck :hover + i {
		padding-left: 0;
        padding-right: 66px;
/*        transition: all ease 0.2s;
        -webkit-transition: all ease 0.2s;*/
        border-radius: 25px;
		background:#fa911e;
		border:none;
		width:auto;
		height:30px;
		float:none;
		margin-top:0;
    }
	.switch .iosCheck i:before {
		display: block;
		content: ' ';
		width: 20px;
		height: 20px;
		border-radius: 25px;
		background: white;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);		
		margin:5px 4px 0

	}

	.switch .iosCheck i:after{content: "完全公开";color:#fff;position: absolute;top: 4px;left:30px;font-style:normal;}
	.switch .iosCheck :checked + i:after{content: "本校会员";left:9px;}


    .switch .iosCheck :checked + i {
    	padding-right:0px;
        padding-left: 66px;
        background: #1ea0fa;
/*        box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px rgba(42, 227, 0, 0.4);
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px #1ea0fa;
*/		border:none;
    }

    .switch .iosCheck.blue :checked + i {
        background: #6cbff0;
        box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px #0093ea;
        -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px #0093ea;
    }
	
	/*hack ie8*/
	@media \0screen { 
	  .iosCheck input, .iosRadio input { display:block;}
	  .iosCheck i, .iosRadio i { display:none;}
	  .iosCheck span, .iosRadio span { padding-left:1px; margin-top:2px;}
	}
	/*hack Webkit*/ 
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	  .iosCheck i, .iosRadio i { margin-top:0;}
	}
	 
	 .iosCheck.ique i{border:0;}
	 .iosCheck.ique span{color:#fff;line-height:30px;float:none;}
	 .iosCheck.ique i{float:none;position: absolute;right:-5px;top: 13px;background:none;width: 20px;height: 20px}
	 .iosCheck.ique :checked + i{background:url(../images/icon.png) -96px -353px no-repeat;}
