.wrap {

	width: 6.4rem;

	max-width: 6.4rem;

	min-width: 3.2rem;

	height: 100%;

	margin: auto;

}

.wrapper {

	background: url(../images/big_bg.jpg) top center no-repeat;

	background-size: 100% 100%;

	height: 128%;

	position: relative;

}

header {

	width: 6.4rem;

	

	vertical-align: middle;

	text-align: center;

}

header img {

	width: 6.4rem;

	    display: block;

		height: 1.2rem;

}
.wrapper .expertBox img{
	display: block;
}
.wrapper .tellBox{
	background:#FFFFFF;
	padding:3% 0;
	
}
.wrapper .tellBox img{
	display: block;
}
.wrapper .infoBox{
	background:#ffffff;
	padding-bottom: 2%;
}
.wrapper .infoBox ul{
	width:93.4375%;
	margin:0 auto;
	border: 1px dashed #ec8093;
	border-radius: 5px;
}
.wrapper .infoBox ul li:nth-of-type(1){
	padding:2% 4%;
	color:#FFFFFF;
	background:#ef3254;
	font-size: 83.33%;
	line-height: 1.3em;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: justify;
}
.wrapper .infoBox ul li:nth-of-type(1) strong{
	color:#face24;
	font-size: .24rem;
	font-weight: bold;
}
.wrapper .infoBox ul li:nth-of-type(2){
	position: relative;
	padding:3% 0 2%;
	background:#f6f6f6;
}
.wrapper .infoBox ul li:nth-of-type(2) span{
	position: absolute;
}
.wrapper .infoBox ul li:nth-of-type(2) span:nth-of-type(1){
  top: 53%;
  left: 11%;
	color:#ef3254;
	font-size: .28rem;
	font-weight: bold;
}
.wrapper .infoBox ul li:nth-of-type(2) span:nth-of-type(2){
  top: 25%;
  left: 57%;
	color:#ef3254;
}
.wrapper .infoBox ul li:nth-of-type(2) span:nth-of-type(3){
  top: 54%;
  left: 57%;
	color:#ef3254;
}
.wrapper .infoBox ul li:nth-of-type(2) span:nth-of-type(4){
  top: 58%;
  left: 75%;
	color:#ef3254;
}
.wrapper .infoBox ul li:nth-of-type(2) span:nth-of-type(4) strong{
	font-weight: bold;
}



#message{
	padding-top: 5%;
}
.message {

	padding: 0 .2rem;

	text-align: center;

	overflow: hidden;

	display: none;

}

.message dt {

	color: #5a5a5a;

	line-height: .56rem;

	font-size: 0.24rem;

	font-family: NSimSun;

}

.message dd {

	line-height: .36rem;

}

.message dd:first-of-type {

	width: .8rem;

	height: .8rem;

	float: left;

	margin-right: .1rem;

}

.message dd:last-of-type {

	float: left;

	box-sizing: border-box;

	width: 5.05rem;

	height: 1.33rem;
	color:#5a5a5a;
	background: url(../images/msg.png) top center no-repeat;

	background-size: 100% auto;

	padding: .22rem .19rem 0 .35rem;

	text-align: left;

}

.message dd:last-of-type a {

	color: #6a5acd;

}

.bottom {

	padding-top:.1rem ;

	position: fixed;

	bottom: 0;

	width: 6.4rem;

	background: url(../images/line.png) top center;

	

}

.bottom .form {

	background: #fff;

	padding: .15rem 0 .15rem.2rem;

	height: 1.1rem;

	font-size: 0;

	box-sizing: border-box;

}

.bottom .form input {
	padding-left: 5px;
	width: 2.90rem;
	line-height: .7rem;
	height: .7rem;
	font-size: .28rem;
	color: #666;
	border:1px solid #ddd;
}

.bottom .form a{

	display: inline-block;

	width: 1.4rem;

	height: .8rem;

	line-height: .8rem;

	font-size: .24rem;

	color: #fff;

	text-align: center;

	border-radius:8px;

}

.bottom .form a{

	margin-left: .15rem;

	background: #e20070;

}

.bottom .form a+a{

	background: #f7942f;

}

.bottom span{

	display: block;

	width: .3rem;

	height: .3rem;

	line-height: .3rem;

	border-radius:50%;

	border:1px solid #fff;

	background: #ff8100;

	position: absolute;

	top:25%;

	right: 27%;

	font-size: 12px;

	color: #fff;

	text-align: center;

}

@media only screen and (min-width:639px ) {
	.wrapper{
		height: 1030px;
	}
	.bottom span{
	width: .2rem;
	height: .2rem;
	line-height: .2rem;
	}
}
/*# sourceMappingURL=talk.css.map */
