@charset "utf-8";
.both{margin:0;padding:0; height:0px; overflow:hidden;clear:both;*display:inline;}
.youhui-wrap2{max-width: 640px;min-width: 320px; margin-left: auto;margin-right: auto; overflow: hidden; color:#000; position: relative; padding-top: 1%;}
.youhui-wrap2 .zixun-top{ position: relative; background:#37363b; height:80px;}
.youhui-wrap2 .zixun-top p{ position: absolute; font-size: 30px; line-height: 80px; left: 0; width:100%; top: 0; color:#ffffff; text-align: center;}
.youhui-wrap2 .zixun-top .wechat{ width:16%; height:100%; position: absolute; left: 1%; top: 20%; }
.youhui-wrap2 .zixun-top .phone{ position: absolute; right:5%; top: 34%; width:6%;animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite; }
.youhui-wrap2 #bb{ overflow: hidden; padding-bottom:3%}
.youhui-wrap2 #ee{ overflow: hidden; padding-bottom:3%}
.youhui-wrap2 #ff{ overflow: hidden; padding-bottom:3%}
.youhui-wrap2 #gg{ overflow: hidden; padding-bottom:3%}
.youhui-wrap2 .db{ padding-left: 17%}
.youhui-wrap2 .pp2{ color:#2a2a2a; font-size: 22px;padding: 2%; background: #fff; 
  border-radius: 10px;width: 52%; position: relative }
.youhui-wrap2 .pp2 a{color:#2a2a2a; }
.youhui-wrap2 .pp2 .sj{ position:absolute; width:6%;top: 18%; left:-6%; display:block;}
.youhui-wrap2 #times{color:#b4b4b4;}
.youhui-wrap2 #times2{color:#b4b4b4;}
.youhui-wrap2 .time {width: 60%;padding-bottom: 2%;text-align: center}
.youhui-wrap2 .time{ font-size: 17px;}
.youhui-wrap2 .pp3{ background:#9eea6a; float: right; margin-right: 8%}
.youhui-wrap2 .pp4{ top: 65%; width:52%; margin-left: 17%}
.youhui-wrap2 .pp5{ top: 81%; background:none; padding:0; width:56%; left: 24%;margin-right: 17%}
.youhui-wrap2 .toux{  width:12%; float: left; margin-top: 5%}
.youhui-wrap2 .toux2{  width:12%; float: right}
.youhui-wrap2 .toux3{  width:12%;float: left;}
.youhui-wrap2 .toux4{  width:12%;float: right}
.youhui-wrap2 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-wrap2 .ChatTel img{ width:23%; margin-right: 3%;display:inline-block;}
.youhui-wrap2 .zixun-cont{ background:#ebebeb; height:485px; position: relative;padding: 4% 5%;
  overflow-y: scroll
}

.youhui-wrap2 .zixun-qution{ color:#7f8389; padding:2% 0 2% 3%;font-size: 26px;}
.youhui-wrap2 .zixun-qution .fl{ float: left;}
.youhui-wrap2 .zixun-qution .ov{ overflow: hidden; padding-top: 2%;}
.youhui-wrap2 .zixun-qution .qution-top span{ display:inline-block; margin-right: 1%;}
.youhui-wrap2 .zixun-qution .qution-top a{ color:#2a2a2a;display:inline-block; padding:1% 2%; border:1px solid #e0e2e6; border-radius: 20px;}
.youhui-wrap2 .qution-bottom input{ width:100%;border:0; border:1px solid #e0e2e6; line-height: 55px; border-radius: 10px; font-size: 22px; padding-left: 2%; font-family: "微软雅黑"; box-sizing: border-box;}
@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-1px,0);
    transform: translate3d(0,-1px,0);
  }
}

@media screen and (max-width: 639px) {
    .youhui-wrap2 textarea{ height:53px;font-size:14px;}
    .youhui-wrap2 .pp2{ font-size: 14px; }
    .youhui-wrap2 .time{ font-size: 13px;left: 31%!important;}
    .youhui-wrap2 .zixun-top p{ font-size: 20px; line-height: 55px;}
    .youhui-wrap2 .zixun-top{ height:50px;}
    .youhui-wrap2 .zixun-cont{ height:320px;}
    .youhui-wrap2 .zixun-qution{ font-size: 16px;}
    .youhui-wrap2 .qution-bottom input{ line-height: 32px; font-size: 16px;}
}
@media screen and (max-width: 375px) {
    .youhui-wrap2 textarea{ height:47px;font-size:12px;}
    .youhui-wrap2 .pp2{ font-size: 13px;}
    .youhui-wrap2 .zixun-top p{ font-size: 18px; line-height: 50px;}
    .youhui-wrap2 .zixun-top{ height:45px;}
    .youhui-wrap2 .zixun-cont{ height:295px;}
    .youhui-wrap2 .zixun-qution{ font-size: 15px;}
    .youhui-wrap2 .qution-bottom input{ line-height: 28px; font-size: 16px;}
}
@media screen and (max-width: 320px) {
    .youhui-wrap2 textarea{ height:38px;font-size:12px;}
    .youhui-wrap2 .pp2{ font-size: 12px;}
    .youhui-wrap2 .zixun-top p{ font-size: 16px; line-height: 42px;}
    .youhui-wrap2 .zixun-top{ height:40px;}
    .youhui-wrap2 .zixun-qution{ font-size: 14px;}
    .youhui-wrap2 .zixun-qution .qution-top a{ padding:1%;}
    .youhui-wrap2 .qution-bottom input{ line-height: 25px; font-size: 14px;}
    .youhui-wrap2 .zixun-qution .qution-top span{ margin-right: 0;}
}