@charset "utf-8";
html {
    width: 100%; overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight: rgba(0,0,0,0);
    -webkit-text-size-adjust: none;
}
body {
    margin:0; padding:0; overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
}
html,
body{
    height: 100%;
    background-color: #fff;
}
body {
    padding-bottom: constant(safe-area-inset-bottom);
}
body, div, p, th, td, ul, li, dl, dt, dd, input, button, select, textarea{
    font-size: 0.35rem;
    font-family: "SimHei", Arial, "SimSun";
    color: #473237;
}
body, div, p, th, td{
	margin:0; padding:0; color:#303030;
	-webkit-text-size-adjust:none;
}
input, button, select, textarea{
	margin:0; padding:0; border:0; line-height:normal;
	outline:none; vertical-align:middle;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;
    -moz-box-sizing:border-box; -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box; box-sizing:border-box;
	background-color:#fff;
}
textarea{
	resize:none;
}
label {
	cursor:pointer;
}
table{
	border-collapse:collapse; border:0;
}
th, td{
	border:0;
}
img{
	width:100%; max-width:10rem; vertical-align:middle; border:0;
}

ul{
    margin: 0; padding: 0; list-style: none;
}
li{
    margin: 0; padding: 0;
}

div,
p,
img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -o-user-select: none;
}

a,
a:hover{
	text-decoration: none;
}

button,
input[type=button],
input[type=submit]{
	border:0; cursor:pointer; text-align:center;
	-webkit-appearance:none;
}

::-webkit-input-placeholder {
    color:#999;
}
:-moz-placeholder {
    color:#999;
}
::-moz-placeholder {
    color:#999;
}
:-ms-input-placeholder {
    color:#999;
}

.boxsize{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.iradio label {
	line-height: 0.625rem; 
	display: inline-block;
	background-image: url("../img/icon-radio.png");
	background-repeat: no-repeat;
	background-size: 0.4rem 0.4rem;
	background-position: left center;
	padding-left: 0.5rem;
	font-size: 0.35rem; color: #666;
}
.iradio input{
	display: none;
}
.iradio input:checked + label {
	background-image: url(../img/icon-radio-active.png?t=09082309);
}

header{
    width: 100%; height: 1.375rem;
    background-image: url(../img/logo.png?t=09082309);
    background-repeat: no-repeat;
    background-size: auto 0.9375rem;
    background-position: center center;
}

.main{
    margin: 0 auto;
    width: 100%;
    max-width: 10rem;
}

.project{
    padding: 0.5rem;
}
.project > li{
    margin-bottom: 0.35rem;
}
.project > li > p{
    line-height: 0.75rem;
    font-size: 0.375rem; color: #666;
}
.project > li > p span{
    margin-left: 0.1rem;
    color: #f00;
}
.project > li > label{
    margin-right: 0.35rem;
    font-size: 0.375rem;
    color: #000;
}
.project > li > label > input{
    margin-right: 0.1rem;
}
.project > li > input[type="text"]{
    width: 100%;
    height: 0.9rem; line-height: 0.9rem; padding: 0 0.2rem;
    border: 1px solid #ccc;
    font-size: 0.375rem;
    background-color: #fff;
}
.project > li > select{
    width: 100%;
    height: 0.9rem; line-height: 0.9rem; padding: 0 0.2rem;
    position: relative;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 0.375rem;
    -webkit-appearance: none;
    -moz-appearance: none;
        appearance: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
}
.project > li > textarea{
    width: 100%;
    height: 2.8rem; line-height: 0.7rem; padding: 0 0.2rem;
    border: 1px solid #ccc;
    font-size: 0.375rem;
}
.project > li > input[type="button"]{
    width: 100%; height: 1rem; cursor: pointer;
    font-size: 0.4rem; font-weight: bold; color: #fff;
    background-color: #9EA700;
}