.mainUl{padding: 0 10%;margin-top: 20px;} 
.mainUl li .prompt{text-align: right;color: #ef5350;padding: 8px 0;height: 20px;line-height: 20px;}
.mainUl li div{border: 1px solid #cdd1d4;background-color: #fff;position: relative;height: 40px;padding-left: 40px;}
.mainUl li div img{width: 1rem;position: absolute;left: 13px;top: 13px;z-index: 99;}
.mainUl li div span{display: block;position: absolute;left: 0;top: 0;height: 40px;width: 40px;background-color: #e4e4e4;}
.mainUl li div input{height: 40px;border: none;width: 80%;padding: 0;padding-left: 10px;font-size: 16px;box-sizing: border-box;}
.mainUl li div img.openEye{right:13px;left: auto;width: 1.5em; }
.mainUl li em{width: 40px;height: 16px;display: block;}
.list3{
	left:0;
	width:100%;
	position:relative;
	text-align:start;
	padding: 30px 0;
}  
.list3 .iosBox{
	margin:0;
    padding:0;
    border:none;
    width:50px;
    height:24px;
    position:relative;
	color:#fff;
	background:none;
	-webkit-appearance: none;
	overflow: hidden;
	border-radius:12px;
	vertical-align: middle;
}  
.list3 .iosBox:before{
    position: absolute;
    left:0;top:0;
    content:'';
}    
.list3 .iosBox:after{
    position: absolute;
    left:0;top:0;
    content:'';
}    
.list3 .iosBox:before{
	transition: all 0.4s;
    position:absolute;
	top:0;right:0;bottom:0;left:0;
	border-radius: 12px;
	background:#fff;
	border:2px solid #E5E5E5;
}
.list3 .iosBox:after{
	transition: all 0.2s;
    border-radius:10.5px;
    top:1px;
    left:4px;
    width:21px;
    height:21px;
    background:#fff;
    box-shadow:0px 4px 8px rgba(0,0,0,0.3),0px 0px 2px rgba(0,0,0,0.3);
    -webkit-animation:iosBox_after 0.4s;
    -webkit-animation-fill-mode:both;
	-moz-animation: iosBox_after 0.4s;
	-moz-animation-fill-mode:both;
}
.list3 .iosBox:hover:after{
	box-shadow:0px 4px 8px rgba(0,0,0,0.4),0px 0px 2px rgba(0,0,0,0.3);
}
.list3  .iosBox:focus:before{
    border:2px solid #C6C6C6;
}
.list3  .iosBox:focus{
    outline: none;
}
.list3 .iosBox:checked:before{
	    top:0;
        left:0;
        right:0;
        bottom:0;
        border-style:solid;
        border-color:#44a6f4;
        border-width: 32px 32px 32px 104px;
}  
.list3 .iosBox:checked:after{
	-webkit-animation: iosBox_after_checked 0.4s;
	-webkit-animation-fill-mode:both;
    -moz-animation: iosBox_after_checked 0.4s;
	-moz-animation-fill-mode:both;
}
@-webkit-keyframes iosBox_after {
    0% {left:26px;}
    100% {left:2px;}
}
@-moz-keyframes iosBox_after {
   0% {left:26px;}
    100% {left:2px;}
}
@-webkit-keyframes iosBox_after_checked {
    0% {left:2px;}
    100% {left:26px;}
}
@-moz-keyframes iosBox_after_checked {
    0% {left:2px;}
    100% {left:26px;}
}
.list3 span{
	color:#85888a;
	font-size:1em;
	line-height:1.5em;
	vertical-align: middle;
}
.list4{
	left:0;
	width:100%;
	position:relative;
	margin-bottom: 30px;
}
.list4 .btn{
	border:none;
	border-radius:3px;
	width:100%;
	height:2.2em;
	color:#fff;
	font-size:1.2em;
	outline: none;
	background-color:#527c75;
}
.list4 .noClick{ background-color: #c4cac9; }
.list5{
	left:0;
	width:100%;
	position:relative;
}
.list5 a{
	text-decoration: none;
	color:#85888a;
	font-size:1em;
}
.list5 .txt1{
	position: absolute;
	left:0;
}
.list5 .txt2{
	position: absolute;
	right: 0;
}
.w5c-form .w5c-error {
  color: #f00;
  display: block;
  position: absolute;
  right: 0;
  top:-1.3em;
  font-size:1em;
}
.has-error .txt1 {
  border-color: #f00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .txt1:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.ng-invalid .btn{
	background-color: #bedcf4;
}
.ng-valid .btn{
	background-color: #44a6f4;
}
.savePurpose{position: fixed;background-color: rgba(0,0,0,.6);bottom: 0;top: 0;left: 0;right: 0;z-index: 100;}
.saveContainer{position: absolute;height: 350px;width: 250px;background-color: #fff;border-radius: 5px;top: 50%;left: 50%;margin-top: -175px;margin-left: -125px;}
.saveContainer ul{height: 270px;overflow: auto;padding: 0 10px;}
.saveContainer li{height: 40px;line-height: 40px;border-bottom: 1px solid #e0e0e0;}
.saveContainer li span{float: right;margin-top:10px;display: block;height: 20px;width: 20px;background-color: #b8b8b8;border: 1px solid #fff;z-index: 10;border-radius: 10px;}
.saveContainer li span.current{border: 1px solid #1cbb63;background-image: url(../images/nike.png);background-size: 100% 100%;}
.saveContainer p{border-top: 1px solid #e0e0e0;text-align: center;font-size: 16px;line-height: 40px;}
.saveContainer p button{width: 50%;float: left;border: none;height: 40px;background-color: #fff;border-radius:5px;outline: none;font-size: 14px;}
.saveContainer p button#sureMove{border-radius: 0 0 0 5px;border-right:1px solid #e0e0e0; }
.saveContainer p button#sureNo{border-radius: 0 0 5px 0;}
.saveContainer h1{border-bottom: 1px solid #e0e0e0;text-align: center;font-size: 16px;line-height: 40px;margin: 0;}

#qq{height: 80px;display: inline-block;margin-top: 20px;margin-left: 50px;}
#qq img{height: 100%;}
#weixin{height: 80px;display: inline-block;margin-top: 20px;margin-left: 50px;}
#weixin img{height: 100%;}
#sina{height: 80px;display: block;margin-top: 20px;margin-right: 50px;float: right;}
#sina img{height: 100%;}
#sina.single,#qq.single{margin:0;position: absolute;top: 20px;left: 50%;transform: translate3d(-50%,0,0);-webkit-transform: translate3d(-50%,0,0);}
#thirdLogin{margin:0 auto;margin-top: 70px;border-top: 2px solid #d2d2d2;position: relative;width: 90%;}
#thirdLogin span{display: block;padding: 10px 20px;color: #8f8f8f;position: absolute;top: -20px;left: 50%;transform: translate3d(-50%,0,0);-webkit-transform: translate3d(-50%,0,0);background-color: #e4e6e6;}