﻿/* reset */
*{margin: 0;padding: 0;max-height:999999999px;}
html,body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,button,textarea,p,span,table,th,td,from,img{margin:0px;padding:0px; font-weight: normal;font-family: "Microsoft Yahei", "Microsoft YaHei", Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
body{font-family:"微软雅黑";font-size: 18px;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align: middle;border: 0;}
a{color:#333;outline:medium none;text-decoration:none;}
a:hover{text-decoration:none;}
label,button{cursor:pointer;}
ul li,ol li,li{list-style:none;}
em,cite,i{font-style:normal;}
em,i,b,h5,h6,h3,h4{font-style:normal;}
input:focus,select, textarea:focus{outline: none;}
textarea{resize: none;}

@keyframes xiaoshou
{
	0%		{transform: scale(.8);}
	50%		{transform: scale(1);}
	100%	{transform: scale(.8);}
}
@-webkit-keyframes xiaoshou
{
	0%		{-webkit-transform: scale(.8);}
	50%		{-webkit-transform: scale(1);}
	100%	{-webkit-transform: scale(.8);}
}
@-moz-keyframes xiaoshou
{
	0%		{-moz-transform: scale(.8);}
	50%		{-moz-transform: scale(1);}
	100%	{-moz-transform: scale(.8);}
}


.wrapper {width: 640px;margin: 0 auto;background: #fff;overflow: hidden;box-shadow: 0px 0px 20px #5D5C61;color: #333; }
.main{width: 100%;background: url(../images/top.jpg) center top no-repeat,url(../images/bottom.jpg) center bottom no-repeat,url(../images/center.jpg) center top repeat-y;text-align: center;padding-top: 20px;}
.cont{width: 480px;padding: 30px 35px;box-shadow: inset 0 0 30px 8px #f8e7e7;border: 1px solid #ffeec0;background: #fff;margin: 0 auto;border-radius:30px ;}
.biaoti{width: 100%;}
.biaoti h3{font-size: 33px;color: #b90d0d;font-weight: bold;}
.biaoti span{font-size: 12px;color: #9a9a9a;text-transform: uppercase;letter-spacing: 2px;}
.biaoti p{font-size: 20px;color: #333;margin: 10px auto 20px;}
.cont ul{width: 100%;}
.cont ul li{width: 100%;height: 70px;line-height: 70px;border-top:1px solid #eee ; display: flex;justify-content: space-between;flex-flow: row nowrap; }
.cont ul li p{width: 140px;font-size: 22px;color: #333;}
.cont ul li p i{display: inline-block;width: 6px;height: 6px;background: #b90d0d;border-radius:20px ;margin: 0 30px 5px 5px;}
.cont ul li .pp{width: 150px;font-size: 22px;color: #333;display: inline-block;}
.cont ul li .pp img{margin-right: 20px;}
.cont ul li span{display: inline-block;width: 320px;text-align: left;font-size: 20px;color: #333;}
.cont ul li a span{font-size: 22px;}
.cont ul li input,.cont ul li select{width: 320px;height: 70px;line-height: 70px;border: none;font-size: 21px;color: #999;text-indent: 10px;}
.cont ul li select {width: 322px;appearance: none;-moz-appearance: none; -webkit-appearance: none;background: url(../images/xiala.png) no-repeat scroll right center transparent;}
.cont ul li input[type=date]{background: url(../images/today.png) no-repeat scroll right center transparent;text-indent: 5px;}

.cont ul li div{width: 310px;display: flex;display: -webkit-flex;flex-flow: row nowrap;}
.cont ul li label{width: 80px;height: 70px;line-height: 70px;text-align: center;background: url(../images/no.png) no-repeat scroll left center transparent;font-size:20px ;color: #333;}
.cont ul li input[type=radio]{width: 0;display: none;}
.cont ul li input[type=radio]:checked + label{background: url(../images/on.png) no-repeat scroll left center transparent;}


input::-webkit-input-placeholder{color:#999999;} 

.anniu{background: linear-gradient(#f59a0a,#f59a0a);display: block;width: 445px;height: 55px;line-height: 55px;color: #11266e;border-radius: 55px;box-shadow: 0px 2px 5px #333;color: #fff;font-size: 26px;    margin: 0 auto;}    
.anniu img{margin-left: 20px;webkit-animation: xiaoshou 1s infinite;animation: xiaoshou 1s infinite;}
.cont_bottom{color: #e7bbb9;font-size: 18px;padding: 25px 0 55px 0;}
