body
{
	margin:0;
	padding:0;
	font-size:3.8vw;
	font-family:"Microsoft YaHei";
	color:#666666;
	background-color:#383838;
	background-image:url(./newimage/bg.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% auto;
}
td
{
	font-size:3.8vw;
	font-family:"Microsoft YaHei";
	color:#666666;
}

a{

	text-decoration:none;
}
#header
{
	padding-top:0.5em;
	padding-bottom:0.5em;
	
}
#vipheader
{

  width: 94vw;
  border-bottom-left-radius: 2vw;
  border-bottom-right-radius: 2vw;
  background: #FFFFFF;
  padding-top:3vw;
  padding-bottom:3vw;
  padding-left:3vw;
  padding-right: 3vw;
  height:70vw;
}
#header_title
{
	color:#FFFFFF;
	width:100%;
	text-align:center;
	font-size:4.5vw;
	padding-bottom:2vw;
	background-image: url(./newimage/titlebottom.png);
    background-repeat: no-repeat;
    background-size: 10% auto;
    background-position: 50% 100%;
}

.radio {
}
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
  content: '';
  background: #FFFFFF;
  border-radius: 100%;
  border: 1px solid #ffcc00;
  display: inline-block;
  width: 3vw;
  height: 3vw;
  position: relative;
  margin-right:1vw;
  top:0.8vw;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
  background-color: #ffcc00;
  box-shadow: inset 0 0 0 0.3vw #FFFFFF;
}
.radio input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color: #ffcc00;
}


#inputblock
{
	
  width: 92%;
  border-radius: 2vw;
  margin-left:4%;
  background: #FFFFFF;
  padding-top:6vw;
  padding-bottom:6vw;
  padding-left:1%;
  padding-right: 1%;
  margin-top:2vw;
}
.bottomnav
{
	height:20vw;
	background-color:#e5cfa6;
	position:fixed;
	bottom:0;
	width:100%;
}
#inputblock td
{
	padding-left:10vw;
	padding-right:10vw;
}

.headernav
{
	margin-top:10px;
	width:100%;
	display:none;
}
.navitem
{
	float:left;
	width:50%;
	color:#FFFFFF;
	font-size:1.2em;
	text-align:center;
}

#bz_header
{
	background-color:#f4ecbd;
	padding-top:10px;
	padding-bottom:10px;
}

.graycolor
{
	color:#333333;
}

.blackcolor
{
	color:#000000;
}


.textsize1
{
	font-size:5.5vw;
}
.textsize2
{
	font-size:3vw;
}
.textsize3
{
	font-size:3.5vw;
}
.textsize4
{
	font-size:2.7vw;
}
.textsize5
{
	font-size:2.5vw;
}

.textsize6
{
	font-size:2.2vw;
}
.textsize_gz
{
	font-size:5.5vw;
}
.textgz_blod
{
	font-weight:bold;
}
.textsize_cg
{
	font-size:2.9vw;
}

.textvertical
{
	writing-mode: vertical-lr;
}

.gray_999
{
	color:#999999;
	
}

.gray_999_bg
{
	background-color:#999999;
}

.item_title
{
	text-align:right;
	font-size:3.8vw;
	width:22%;
}

.groupbtn_normal
{
	float:left;
	background-color:#FFFFFF;
	border-radius: 0.4em;
	border-color:#9f253a;
	margin-right:0.8em;
	border-style:solid;
	border-width:0.1em;
	padding-left:0.8em;
	padding-right:0.8em;
	color:#9f253a;
	font-size:3vw;
}

.groupbtn_selected
{
	float:left;
	background-color:#9f253a;
	border-radius: 0.4em;
	border-color:#9f253a;
	margin-right:0.8em;
	border-style:solid;
	border-width:0.1em;
	padding-left:0.8em;
	padding-right:0.8em;
	font-size:3vw;
	color:#FFFFFF;
}

.user_inputitem
{
	background-color:#F4F4F4; border-radius: 0.4em;border:none;height:2.2em;padding-left:3%;font-size:3.5vw;line-height:2.2em;
}

.pickbtn
{
	width:100%;
	height:2.5em;
	line-height:2.5em;
	text-align:center;
	background-color:#FFFFFF; 
	border-radius: 0.4em;
	border:none;
	font-size:5vw;	
}
.pick_inp
{
	width:2.8vw;
	font-size:2.8vw;
	border:none;
	border-radius: 0;
	padding:0px;
	margin:0px;
	border-bottom:solid  1px #CCCCCC;
	margin-right:0.1px;
}

#province_block td
{
	text-align:center;
	padding:0.6em;
	width:20%;
}

.input_bottomline
{
	border:none;
	border-radius: 0;
	border-bottom:solid  1px #CCCCCC;
}


#city_block td
{
	text-align:center;
	padding:0.6em;
	width:20%;
}

.cityitem
{
	width:100%;
	padding-top:0.2em;
	padding-bottom:0.2em;
}
.cityselected
{
	background-color:#c69d65;
	color:#FFFFFF;
}

#record_content
{
	width:100%;
}

.user
{
	margin-left:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.itemshizhu
{
	text-align:right;
	font-size:3.5vw;
}

.itemname
{
	font-size:4vw;
	color:#000000;
}

.itemdate
{
	font-size:3vw;
}

.itemheader
{
	width:80%;
}

#user_group_bar
{
	background-color:#9f253a;
	padding-top:0.5em;
	width:100%;
}

.grouptitle_selected
{
	color:#c69d65;
}

.grouptitle_normal
{
	color:#FFFFFF;	
}

#record_content td
{
	border-bottom:solid  1px #FAFAFA;
	
}