﻿body, div, ul, p, dl, button, input, h2 {
	margin: 0 auto;
	padding: 0;
	font-family: "Microsoft YaHei", "Hiragino Sans GB", "arial", "WenQuanYi Micro Hei", sans-serif;
}
body {
	max-width: 7.5rem;
	overflow-x: hidden;
	position: relative;
	background: #fff;
}
img {
	border: none;
}
ul, li {
	list-style: none;
}
button, input {
	cursor: pointer;
	outline: none;
	border: none;
}
a {
	text-decoration: none;
	outline: none;
}
/********/
.wrap {
	width: 100%;
	background-color: #272942;
	display: flex;
	flex-direction: column;
}
.banner {
	width: 100%;
	display: flex;
}
.banner img {
	width: 100%;
}
/*******/
.property {
	width: 100%;
	display: flex;
	flex-direction: column;
margin-top: .5rem;
}
.property-title {
	width: 100%;
height:.46rem;
	display: flex;
margin-bottom: .25rem;
}
.property-title img {
	width: 100%;
	height: 100%;
}
.yc {
	width: 88.5%;
	margin: 0 auto;
}
.order-evaluation-checkbox {
}
.order-evaluation-checkbox ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.order-evaluation-checkbox ul li {
	border-radius: 0.5rem;
	width: 1.51rem;
 height: .58rem;
	background: none;
	text-align: center;
	border: 0.02rem solid #dcc8a5;
 font-size: .26rem;
	color: #dcc8a5;
 line-height: .58rem;
	margin-bottom: 25px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}
.order-evaluation-checkbox ul li.checked {
	background-image: linear-gradient(#f4a815, #e5690d);
	color: #fff;
}
/********/
.write {
	width: 100%;
 margin-top: .4rem;
}
.write-title {
	width: 100%;
 height: .45rem;
	display: flex;
 margin-bottom: .2rem;
}
.write-title img {
	width: 100%;
 height:.45rem;
}
.form {
	width: 89.4%;
	margin: 0 auto;
}
.form-list {
	width: 100%;
	display: flex;
 margin-bottom: .25rem;
}
.form-list input {
 border-radius: .8rem;
	background: #f1f1f1;
	width: 100%;
 height: .88rem;
 padding-left: .22rem;
 font-size: .36rem;
}
.messig {
	width: 100%;
 margin-bottom: .25rem;
	display: flex;
}
.messig input {
	border-radius: 0.8rem;
	background-color: #F1F1F1;
	margin-right: 2%;
 line-height: .88rem;
 font-size: .36rem;
 padding-left: .2rem;
	float: left;
}
.messig a {
	display: block;
	float: right;
}
.send {
	background-image: linear-gradient(#f4a815, #e5690d);
	border-radius: 0.8rem;
	width: 70%;
 font-size: .36rem;
	color: #fff;
 height: .88rem;
	text-align: center;
 line-height: .88rem;
}
#amount {
	border-radius: 0.8rem;
	width: 100%;
	background: #F1F1F1;
	border: none;
 height: .88rem;
 font-size: .36rem;
	outline: none;
	color: #777;
	padding-left: 0.12rem;
}
.bdown {
	width: 100%;
	display: block;
	text-align: center;
	background-image: linear-gradient(#f4a815, #e5690d);
 border-radius: .8rem;
 line-height: .88rem;
 font-size: .36rem;
	color: #fff;
	letter-spacing: 0.02rem;
}
.flow {
	width: 100%;
	height: 1.45rem;
 margin-top: .6rem;
}
.flow img {
	width: 100%;
	height: 100%;
}
.mesig {
	width: 100%;
	height: 6.14rem;
 margin-top: .35rem;
}
.mesig img {
	width: 100%;
	height: 100%;
}
.agreement {
	width: 98%;
 margin: .3rem auto;
	color: #968870;
	line-height: 1.8em;
	text-align: center;
	font-size: 0.18rem;
}
.agreement a {
	color: #968870;
}
.swiper-container {
	width: 100%;
	height: 5rem;
}
.form-list input {
 padding-left: .52rem !important;
}
.messig input {
 padding-left: .52rem !important;
	width: 50%;
}
#amount {
	color: #BCBCBC;
 padding-left: .53rem;
	-webkit-appearance: none;
	background-image: url(../images/xiala.png);
	background-repeat: no-repeat;
	background-position: 95% 54%;
	background-size: 5%;
}
#city {
	border-radius: 0.8rem;
	width: 100%;
	background: #F1F1F1;
	border: none;
 height: .88rem;
 font-size: .36rem;
	outline: none;
	color: #BCBCBC;
 padding-left: .53rem;
	-webkit-appearance: none;
	background-image: url(../images/xiala.png);
	background-repeat: no-repeat;
	background-position: 95% 54%;
	background-size: 5%;
}
 input::-webkit-input-placeholder {
 color:#BCBCBC;
}
 input::-moz-placeholder {   /* Mozilla Firefox 19+ */
 color:#BCBCBC;
}
 input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#BCBCBC;
}
 input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
 color:#BCBCBC;
}
.agree {
	text-indent: 2em;
	font-size: 12px;
	color: white;
	margin: 0.48rem 0 0.24rem;
}
.agree i, .clause i {
	display: inline-block;
	vertical-align: middle;
	width: 0.38rem;
	height: 0.38rem;
	margin: 0;
	background: url('../images/default.png') no-repeat center;
	background-size: 70%;
}
.agree .active, .clause .active {
	background: url('../images/checkout.png') no-repeat center;
	background-size: 70%;
}
.agree a {
	color: white;
	text-decoration: none;
}
.tips {
	color: #FFF32E;
	font-size: 10px;
}
.tips span {
	display: inline-block;
	-webkit-transform: scale(0.95);
	margin-left: -14px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#show_contact {
 border-radius: .8rem;
	width: 100%;
 height: .88rem;
 padding-left: .22rem;
 font-size: .36rem;
 line-height: .88rem;
}
#show_contact span {
 padding-left: .33rem;
	color: #BCBCBC;
}
#show_contact div {
	width: 33%;
	height: 70%;
	float: right;
	z-index: 999;
 font-size: .26rem;
	color: #dcc8a5;
}
#show_contact div input {
	width: 25%;
	vertical-align: middle;
	margin-right: 7px;
}
