.myYing { width: 100%; margin: 0 auto; padding:50px 0 100px;}
.myYing .right { width:820px; float: right}
.myYing .left { width: 405px; height: 580px; padding: 80px 0 0 240px; background:url(../img/yingdaoye_bg2.png) no-repeat 0 0;float: left}
.myYing .left img { width:280px; height:500px;}
.myYing .right h2 { font-size:40px; font-weight:bold; padding:60px 0 40px; color: #666;text-align:left}
.myYing .right h6 { font-size: 30px; font-weight: normal;text-align:left;color: #666;}
.myYing .right .btn { display:inline-block; line-height:44px; font-size:20px; border-radius:22px; color:#fff; padding:0 15px; background: linear-gradient(90deg,#F59485 0,#F8BDAC 100%);}
.qrlist { margin-top: 50px;}
.qrlist li { float:left; margin-right:30px; text-align:center;}
.qrlist li img { display:block; width:117px; height:117px; background-color:#fff; padding:10px; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.qrlist li p { font-size: 18px; color: #aaa; margin-bottom: 20px;}

.border_1_b {border-bottom: #eee solid 1px;display:flow-root;padding:50px;}
.column>div {float: left;}
.bya_bj{ background: #fdf0f0; width: 100%; display:block;}

.mainbyawap { width: 1200px;margin: 0 auto;position: relative; }
.mainbyawap .transform_box {position: relative;}
.mainbyawap .photo {width: 600px;height: 400px;}
.mainbyawap .photo .pic_1 {width: 286px;height: 359px;top: 0;left: 160px;z-index: 3;}
.mainbyawap .photo .pic_2 {width: 337px;height: 396px;top: 10px;left: 0;z-index: 2;}
.mainbyawap .photo .pic_3 {width: 350px;height: 405px;top: 10px;right: 0;z-index: 1;}
.mainbyawap .photo>img {position: absolute;}
.mainbyawap .photo.animate .pic_2, .mainbyawap .animate .pic_3 {-webkit-transition: all 0.7s;transition: all 0.7s;-webkit-transform: translate(0px, 0px);transform: translate(0px, 0px);opacity: 1;}

.mainbyawap .describe {width: 400px;}
.mainbyawap .describe>h1 {font-size: 45px;color: #333333;line-height: 60px;font-weight: normal;margin-top: 80px; margin-bottom: 20px;letter-spacing: 5px;}
.mainbyawap .describe>h3 {font-size: 24px;color: #666666;line-height: 40px;font-weight: normal;letter-spacing: 2px;}

.mainbyawap .map {width: 600px;height: 400px; background: url(../img/map.png) no-repeat 200px 25px;}
.mainbyawap .map.animate>div {-webkit-animation-name: zoomIn;animation-name: zoomIn;-webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 1;}
.mainbyawap .map>div {position: absolute;background-image: url(../img/map_user.png);background-repeat: no-repeat;}
.mainbyawap .map .map_1 {left: 305px;top: 100px;width: 139px; height: 200px;background-position: 0px -745px;-webkit-animation-delay: 0s;animation-delay: 0s;opacity: 0;}
.mainbyawap .map .map_2 {left: 175px;top: 20px;width: 100px;height: 137px;background-position: 0px -150px;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;opacity: 0;
}
.mainbyawap .map .map_3 {left: 500px;top: 70px;width: 100px;height: 137px;background-position: 0px 0px;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;opacity: 0;}
.mainbyawap .map .map_4 {left: 450px;top: 230px;width: 80px;height: 115px;background-position: 0px -300px;-webkit-animation-delay: 0.4s; animation-delay: 0.4s;opacity: 0;}
.mainbyawap .map .map_5 {left: 380px;top: -30px;width: 61px;height: 91px;background-position: 0px -600px;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity: 0;}
.mainbyawap .map .map_6 {left: 250px;top: 280px; width: 68px;height: 99px;background-position: 0px -450px;-webkit-animation-delay: 0.6s;animation-delay: 0.6s; opacity: 0;}

.mainbyawap .chat {width: 600px;height: 410px;}
.mainbyawap .chat.animate .chat_1, .mainbyawap .chat.animate .chat_3, .mainbyawap .chat.animate .chat_5 {-webkit-animation-name: bounceLeft;animation-name: bounceLeft;}
.mainbyawap .chat.animate>div {-webkit-animation-duration: 0.4s; animation-duration: 0.4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 1;}
.mainbyawap .chat>div {background-image: url(../img/chat.png);background-repeat: no-repeat;margin-right: 50px;}
.mainbyawap .chat .chat_1 {height: 80px; background-position: -15px -28px;-webkit-animation-delay: 0s; animation-delay: 0s;opacity: 0;}
.mainbyawap .chat .chat_2 {height: 90px; background-position: right -170px; -webkit-animation-delay: 0.1s; animation-delay: 0.1s;opacity: 0;}
.mainbyawap .chat .chat_3 {height: 80px;background-position: -15px -318px;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;opacity: 0;}
.mainbyawap .chat .chat_4 {height: 80px;background-position: right -468px;-webkit-animation-delay: 0.3s;animation-delay: 0.3s; opacity: 0;}
.mainbyawap .chat .chat_5 {height: 80px;background-position: -15px -618px;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;opacity: 0;}
.mainbyawap .mutual>div {}
.mainbyawap .mutual {width: 600px;height: 460px;background: url(../img/mutual.jpg) no-repeat; float: right; margin-top: 50px;}