@charset "utf-8";

.index-page {
	background: #d3aa72;
	overflow: hidden;
}

.top_gd {
	background-color: #28160e;
	width: 100%;
	/*max-width: 450px;*/
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	position: fixed;
	z-index: 999;
	top: 0;
}

.top_notice {
	overflow: hidden;
	color: hsla(0, 0%, 100%, .4);
	white-space: nowrap;
	position: absolute;
	animation: noticeBar 20s linear infinite;
	letter-spacing: 1.5px;
}

@keyframes noticeBar {
	0% {
		transform: translate(50vw)
	}

	to {
		transform: translate(-100%)
	}
}

.wrapper {
	float: left;
	width: 100%;
	background-color: #d3aa72;
	background-repeat: no-repeat;
	background-size: 100% auto;margin-top: 20px;
}

.wrapper.index {
	
}

.wrapper.input {
	padding: 1rem 0 0 0;
	background-image: url(../body/wrap-input.jpg);
	min-height: 100vh;
}

.wrapper.middle {
	padding: 3.5rem 0 0 0;
	background-image: url(../body/wrap-middle.jpg);
	min-height: 100vh;
}

.wrapper.free {
	padding: .1rem 0 0 0;
	background-image: url(../body/wrap-input.jpg);
}

.wrapper.result {
	padding: 3.1rem 0 0 0;
	background-image: url(../body/wrap-result.jpg);
}

/*banner图动画*/

.indexBann {
	position: relative;
	float: left;
	width: 100%;
	height: 5.34rem;
	overflow: hidden;
}

.indexBann ul.plate li {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.indexBann ul.plate li:nth-child(1) {
	left: 1.3rem;
	top: 0.3rem;
	width: 2.8rem;
	height: 2.8rem;
	background-image: url(/f/plate01.png);
	animation: plate1 10s linear infinite;
	-webkit-animation: plate1 10s linear infinite;
}

@keyframes plate1 {
	from {}

	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes plate1 {
	from {}

	to {
		transform: rotate(360deg);
	}
}

.indexBann ul.plate li:nth-child(2) {
	left: 1.9rem;
	top: 0.89rem;
	width: 1.6rem;
	height: 1.6rem;
	background-image: url(/f/plate02.png);
}

.indexBann ul.plate li:nth-child(3) {
	left: 2.2rem;
	top: 1.185rem;
	width: 1rem;
	height: 1rem;
	background-image: url(/f/plate03.png);
	animation: plate3 10s linear infinite;
	-webkit-animation: plate3 10s linear infinite;
}

@keyframes plate3 {
	from {}

	to {
		transform: rotate(-360deg);
	}
}

@-webkit-keyframes plate3 {
	from {}

	to {
		transform: rotate(-360deg);
	}
}

.indexBann ul.plate li:nth-child(4) {
	left: 2.45rem;
	top: 1.43rem;
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(/f/plate04.png);
}

.indexBann div.text {
	position: absolute;
	left: 1.89rem;
	top: 2.35rem;
	width: 2rem;
	height: 2rem;
}

.indexSwiper {
	width: 100%;
	transform: rotateY(180deg);
}

.indexSwiper .swiper-slide img {
	display: block;
	width: 100%;
	transform: rotateY(180deg);
}

/*banner图动画*/

.main {
	float: left;
	width: 100%;
	padding: 0 .15rem .5rem .15rem;
}

.button {
	float: left;
	width: 100%;
	padding: 0 .7rem;
	margin: .4rem 0 0 0;
}

.button a {
	float: left;
	width: 100%;
	height: 1.1rem;
	background: url(../body/btn-bg.png) no-repeat;
	background-size: 100% 100%;
	line-height: 1rem;
	font-size: .4rem;
	color: #fcedb8;
	font-weight: bold;
	text-align: center;
	letter-spacing: .03rem;
	text-shadow: .04rem .04rem .04rem #5c0d12;
}

/*.button a span {
	background: linear-gradient(180deg, #fffefb 0%, #fce38c 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}*/

.button.zoom a {
	animation: btnZoom 1s linear infinite alternate;
	-webkit-animation: btnZoom 1s linear infinite alternate;
}

@keyframes btnZoom {
	from {}

	to {
		transform: scale(.8);
	}
}

@-webkit-keyframes btnZoom {
	from {}

	to {
		transform: scale(.8);
	}
}

.picture,
.picture img {
	float: left;
	width: 100%;
}

.bigbox {
	float: left;
	width: 100%;
	padding: 0 .33rem .33rem .33rem;
	margin: .95rem 0 0 0;
	background: #fff;
	border: solid .02rem rgba(147, 65, 41, 0.68);
	border-radius: .1rem;
	box-shadow: 0 .04rem .05rem 0 #462205, inset 0 .03rem .35rem .03rem #f2a944;
	color: #3e090a;
}

.bigbox .button {
	padding: 0 .35rem;
	margin: .3rem 0 0 0;
}

.picTitle {
	float: left;
	width: 7.2rem;
	margin: -.55rem 0 0 -.35rem;
}

.picTitle img {
	display: block;
	width: 100%;
}

.m_top_tip {
    background-color: #864a30;
}.male, .female {
    line-height: 1.16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}.radio_img {
    width: 0.2rem;
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 0.066667rem;
    display: inline-block;
}

.swiper-wrapper{
    height: auto !important;
}

.index-form__sex span,.index-bottom-form__sex span{text-indent: 35px;}
span.radio_label {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAM1BMVEVHcEycKiOcKyOaJiGbKiKaJxKcKySbJiCcKiOcKiOcKiOcKiObKiKcKiOcKiObKyObKiPVWfl3AAAAEXRSTlMAtNYlNwfcFexjz4FZdvqhp4rPLz8AAAC4SURBVDjLjZTXEoQwCEXJhBpN+f+vXbfMqqNB7hvJmQChAOwS60Vb09JN4E6YdBhud4I2NOEFyImNdpOMUz4Tq1Y6n1DV9WgvnK+eMy8HotyGJ+XPrHyfAAj/fGVFmAj1G0CqMFVNH5JpjhC/PSQDR7Y9I0oeQipgA1wNg24+Yh0K+ggWUPERUWjwoPaIUIs4CoQbSDrwdYECBMoYaYZAS0UaM9DekSGJjFpkYCNjf1geNFsezgp6AREhBn9zgdkFAAAAAElFTkSuQmCC) no-repeat left center;
        background-size: 90%;
}
span.radio_label.radio_label_select {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAANlBMVEVHcEybJiCcKiObKiKcKyOcKiOcKySbJx+cKiOZJBacKiObKyOcKyScKiOcKiSbKiKcKiOcKySl86mCAAAAEXRSTlMAJNA33mP3FOsHgqSztWpZdklX/TgAAADySURBVDjLjVTZtoMwCMwCBLKo+f+fvUq8rdb0lDk+BDORGQM490bCErh3DgWTmyFWLhj3vRSxcIsPgm+A8g4Fofk7Y+VN7m9k4/UaZ/DPzB7yhRGm8lJ4cVY4GWmpQAR1+Y/hzOV5qJdM/QTloSzyENC2wQz9gjD2tqZMkCGu3zDOCxwZKuo69A8EPYl1l8S6zP0BtSOcHBbVTk8Kqa+Cx7Nj6RMsmqm4oI7rjFLVTXCsn4MZBVQCO1L/NKOcWz8pQpZEBrkG04ZfZ7gA135eo6UYDCVlKUxDeVuaxNJqloa1tP2hvo3hId+Gx2sEEX2OoD8ZEx6J7HHaDQAAAABJRU5ErkJggg==) no-repeat left center;
        background-size: 90%;
}