@charset "utf-8";

.both {margin: 0;padding: 0;height: 0px;overflow: hidden;clear: both;*display: inline;}
.youhui-wrap {max-width: 640px;min-width: 320px;margin-left: auto;margin-right: auto;margin-bottom: 10px;overflow: hidden;color: #000;position: relative;padding-top: 1%;}
.youhui-wrap .pp1 {top: 6%;color: #fff;left: 4%;font-size: 24px;position: absolute;}
.youhui-wrap .pp2 {top: 28%;color: #fff;left: 24%;font-size: 22px;position: absolute;padding: 2%;background: #959595;border-radius: 10px;width: 58%;}
.youhui-wrap .pp2 a {color: #fff;}
.youhui-wrap .pp2 .sj {position: absolute;width: 4%;top: 18%;left: -3%;display: block;}
#times {position: absolute;top: 22%;left: 35%;}
#times2 {position: absolute;top: 46%;left: 35%;}

.youhui-wrap .time {font-size: 17px;}
.youhui-wrap .pp3 {top: 52%;}
.youhui-wrap .toux {position: absolute;width: 12%;top: 25%;left: 6%;}

.youhui-wrap .toux2 {top: 50%;}
.youhui-wrap .ChatTel {display: block;width: 24%;height: 15%;position: absolute;top: 1%;right: 2%;font-size: 24px;color: #fff;padding-top: 4%;box-sizing: border-box;}
.youhui-wrap .ChatTel img {width: 23%;margin-right: 3%;display: inline-block;}

.cf:before,.cf:after {display: table;content: ''}
.both,.cf:after {clear: both}
.cf {zoom: 1}
a {text-decoration: none}
li {list-style: none;}
.youhui-wrap .btn1 {width:99%;padding: 10px 2%;width: 93%;border-top: 1px solid #c7c7c0;border-bottom: 1px solid #979185;background: #eaebed;margin: 0 auto;position: relative;}
.youhui-wrap .btn1 input {width: 53%;padding: 0 2%;border: 1px solid #eee;float: left;line-height: 70px;font-size: 18px;border-radius: 10px;-moz-box-shadow: inset 5px 5px 10px #ccc;-webkit-box-shadow: inset 5px 5px 10px #ccc;box-shadow: inset 5px 5px 10px #ccc;outline: none;}

.youhui-wrap .btn1 a {display: inline-block;width: 41%;line-height: 70px;margin-left: 5%;border-radius: 12px;font-size: 22px;color: #fff;text-align: center;text-decoration: none;transition: all .3s linear 0s;text-indent: 0;background-image: -webkit-linear-gradient(top,#ffb800,#ff9800);}
.youhui-wrap .janSuoContent{position: absolute;width: 100%;background-color: #fff;left: 0;right: 0;bottom: 100%;}
.youhui-wrap .janSuoContent ul{padding: 0 3%;}
.youhui-wrap .janSuoContent ul li{font-size: 18px;line-height: 40px;border-bottom: 1px solid #eee;}
.youhui-wrap .janSuoContent ul li:last-of-type{border-bottom: 0 none;}

@keyframes tada {
	0% {transform: scale(1);}
	10%,20% {transform: scale(0.9) rotate(-3deg);}
	30%,50%,70%,90% {transform: scale(1.1) rotate(3deg);}
	40%,60%,80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}
	10%,20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%,50%,70%,90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%,60%,80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

.doudun {
	-webkit-animation: tada 1.5s linear normal both infinite;
	-o-animation: tada 1.5s linear normal both infinite;
	animation: tada 1.5s linear normal both infinite;
}

@media screen and (max-width:639px) {
	.youhui-wrap textarea {height: 53px;font-size: 14px;}
	.youhui-wrap .ChatTel {font-size: 17px;top: 0%;}
	.youhui-wrap .pp1 {top: 5%;font-size: 17px;}
	.youhui-wrap .pp2 {font-size: 15px;top: 30%;}
	.youhui-wrap .pp3 {top: 53%;}
	.youhui-wrap .time {font-size: 13px;left: 31%!important;}
	.youhui-wrap button {right: 10px;}
	.youhui-wrap button img {width: 58px;}
    .youhui-wrap .janSuoContent ul li{font-size: 12px;line-height: 30px;border-bottom: 1px solid #eee;}
}
@media screen and (max-width:580px) {
	.youhui-wrap .btn1 input,.youhui-wrap .btn1 a {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
}

@media screen and (max-width:375px) {
	.youhui-wrap textarea {height: 47px;font-size: 12px;}
	.youhui-wrap .pp1 {font-size: 15px;}
	.youhui-wrap .ChatTel {font-size: 15px;}
	.youhui-wrap .pp2 {font-size: 13px;}
	.youhui-wrap button {right: 0;}


@media screen and (max-width:320px) {
	.youhui-wrap textarea {height: 38px;font-size: 12px;}
	.youhui-wrap .pp1 {font-size: 13px;}
	.youhui-wrap .ChatTel {font-size: 13px;top: 0%;}
	.youhui-wrap .ChatTel img {vertical-align: middle;margin-top: -4px;}
    .youhui-wrap .pp2 {font-size: 12px;}
    .youhui-wrap .btn1 input,.youhui-wrap .btn1 a {
		font-size: 12px;
		height: 30px;
		line-height: 30px;
	}
}