1 line
1.6 KiB
CSS
1 line
1.6 KiB
CSS
|
.player_choice_box{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:1000000;background-color:rgba(0,0,0,.3)}.player_choice_box .choice_content{box-sizing:border-box;position:absolute;background-color:#fff;border-radius:16px;padding:56px 74px;width:504px;left:50%;top:50%;box-shadow:0 10px 28px 0 hsla(0,0%,45.9%,.38);transform:translate(-50%,-50%)}.player_choice_box .choice_content .choice_header{color:#333;text-align:center;font-size:20px;line-height:30px}.player_choice_box .choice_content .choice_footer{margin-top:40px;display:flex;margin-left:-8px;margin-right:-8px}.player_choice_box .choice_content .choice_footer a{box-sizing:border-box;flex:1;display:block;height:44px;line-height:42px;border:1px solid #bbb;border-radius:8px;color:#666;font-size:18px;text-align:center;margin:0 8px;cursor:pointer}.player_choice_box .choice_content .choice_footer .active{color:#fff;background-color:#1890ff;border:1px solid #1890ff}.player_switch_box{float:right;z-index:101;padding:5px 0;position:relative;cursor:pointer;height:100%;font-size:18px;font-weight:400;line-height:34px}.player_switch_box .content{color:#1890ff}.player_switch_box .hover_box{box-sizing:border-box;position:absolute;display:none;left:-10px;top:-70px;width:136px;height:74px;color:#666;text-align:center;padding:3px 0}.player_switch_box .hover_box .hover_content{position:relative;top:-18px;background-color:#fff;border-radius:4px}.player_switch_box .hover_box .active{color:#1890ff}.player_switch_box .hover_box .player:hover,.player_switch_box .hover_box a:hover{color:#1890ff}.player_switch_box:hover .hover_box{display:block}
|