#gameView {
    height: 100%;
    width: 100%;
    background-color: antiquewhite
}

@font-face {
    font-family: 'song';
    url("../fonts/SongTiBack.ttf") format(‘truetype’); /* Safari, Android, iOS */
}

#loading,#cover_box,#content_box,#clerk_box,#end_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#loading{
    display: flex;
    align-items: center;
    justify-content: center;
}
#loading #load_box{
    width: 80%;
}
#loading #load_box #load_img{
    display: block;
}
#loading #load_box #load_txt{
    font-size: 18px;
    color: #a74223;
    text-align: center;
}
#loading #load_box #load_bar{
    background-image: url("../images/loading-lang.gif");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 100%;
}
#cover_box #fengpi,#cover_box #yaoqinghan{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

#cover_box #fengpi{
    background-size: auto 100%;
}
#cover_box #yaoqinghan #goCont{
    width: 31%;
    height: 7%;
    position: absolute;
    top: 79%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#content_box{
    background: #fff6e1;
}
#content_box #p1{
    height: 100%;
    width: 100%;
    overflow-x: scroll;
    position: absolute;

}
#content_box #p1 #p1_box{
    position: absolute;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

#content_box #p1 #p1_box #women{
    position: absolute;
    height: 57%;
    left: 31%;
}
#content_box #p1 #p1_box #p1img{
    display: block;
    height: 68%;
}

#content_box #p1::-webkit-scrollbar {
    display: none;
}
#content_box #p1 #tag_box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#content_box #p1 .tag{
    position: absolute;
    left: 0;
    width: 2.2%;
    top: 0
}

#content_box #p1 #tag_1{
    left: calc(100%/7 * 0.5 + 50px);
    top: 8%;
}
#content_box #p1 #tag_2{
    left: calc(100%/7 * 1.5 + 30px);
    top: 38%;
}
#content_box #p1 #tag_3{
    left: calc(100%/7 * 2.5 + 10px);
    top: 38%;
}
#content_box #p1 #tag_4{
    left: calc(100%/7 * 3.5);
    top: 38%;
}
#content_box #p1 #tag_5{
    left: calc(100%/7 * 4.5 - 10px);
    top: 28%;
}
#content_box #p1 #tag_6{
    left: calc(100%/7 * 5.5 - 30px);
    top: 8%;
}
#content_box #p1 #tag_7{
    left: calc(100%/7 * 6.5  - 50px);
    top: 28%;
}

#content_box #p2{
    height: 100%;
    width: 100%;
    overflow-x: scroll;
    position: absolute;
    display: flex;
    align-items: flex-end;
}
#content_box #p2 img{
    display: block;
    height: 40%;
}
#content_box #p2::-webkit-scrollbar {
    display: none;
}

#content_box #p3{
    height: 100%;
    width: 100%;
    overflow-x: scroll;
    position: absolute;
    display: flex;
    align-items: flex-end;
}
#content_box #p3 img{
    display: block;
    height: 60%;
}
#content_box #p3::-webkit-scrollbar {
    display: none;
}

#content_box #p4{
    height: 100%;
    width: 100%;
    overflow-x: scroll;
    position: absolute;
    display: flex;
    align-items: flex-end;
}
#content_box #p4 img{
    display: block;
    height: 100%;
}
#content_box #p4::-webkit-scrollbar {
    display: none;
}

#clerk_box{
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#clerk_box .clerk-btn{
    position: absolute;
    top: 91%;
    left: 35%;
    width: 21%;
    height: 5%;
    transform: translate(-50%,-50%);
}

#end_box{

}
#end_box #end_img{
    width: 100%;
    height: 100%;
    display: block;
}
#end_box #end_btn{
    position: absolute;
    /*top: 58%;*/
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    height: 5%;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

#end_box #end_text{
    position: absolute;
    /*top: 63%;*/
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 2%;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.hand_left,.hand_click{
    position: absolute;
    width: 180px;
    height: auto;
}

#cover_box .hand_left{
    left: 50%;
    top: 70%;
}
#cover_box .hand_click{
    left: 33%;
    top: 72%;
}

/*#p1_box .hand_click{*/
/*    left: calc(100%/7 * 3.5 - 50px);*/
/*    top: 38%;*/
/*}*/
#p1_box .hand1{
    left: calc(100%/7 * 0.5);
    top: 8%;
}
#p1_box .hand2{
    left: calc(100%/7 * 1.5 - 10px);
    top: 38%;
}
#p1_box .hand3{
    left: calc(100%/7 * 2.5 - 30px);
    top: 38%;
}
#p1_box .hand4{
    left: calc(100%/7 * 3.5 - 50px);
    top: 38%;
}
#p1_box .hand5{
    left: calc(100%/7 * 4.5 - 60px);
    top: 28%;
}
#p1_box .hand6{
    left: calc(100%/7 * 5.5 - 80px);
     top: 8%;
}
#p1_box .hand7{
    left: calc(100%/7 * 6.5 - 100px);
    top: 28%;
}

#p1_box .hand_left{
    top: 75%;
    position: fixed;
    left:calc(50% - 90px);
}
#clerk_box .hand_click{
    width: 100px;
}

#cover_box #yaoqinghan #yaoqingren{
    font-family: "song";
    position: absolute;
    left: 15%;
    top: 54%;
    color: #461c0f;
}