*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;line-height:1.5;min-height:100vh;font-family:"Microsoft YaHei","Helvetica Neue","Helvetica","Arial","sans-serif";font-size:14px}
div.myfootbar{position:absolute;font-size:1rem;bottom:0;width:100%;height:50px;line-height:50px;text-align:center;color:#ccc}div.myfootbar a{color:#fff;text-decoration:none}div.myfootbar img{vertical-align:middle}.dialog{font-family:"Microsoft Yahei","黑体";background-color:#fff;width:450px;height:250px;border-radius:15px;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center}.dialog div.close{position:absolute;width:30px;height:30px;right:10px;top:10px;cursor:pointer}.dialog{padding-top:40px}.dialog div.phone,.dialog div.verify{display:inline-block}.dialog div.error{text-align:left;color:red}.dialog .phone{height:40px;width:350px}.dialog .phone>div{float:left}.dialog .phone>div.icon{width:40px}.dialog .phone>div.icon img{margin:10px 0 0 0;width:25px;height:25px}.dialog .phone>div.input{padding:8px 0 0 0;width:310px}.dialog .phone>div.input input{padding-bottom:5px;font-size:20px;width:100%;border:none;border-bottom:1px solid #ccc}.dialog .phone>div.input input:focus,.dialog .phone>div.input input:active{outline:none;box-shadow:none}.dialog .phone>div.input input::placeholder{font-size:15px;color:#a5a5a5}.dialog .verify{margin-top:20px;height:40px;width:350px}.dialog .verify>div{float:left}.dialog .verify>div.icon{width:40px}.dialog .verify>div.icon img{margin:10px 0 0 0;width:25px;height:25px}.dialog .verify>div.input{position:relative;padding:8px 0 0 0;width:310px}.dialog .verify>div.input input{padding-bottom:5px;font-size:20px;width:100%;border:none;border-bottom:1px solid #ccc}.dialog .verify>div.input input:focus,.dialog .verify>div.input input:active{outline:none;box-shadow:none}.dialog .verify>div.input input::placeholder{font-size:15px;color:#a5a5a5}.dialog .verify>div.input .code{position:absolute;right:0;top:2px;height:30px;width:100px;text-align:center;line-height:30px;border:1px solid #a5a5a5;border-radius:8px;cursor:pointer}.dialog .bottombar{position:absolute;bottom:0;left:0;width:100%;height:60px;background-color:#f5f5f5;border-radius:0 0 15px 15px;text-align:center;line-height:60px;font-size:22px;color:#ccc;cursor:pointer}.dialog .bottombar.active{background-color:#eead4f;color:#fff}#app{min-height:100%;background-repeat:no-repeat;background-size:100% 100%;position:relative}#app .clearfix:after{clear:both;content:"";display:block;font-size:0;height:0;visibility:hidden}#app>div.menubar{background-color:red;margin:0 auto}#app>div.menubar>div.menu{padding-left:1rem;margin:0 auto;width:1224px}#app>div.menubar>div.menu>div{position:relative;cursor:pointer;display:inline-block;width:10rem;text-align:center;line-height:4.5rem;font-size:1.2rem;color:#fff}#app>div.menubar>div.menu>div:hover,#app>div.menubar>div.menu>div.active{font-weight:bold;background-image:url(../img/wblock.asset_E_site_vue_w5v3_projects_yamaha_assets_img_wblock_png.52a16.png);background-repeat:no-repeat;background-position:bottom center;background-size:35px 2px}@media screen and (min-width: 971px){#app{background-image:url(../img/bg.asset_E_site_vue_w5v3_projects_yamaha_assets_img_bg_jpg.9a657.jpg)}#app>div.content{position:relative;margin:0 auto;padding-top:20px;padding-bottom:50px;width:1224px}#app>div.content>div{float:left;width:306px;margin-bottom:5px}#app>div.content>div a{display:block}#app>div.content>div a img{width:100%}#app>div.header{height:125px;background:url(../img/bg2.asset_E_site_vue_w5v3_projects_yamaha_assets_img_bg2_png.5a0b6.png);position:relative}#app>div.header>div.contain{display:block;width:1224px;height:125px;margin:0 auto;position:relative}#app>div.header>div.contain>div{display:none}#app>div.header>div.contain>div.logo{display:block;position:absolute;top:20px;left:0}#app>div.header>div.contain>div.logo img{width:200px}#app>div.header>div.contain>div.input{display:block;width:461px;height:46px;position:absolute;right:10px;top:30px;background-color:RGBA(0, 0, 0, 0.1);border-radius:20px}#app>div.header>div.contain>div.input>div.search{width:20px;height:20px;background-color:#7fffd4;position:absolute;right:15px;bottom:12px;background:url(../img/search.asset_E_site_vue_w5v3_projects_yamaha_assets_img_search_png.6383d.png);background-size:cover;cursor:pointer}#app>div.header>div.contain>div.input>input{position:absolute;bottom:0;padding:0 5% 1%;width:95%;height:80%;font-size:18px;line-height:20px;background-color:rgba(0,0,0,0);color:#fff;border:none}#app>div.header>div.contain>div.input>input:focus,#app>div.header>div.contain>div.input>input:active{border:none;outline:none;box-shadow:none}#app>div.header>div.contain>div.input>input::placeholder{font-size:15px;color:RGBA(255, 255, 255, 0.7)}#app>div.header>div.contain div.maintance{font-size:0;color:#fff;display:block;position:absolute;top:83px;right:80px;height:35px;cursor:pointer}#app>div.header>div.contain div.maintance img{margin-top:3px;width:29px}#app>div.header>div.contain div.exit{display:block;top:83px;right:10px;position:absolute}#app>div.header>div.contain div.exit img{cursor:pointer;color:red;width:35px;height:35px}}@media screen and (max-width: 970px){#app{background-image:url(../img/bg1.asset_E_site_vue_w5v3_projects_yamaha_assets_img_bg1_jpg.89d0e.jpg);width:100%}#app>div.header{width:100%;height:16rem}#app>div.header>div.contain{position:relative;width:100%;padding-bottom:50px}#app>div.header>div.contain>div.logo{text-align:center;padding:2rem 0}#app>div.header>div.contain>div.logo img{width:200px}#app>div.header>div.contain div.input{background-color:RGBA(0, 0, 0, 0.1);display:block;width:612px;height:4rem;position:relative;border-radius:30px;margin:0 auto;text-align:center}#app>div.header>div.contain div.input>input{bottom:0;width:90%;font-size:1.3rem;line-height:4rem;background-color:rgba(0,0,0,0);color:#fff;border:none}#app>div.header>div.contain div.input>input::placeholder{color:RGBA(255, 255, 255, 0.7)}#app>div.header>div.contain div.input>input:focus,#app>div.header>div.contain div.input>input:active{outline:none;box-shadow:none}#app>div.header>div.contain div.input>div.search{width:20px;height:20px;background-color:#7fffd4;position:absolute;right:25px;bottom:15px;background:url(../img/search.asset_E_site_vue_w5v3_projects_yamaha_assets_img_search_png.6383d.png);background-size:cover;cursor:pointer}#app>div.header>div.contain div.maintance{display:block;position:relative;width:612px;margin:0 auto}#app>div.header>div.contain div.maintance img{top:-46px;right:60px;position:absolute;cursor:pointer;width:28px}#app>div.header>div.contain div.exit{display:block;position:relative;width:612px;margin:0 auto}#app>div.header>div.contain div.exit img{top:-50px;right:0px;position:absolute;cursor:pointer;width:35px;height:35px}#app>div.menubar{background-color:rgba(0,0,0,0)}#app>div.menubar div.menu{background-color:red;border-radius:30px 30px 0 0;padding-left:25px;width:612px}#app>div.menubar div.menu>div{width:120px}#app>div.content{padding-top:20px;width:612px;margin:0 auto;background-color:RGBA(0, 0, 0, 0.1)}#app>div.content>div{float:left;width:306px;margin-bottom:5px}#app>div.content>div a{display:block}#app>div.content>div a img{width:100%}.dialog{width:80%;height:230px;overflow:hidden;text-align:center}.dialog div.phone,.dialog div.verify{width:92%;display:inline-block}.dialog div.phone .input,.dialog div.verify .input{width:calc(100% - 70px)}.dialog .bottombar{width:100%;height:40px;line-height:40px;font-size:18px}}@media screen and (max-width: 612px){#app>div.header>div.contain{width:100%}#app>div.header>div.contain div.input{width:95%}#app>div.header>div.contain div.exit,#app>div.header>div.contain div.maintance{width:95%}#app>div.menubar{background-color:rgba(0,0,0,0)}#app>div.menubar div.menu{background-color:red;border-radius:30px 30px 0 0;padding-left:25px;width:95%}#app>div.menubar div.menu>div{font-size:1rem;line-height:4rem;width:70px}#app>div.content{width:95%;padding-top:10px;margin:0 auto}#app>div.content>div{width:50%}}