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

.yhty{position: relative;background-color: #0068ff;overflow: hidden;padding: 90px 0 ; }


.ssbox{position: relative;width: 500px; margin: 0 auto;height: 60px;border-radius: 30px; background: #fff;}
.yhtybox h2{font-size: 40px; line-height: 56px;margin-bottom: 28px; color: #fff;text-align: center;font-weight: bold;}
.order-anim{position: absolute;height: 312px;width: 1200px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
  
.footer-left{top: 150px;width: 300px;right: 350px;opacity: .6;transform: rotate(180deg);}
.footer-right{bottom: 150px;position: absolute;left: 350px;width: 300px;transform: rotate(180deg);opacity: .6;} 
.dance_footer {width: 731px;transform-origin: center;animation-name: up-and-down-footer;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 60s}
.h70{height: 70px;}
.srwb{position: relative; height: 61px; border-radius: 30.5px; background-color: #fff;border: 1px solid hsla(0, 0%, 78.4%, .3); text-align: left; transition: border .2s ease; margin-top: 35px;}
.wby1{width: 100%;height: 61px; line-height: 61px; padding: 0 170px 0 40px; font-size: 16px;}
.btn2{position: absolute;text-align: center;color: #fff;width: 168px;height: 50px; right: 5px; background: #0068ff;border-radius: 25px;cursor: pointer; border: none;font-weight: bold;font-size: 17px;top: 50%;transform: translateY(-50%);}
.btn2:hover{background: #3b99ff;}

.fenye{text-align:center;margin-bottom: 60px}
.fenye li{display: inline-block;border:1px solid #ddd;height:35px;line-height:35px;padding:0 15px;margin:0 5px}