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


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding:0; margin: 0;  font-family:"微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;} 
fieldset, img { border:0; vertical-align:top; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
ol, ul, li, dl, dt, dd { list-style:none; }
input, button, textarea, checkbox, select, radio, form { vertical-align: top; }
a { color:#000; text-decoration:none; margin:0;}
a:link, a:visited { text-decoration:none; }
a:hover {/* text-decoration:underline; */ text-decoration:none; }
<style>
    *{
    padding: 0;
    margin: 0;
    }
   .div{
    max-width: 640px;
    margin: auto;
   }
</style>
.box11{ height:1rem;}
.box10{ height:1rem;}
.clear { font-size:0; line-height:0; clear:both; overflow:hidden; zoom:1; }
.blank { height:10px; font-size:0; line-height:0; clear:both; overflow:hidden; }
html{font-size:16px;}
body { font-size:75%; margin:0 auto; color:#333;max-width:640px;min-width:320px;position: relative; width:100%;height:100%;}
.img{ max-width:100%;max-height:100%;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}

.header{ height:4.2rem; padding-top:1rem; background-color:#3b3939;}
.header .head_l { width:2.3rem; height:2.3rem; left:0.7rem; top:1rem; position:absolute;padding:0.2rem; border:2px #626161 solid;}
.header .logo { width:18.2rem; height:2.3rem; }
.header .topTell { width:2.3rem; height:2.3rem; right:0.5rem; top:1rem; position:absolute;padding:0.2rem; border:2px #626161 solid;}
.shake {-webkit-animation:shake 0.2s ease-in-out  6  alternate;-moz-animation:shake 0.2s ease-in-out  6  alternate;-o-animation:shake 0.2s ease-in-out  6  alternate;animation:shake 0.2s ease-in-out  6  alternate;}


@media screen and (min-width:320px) {
html {
font-size:0.625rem;-webkit-text-size-adjust:none;
}
}
@media screen and (min-width:400px) {
html {
font-size:0.75rem;
}
}
@media screen and (min-width:480px) {
html {
font-size:0.875rem;
}
}
@media screen and (min-width:560px) {
html {
font-size:1rem;
}
}
@media screen and (min-width:600px) {
html {
font-size:1.125rem;
}
}
@media screen and (min-width:640px) {
html {
font-size:1.25rem;
}
}
@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;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 textarea{font-size:22px; width:71%; height:82px;position: absolute; top: 78%; left:4%; border:0;border:1px solid #ccc; border-radius: 5px; padding: 1% 1% 0 2%; }
.youhui-wrap button{ position: absolute; right: 20px; top: 77%; border:0;animation: bianda 3s .2s ease both infinite;
    -webkit-animation: bianda 3s .2s ease both infinite;
    -moz-animation: bianda 3s .2s ease both infinite;}
.youhui-wrap button img{width: 96px;}
.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;}

.jump{
  webkit-animation: jump 2.5s linear normal both infinite;
    -o-animation: jump 2.5s linear normal both infinite;
    animation: jump 2.5s linear normal both infinite;
}
@keyframes  jump{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(5px);
    }
    100%{
        transform: translateY(0);
    }

}@-moz-keyframes tada{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
    100%{-moz-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;
}
/* 合并 */

.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 {
	padding:10px 2%;
	width: 97%;
	border-top:1px solid #c7c7c0;
	border-bottom:1px solid #979185;
	background: #eaebed;
	margin:0 auto;
}
.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:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffb800), to(#ff9800));
}


.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;}
.youhui-wrap .pp3{ top: 52%;}



ul, li {
	list-style-type: none;
}
a {
	text-decoration: none;
}
.ytdhy_two {
	padding: 2%;
	font-size: 0;
}
.ytdhy_two li {
	margin-bottom: 2%;
}
.ytdhy_two li:first-of-type {
	-webkit-animation: fadeInUpBig 1s .2s ease both;
	-moz-animation: fadeInUpBig 1s .2s ease both;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity:0;
-moz-transform:translateY(2000px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
.ytdhy_two li:last-of-type {
	-webkit-animation: fadeInUpBig 1.5s .2s ease both;
	-moz-animation: fadeInUpBig 1.5s .2s ease both;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity:0;
-moz-transform:translateY(2000px)
}
100% {
opacity:1;
-moz-transform:translateY(0)
}
}
.ytdhy_two li img {
	display: inline-block;
	vertical-align: middle;
	width: 10%;
	
	border-radius: 50%;
}
.ytdhy_two li p {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 2%;
	line-height: 2;
	background-color: #fff;
	border-radius: .05rem;
}


.list_al{ overflow:hidden; }
.list_al .bd{ width:640px; margin: 0 auto; }
.list_al .bd li{ float:left; width:100%; margin:0;}
.list_al .bd li img{width:100%; }
.list_al .bd li .par_c{font-size:1rem; text-align:center;}
.list_al .hd li{ position:absolute; bottom:1rem; display:inline-block; text-indent:-999px;  background:#fff; overflow:hidden;}
.list_al .hd li.on{ background:#FFf;}
.list_al .par_tit{ margin-top:0;}
.an_zt01 p{ font-size:30px; color:#FFFFFF;}