*{ margin: 0 auto; 
	padding: 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body{ font-size: .12rem; }

img{ border: none; 
	max-width: 100%;
}

a{ text-decoration: none; }
a:link,a:visited{ text-decoration: none; }
input,textarea{ outline: none; }

/*box*/
.br10{ border-radius: .05rem; }
.br15{ border-radius: .075rem; }
.br20{ border-radius: .1rem; }
.sw{ box-shadow: 0 0 .1rem rgba(0,0,0,.2); }
.wfull{ width: 100%; }
.hfull{ height: 100%; }
/*text*/
.tc{ text-align: center; }
.tr{ text-align: right; }
.tj{ text-align: justify; }
.ffa{ font-family: arial; }
.tranC{ text-transform: capitalize;}
.tranU{ text-transform: uppercase;}
.tranL{ text-transform: lowercase;}

/*flex$float*/
.flex{ display: flex; 
	justify-content: space-between;
}
.fl{ float: left; }
.fr{ float: right; }
.clear{ clear: both; }
.heightNull{ height: 0 !important;
	padding: 0 !important;
}

/*position*/
.pr{ position: relative; }
.pa{ position: absolute; }
.pf{ position: fixed; }

/*font-size*/
.fz28{ font-size: .14rem; }
.fz32{ font-size: .16rem; }
.fz36{ font-size: .18rem; }
.fz42{ font-size: .21rem; }
.fz48{ font-size: .24rem; }
.fz56{ font-size: .28rem; }


/*margin*/
.m0{ margin:0; }

.mt20{ margin-top: .1rem; }
.mb20{ margin-bottom: .1rem; }
.ml20{ margin-left: .1rem; }
.mr20{ margin-right: .1rem; }

/*padding*/
.pbox{ padding-left: .1rem; 
	padding-right: .1rem;
}
.p0{ padding: 0; }
.p20{ padding: .1rem; }
.p30{ padding: .15rem; }
.p40{ padding: .2rem; }

/*color*/
.colorBlack{ color: #333; }
.colorWhite{ color: #fff; }
/*color-gray*/
.colorGrayL{ color: #ccc; }
.colorGray{ color: #999; }
.colorGrayD{ color: #666; }
/*color-blue*/
.colorBlue{ color: #0091db !important; }
.themeBlue a:hover{ color: #5be; }
/*color-red*/
.colorRed{ color: #c33 !important; }
.themeRed a:hover{ color: #e55; }
/*color-yellow*/
.colorYellow{ color: #fc0 !important; }
.themeYellow a:hover{ color: #fe6; }
/*color-green*/
.colorGreen{ color: #373 !important; }
.themeGreen a:hover{ color: #5b5; }
/*color-cyan*/
.colorCyan{ color: #0a9 !important; }
.themeCyan a:hover{ color: #4cb; }
/*color-orange*/
.colorOrange{ color: #f60 !important; }
.themeOrange a:hover{ color: #f90; }

/*background*/
.bgWhite{ background-color: #fff; }
.bgBlack{ background-color: #333; }
/*gray*/
.bgGrayL{ background-color: #eee; }
.bgGray{ background-color: #ccc; }
.bgGrayD{ background-color: #999; }
/*blue*/
.bgBlue{ background: #0091db; }
a[class="bgBlue"]:hover{ background: #5be; }
/*red*/
.bgRed{ background: #c33; }
a[class="bgRed"]:hover{ background: #e55; }
/*yellow*/
.bgYellow{ background: #fc0; }
a[class="bgYellow"]:hover{ background: #fe6; }
/*green*/
.bgGreen{ background: #373; }
a[class="bgGreen"]:hover{ background: #5b5; }
/*cyan*/
.bgCyan{ background: #0a9; }
a[class="bgCyan"]:hover{ background: #4cb; }
/*orange*/
.bgOrange{ background: #f80; }
a[class="bgOrange"]:hover{ background: #f90; }
/*purple*/
.bgPurple{ background: #90f; }
a[class="bgPurple"]:hover{ background: #58a3ff; }

.regular-radio,.regular-checkbox {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fff;
	border: .005rem solid #ccc;
	padding: .08rem;
	border-radius: .1rem;
	display: inline-block;
	top: .06rem;
	margin-right: .1rem;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: .11rem;
	height: .11rem;
	border-radius: .1rem;
	position: absolute;
	top: .025rem;
	left: .025rem;
}

.regular-checkbox + label {
	-webkit-appearance: none;
	background-color: #fff;
	border: .005rem solid #ccc;
	padding: .08rem .08rem .09rem;
	border-radius: .05rem;
	display: inline-block;
	top: .06rem;
	margin-right: .1rem;
	position: relative;
}

.regular-checkbox:checked + label:after {
	content: ' ';
	width: .12rem;
	height: .12rem;
	border-radius: .02rem;
	position: absolute;
	top: .025rem;
	left: .025rem;
}

.themeBlue .regular-radio:checked + label:after,.themeBlue .regular-checkbox:checked + label:after { background: #29f; }
.themeRed .regular-radio:checked + label:after,.themeRed .regular-checkbox:checked + label:after { background: #c33; }
.themeGreen .regular-radio:checked + label:after,.themeGreen .regular-checkbox:checked + label:after { background: #373; }
.themeYellow .regular-radio:checked + label:after,.themeYellow .regular-checkbox:checked + label:after { background: #fc0; }
.themeCyan .regular-radio:checked + label:after,.themeCyan .regular-checkbox:checked + label:after { background: #0a9; }
.themeOrange .regular-radio:checked + label:after,.themeOrange .regular-checkbox:checked + label:after { background: #f80; }
.themePurple .regular-radio:checked + label:after,.themePurple .regular-checkbox:checked + label:after { background: #90f; }