*{margin:0;padding:0}html,body{height:2600px;color:#fff}a{color:#333;text-decoration:none}.el-button{display:block}#app{height:100%;background:url(../img/bg.gif);position:relative}#app .app_title{padding-top:300px;font-size:80px;text-align:center}#app .app_btn{display:block;width:120px;height:40px;line-height:40px;margin:120px auto 0 auto;background:rgba(255,255,255,.8);text-align:center;transition:all .5s}#app .app_btn:hover{background:rgba(255,255,255,.5)}#app .box-card{width:860px;position:absolute;left:50%;top:0;transform:translateX(-50%);background:#fff;padding:0 20px 50px 20px}#intro{position:absolute;left:50%;transform:translateX(-50%);padding-top:150px}#intro .el-card{width:860px;height:400px;padding:0 20px}#intro .el-card .intro__txt{text-indent:2em;text-align:justify}#intro .el-card .intro__cb .intro__cb__hd{display:flex;align-items:center}#intro .el-card .intro__cb .intro__cb__hd span{display:block;width:20px;height:20px;line-height:20px;margin-left:4px;border-radius:50%;background:#e8eaec;text-align:center;font-size:12px}#intro .el-card .intro__cb .intro__cb__bd{margin-top:15px;display:flex;font-size:12px}#intro .el-card .intro__cb .intro__cb__bd div{flex:0 0 100px;display:flex;align-items:center}#intro .el-card .intro__cb .intro__cb__bd div span.cb__name{margin-left:5px}.know h2{margin-top:20px;font-size:24px;text-align:center}.know_bd{margin-top:60px;display:flex;justify-content:space-around}.know_bd_pic{text-align:center}.know_bd_pic div{margin:0 auto}.know_bd_pic span{display:block;margin-top:10px;font-size:14px}.genre_pic h2{margin-top:20px;font-size:24px;text-align:center}.genre_pic #vis4{margin-top:60px}.genre_bar h3{margin-top:20px;text-align:center}.genre_bar .el-button{margin:20px auto 0 auto}.genre_bar #vis3{margin-top:30px;display:block;text-align:center}.pick .pick__rank h2{margin-top:20px;font-size:24px;text-align:center}.pick .pick__rank .el-select{width:400px;display:block;margin:30px auto 0 auto}.pick .pick__rank .el-table{width:400px;margin:30px auto 0 auto}.pick .pick__rank .el-button{margin:50px 50px 0 auto}.pick .pick__detail .el-select{width:400px;display:block;margin:30px auto 0 auto}.pick .pick__detail #vis6{margin-top:60px;display:block;text-align:center}.recom h2{margin-top:20px;font-size:24px;text-align:center}.recom_ranks{display:flex;justify-content:space-around}.recom_ranks_part{flex:0 0 320px}.recom_ranks_part span.title{display:block;margin-top:20px;font-size:14px;text-align:center}.recom_ranks_part .el-table{margin-top:10px}/*# sourceMappingURL=base.css.map */
