/**
 * Created by Leonardo on 2022/4/15.
 */
body {
    background: #2d5c93;
    margin: 0;
}

.container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    position: relative;
    width: 1280px;
    height: auto;
    margin: 0 auto;
}

#dlgbox {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(55, 55, 55, 0.5);
}

.try_dlg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    position: absolute;
    left: 0px;
    top: 0px;
    width: 1280px;
    height: 949px;
    margin: 0 auto;

    background: url("../images/libr/try_dlg.png");
}

.frame1_btn1 {
    left: 133px;
    top: 446px;
    background: #2d5c93;
    color: white;
}

.frame1_btn2 {
    left: 366px;
    top: 446px;
    background: #2d5c93;
    color: white;
}


.frame5_btn {
    left: 1190px;
    top: 550px;
    background: #FF6C01;
    color: white;
}


.frame14 {
    position: relative;
    width: 1280px;
    height: 457px;
    background: url("../images/libr/14.jpeg");
}

.frame13 {
    position: relative;
    width: 1280px;
    height: 333px;
    background: url("../images/libr/13.jpeg");
}

.frame12 {
    position: relative;
    width: 1280px;
    height: 600px;
    background: url("../images/libr/12.jpeg");
}

.frame11 {
    position: relative;
    width: 1280px;
    height: 367px;
    background: url("../images/libr/11.jpeg");
}

.frame10 {
    position: relative;
    width: 1280px;
    height: 547px;
    background: url("../images/libr/10.jpeg");
}

.frame9 {
    position: relative;
    width: 1280px;
    height: 567px;
    background: url("../images/libr/9.jpeg");
}

.frame8 {
    position: relative;
    width: 1280px;
    height: 413px;
    background: url("../images/libr/8.jpeg");
}

.frame7 {
    position: relative;
    width: 1280px;
    height: 763px;
    background: url("../images/libr/7.jpeg");
}

.frame6 {
    position: relative;
    width: 1280px;
    height: 567px;
    background: url("../images/libr/6.jpeg");
}

.frame5 {
    position: relative;
    width: 1280px;
    height: 567px;
    background: url("../images/libr/5.jpeg");
}

.frame4 {
    position: relative;
    width: 1280px;
    height: 600px;
    background: url("../images/libr/4.jpeg");
}

.frame3 {
    position: relative;
    width: 1280px;
    height: 403px;
    background: url("../images/libr/3.jpeg");
}

.frame2 {
    position: relative;
    width: 1280px;
    height: 600px;
    background: url("../images/libr/2.jpeg");
}



/*导航*/
.frame1 {
    position: relative;
    width: 1280px;
    height: 600px;
    left: 0px;
    top: 0px;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 0px;

    background: url("../images/libr/1.jpeg");
}