input[type=range] {
    -webkit-appearance: none;
    width: 300px;
    border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
    height: 15px;
    border-radius: 10px; /*将轨道设为圆角的*/
    box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; /*轨道内置阴影效果*/
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 25px;
    width: 25px;
    margin-top: -5px; /*使滑块超出轨道部分的偏移量相等*/
    background: #ffffff; 
    border-radius: 50%; /*外观设置为圆形*/
    border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/
    box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/
}

.no-overflow{
	overflow: unset !important;
}

.layui-form-checkbox{
	position: relative;
	height: 38px;
	line-height: 38px;
	margin-right: 10px;
	padding-right: 38px;
	cursor: pointer;
	font-size: 0;
	-webkit-transition: .1s linear;
	transition: .1s linear;
	box-sizing: border-box;
}

.layui-form-checkbox i{
	position: absolute;
	right: 0;
	top: 0;
	width: 38px;
	height: 36px;
	border: 1px solid #d2d2d2;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 20px;
	text-align: center;
}
.layui-form-checked i, .layui-form-checked:hover i{
	color:#4192e7;
}
.layui-form-select dl dd.layui-this{
	background-color: #4192e7;
}

.select_num .layui-form-select{
	width:60px;
	display: inline-block;
	margin-right:15px;
}

.fh-input{
	width:130px;
	display:inline-block;
	margin-left:10px;
}
h3{ float:left;line-height:60px;height:60px;width:100%;font-size:18px; margin-bottom: 40px;}

.password-level-text-box{
}

.password-text{
	height:40px;
	line-height: 40px;
}

.password-text2{
	background:#fff;
	height:60px;
	line-height: 60px;
	border-right:1px solid #e6e6e6;
}
.password-color{
	width:20%;
	height:5px;
	border-right:1px solid #fff;
	display:none;
}
.password-color-0{
	color:#fff;
	background-color: #f46a11;
}
.password-color-1{
	color:#fff;
	background-color: #f46a11;
}
.password-color-2{
	color:#fff;
	background-color: #4192e7;
}
.password-color-3{
	color:#fff;
	background-color: #4192e7;
}
.password-color-4{
	color:#fff;
	background-color: #09910b;
}
.box-1{
	overflow: hidden;
	display:none;
}
.li-two{
	padding-left:60px !important;
}
.password-level-box{
	margin: 40px 0 30px 0;
	padding: 0 50px;
}
.password-level{
}
.tap-td{
	padding:0 !important;
}
.result-box{
	font-size:16px;
	margin-bottom: 30px;
	padding:0 15px;
}
.table-title{
	font-size:18px !important;
	text-align: center !important;
	line-height: 50px !important;
	color: #000;
	background-color: #fff;
}
.table-title-1{
	min-width: 100px !important;
}
.text-input{
	width:100%;
	line-height: 20px;
	border: none;
	background:none;
	text-align: center;
}
.btn-box{
	text-align: center !important;
}
.tap-txt{
	font-size:14px;
}
@media screen and (max-width:780px ) {

	.layui-form-checkbox i{
		width: 58px;
	}
	.layui-form-checkbox{
		padding-right: 60px;
	}

	.li-two{
		padding-left:30px !important;
	}
	
	.result-box{
		margin-bottom:10px;
	}

	.password-text{
		height:30px;
		line-height: 30px;
	}

	.password-text2{
		background:#fff;
		height:30px;
		line-height: 30px;
		border-right:none;
	}
	.password-text3{
		height:50px;
		line-height: 50px;
	}
}



@media screen and (max-width:380px ) {
	.fh-input{
		width:230px;
		margin:10px 0 0 0;
	}
}