@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-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-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(.8);
		transform: scale(.8)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
}

@-moz-keyframes zoom {
	0% {
		-moz-transform: scale(.8);
		transform: scale(.8)
	}

	50% {
		-moz-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-moz-transform: scale(.8);
		transform: scale(.8)
	}
}

@-o-keyframes zoom {
	0% {
		-o-transform: scale(.8);
		transform: scale(.8)
	}

	50% {
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-o-transform: scale(.8);
		transform: scale(.8)
	}
}

@keyframes zoom {
	0% {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8)
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8)
	}
}

.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-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-color: #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_pay_bottom i {
	display: none
}

.public_pay_bottom {
	height: .7rem
}



.public_paybottom_height {
	height: .6rem
}

.order-info {
	position: relative;
	margin: -.1rem .1rem .1rem;
	background-color: #fff;
	border: 1px solid #dfb6b4;
	padding-bottom: .15rem
}

.oi-title {
	font-size: .18rem;
	font-weight: 700;
	height: .38rem;
	line-height: .38rem;
	border-bottom: 1px solid #dfb6b4;
	background-color: #fff3f2;
	text-align: center
}

.oi-user {
	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: .34rem
}

.oi-user-d {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center
}

.oi-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)
}



.oi-test {
	line-height: .24rem;
	margin: .1rem;
	font-size: .16rem
}

.oi-test>strong {
	color: #e1656e
}

.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 .1rem;
	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 {
	color: #ffd799;
	font-size: .12rem;
	padding-left: .1rem;
	font-weight: 400
}

.oi-price .l-visitor {
	font-size: .14rem;
	margin: .05rem 0 0 .1rem
}

.oi-price .l-visitor>span {
	color: #e1656e;
	font-weight: 700
}

.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 #dfb6b4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .05rem 0;
	margin: 0 .1rem;
	background: #fff
}

.oi-pay .public_pay_box a {
	display: block;
	padding: .1rem;
	overflow: hidden;
	border: none;
	margin: 0;
	border-bottom: 1px solid #dfb6b4!important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	position: relative
}



.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: .9rem;
	z-index: 2;
	text-indent: 0;
	text-align: left;
	font-size: .14rem;
	background: #ca3b2c;
	text-align: center;
	-webkit-border-radius: .05rem;
	-moz-border-radius: .05rem;
	border-radius: .05rem;
	height: .3rem;
	line-height: .3rem;
	font-weight: 700
}

.oi-pay .public_pay_tip {
	margin-top: .1rem;
	color: #666;
	text-align: center
}



.order-section {
	border: 1px solid #dfb6b4;
	margin: .1rem;
	background-color: #fff;
	padding: .1rem
}


.os-con-out {
	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-con-in {
	-webkit-border-radius: .05rem;
	-moz-border-radius: .05rem;
	border-radius: .05rem;
	border: 1px solid #ecd2c1;
	padding: .1rem
}

.os-con-in>p {
	line-height: .3rem;
	position: relative;
	font-size: .16rem;
	padding-left: .2rem
}

.os-con-in>p::before {
	content: "";
	position: absolute;
	left: .05rem;
	top: .1rem;
	width: .08rem;
	height: .1rem;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAAP1BMVEUAAADTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGHTnGF+E0MFAAAAFHRSTlMAmyXz7evBtIqC4s2pk11aUEMeHN/jRToAAABRSURBVBjTlc83EgAhDANATDjgctD/33oNBRIVKnfGtuzG2GoMABYvAFwKMAYaQ0s4BYBDAZsXQFYoApV3xJuX5pfPVm4aH66+f91zKaTiZvID9lcKJ6Kd0fEAAAAASUVORK5CYII=) no-repeat;-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto
}