.context{
		text-align: center;
	    margin-top: 6%;
	    margin-left: 35%;
	    height: 500px;
	    width: 460px;
	}
	.title{
		font-size: 38px;
		font-weight: bold;
	    color: #2683e2;
	}
	.textinput{
		width: 390px;
	    -webkit-appearance: none;
	    background-color: #fff;
	    background-image: none;
	    border-radius: 4px;
	    border: 1px solid #dcdfe6;
	    box-sizing: border-box;
	    color: #606266;
	    display: inline-block;
	    font-size: inherit;
	    height: 40px;
	    line-height: 40px;
	    outline: 0;
	    padding: 0 15px;
	}
	.checkboxinput{
		border: 1px solid #dcdfe6;
	    border-radius: 2px;
	    box-sizing: border-box;
	    width: 14px;
	    height: 14px;
	    background-color: #409eff;
	    border-color: #409eff;
	}
	.di{
		margin: 5% 0%;
		text-align: left;
	}
	.zc{
		color: #909399;
		font-size: 14px;
	}
	.sp{
		color: #1891F0;
		font-size: 14px;
		cursor: pointer;
	}
	.but{
		background-color: #409eff;
	    width: 395px;
	    color: #FFFFFF;
	    height: 40px;
	    border: 1px solid #409eff;
	    border-radius: 4px;
		cursor: pointer;
	}
	.zy{
		font-size: 12px;
	    text-align: left;
	    color: red;
        padding-left: 5px;
	}