/* CSS Document */
*{
    margin:0;
    padding:0;
}
a{
    text-decoration:none;
    color:black;
    cursor:pointer;
}
ul{
    list-style:none;
}
ul li,ul li a{
    display:block;
}
ul li a:hover{
    opacity:.5;
}
body{
    width:1920px;
    height:1080px;
    margin:0 auto;
    position:relative;
    background-color:rgb(204,190,187);
    image-rendering:pixelated;
}
/* 展示内容的容器 */
.container{
    width:1920px;
    height:1080px;
    overflow:hidden;
}
/* 容纳内容的盒子 */
#box{
    width:3840px;
    height:2160px;
    transition:.75s all ease-in-out;
    display:flex;
    flex-wrap:wrap;
}
/* 标题画面 */
.title{
    width:1920px;
    height:1080px;
    background-image:url('../images/titleScreen.png');
    background-repeat:no-repeat;
    background-size:1920px 1080px;
    position:relative;
}
.title img{
    width:540px;
    height:540px;
    position:absolute;
    top:380px;
    left:680px;
    z-index:998;
}
/* FimTale选择漫画页面 */
.ftMenu{
    width:1920px;
    height:1080px;
    background-image:url('../images/emptyscreen.png');
    background-repeat:no-repeat;
    background-size:1920px 1080px;
    position:relative;
}
.ftMenu img{
    width:1608px;
    height:912px;
    position:absolute;
    top:84px;
    left:156px;
}
.ftMenu .sel{
    display:block;
    width:1408px;
    height:812px;
    position:absolute;
    top:134px;
    left:256px;
}
.ftMenu .sel ul li{
    font-size:48px;
    margin-top:20px;
}
/* 主菜单 */
.gmenu{
    width:1920px;
    height:1080px;
    position:relative;
}
.gmenu .menu{
    width:1920px;
    height:1080px;
}
/* 以撒的影子图层 */
.shadow{
    width:768px;
    height:450px;
    background-image:url('../images/menushadow.png');
    background-repeat:no-repeat;
    background-size:768px 450px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:996;
    pointer-events:none;
}
/* 边缘阴影图层 */
.overlay{
    width:1920px;
    height:1080px;
    background-image:url('../images/menuoverlay.png');
    background-repeat:no-repeat;
    background-size:1920px 1080px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-540px;
    margin-left:-960px;
    z-index:997;
    pointer-events:none;
}
.gmenu .sel{
    width:450px;
    height:640px;
    position:absolute;
    top:300px;
    left:800px;
}
.gmenu .sel ul li{
    width:240px;
    height:100px;
    font-size:60px;
    margin-top:20px;
}
/* 加载中页面 */
#buffer{
    width:1920px;
    height:1080px;
    position:absolute;
    top:0;
    left:0;
    background:black;
    z-index:998;
}
#buffer #buf{
    width:196px;
    height:216px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-98px;
    margin-top:-183px;
}
#buffer #buff{
    width:316px;
    height:100px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-158px;
    margin-top:83px;
}
#buffer #buffDone{
    width:172px;
    height:88px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-86px;
    margin-top:83px;
    opacity:0;
    pointer-events:none;
}
#buffer #buffDone img{
    width:172px;
    height:88px;
}
/* 啦啦啦页面 */
#loading{
    width:1920px;
    height:1080px;
    position:absolute;
    top:0;
    left:0;
    background:black;
    transition:all 1s ease;
    z-index:999;
    pointer-events:none;
    opacity:0;
}
#lostLoad{
    width:236px;
    height:384px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-118px;
    margin-top:-192px;
}
#silveryLoad{
    width:288px;
    height:312px;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-144px;
    margin-top:-156px;
}
/* 渐白转场页面 */
#white{
    width:1920px;
    height:1080px;
    position:absolute;
    top:0;
    left:0;
    background:white;
    z-index:999;
    pointer-events:none;
    opacity:0;
    transition:2s all ease;
}
/* 显示页面样式 */
.visible{
    opacity:1 !important;
    pointer-events:visible !important;
}
/* 隐藏页面样式 */
.vanish{
    opacity:0 !important;
    pointer-events:none !important;
}