@charset "utf-8";
/* CSS Document */


@media only screen and (min-width:640px) {
	html {
	font-size:170.6666px
}
}@media only screen and (min-width:320px) and (max-width:640px) {
	html {
	font-size:26.6666vw
}
}@media only screen and (max-width:320px) {
	html {
	font-size:85.3333px
}
}html {
	background-color:#f7f7f7
}

body {
	background-color:#f7e4e3
}
.clear {
	height:.15rem
}
.m_top_tip {
	background-color:#312e2d
}
.m-img {
	display:block;
	width:100%
}
.index-form {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding:0 .2rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:-.4rem;
	font-size:.16rem
}
.if-box {
	position:relative;
	width:1.48rem;
	background:url(../images/0_form_bg.png) repeat top center;
	-moz-background-size:auto .18rem;
	-o-background-size:auto .18rem;
	background-size:auto .18rem
}
.if-box::before {
	content:"";
	position:absolute;
	top:-.11rem;
	left:-.12rem;
	right:-.12rem;
	background:url(../images/0_form_t.png) no-repeat;
	width:1.72rem;
	height:.12rem;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto
}
.if-box::after {
	content:"";
	position:absolute;
	bottom:-.13rem;
	left:-.07rem;
	right:0;
	background:url(../images/0_form_b.png) no-repeat;
	width:1.55rem;
	height:.14rem;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto
}
.if-box-title {
	background:url(../images/0_form_name.png) no-repeat top center;
	width:1.26rem;
	height:.3rem;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	margin:.08rem auto 0
}
.if-boy {
	background-position:0 0
}
.if-girl {
	background-position:0 -.3rem
}
.if-box-input {
	margin:.1rem;
	border-bottom:1px solid #f89e99
}
.if-box-input>input {
	height:.3rem;
	line-height:.3rem;
	-webkit-border-radius:.03rem;
	-moz-border-radius:.03rem;
	border-radius:.03rem;
	background-color:rgba(0,0,0,.1);
	width:100%;
	text-align:center;
	font-size:.16rem;
	color:#f6f5f1
}
::-moz-placeholder {
	font-family:"Microsoft YaHei";
	color:#f6f5f1
}
::-webkit-input-placeholder {
	font-family:"Microsoft YaHei";
	color:#f6f5f1
}
::-ms-input-placeholder {
	font-family:"Microsoft YaHei";
	color:#f6f5f1
}
.if-box-item {
	overflow:hidden;
	color:#f6f5f1;
	text-align:center;
	margin-bottom:.05rem
}
.if-box-item .label {
	display:inline-block
}
.if-item-sex {
	display:inline-block
}
.if-item-sex span {
	display:inline-block;
	width:.27rem;
	height:.27rem;
	line-height:.27rem;
	text-align:center
}
.if-item-sex .cur {
	background-color:#f6f5f1;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	color:#e1656e;
	font-weight:700
}
.index-form__btn {
	margin:.3rem .1rem 0
}
.index-form__btn>a {
	background:url(../images/m_btn.png) no-repeat;
	width:2.11rem;
	height:.58rem;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	display:block;
	margin:0 auto;
	-webkit-animation:zoom 1.5s linear infinite;
	-moz-animation:zoom 1.5s linear infinite;
	-o-animation:zoom 1.5s linear infinite;
	animation:zoom 1.5s linear infinite;
	text-indent:-9999px
}
.index-agreement {
	text-align:center;
	margin:.15rem 0;
	line-height:.22rem;

}
.index-agreement span {
	color:#e1656e
}
.index-agreement .words-order {
	text-decoration:underline;
	margin-left:.05rem
}
.index-agreement .words {
	color:#cb5c64
}
.index-agreement .words>span {
	text-decoration:underline
}
.index-agreement input {
	-webkit-appearance:checkbox;
	vertical-align:middle;
	position:relative;
	margin-top:-.02rem;
	margin-right:.05rem;
	width:.14rem;
	height:.14rem
}
.index-bottom-form {
	margin-top:.3rem
}
@-webkit-keyframes zoom {
	0% {
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
50% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
100% {
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
}@-moz-keyframes zoom {
	0% {
	-moz-transform:scale(.9);
	transform:scale(.9)
}
50% {
	-moz-transform:scale(1);
	transform:scale(1)
}
100% {
	-moz-transform:scale(.9);
	transform:scale(.9)
}
}@-o-keyframes zoom {
	0% {
	-o-transform:scale(.9);
	transform:scale(.9)
}
50% {
	-o-transform:scale(1);
	transform:scale(1)
}
100% {
	-o-transform:scale(.9);
	transform:scale(.9)
}
}@keyframes zoom {
	0% {
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-o-transform:scale(.9);
	transform:scale(.9)
}
50% {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
100% {
	-webkit-transform:scale(.9);
	-moz-transform:scale(.9);
	-o-transform:scale(.9);
	transform:scale(.9)
}
}.index-section {
	overflow:hidden;
	margin:.2rem .1rem 0
}
.is-box {
	overflow:hidden;
	background-color:#fff;
	border:1px solid #c19b85;
	padding:.15rem .1rem;
	margin-top:.15rem
}
.is-box-btn {
	display:block;
	background:url(../images/0_btn.png) no-repeat;
	width:1.7rem;
	height:.45rem;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	margin:.2rem auto .05rem
}
.is-con {
	margin:.2rem .1rem 0
}
.user-feedback-wrap {
	background-color:#fff;
	border:1px solid #c19b85;
	margin:0 .1rem
}
.uf-title {
	text-align:center;
	color:#e1656e;
	font-weight:700;
	font-size:.18rem;
	border-bottom:1px solid #c19b85;
	background-color:#fff;
	height:.44rem;
	line-height:.44rem
}
.user-feedback ul .uf-li {
	font-size:.16rem;
	border-bottom:1px solid #c19b85;
	padding:.1rem;
	line-height:.3rem
}
.uf-li .words-pei {
	color:#e1656e;
	font-size:.16rem;
	width:.21rem;
	height:.21rem;
	line-height:.21rem;
	text-align:center;
	border:1px solid #e1656e;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	display:inline-block;
	margin:0 .05rem
}
.uf-time {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.uf-time .words-l {
	color:#e1656e
}
.uf-time .words-r {
	font-size:.14rem;
	display:inline-block
}
.public_hot_test {
	border:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background-color:transparent;
	margin-left:0;
	margin-right:0
}
.public_ht_title {
	display:none
}
.public_test_fixed {
	height:.7rem
}
.public_test_fixed span {
	background:url(../images/botton.png) no-repeat top center;
	width:3.11rem;
	height:0.6rem;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	margin:.07rem auto 0
}
.public_pay_bottom i {
	display:none
}
.public_pay_bottom {
	height:.7rem
}
.public_pay_bottom span {
	background:url(../images/1_btn_fixed.png) no-repeat top center;
	width:2.11rem;
	height:.58rem;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	margin:.06rem auto 0
}
.public_paybottom_height {
	height:.6rem
}
.order-hd {
	position:relative;
	padding-bottom:.3rem
}
.oh-title {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	font-size:.18rem;
	font-weight:700;
	text-align:center;
	line-height:.3rem;
	margin:.2rem 0
}
.oh-pic {
	position:absolute;
	left:0;
	right:0;
	top:.9rem;
	z-index:1;
	margin:0 .2rem;
	opacity:0;
	-webkit-animation:wordsAnim 2s linear forwards;
	-moz-animation:wordsAnim 2s linear forwards;
	-o-animation:wordsAnim 2s linear forwards;
	animation:wordsAnim 2s linear forwards
}
.oh-user {
	position:absolute;
	top:.7rem;
	left:0;
	right:0;
	z-index:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	opacity:0;
	-webkit-animation:infoAnim 3s linear forwards;
	-moz-animation:infoAnim 3s linear forwards;
	-o-animation:infoAnim 3s linear forwards;
	animation:infoAnim 3s linear forwards
}
@-webkit-keyframes wordsAnim {
	0% {
	opacity:0;
	-webkit-transform:translateY(40%);
	transform:translateY(40%)
}
50% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
100% {
	opacity:0;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-moz-keyframes wordsAnim {
	0% {
	opacity:0;
	-moz-transform:translateY(40%);
	transform:translateY(40%)
}
50% {
	opacity:1;
	-moz-transform:translateY(0);
	transform:translateY(0)
}
100% {
	opacity:0;
	-moz-transform:translateY(0);
	transform:translateY(0)
}
}@-o-keyframes wordsAnim {
	0% {
	opacity:0;
	-o-transform:translateY(40%);
	transform:translateY(40%)
}
50% {
	opacity:1;
	-o-transform:translateY(0);
	transform:translateY(0)
}
100% {
	opacity:0;
	-o-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes wordsAnim {
	0% {
	opacity:0;
	-webkit-transform:translateY(40%);
	-moz-transform:translateY(40%);
	-o-transform:translateY(40%);
	transform:translateY(40%)
}
50% {
	opacity:1;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
100% {
	opacity:0;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes infoAnim {
	0% {
	opacity:0;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
50% {
	opacity:0;
	-webkit-transform:translateY(40%);
	transform:translateY(40%)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-moz-keyframes infoAnim {
	0% {
	opacity:0;
	-moz-transform:translateY(0);
	transform:translateY(0)
}
50% {
	opacity:0;
	-moz-transform:translateY(40%);
	transform:translateY(40%)
}
100% {
	opacity:1;
	-moz-transform:translateY(0);
	transform:translateY(0)
}
}@-o-keyframes infoAnim {
	0% {
	opacity:0;
	-o-transform:translateY(0);
	transform:translateY(0)
}
50% {
	opacity:0;
	-o-transform:translateY(40%);
	transform:translateY(40%)
}
100% {
	opacity:1;
	-o-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes infoAnim {
	0% {
	opacity:0;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
50% {
	opacity:0;
	-webkit-transform:translateY(40%);
	-moz-transform:translateY(40%);
	-o-transform:translateY(40%);
	transform:translateY(40%)
}
100% {
	opacity:1;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
}.oh-user-d {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	text-align:center
}
.oh-user-d .pic {
	overflow:hidden;
	padding:0 .2rem 0 .3rem
}
.m-pic-fanzhuan {
	-webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	transform:scaleX(-1)
}
.oh-user-icon {
	background:url(../images/1_icon_quan.png) no-repeat;
	width:.9rem;
	height:.9rem;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	margin:.23rem auto 0
}
.oh-user-d .words {
	width:1.24rem;
	height:.36rem;
	line-height:.36rem;
	text-align:center;
	background:url(../images/1_bg_user.png) no-repeat;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	margin:0 auto;
	font-size:.18rem
}
.order-info {
	position:relative;
	margin:0 .1rem .1rem;
	background-color:#fff;
	border:1px solid #dfb6b4;
	padding:.05rem 0 .15rem
}
.order-info .pic {
	margin:0 .12rem 0 .2rem
}
.user-pay {
	font-size:.16rem;
	overflow:hidden;
	height:.4rem;
	margin:.06rem .05rem 0
}
.user-pay__ul {
	position:relative;
	top:0
}
.user-pay__ul li {
	overflow:hidden;
	line-height:.4rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:.4rem
}
.user-pay__ul li span,.user-pay__ul li strong {
	display:block;
	float:left
}
.user-pay__ul li span {
	padding-left:.1rem
}
.user-pay__ul li b {
	font-weight:400;
	margin-right:3px
}
.user-pay__ul li strong {
	padding-left:.1rem;
	font-weight:400
}
.user-pay__ul li i {
	float:right;
	padding-right:.1rem
}
.user-pay__ul li em {
	display:inline-block;
	width:.14rem;
	height:.16rem;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAMAAAA2a+hwAAAAb1BMVEUAAADhZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW71mrn2AAAAJHRSTlMAC/Tl3/z66cCGSDHPral/eEMZBe7IxJhqWz0rFNi3lGROJSGU6sCoAAAAv0lEQVQoz43Q1xKCMBCF4ZNEuiBiB+z7/s/oGtoMyaLfVWb+yabgt7Qwgcm3dplHgSnSMb2O1CmUyqkTv2Flexoc1zTYZ2BqRV5XxbEkwZnjQYoxRy3FiCNJQo7R0s546cxEignHWopbMOETDL5KcSprtfchFayNL97RUcZtukLv4cYNBrv1vK0URlnovNHy3uk0FTvYHTpp9NSCGjOXKZZwnIZ2g2t36A9s4VEZYrqBV6b5Mk8I0pDOEF0S/O0DRaRGgrbYajMAAAAASUVORK5CYII=) no-repeat;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	vertical-align:middle;
	margin:0 2px
}
.oi-price {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.oi-price .l-money {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:.34rem;
	line-height:.34rem;
	background-color:#e1656e;
	padding:0 .2rem;
	font-weight:700;
	color:#fff;
	font-size:.15rem;
	-webkit-border-top-right-radius:.2rem;
	-moz-border-radius-topright:.2rem;
	border-top-right-radius:.2rem;
	-webkit-border-bottom-right-radius:.2rem;
	-moz-border-radius-bottomright:.2rem;
	border-bottom-right-radius:.2rem
}
.oi-price .l-money>.words {
	font-size:.21rem
}
.oi-price .l-original {
	padding-left:.2rem;
	line-height:.24rem
}
.oi-price .r {
	font-size:.15rem;
	text-align:center;
	padding-top:.08rem
}
.oi-price .r-time {
	font-size:.16rem;
	font-weight:700;
	color:#e1656e
}
.oi-pay .public_pp_box {
	width:92%
}
.oi-pay .public_pay_box {
	border:1px solid #eae4e4;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	margin:.15rem .1rem 0;
	background:#f9f9f9
}
.oi-pay .public_pay_box a {
	display:block;
	padding:.1rem;
	overflow:hidden;
	border:none;
	margin:0;
	border-bottom:1px solid #eae4e4!important;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	position:relative
}
.oi-pay .public_pay_box a:last-of-type {
	border:0!important
}
.oi-pay .public_pay_box .pay_wx {
	background:url(../images/pay_wx.png) no-repeat .1rem center;
	-moz-background-size:.4rem .4rem;
	-o-background-size:.4rem .4rem;
	background-size:.4rem .4rem
}
.oi-pay .public_pay_box .pay_zfb {
	background:url(../images/pay_zfb.png) no-repeat .1rem center;
	-moz-background-size:.4rem .4rem;
	-o-background-size:.4rem .4rem;
	background-size:.4rem .4rem
}
.oi-pay .public_pay_box .pay_bb {
	background:url(../images/pay_bb.png) no-repeat .1rem center;
	-moz-background-size:.4rem .4rem;
	-o-background-size:.4rem .4rem;
	background-size:.4rem .4rem;
	border-bottom:0!important
}
.oi-pay .public_pay_box .pay_yl {
	background:url(../images/pay_yl.png) no-repeat .1rem center;
	-moz-background-size:.4rem .4rem;
	-o-background-size:.4rem .4rem;
	background-size:.4rem .4rem;
	border-bottom:0!important
}
.oi-pay .public_pay_box .pay_bb::before,.oi-pay .public_pay_box .pay_wx::before,.oi-pay .public_pay_box .pay_yl::before,.oi-pay .public_pay_box .pay_zfb::before {
	display:block;
	content:'微信支付';
	position:absolute;
	left:.6rem;
	color:#333;
	width:1.8rem;
	z-index:2;
	text-indent:0;
	text-align:left;
	font-size:.17rem
}
.oi-pay .public_pay_box .pay_zfb::before {
	content:'支付宝支付'
}
.oi-pay .public_pay_box .pay_bb::before {
	content:'PayPal贝宝国际支付'
}
.oi-pay .public_pay_box .pay_yl::before {
	content:'银联支付'
}
.oi-pay .public_pay_box a::after {
	display:block;
	content:'领取报告';
	position:absolute;
	right:.1rem;
	top:.15rem;
	color:#fbf7f1;
	width:1rem;
	z-index:2;
	text-indent:0;
	text-align:left;
	font-size:.16rem;
	background:#ca3b2c;
	text-align:center;
	-webkit-border-radius:.05rem;
	-moz-border-radius:.05rem;
	border-radius:.05rem;
	height:.35rem;
	line-height:.35rem;
	font-weight:700
}
.oi-pay .public_pay_tip {
	display:none
}
.order-big-title {
	height:.53rem;
	line-height:.53rem;
	font-weight:700;
	font-size:.24rem;
	color:#fff;
	text-align:center;
	background:url(../images/1_bg_t.png) no-repeat top center;
	-moz-background-size:auto .53rem;
	-o-background-size:auto .53rem;
	background-size:auto .53rem;
	margin:.15rem 0
}
.order-section {
	border:1px solid #dfb6b4;
	margin:.1rem;
	background-color:#fff;
	padding:.1rem .15rem
}
.os-out {
	position:relative;
	margin-top:.15rem;
	background-color:#fff;
	-webkit-border-radius:.08rem;
	-moz-border-radius:.08rem;
	border-radius:.08rem;
	-webkit-box-shadow:0 0 .1rem #e9d8d9;
	-moz-box-shadow:0 0 .1rem #e9d8d9;
	box-shadow:0 0 .1rem #e9d8d9;
	padding:.04rem
}
.os-fanli::after {
	content:"";
	position:absolute;
	left:-.1rem;
	top:-.1rem;
	width:.7rem;
	height:.7rem;
	background:url(../images/1_icon_fanli.png) no-repeat;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	overflow:hidden
}
.os-in {
	-webkit-border-radius:.05rem;
	-moz-border-radius:.05rem;
	border-radius:.05rem;
	border:1px solid #ecd2c1;
	padding:.1rem
}
.os-in .pic-mask {
	overflow:hidden;
	margin-bottom:.05rem
}
.os-in .item {
	position:relative;
	padding-left:.37rem;
	line-height:.3rem;
	font-weight:700;
	font-size:.18rem;
	margin-bottom:.05rem
}
.os-in .item::after {
	content:"";
	position:absolute;
	left:.07rem;
	top:.05rem;
	width:.21rem;
	height:.19rem;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAmCAMAAACF3/kSAAAAh1BMVEUAAADhZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7hZW7X4cvDAAAALHRSTlMAGAUQCfe61KPzgU854dnKi2Me7+qpQifQmVbmxsK1k3FrXLGfhXpLPjUsrRy3w6QAAAIDSURBVDjLnVPdmkNADGUwlFKK+i9ttfrj/Z9vM4kxfLp7sblhkjOZ5JxE+6/pp87hdc2d7nT8E7gP7XG2IHz+Csz6ZFxZ7GTfkVcf41ZlN41dWXhIOnMLNEOMHe5DBlGWDfeDOHNdBI29V74kkrVYXqQvOowCPzJEB/c6gUvS7wpkT0AFFiS8nB1mOU3OUpzcb60WVPRHZjn6vyAvAbX6mLsr4Oh80cMh0ipvdr2hav+4FSQnZI7Nq54iJGWpplcR8rzwGcCgrQsR7DjopLfcETI1IKDLh8DRih4w1DLKOSELJtSRTEXQYgnfGwVDvF4pZD+O8q0WehT1DEghln2cJqw3gYdY0oPZbJPSoyVv7Ux/N+FmtlIV/Af6exDi49K3pm4aiG+g7DMuzH9rCqoKYJPkvkJa3nQ/VwUUC62uChpK2uF6KmcCMgyS+VQia0PSDgw/pv8nplDzgLbbL2WXEug21G2oCNp93iSQ3Z9nXqxVqamLYPkc9CwUW1YTQwzTSvV33jxLNZzwfTKHqpW1O/1zNaC35QaJXi7axkjreDHaNH9WtEVed6NiSsqAXRtrp+laYunY2msg9Y1nKhcbOO4L3V9iaTt5t8eQ+bqcLdwXfVsWe9CKxAFPU27HpJm7el2RxK1xbY0kdJvYcxKFi9PS1P6wrGx5HgQ5L65vpv3ffgCoH1W6cQPF4AAAAABJRU5ErkJggg==) no-repeat;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto
}
.os-words {
	text-align:center;
	font-size:.16rem;
	color:#e1656e;
	font-weight:700
}
.os-example {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding-top:.1rem
}
.os-example__list {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	text-align:center;
	overflow:hidden;
	font-size:.18rem
}
.os-example .pic {
	overflow:hidden;
	padding:0 .03rem; margin-bottom: 0.05rem
}
.os-example__center {
	width:.74rem;
	height:.74rem;
	border:2px solid #f0bbbf;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	text-align:center;
	margin-top:.3rem
}
.os-example__center .fen {
	color:#e1656e;
	font-weight:700;
	font-size:.2rem;
	margin-top:.15rem
}
.os-example__center .fen>span {
	font-size:.12rem;
	font-weight:400
}
.os-example__center .full-mark {
	font-size:.12rem
}
.os-in .btn {
	display:block;
	background:url(../images/1_order_btn.png) no-repeat;
	width:1.11rem;
	height:.35rem;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	margin:.1rem auto
}

@media only screen and (min-width: 640px) {
    html {
        font-size:170.6666px
    }
}

@media only screen and (min-width: 320px) and (max-width:640px) {
    html {
        font-size:26.6666vw
    }
}

@media only screen and (max-width: 320px) {
    html {
        font-size:85.3333px
    }
}

html {
    background-color: #f7f7f7
}

.result-user {
    text-align: center;
    margin: .1rem 0;
    font-size: .16rem
}

.result-user img {
    width: .8rem
}
.result-user p{font-weight: bold; font-size: .2rem}
.public-result__form-ul {
    border: 1px solid #e4d7c7;
    font-size: .16rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    background-color: #f9e7d3;
    margin-bottom: .1rem
}

.public-result__form-li input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #f9e7d3 inset;
    box-shadow: 0 0 0 100px #f9e7d3 inset
}

.public-result__form-ul {
    border: 1px solid #e4d7c7;
    font-size: .16rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem;
    background-color: #f9e7d3
}

.public-result__form-li {
    border-bottom: 1px solid #e4d7c7;
    position: relative;
    padding-left: .9rem
}

.public-result__form-li:last-of-type {
    border-bottom: none
}

.public-result__form-words {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .8rem;
    text-align: center;
    height: .4rem;
    line-height: .4rem;
    font-size: .16rem
}

.public-result__form-input {
    font-size: .16rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: .4rem;
    line-height: .4rem;
    background-color: #f9e7d3;
    -webkit-border-top-right-radius: .05rem;
    -moz-border-radius-topright: .05rem;
    border-top-right-radius: .05rem;
    -webkit-border-bottom-right-radius: .05rem;
    -moz-border-radius-bottomright: .05rem;
    border-bottom-right-radius: .05rem
}

.public-result__form-sex {
    cursor: pointer;
    font-size: .16rem;
    width: 100%;
    height: .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.public-result__form-sex span {
    display: inline-block;
    margin-right: .3rem;
    height: .3rem;
    line-height: .3rem;
    width: .3rem;
    text-align: center;
    border: 1px solid #eee;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.public-result__form-sex .cur {
    background-color: #cc431b;
    border-color: #cc431b;
    color: #fff
}

.public-result__form-birthday {
    font-size: .16rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: .4rem;
    line-height: .4rem;
    background-color: #f9e7d3;
    -webkit-border-top-right-radius: .05rem;
    -moz-border-radius-topright: .05rem;
    border-top-right-radius: .05rem;
    -webkit-border-bottom-right-radius: .05rem;
    -moz-border-radius-bottomright: .05rem;
    border-bottom-right-radius: .05rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAMAAAB61OwbAAAAaVBMVEUAAAD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paD3paDdqW6yAAAAInRSTlMAdzOqIO78iPjXu5cF3LdW8+F+Dsfm0sGkkWlfSEI6LyjIa3tfJAAAAOtJREFUKM+9j1mOwyAQRAubxWAD3rKv0/c/5IA9jsaKIMlP3k+V1E/qbjw4iGKphTjgmY6OSz1Sh3/cVBk5+ZAzyp/mvCHAJE1w1PRHDT4XyYAzUUqInLHLCzu0S+3veqn63i+1Bb3gHcFdiwRXNwkeSfwk2J4l6O3LG74pSM95YUlcOL8IsgXnXq4EgcCexhg/tI8h1iucUnVFVCpVElW1Uu7TIzfGbENYY2yIrTGbtdAOABzpBmg0OQBDuxIqHiYjdUOYdDQGj1frFVKIKoqPkG8fKfNzCZ0XNFheYGhMbm7i30zLxH7NGvwCubxZ1g8NNuoAAAAASUVORK5CYII=) no-repeat 98% center;
    -moz-background-size: .2rem auto;
    -o-background-size: .2rem auto;
    background-size: .2rem auto
}

.public-result__form-btn {
    overflow: hidden;
    margin-top: .1rem
}

.public-result__form-btn a {
    display: block;
    height: .4rem;
    line-height: .4rem;
    color: #fff;
    background-color: #cc431b;
    text-align: center;
    font-size: .2rem;
    -webkit-border-radius: .05rem;
    -moz-border-radius: .05rem;
    border-radius: .05rem
}

.public-result__form-agreement {
    color: #c1bdbd;
    text-align: center;
    font-size: .14rem;
    padding-top: .1rem
}

.public-result__form-agreement input {
    -webkit-appearance: checkbox;
    vertical-align: middle;
    position: relative;
    margin-top: -.02rem;
    margin-right: .05rem;
    width: .14rem;
    height: .14rem
}

.public-result__form-agreement a {
    color: #c1bdbd;
    text-decoration: underline
}


.ordershowx{ background: url("../images/1_img_banner.png") no-repeat center center; background-size: cover; padding: 0.1rem}




.namebanner{position: relative;overflow: hidden}
.quanbox{width: 70%; position: absolute; left: 50%; bottom: 0px; transform: translate(-50%,0)}
.quanbox img{width: 100%; display: block}
.quan01{-webkit-animation:rotate 15s linear infinite;animation:rotate 15s linear infinite; position: absolute; left: 0px; top: 0px; width: 100%}
.quan02{-webkit-animation:rotate2 15s linear infinite;animation:rotate2 15s linear infinite;position: absolute; left: 16%; top: 16%; width: 68%!important}
.quan03{position: absolute; left: 50%; top: 50%; width: 36%!important; transform: translate(-50%,-50%)}

@-webkit-keyframes rotate2 {
	0% {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
100% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
}@keyframes rotate2 {
	0% {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
100% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
}@-webkit-keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}
@keyframes rotate {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}

.renwuimg{position: absolute; left: 0px; bottom: 0px; width: 100%;}

.nanimg img{width:60%;left: 0%; position: absolute; bottom: 0px; z-index: 1}
.nvimg img{width: 80%;right: -25%; position: absolute;bottom: 0px; z-index: 1}
.renwuimg img{display: block}

.nanimg .hide{opacity: 0; z-index: 4}
.nvimg .hide{opacity: 0; z-index:4}



.nanimg img.show{
	-webkit-animation:manMove 3s ease-out;
	animation:manMove 3s ease-out;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.nvimg img.show{
	-webkit-animation:womanMove 3s ease-out;
	animation:womanMove 3s ease-out;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}


.renwuimg .show {
	-webkit-animation:imgHide .2s 3s linear;
	animation:imgHide .2s 3s linear;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.renwuimg .hide{
	-webkit-animation:imgShow .8s 3s linear;
	animation:imgShow .8s 3s linear;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
@-webkit-keyframes manMove {
	0% {
		-webkit-transform:translateX(-25%);
		transform:translateX(-25%)
	}
	to {
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}
@keyframes manMove {
	0% {
		-webkit-transform:translateX(-100px);
		transform:translateX(-100px)
	}
	to {
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}
@-webkit-keyframes womanMove {
	0% {
	  -webkit-transform:translateX(100px);
	  transform:translateX(100px)
	}
	to {
		-webkit-transform:translateX(0%);
		transform:translateX(0%)
	}
}
@keyframes womanMove{
	0% {
	  -webkit-transform:translateX(100px);
	  transform:translateX(100px)
	}
	to {
		-webkit-transform:translateX(0%);
		transform:translateX(0%)
	}
}
@-webkit-keyframes imgHide {
	0% {
	opacity:1
}
to {
	opacity:0
}
}
@keyframes imgHide {
	0% {
	opacity:1
}
to {
	opacity:0
}
}
@-webkit-keyframes imgShow{
	0% {
	opacity:0
}
to {
	opacity:1
}
}
@keyframes imgShow {
	0% {
	opacity:0
}
to {
	opacity:1
}
}


.J_testFixedTop{position: relative}
.nameform{background: #fffbef;
    border-radius: 10px;
    opacity: 1;
    border: 4px solid #f95644;
    margin: 0px auto; width: 90%; padding-top: 8%;}

.nameformtop{width: 100%; position: absolute; left: 0px; top:-20%; z-index: 9;}


.nanform{background: url("../images/nanleft.png") no-repeat left center #fff; border:2px solid #44d0ce; border-radius: 10px;overflow: hidden; background-size:auto 0.5rem; padding-left: 12%;margin-bottom:15px}

.nvform{background: url("../images/nvleft.png") no-repeat left center #fff; border:2px solid rgb(255, 147, 99); border-radius: 10px;overflow: hidden; background-size: auto 0.5rem; padding-left: 12%}



.xingmingform{padding:0 10px;}
.xinms p{width: 80px; font-size: 0.16rem}
.nanform p{color: #44d0ce; }
.nvform p{color: rgb(255, 147, 99); }

.xinms input{height: 0.5rem;font-size: 0.15rem; width: calc(100% - 80px)}
.xinms ::-moz-placeholder {
	font-family:"Microsoft YaHei";
	color:#666666
}
.xinms ::-webkit-input-placeholder {
	font-family:"Microsoft YaHei";
	color:#666666
}
.xinms ::-ms-input-placeholder {
	font-family:"Microsoft YaHei";
	color:#666666
}

.nameform_btn{width: 90%; margin:30px auto 20px;-webkit-animation:zoom 1.5s linear infinite;
	-moz-animation:zoom 1.5s linear infinite;
	-o-animation:zoom 1.5s linear infinite;
	animation:zoom 1.5s linear infinite;}