@charset "UTF-8";

body, html {
	padding: 0;
	margin: 0;
	background: #F8F9FA;
}

.weui-dialog__bd{
	color: #000;
}
.weui-dialog__btn{
	color: var(--main-color);
}
.weui-cells__group{
	margin-bottom:3vw;
	background:#fff;
	overflow:hidden;
}
.weui-cells__title{
	color: var(--main-color);
	font-size:5vw;	
	padding:4vw;
	margin:0;
}
.weui-label .required{
	color: var(--main-color);
	margin-left:3px;
}
.weui-cell{
	padding:0 4vw;
}
.weui-input,.weui-select{
	height:13vw;
	line-height:13vw;
}
.weui-checkbox{
	padding:4vw 0;
	color: var(--main-color);
}
.weui-cell_switch{
	padding:2vw 4vw;
	color: var(--main-color);
	font-weight: bold;
}
.weui-form__opr-area{
	padding:0 4vw 4vw 4vw;
}
.weui-btn_primary {
    background-color: var(--main-color);
}
.weui-btn_back{
    color: var(--main-color);
}
.weui-toast{
	min-width:124px;
	min-height:124px;
    width: auto;
    height: auto;
    min-height: auto;
    padding: 0 15px 15px 15px;
	box-sizing: border-box;
}
.weui-toast--text{
    padding: 10px 15px;
}

/* 屏幕大于等于680px */
@media screen and (min-width: 680px){
	.weui-form{
		position: relative;
		max-width: 680px;
		margin: 0 auto;
		overflow: hidden;
		box-shadow: 0 0 8px rgb(0,0,0,.15);
	}
}
/* 屏幕大于等于500px */
@media screen and (min-width: 500px){
	:root{
	    --screen-width:500px;
	}
	.weui-cells__group{
		margin-bottom:calc(var(--screen-width) * 3 / 100);
	}
	.weui-cells__title{
		font-size:calc(var(--screen-width) * 5 / 100);	
		padding:calc(var(--screen-width) * 4 / 100);
	}
	.weui-cell{
		padding:0 calc(var(--screen-width) * 4 / 100);
	}
	.weui-input,.weui-select{
		height:calc(var(--screen-width) * 13 / 100);
		line-height:calc(var(--screen-width) * 13 / 100);
	}
	.weui-checkbox{
		padding:calc(var(--screen-width) * 4 / 100) 0;
	}
	.weui-cell_switch{
		padding:calc(var(--screen-width) * 2 / 100) calc(var(--screen-width) * 4 / 100);
	}
	.weui-form__opr-area{
		padding:0 calc(var(--screen-width) * 4 / 100) calc(var(--screen-width) * 4 / 100) calc(var(--screen-width) * 4 / 100);
	}
}