body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    -webkit-text-size-adjust: none;
    margin: 0;
    padding: 0;
}

body, button, input, select, textarea {
    font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

address, cite, dfn, em, var {
    font-style: normal;
}

/*MEA*/
code, kbd, pre, samp {
    font-family: courier new, courier, monospace;
}

small {
    font-size: 12px;
}

ul, ol {
    list-style: none;
}

a {
    text-decoration: none;
    outline: 0 none
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

legend {
    color: #000;
}

fieldset, img {
    border: 0;
}

button, input, select, textarea {
    font-size: 100%;
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body, html {
    background: #FFF;
    font-family: "Microsoft Yahei";
}

html {
    font-size: 100px;
}

body {
    font-size: 14px;
    line-height: 28px;
    color: #060606;
}

a {
    color: #5B5B5B;
    outline: none;
}

#footer_ied {
    background: #5E6FB4;
    padding: 34px 0;
    text-align: center;
    line-height: 2;
    position: relative;
}

#footer_ied a, #footer_ied {
    color: #fff
}

#afooter {
    position: relative;
    width: 100%;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 20px 0;
    line-height: 22px;
}

#afooter a {
    color: #fff;
}

@font-face {
    font-family: "font1";
    src: url(/ossweb-img/font1.otf);
}
@font-face {
    font-family: "font2";
    src: url(/ossweb-img/GAMEFONTYAHEI.TTF);
}

html {
    scroll-behavior: smooth;
}

html, body, .wrapper {
    position: relative;
    width: 100%;
}

.part {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}

html {
    font-size: calc(100vw / 1920 * 100);
    cursor: url(/ossweb-img/Mouse.png) 10 10, auto !important;
}

body{
}


::-webkit-scrollbar {
    width: .06rem;
    height: .06rem;
    color: #96918d00;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: .06rem;
    background-color: #96918d00;
}

::-webkit-scrollbar-thumb {
    border-radius: .06rem;
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #412e12;
}

body, html {
    /*font-family: "font1", serif;*/
}

.wrapper {
    height: 100vh;
    min-height: 8.5rem;
    overflow: hidden;
}
.loadingImg{
    position: absolute;
    z-index: -100;
    opacity: 0;
    width: 1rem;
    height: 1rem;
    background-image: url("/ossweb-img/main_act1_bg.png"),
    url("/ossweb-img/main_act2_bg.png"),
    url("/ossweb-img/main_act3_bg.png"),
    url("/ossweb-img/main_act4_bg.png"),
    url("/ossweb-img/main_act5_bg.png"),
    url("/ossweb-img/main_act6_bg.png"),
    url("/ossweb-img/main_act6-1_bg.png"),
    url("/ossweb-img/main_task6-1.png"),
    url("/ossweb-img/main_task6.png"),
    url("/ossweb-img/d1.jpg"),
    url("/ossweb-img/d2.jpg"),
    url("/ossweb-img/d3.jpg"),
    url("/ossweb-img/d4.jpg"),
    url("/ossweb-img/d5.jpg"),
    url("/ossweb-img/d6.jpg"),
    url("/ossweb-img/d7.jpg"),
    url("/ossweb-img/p21.jpg"),
    url("/ossweb-img/p22.jpg"),
    url("/ossweb-img/p23.jpg"),
    url("/ossweb-img/p24.jpg"),
    url("/ossweb-img/main_act7_bg.png");
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialogue {
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/Subtitles_bg.jpg") center/cover no-repeat;
    z-index: 100;
}

.dialogue-text {
    width: 9.24rem;
    height: 0;
    overflow: hidden;
    animation: dialogueText 5s linear forwards;
    animation-delay: .5s;
}

@keyframes dialogueText {
    0% {
        height: 0;
    }
    100% {
        height: 2.51rem;
    }
}

.dialogue-text-img {
    width: 9.24rem;
    height: 2.51rem;
}

.kv {
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/kv_bg.jpg") center/cover no-repeat;
}

.kv_btn1 {
    width: 2.37rem;
    height: .6rem;
    background: url("/ossweb-img/rewatch_btn.png") center/cover no-repeat;
    top: .2rem;
    right: 1.03rem;
}

.kv_logo {
    width: 2.89rem;
    height: .37rem;
    background: url("/ossweb-img/kv_logo.png") center/cover no-repeat;
    top: .24rem;
    left: .3rem;
}

.kv_title1 {
    width: 8.57rem;
    height: .56rem;
    background: url("/ossweb-img/kv_title_top.png") center/cover no-repeat;
    top: .17rem;
    left: 50%;
    transform: translateX(-50%);
}

.kv_title2 {
    width: 10.28rem;
    height: 4.78rem;
    background: url(/ossweb-img/kv_title_bottom.png) center / cover no-repeat;
    bottom: 0rem;
    left: 53.2%;
    transform: translateX(-50%);
}

.kv_btn2 {
    width: 3.58rem;
    height: .7rem;
    background: url("/ossweb-img/kv_main_btn.png") center/cover no-repeat;
    bottom: .6rem;
    left: 50%;
    transform: translateX(-50%);
}

.task-sidebar {
    width: auto;
    height: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    font-family: 'font1',serif;
    font-size: .25rem;
    justify-content: flex-start;
}

.task-sidebar-act{
    width: 100%;
    height: 100%;
    top: 0;
    transform: translateY(0);
}

.task-sidebar1 {
    width: .94rem;
    height: 2.02rem;
    margin: 0.3rem 0;
    background: url("/ossweb-img/kv_task_close.png") top center/ 100% 100% no-repeat;
}

.task-sidebar1-close {
    width: .4rem;
    height: 1.4rem;
    top: 2.15rem;
    right: 0;
    display: none;
}

.task-sidebar1-act {
    width: 5rem;
    height: 4.93rem;
    margin: 0.2rem 0;
    background: url("/ossweb-img/kv_task.png") top center/ 100% 100% no-repeat;
}

.task-sidebar1-con {
    width: 4.35rem;
    height: 3.45rem;
    display: none;
}

.task-sidebar1-act .task-sidebar1-close,
.task-sidebar1-act .task-sidebar1-con {
    display: block;
}

.task-sidebar1-con {
    top: .85rem;
    left: .25rem;
    overflow: hidden;
}

.task-item {
    justify-content: space-between;
    min-height: .7rem;
    position: relative;
    padding-right: .1rem;
}

.task-item::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4.21rem;
    height: .02rem;
    background: url("/ossweb-img/kv_task_line.png") top center/ 100% 100% no-repeat;
}

.task-text {
    width: 70%;
    font-size: .24rem;
    line-height: .24rem;
    text-indent: .2rem;
    color: #412e12;
}

.task-btn.taskGo {
    width: 1.25rem;
    height: .4rem;
    background: url("/ossweb-img/kv_task_subing.png") top center/ 100% 100% no-repeat;
}

.task-btn.taskEd {
    width: 1.25rem;
    height: .4rem;
    background: url("/ossweb-img/kv_task_subed.png") top center/ 100% 100% no-repeat;
}

.task-sidebar2 {
    width: .94rem;
    height: 2.02rem;
    margin: 0.3rem 0;
    background: url("/ossweb-img/kv_book.png") top center/ 100% 100% no-repeat;
}

.bgm {
    top: 0.2rem;
    right: .3rem;
    width: .61rem;
    height: .61rem;
    background: url("/ossweb-img/kv_bgm_close.png") top center/ 100% 100% no-repeat;
}

.bgm-act {
    background: url("/ossweb-img/kv_bgm_on.png") top center/ 100% 100% no-repeat;
}

.main {
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/main_bg.jpg") center/cover no-repeat;
}

.main-con {
    width: 16.12rem;
    height: 7.7rem;
}

.main-item1 {
    width: 3.59rem;
    height: 1rem;
    top: 6rem;
    left: 7rem;
    background: url("/ossweb-img/main_task1.png") top center/100% 100% no-repeat;
}

.main-item2 {
    width: 3.59rem;
    height: 1.01rem;
    top: 6rem;
    left: 2.5rem;
    background: url("/ossweb-img/main_task2.png") top center/100% 100% no-repeat;
}

.main-item3 {
    width: 3.59rem;
    height: 1.04rem;
    top: 4.57rem;
    left: .4rem;

    background: url("/ossweb-img/main_task3.png") top center/100% 100% no-repeat;
}

.main-item4 {
    width: 3.59rem;
    height: 1.01rem;
    top: 4.6rem;
    left: 9rem;

    background: url("/ossweb-img/main_task4.png") top center/100% 100% no-repeat;
}

.main-item5 {
    width: 3.62rem;
    height: 1.01rem;
    top: 4.6rem;
    left: 13.2rem;
    background: url("/ossweb-img/main_task5.png") top center/100% 100% no-repeat;
}

.main-item6 {
    width: 3.59rem;
    height: 1.01rem;
    top: 4.6rem;
    left: 4.7rem;

    background: url("/ossweb-img/main_task6-1.png") top center/100% 100% no-repeat;
}
.main-item6-act.main-item6{
    background: url("/ossweb-img/main_task6.png") top center/100% 100% no-repeat;
}

.main-item7 {
    width: 3.59rem;
    height: 1.01rem;
    top: 6rem;
    left: 11.5rem;
    background: url("/ossweb-img/main_task7.png") top center/100% 100% no-repeat;
}

.main-item1 img {
    width: 3.78rem;
    float: right;
    margin-top: -0.14rem;
    margin-right: .1rem;
}

.main-item2 img {
    width: 3.7rem;
    float: right;
    margin-top: -0.14rem;
    margin-right: .1rem;
}

.main-item3 img {
    width: 4.13rem;
    margin-top: -0.2rem;
    margin-left: .1rem;
}

.main-item4 img {
    width: 4.99rem;
    margin-top: -0.05rem;
    margin-left: -.15rem;
}

.main-item5 img {
    width: 3.21rem;
    float: right;
    margin-top: -0.05rem;
    margin-right: .07rem;
}

.main-item6 img {
    width: 3.18rem;
    float: right;
    margin-top: 0.13rem;
    margin-right: .16rem;
}

.main-item7 img {
    width: 3.84rem;
    margin-top: -0.18rem;
    margin-left: .1rem;
}

.main-item1:hover {
    background: url("/ossweb-img/main_act1_bg.png") top center/100% 100% no-repeat;
}

.main-item2:hover {
    background: url("/ossweb-img/main_act2_bg.png") top center/100% 100% no-repeat;
}

.main-item3:hover {
    background: url("/ossweb-img/main_act3_bg.png") top center/100% 100% no-repeat;
}

.main-item4:hover {
    background: url("/ossweb-img/main_act4_bg.png") top center/100% 100% no-repeat;
}

.main-item5:hover {
    background: url("/ossweb-img/main_act5_bg.png") top center/100% 100% no-repeat;
}

.main-item6:hover {
    background: url("/ossweb-img/main_act6-1_bg.png") top center/100% 100% no-repeat;
}
.main-item6-act.main-item6:hover{
    background: url("/ossweb-img/main_act6_bg.png") top center/100% 100% no-repeat;
}

.main-item7:hover {
    background: url("/ossweb-img/main_act7_bg.png") top center/100% 100% no-repeat;
}

.prop-bag{
    width: 1.47rem;
    height: 1.49rem;
    bottom: 0.2rem;
    right: 0.2rem;
}
.prop-bag-act{
    width: 5.31rem;
}
.prop-bag-act .prop-bag-con{
    width: 5.31rem;
}
.prop-bag-con{
    width: 1.47rem;
    height: 1.49rem;
}
.bao_icon{
    width: .79rem;
    height: .81rem;
}
.prop-bag-icon{
    display: block;
    width: 1.47rem;
    height: 1.49rem;
    position: absolute;
    right: 0;
}
.prop-bag-iconList{
    width: 4.01rem;
    height: .71rem;
    background: url("/ossweb-img/kv_bao_bg.png") top center/100% 100%;
    bottom: 0.3rem;
    right: 1.3rem;
    justify-content: flex-start;
}
.prop-bag-icon1{
    margin: 0 0.1rem;
    transform: translate(-0.3rem ,0.03rem);
}
.icon_hui{
    filter: grayscale(1);
}


.main1 {
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/main1_bg.jpg") center/cover no-repeat;
}

.main1-sidebar {
    width: 4.32rem;
    top: 40%;
    transform: translateY(-50%);
    right: 0;
}
.main1 .main1-sidebar {
    width: auto;
    top: 68%;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
}

.main1-sidebar-btn1 {
    width: 2.70rem;
    height: .68rem;
    margin: 0 0.4rem;
    float: left;
    background: url("/ossweb-img/main1_btn_top.png") top center/100% 100% no-repeat;
}

.main1-sidebar-btn2 {
    width: 3.31rem;
    height: .68rem;
    margin: 0 0.4rem;
    float: left;
    background: url("/ossweb-img/main1_btn_bottom.png") top center/100% 100% no-repeat;
}

.main1-con {
    width: 10.05rem;
    height: 8.12rem;
    left: 2.14rem;
    background: url("/ossweb-img/main1_con_bg.png") top center/100% 100% no-repeat;
}

.main1_swiper_con {
    width: 7.75rem;
    height: 4.17rem;
    top: 2.5rem;
    left: 1.15rem;
}

.main1_prev {
    width: .25rem !important;
    height: .39rem !important;
    display: block;
    top: 1.9rem;
    left: -0.7rem;
    position: absolute;
    background: url("/ossweb-img/left.png") top center/100% 100% no-repeat;
     cursor: url(/ossweb-img/Mouse.png) 10 10, auto !important;
}

.main1_next {
    width: .25rem !important;
    height: .39rem !important;
    display: block;
    top: 1.9rem;
    right: -0.7rem;
    position: absolute;
    background: url("/ossweb-img/right.png") top center/100% 100% no-repeat;
     cursor: url(/ossweb-img/Mouse.png) 10 10, auto !important;
}

.main1-tip {
    width: 9.7rem;
    position: absolute;
    top: 7.2rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: .17rem;
    line-height: .24rem;
    color: #f0dbba;
    text-align: center;
}

.main1-nav {
    width: 10.03rem;
    height: .76rem;
    top: .9rem;
}

.main1-nav-item {
    flex: 1;
    height: .76rem;
    background: url("/ossweb-img/main1_con_tab.png") top center/auto 100% no-repeat;
}

.main1-nav-item .main1_tab_2 {
    display: none;
}

.main1-nav-act0 .main1-nav-item:nth-child(1) {
    background: url("/ossweb-img/main1_con_tab_act.png") top center/auto 100% no-repeat;
}

.main1-nav-act1 .main1-nav-item:nth-child(2),
.main1-nav-act2 .main1-nav-item:nth-child(2)
{
    background: url("/ossweb-img/main1_con_tab_act.png") top center/auto 100% no-repeat;
}

.main1-nav-act3 .main1-nav-item:nth-child(3),
.main1-nav-act4 .main1-nav-item:nth-child(3)
{
    background: url("/ossweb-img/main1_con_tab_act.png") top center/auto 100% no-repeat;
}

.main1-nav-act0 .main1-nav-item:nth-child(1) .main1_tab_2 {
    display: block
}

.main1-nav-act0 .main1-nav-item:nth-child(1) .main1_tab_1 {
    display: none
}

.main1-nav-act1 .main1-nav-item:nth-child(2) .main1_tab_2,
.main1-nav-act2 .main1-nav-item:nth-child(2) .main1_tab_2 {
    display: block
}

.main1-nav-act1 .main1-nav-item:nth-child(2) .main1_tab_1,
.main1-nav-act2 .main1-nav-item:nth-child(2) .main1_tab_1 {
    display: none
}

.main1-nav-act3 .main1-nav-item:nth-child(3) .main1_tab_2,
.main1-nav-act4 .main1-nav-item:nth-child(3) .main1_tab_2 {
    display: block
}

.main1-nav-act3 .main1-nav-item:nth-child(3) .main1_tab_1,
.main1-nav-act4 .main1-nav-item:nth-child(3) .main1_tab_1 {
    display: none
}


.main2 {
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/main2_bg.jpg") center/cover no-repeat;
}

.main2-sidebar {
    top: 68%;
    left: 50%;
    transform: translateX(-50%);
}

.main2-sidebar-btn1 {
    width: 2.71rem;
    height: .68rem;
    margin: 0 0.4rem;
    float: left;
    background: url("/ossweb-img/main2_btn_top.png") top center/100% 100% no-repeat;
}

.main2-sidebar-btn2 {
    width: 2.71rem;
    height: .68rem;
    margin: 0 0.4rem;
    float: left;
    background: url("/ossweb-img/main2_btn_bottom.png") top center/100% 100% no-repeat;
}

.main2-con {
    width: 10.05rem;
    height: 8.12rem;
    left: 2.14rem;
    background: url("/ossweb-img/main2_con_bg.png") top center/100% 100% no-repeat;
}

.swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.main2_swiper_con {
    width: 7.75rem;
    height: 4.17rem;
    top: 2.7rem;
    left: 1.15rem;
}

.main2_prev {
    width: .25rem !important;
    height: .39rem !important;
    display: block;
    top: 1.9rem;
    left: -0.7rem;
    position: absolute;
    background: url("/ossweb-img/left.png") top center/100% 100% no-repeat;
     cursor: url(/ossweb-img/Mouse.png) 10 10, auto !important;
}

.main2_next {
    width: .25rem !important;
    height: .39rem !important;
    display: block;
    top: 1.9rem;
    right: -0.7rem;
    position: absolute;
    background: url("/ossweb-img/right.png") top center/100% 100% no-repeat;
     cursor: url(/ossweb-img/Mouse.png) 10 10, auto !important;
}

.main2-tip {
    width: 9.7rem;
    position: absolute;
    top: 7.3rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: .17rem;
    line-height: .24rem;
    color: #f0dbba;
    text-align: center;
}

.swiper-slide {
    height: 4.17rem;
}

.main2-nav {
    width: 10.03rem;
    height: .99rem;
    top: .8rem;
}

.main2-nav-item {
    flex: 1;
    height: .79rem;
    background: url("/ossweb-img/main2_con_tab.png") top center/auto 100% no-repeat;
}

.main2-nav-item .main2_tab_2 {
    display: none;
}

.main1 .main1_tab_1,
.main1 .main1_tab_2 {
    height: .47rem;
}

.main2-nav-act0 .main2-nav-item:nth-child(1),
.main2-nav-act1 .main2-nav-item:nth-child(1),
.main2-nav-act2 .main2-nav-item:nth-child(1),
.main2-nav-act3 .main2-nav-item:nth-child(1),
.main2-nav-act4 .main2-nav-item:nth-child(1),
.main2-nav-act5 .main2-nav-item:nth-child(1) {
    background: url("/ossweb-img/main2_con_tab_act.png") top center/auto 100% no-repeat;
}

.main2-nav-act6 .main2-nav-item:nth-child(2),
.main2-nav-act7 .main2-nav-item:nth-child(2),
.main2-nav-act8 .main2-nav-item:nth-child(2),
.main2-nav-act9 .main2-nav-item:nth-child(2),
.main2-nav-act10 .main2-nav-item:nth-child(2),
.main2-nav-act11 .main2-nav-item:nth-child(2),
.main2-nav-act12 .main2-nav-item:nth-child(2),
.main2-nav-act13 .main2-nav-item:nth-child(2),
.main2-nav-act14 .main2-nav-item:nth-child(2),
.main2-nav-act16 .main2-nav-item:nth-child(2),
.main2-nav-act17 .main2-nav-item:nth-child(2),
.main2-nav-act15 .main2-nav-item:nth-child(2) {
    background: url("/ossweb-img/main2_con_tab_act.png") top center/auto 100% no-repeat;
}

.main2-nav-act18 .main2-nav-item:nth-child(3) {
    background: url("/ossweb-img/main2_con_tab_act.png") top center/auto 100% no-repeat;
}

.main2-nav-act19 .main2-nav-item:nth-child(4),
.main2-nav-act20 .main2-nav-item:nth-child(4),
.main2-nav-act21 .main2-nav-item:nth-child(4) {
    background: url("/ossweb-img/main2_con_tab_act.png") top center/auto 100% no-repeat;
}

.main2-nav-act0 .main2-nav-item:nth-child(1) .main2_tab_2,
.main2-nav-act1 .main2-nav-item:nth-child(1) .main2_tab_2,
.main2-nav-act2 .main2-nav-item:nth-child(1) .main2_tab_2,
.main2-nav-act3 .main2-nav-item:nth-child(1) .main2_tab_2,
.main2-nav-act4 .main2-nav-item:nth-child(1) .main2_tab_2,
.main2-nav-act5 .main2-nav-item:nth-child(1) .main2_tab_2 {
    display: block
}

.main2-nav-act0 .main2-nav-item:nth-child(1) .main2_tab_1,
.main2-nav-act1 .main2-nav-item:nth-child(1) .main2_tab_1,
.main2-nav-act2 .main2-nav-item:nth-child(1) .main2_tab_1,
.main2-nav-act3 .main2-nav-item:nth-child(1) .main2_tab_1,
.main2-nav-act4 .main2-nav-item:nth-child(1) .main2_tab_1,
.main2-nav-act5 .main2-nav-item:nth-child(1) .main2_tab_1 {
    display: none
}

.main2-nav-act6  .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act7  .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act8  .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act9  .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act10 .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act11 .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act12 .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act13 .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act14 .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act16 .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act17 .main2-nav-item:nth-child(2) .main2_tab_2,
.main2-nav-act15 .main2-nav-item:nth-child(2) .main2_tab_2 {
    display: block
}

.main2-nav-act6  .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act7  .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act8  .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act9  .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act10 .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act11 .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act12 .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act13 .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act14 .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act16 .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act17 .main2-nav-item:nth-child(2) .main2_tab_1,
.main2-nav-act15 .main2-nav-item:nth-child(2) .main2_tab_1 {
    display: none
}

.main2-nav-act18 .main2-nav-item:nth-child(3) .main2_tab_2 {
    display: block
}

.main2-nav-act18 .main2-nav-item:nth-child(3) .main2_tab_1 {
    display: none
}

.main2-nav-act19 .main2-nav-item:nth-child(4) .main2_tab_2,
.main2-nav-act20 .main2-nav-item:nth-child(4) .main2_tab_2,
.main2-nav-act21 .main2-nav-item:nth-child(4) .main2_tab_2 {
    display: block
}

.main2-nav-act19 .main2-nav-item:nth-child(4) .main2_tab_1,
.main2-nav-act20 .main2-nav-item:nth-child(4) .main2_tab_1,
.main2-nav-act21 .main2-nav-item:nth-child(4) .main2_tab_1 {
    display: none
}

.main2_nav2 {
    width: 7.6rem;
    height: .61rem;
    top: 1.9rem;
    left: 1.25rem;
    justify-content: space-between;
}

.main2-nav2-item {
    width: 2.33rem;
    height: .61rem;
    background: url("/ossweb-img/main2_con_2tab_act.png") top center/100% 100% no-repeat;
}

.main2-nav2-item .main2_tab_2 {
    display: none;
}

.main2-nav2-act6 .main2-nav2-item:nth-child(1),
.main2-nav2-act7 .main2-nav2-item:nth-child(1),
.main2-nav2-act8 .main2-nav2-item:nth-child(1),
.main2-nav2-act9 .main2-nav2-item:nth-child(1),
.main2-nav2-act10 .main2-nav2-item:nth-child(1),
.main2-nav2-act11 .main2-nav2-item:nth-child(1),
.main2-nav2-act12 .main2-nav2-item:nth-child(1),
.main2-nav2-act14 .main2-nav2-item:nth-child(1),
.main2-nav2-act15 .main2-nav2-item:nth-child(1),
.main2-nav2-act13 .main2-nav2-item:nth-child(1) {
    background: url("/ossweb-img/main2_con_2tab.png") top center/100% 100% no-repeat;
}

.main2-nav2-act16 .main2-nav2-item:nth-child(2) {
    background: url("/ossweb-img/main2_con_2tab.png") top center/100% 100% no-repeat;
}

.main2-nav2-act17 .main2-nav2-item:nth-child(3) {
    background: url("/ossweb-img/main2_con_2tab.png") top center/100% 100% no-repeat;
}

.main2-nav2-act6  .main2-nav2-item:nth-child(1) .main2_tab_2,
.main2-nav2-act7  .main2-nav2-item:nth-child(1) .main2_tab_2,
.main2-nav2-act8  .main2-nav2-item:nth-child(1) .main2_tab_2,
.main2-nav2-act9  .main2-nav2-item:nth-child(1) .main2_tab_2,
.main2-nav2-act10 .main2-nav2-item:nth-child(1) .main2_tab_2,
.main2-nav2-act11 .main2-nav2-item:nth-child(1) .main2_tab_2,
.main2-nav2-act12 .main2-nav2-item:nth-child(1) .main2_tab_2,
.main2-nav2-act14 .main2-nav2-item:nth-child(1) .main2_tab_2,
.main2-nav2-act15 .main2-nav2-item:nth-child(1) .main2_tab_2,
.main2-nav2-act13 .main2-nav2-item:nth-child(1) .main2_tab_2 {
    display: block
}
.main2-nav2-act6  .main2-nav2-item:nth-child(1) .main2_tab_1,
.main2-nav2-act7  .main2-nav2-item:nth-child(1) .main2_tab_1,
.main2-nav2-act8  .main2-nav2-item:nth-child(1) .main2_tab_1,
.main2-nav2-act9  .main2-nav2-item:nth-child(1) .main2_tab_1,
.main2-nav2-act10 .main2-nav2-item:nth-child(1) .main2_tab_1,
.main2-nav2-act11 .main2-nav2-item:nth-child(1) .main2_tab_1,
.main2-nav2-act12 .main2-nav2-item:nth-child(1) .main2_tab_1,
.main2-nav2-act14 .main2-nav2-item:nth-child(1) .main2_tab_1,
.main2-nav2-act15 .main2-nav2-item:nth-child(1) .main2_tab_1,
.main2-nav2-act13 .main2-nav2-item:nth-child(1) .main2_tab_1 {
    display: none
}

.main2-nav2-act16 .main2-nav2-item:nth-child(2) .main2_tab_2 {
    display: block
}

.main2-nav2-act16 .main2-nav2-item:nth-child(2) .main2_tab_1 {
    display: none
}

.main2-nav2-act17 .main2-nav2-item:nth-child(3) .main2_tab_2 {
    display: block
}

.main2-nav2-act17 .main2-nav2-item:nth-child(3) .main2_tab_1 {
    display: none
}


.main2_nav3 {
    width: 7.6rem;
    height: .61rem;
    top: 1.9rem;
    left: 1.25rem;
    justify-content: center;
}

.main2-nav3-item {
    width: 2.33rem;
    height: .61rem;
    margin: 0 0.2rem;
    background: url("/ossweb-img/main2_con_2tab_act.png") top center/100% 100% no-repeat;
}

.main2-nav3-item .main2_tab_2 {
    display: none;
}

.main2-nav3-act19 .main2-nav3-item:nth-child(1) {
    background: url("/ossweb-img/main2_con_2tab.png") top center/100% 100% no-repeat;
}

.main2-nav3-act20 .main2-nav3-item:nth-child(2),
.main2-nav3-act21 .main2-nav3-item:nth-child(2) {
    background: url("/ossweb-img/main2_con_2tab.png") top center/100% 100% no-repeat;
}

.main2-nav3-act19 .main2-nav3-item:nth-child(1) .main2_tab_2 {
    display: block
}

.main2-nav3-act19 .main2-nav3-item:nth-child(1) .main2_tab_1 {
    display: none
}

.main2-nav3-act20 .main2-nav3-item:nth-child(2) .main2_tab_2,
.main2-nav3-act21 .main2-nav3-item:nth-child(2) .main2_tab_2 {
    display: block
}

.main2-nav3-act20 .main2-nav3-item:nth-child(2) .main2_tab_1,
.main2-nav3-act21 .main2-nav3-item:nth-child(2) .main2_tab_1 {
    display: none
}

.main3 {
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/main3_bg.jpg") center/cover no-repeat;
}

.main3-sidebar {
    width: 4rem;
    top: 40%;
    transform: translateY(-50%);
    right: 0;
}

.main3-sidebar-btn1 {
    width: 3.92rem;
    height: 1.12rem;
    margin: 0.11rem 0;
    float: right;
    background: url("/ossweb-img/main3_btn1.png") top center/100% 100% no-repeat;
}

.main3-sidebar-btn2 {
    width: 3.92rem;
    height: 1.02rem;
    margin: 0.11rem 0;
    float: right;
    background: url("/ossweb-img/main3_btn2.png") top center/100% 100% no-repeat;
}

.main3-sidebar-btn3 {
    width: 3.14rem;
    height: .73rem;
    margin: 0.11rem 0;
    float: right;
    background: url("/ossweb-img/main3_btn3.png") top center/100% 100% no-repeat;
}

.main3-con {
    width: 10.05rem;
    height: 8.12rem;
    left: 2.14rem;
    background: url("/ossweb-img/main3_con_bg.png") top center/100% 100% no-repeat;
}

.main3_swiper_con {
    width: 7.75rem;
    height: 4.17rem;
    top: 2.5rem;
    left: 1.15rem;
}

.main3_prev,
.main6_prev,
.main7_prev,
.main4_prev {
    width: .25rem !important;
    height: .39rem !important;
    display: block;
    top: 1.9rem;
    left: -0.7rem;
    position: absolute;
    background: url("/ossweb-img/left.png") top center/100% 100% no-repeat;
     cursor: url(/ossweb-img/Mouse.png) 10 10, auto !important;
}

.main3_next,
.main6_next,
.main7_next,
.main4_next {
    width: .25rem !important;
    height: .39rem !important;
    display: block;
    top: 1.9rem;
    right: -0.7rem;
    z-index: 10;
    position: absolute;
    background: url("/ossweb-img/right.png") top center/100% 100% no-repeat;
     cursor: url(/ossweb-img/Mouse.png) 10 10, auto !important;
}

.main3-tip {
    width: 9.7rem;
    position: absolute;
    top: 7.2rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: .17rem;
    line-height: .24rem;
    color: #f0dbba;
    text-align: center;
}

.main3-nav {
    width: 10.03rem;
    height: .76rem;
    top: .9rem;
}

.main3-nav-item {
    flex: 1;
    height: .76rem;
    background: url("/ossweb-img/main3_con_tab.png") top center/auto 100% no-repeat;
}

.main3-nav-item .main3_tab_2 {
    display: none;
}

.main3_nav3{
    width: 100%;
    height: .61rem;
    top: 1.75rem;
    font-family: 'font1',serif;
    font-size: .26rem;
    color: #805d3c;
}
.main3-nav3-item{
    width: 1.83rem;
    height: .61rem;
    margin: 0 0.05rem;
    background: url("/ossweb-img/main3_con_3tab_act.png") top center/100% 100% no-repeat;
}
.main3_nav4 .main3-nav3-item{
    width: 2.33rem;
    height: .61rem;
    background: url("/ossweb-img/main2_con_2tab_act.png") top center/100% 100% no-repeat;
}

.main3 .main3_tab_2,
.main3 .main3_tab_1 {
    height: .46rem;
}

.main3-nav-act0 .main3-nav-item:nth-child(1) {
    background: url("/ossweb-img/main3_con_tab_act.png") top center/auto 100% no-repeat;
}
.main3-nav-item.main3-nav-act0{
    background: url("/ossweb-img/main3_con_tab_act.png") top center/auto 100% no-repeat;
}.main3-nav-item.main3-nav-act0 .main3_tab_1{display: none;
}.main3-nav-item.main3-nav-act0 .main3_tab_2{display: block;
}
.main3-nav3-item.main3-nav-act0{
    background: url("/ossweb-img/main3_con_3tab.png") top center/100% 100% no-repeat;
    color: #e6c598;
    /*font-size: .3rem;*/
    /*!* 粗细 和 颜色 *!*/
    /*-webkit-text-stroke: .01rem #805d3c;*/
}
.main3-nav3 .main3-nav3-item.main3-nav-act0{
    background: url("/ossweb-img/main2_con_2tab.png") top center/100% 100% no-repeat;
    color: #e6c598;
    /*font-size: .3rem;*/
    /*!* 粗细 和 颜色 *!*/
    /*-webkit-text-stroke: .01rem #805d3c;*/
}

.main3-nav-act1 .main3-nav-item:nth-child(2),
.main3-nav-act2 .main3-nav-item:nth-child(2),
.main3-nav-act3 .main3-nav-item:nth-child(2) {
    background: url("/ossweb-img/main3_con_tab_act.png") top center/auto 100% no-repeat;
}

.main3-nav-act4 .main3-nav-item:nth-child(3) {
    background: url("/ossweb-img/main3_con_tab_act.png") top center/auto 100% no-repeat;
}

.main3-nav-act5 .main3-nav-item:nth-child(4) {
    background: url("/ossweb-img/main3_con_tab_act.png") top center/auto 100% no-repeat;
}

.main3-nav-act6 .main3-nav-item:nth-child(5) {
    background: url("/ossweb-img/main3_con_tab_act.png") top center/auto 100% no-repeat;
}

.main3-nav-act0 .main3-nav-item:nth-child(1) .main3_tab_2 {
    display: block
}

.main3-nav-act0 .main3-nav-item:nth-child(1) .main3_tab_1 {
    display: none
}

.main3-nav-act1 .main3-nav-item:nth-child(2) .main3_tab_2,
.main3-nav-act2 .main3-nav-item:nth-child(2) .main3_tab_2,
.main3-nav-act3 .main3-nav-item:nth-child(2) .main3_tab_2 {
    display: block
}

.main3-nav-act1 .main3-nav-item:nth-child(2) .main3_tab_1,
.main3-nav-act2 .main3-nav-item:nth-child(2) .main3_tab_1,
.main3-nav-act3 .main3-nav-item:nth-child(2) .main3_tab_1 {
    display: none
}

.main3-nav-act4 .main3-nav-item:nth-child(3) .main3_tab_2 {
    display: block
}

.main3-nav-act4 .main3-nav-item:nth-child(3) .main3_tab_1 {
    display: none
}

.main3-nav-act5 .main3-nav-item:nth-child(4) .main3_tab_2 {
    display: block
}

.main3-nav-act5 .main3-nav-item:nth-child(4) .main3_tab_1 {
    display: none
}

.main3-nav-act6 .main3-nav-item:nth-child(5) .main3_tab_2 {
    display: block
}

.main3-nav-act6 .main3-nav-item:nth-child(5) .main3_tab_1 {
    display: none
}

.main3-logo {
    width: 4.39rem;
    height: 7rem;
    background: url(/ossweb-img/main3_icon.png) top center / 100% 100% no-repeat;
    bottom: -0.8rem;
    left: 8.9rem;
}

.main3-icon {
    width: 2.36rem;
    height: 1.58rem;
    bottom: 0.4rem;
    left: 14.7rem;
    background: url("/ossweb-img/main3_bottom1.png") top center/100% 100% no-repeat;
}

.main3-icon.main3-icon-act {
    background: url("/ossweb-img/main3_bottom2.png") top center/100% 100% no-repeat;
}

.main4 {
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/main4_bg.jpg") center/cover no-repeat;
}

.main4-con {
    width: 10.05rem;
    height: 8.12rem;
    left: 2.14rem;
    background: url("/ossweb-img/main4_con_bg.png") top center/100% 100% no-repeat;
}

.main4-nav {
    width: 10.03rem;
    height: .99rem;
    top: .8rem;
}

.main4-nav-item {
    flex: 1;
    height: .79rem;
    background: url("/ossweb-img/main4_con_tab.png") top center/auto 100% no-repeat;
}

.main4-nav-item .main4_tab_2 {
    display: none;
}

.main4 .main1_swiper_con {
    top: 2.7rem;
}

.main4 .main4_tab_1,
.main4 .main4_tab_2 {
    height: .58rem;
}

.main4-nav-act0 .main4-nav-item:nth-child(1) {
    background: url("/ossweb-img/main4_con_tab_act.png") top center/auto 100% no-repeat;
}

.main4-nav-act1 .main4-nav-item:nth-child(2),
.main4-nav-act2 .main4-nav-item:nth-child(2),
.main4-nav-act3 .main4-nav-item:nth-child(2),
.main4-nav-act4 .main4-nav-item:nth-child(2) {
    background: url("/ossweb-img/main4_con_tab_act.png") top center/auto 100% no-repeat;
}

.main4-nav-act5 .main4-nav-item:nth-child(3) {
    background: url("/ossweb-img/main4_con_tab_act.png") top center/auto 100% no-repeat;
}

.main4-nav-act6 .main4-nav-item:nth-child(4) {
    background: url("/ossweb-img/main4_con_tab_act.png") top center/auto 100% no-repeat;
}

.main4-nav-act0 .main4-nav-item:nth-child(1) .main4_tab_2 {
    display: block
}

.main4-nav-act0 .main4-nav-item:nth-child(1) .main4_tab_1 {
    display: none
}

.main4-nav-act1 .main4-nav-item:nth-child(2) .main4_tab_2,
.main4-nav-act2 .main4-nav-item:nth-child(2) .main4_tab_2,
.main4-nav-act3 .main4-nav-item:nth-child(2) .main4_tab_2,
.main4-nav-act4 .main4-nav-item:nth-child(2) .main4_tab_2 {
    display: block
}

.main4-nav-act1 .main4-nav-item:nth-child(2) .main4_tab_1,
.main4-nav-act2 .main4-nav-item:nth-child(2) .main4_tab_1,
.main4-nav-act3 .main4-nav-item:nth-child(2) .main4_tab_1,
.main4-nav-act4 .main4-nav-item:nth-child(2) .main4_tab_1 {
    display: none
}

.main4-nav-act5 .main4-nav-item:nth-child(3) .main4_tab_2 {
    display: block
}

.main4-nav-act5 .main4-nav-item:nth-child(3) .main4_tab_1 {
    display: none
}

.main4-nav-act6 .main4-nav-item:nth-child(4) .main4_tab_2 {
    display: block
}

.main4-nav-act6 .main4-nav-item:nth-child(4) .main4_tab_1 {
    display: none
}

.main4 .main1-sidebar {
    width: 4.95rem;
}

.main4-sidebar-btn1 {
    width: 4.41rem;
    height: 1.13rem;
    margin: 0.11rem 0;
    float: right;
    background: url("/ossweb-img/main4_btn1.png") top center/100% 100% no-repeat;
}

.main4-sidebar-btn2 {
    width: 4.94rem;
    height: .73rem;
    margin: 0.11rem 0;
    float: right;
    background: url("/ossweb-img/main4_btn2.png") top center/100% 100% no-repeat;
}


.main4-nav-item.main4-nav-act0{
    background: url("/ossweb-img/main4_con_tab_act.png") top center/auto 100% no-repeat;
}.main4-nav-item.main4-nav-act0 .main4_tab_1{display: none;
 }.main4-nav-item.main4-nav-act0 .main4_tab_2{display: block;
  }

.main5 {
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/main5_bg.jpg") center/cover no-repeat;
}

.main5-con {
    width: 10.05rem;
    height: 8.12rem;
    left: 2.14rem;
    background: url("/ossweb-img/main5_con_bg.png") top center/100% 100% no-repeat;
}

.main5 .main1-sidebar {
    width: 3.95rem;
}

.main5-sidebar-btn1 {
    width: 3.92rem;
    height: 1.04rem;
    margin: 0.11rem 0;
    float: right;
    background: url("/ossweb-img/main5_btn1.png") top center/100% 100% no-repeat;
}

.main5-sidebar-btn2 {
    width: 3.14rem;
    height: .73rem;
    margin: 0.11rem 0;
    float: right;
    background: url("/ossweb-img/main5_btn2.png") top center/100% 100% no-repeat;
}

.main5-img {
    width: 7.71rem;
    height: 4.45rem;
    top: 2.45rem;
    left: 1.1rem;
}


.main6 {
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/main6_bg.jpg") center/cover no-repeat;
}

.main6-con {
    width: 10.05rem;
    height: 8.12rem;
    left: 2.14rem;
    background: url("/ossweb-img/main6_con_bg.png") top center/100% 100% no-repeat;
}
.main6-icon{
    width: 2.9rem;
    height: 6.95rem;
    right: 4.6rem;
    transform: translateY(1.5rem);
}
.DumNvIcon{
    width: 70%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .5;
}
.main6-icon img{
    display: block;
    width: 100%;
    height: 100%;
}

.main6-nav {
    width: 10.03rem;
    height: 1.52rem;
    top: .9rem;
    flex-wrap: wrap;
}

.main6-nav-item {
    width: 33.33333%;
    height: .76rem;
    background: url("/ossweb-img/main6_con_tab.png") top center/auto 100% no-repeat;
}

.main6-nav-item .main6_tab_2 {
    display: none;
}

.main6 .main1_swiper_con {
    top: 2.7rem;
}

.main6 .main6_tab_1,
.main6 .main6_tab_2 {
    height: .44rem;
}

.main6-nav-act0 .main6-nav-item:nth-child(1) {
    background: url("/ossweb-img/main6_con_tab_act.png") top center/auto 100% no-repeat;
}

.main6-nav-act1 .main6-nav-item:nth-child(2) {
    background: url("/ossweb-img/main6_con_tab_act.png") top center/auto 100% no-repeat;
}

.main6-nav-act2 .main6-nav-item:nth-child(3) {
    background: url("/ossweb-img/main6_con_tab_act.png") top center/auto 100% no-repeat;
}

.main6-nav-act3 .main6-nav-item:nth-child(4) {
    background: url("/ossweb-img/main6_con_tab_act.png") top center/auto 100% no-repeat;
}

.main6-nav-act4 .main6-nav-item:nth-child(5),
.main6-nav-act5 .main6-nav-item:nth-child(5),
.main6-nav-act6 .main6-nav-item:nth-child(5),
.main6-nav-act7 .main6-nav-item:nth-child(5) {
    background: url("/ossweb-img/main6_con_tab_act.png") top center/auto 100% no-repeat;
}

.main6-nav-act0 .main6-nav-item:nth-child(1) .main6_tab_2 {
    display: block
}

.main6-nav-act0 .main6-nav-item:nth-child(1) .main6_tab_1 {
    display: none
}

.main6-nav-act1 .main6-nav-item:nth-child(2) .main6_tab_2 {
    display: block
}

.main6-nav-act1 .main6-nav-item:nth-child(2) .main6_tab_1 {
    display: none
}

.main6-nav-act2 .main6-nav-item:nth-child(3) .main6_tab_2 {
    display: block
}

.main6-nav-act2 .main6-nav-item:nth-child(3) .main6_tab_1 {
    display: none
}

.main6-nav-act3 .main6-nav-item:nth-child(4) .main6_tab_2 {
    display: block
}

.main6-nav-act3 .main6-nav-item:nth-child(4) .main6_tab_1 {
    display: none
}

.main6-nav-act4 .main6-nav-item:nth-child(5) .main6_tab_2,
.main6-nav-act5 .main6-nav-item:nth-child(5) .main6_tab_2,
.main6-nav-act6 .main6-nav-item:nth-child(5) .main6_tab_2,
.main6-nav-act7 .main6-nav-item:nth-child(5) .main6_tab_2 {
    display: block
}

.main6-nav-act4 .main6-nav-item:nth-child(5) .main6_tab_1,
.main6-nav-act5 .main6-nav-item:nth-child(5) .main6_tab_1,
.main6-nav-act6 .main6-nav-item:nth-child(5) .main6_tab_1,
.main6-nav-act7 .main6-nav-item:nth-child(5) .main6_tab_1 {
    display: none
}

.main6-nav-item.main6-nav-act0{
    background: url("/ossweb-img/main6_con_tab_act.png") top center/auto 100% no-repeat;
}.main6-nav-item.main6-nav-act0 .main6_tab_1{display: none;
 }.main6-nav-item.main6-nav-act0 .main6_tab_2{display: block;
  }

.main2-nav-item.main2-nav-act0{
    background: url("/ossweb-img/main2_con_tab_act.png") top center/auto 100% no-repeat;
}.main2-nav-item.main2-nav-act0 .main2_tab_1{display: none;
 }.main2-nav-item.main2-nav-act0 .main2_tab_2{display: block;
  }

.main2-nav2-item.main2-nav-act0{
    background: url("/ossweb-img/main2_con_2tab.png") top center/auto 100% no-repeat;
}.main2-nav2-item.main2-nav-act0 .main2_tab_1{display: none;
 }.main2-nav2-item.main2-nav-act0 .main2_tab_2{display: block;
  }

.main2-nav3-item.main2-nav-act0{
    background: url("/ossweb-img/main2_con_2tab.png") top center/auto 100% no-repeat;
}.main2-nav3-item.main2-nav-act0 .main2_tab_1{display: none;
 }.main2-nav3-item.main2-nav-act0 .main2_tab_2{display: block;
  }


.main6 .main1-sidebar {
    width: 3.14rem;
}

.main6-sidebar-btn2 {
    width: 3.14rem;
    height: .73rem;
    margin: 0.11rem 0;
    float: right;
    background: url("/ossweb-img/main6_btn1.png") top center/100% 100% no-repeat;
}

.main7 {
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/main7_bg.jpg") center/cover no-repeat;
}

.main7-con {
    width: 10.05rem;
    height: 8.12rem;
    left: 2.14rem;
    background: url("/ossweb-img/main7_con_bg.png") top center/100% 100% no-repeat;
}

.main7-nav {
    width: 10.03rem;
    height: .76rem;
    top: .9rem;
}

.main7-nav-item {
    flex: 1;
    height: .76rem;
    background: url("/ossweb-img/main7_con_tab.png") top center/auto 100% no-repeat;
}

.main7-nav-item .main7_tab_2 {
    display: none;
}

.main7 .main1_swiper_con {
    top: 2.7rem;
}

.main7 .main7_tab_1,
.main7 .main7_tab_2 {
    height: .41rem;
}

.main7-nav-act0 .main7-nav-item:nth-child(1) {
    background: url("/ossweb-img/main7_con_tab_act.png") top center/auto 100% no-repeat;
}

.main7-nav-act1 .main7-nav-item:nth-child(2) {
    background: url("/ossweb-img/main7_con_tab_act.png") top center/auto 100% no-repeat;
}

.main7-nav-act2 .main7-nav-item:nth-child(3) {
    background: url("/ossweb-img/main7_con_tab_act.png") top center/auto 100% no-repeat;
}

.main7-nav-act0 .main7-nav-item:nth-child(1) .main7_tab_2 {
    display: block
}


.main7-nav-act0 .main7-nav-item:nth-child(1) .main7_tab_1 {
    display: none
}

.main7-nav-act1 .main7-nav-item:nth-child(2) .main7_tab_2 {
    display: block
}

.main7-nav-act1 .main7-nav-item:nth-child(2) .main7_tab_1 {
    display: none
}

.main7-nav-act2 .main7-nav-item:nth-child(3) .main7_tab_2 {
    display: block
}

.main7-nav-act2 .main7-nav-item:nth-child(3) .main7_tab_1 {
    display: none
}

.main7 .main1-sidebar {
    width: 5.91rem;
    top: 50%;
}

.main7-sidebar-btn1 {
    width: 3.92rem;
    height: 1.12rem;
    margin: 0.05rem 0;
    float: right;
    background: url("/ossweb-img/main7_btn1.png") top center/100% 100% no-repeat;
}

.main7-sidebar-btn2 {
    width: 5.91rem;
    height: 1.13rem;
    margin: 0.05rem 0;
    float: right;
    background: url("/ossweb-img/main7_btn2.png") top center/100% 100% no-repeat;
}

.main7-sidebar-btn3 {
    width: 4.32rem;
    height: 1.13rem;
    margin: 0.05rem 0;
    float: right;
    background: url("/ossweb-img/main7_btn5.png") top center/100% 100% no-repeat;
}

.main7-sidebar-btn4 {
    width: 3.92rem;
    height: 1.04rem;
    margin: 0.05rem 0;
    float: right;
    background: url("/ossweb-img/main7_btn3.png") top center/100% 100% no-repeat;
}

.main7-sidebar-btn5 {
    width: 4.32rem;
    height: 1.17rem;
    margin: 0.05rem 0;
    float: right;
    background: url("/ossweb-img/main7_btn4.png") top center/100% 100% no-repeat;
}

.main7-sidebar-btn6 {
    width: 3.14rem;
    height: .73rem;
    margin: 0.05rem 0;
    float: right;
    background: url("/ossweb-img/main7_btn6.png") top center/100% 100% no-repeat;
}

.main8{
    width: 100%;
    height: 100%;
    background: url("/ossweb-img/main8_bg.jpg") center/cover no-repeat;
    align-items: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.main8.main8Bg0{
    background: url("/ossweb-img/d1.jpg") center/cover no-repeat;
}
.main8.main8Bg2{
    background: url("/ossweb-img/d3.jpg") center/cover no-repeat;
}
.main8.main8Bg7{
    background: url("/ossweb-img/main6_bg1.jpg") center/cover no-repeat;
}
.main8.main8-3-1.main8Bg2,
.main8.main8-3-2.main8Bg2{
    background: url("/ossweb-img/d2.jpg") center/cover no-repeat;
}
.main8.main8-3-13.main8Bg2,
.main8.main8-3-3.main8Bg2{
    background: url("/ossweb-img/p24.jpg") center/cover no-repeat;
}

.main8.main8-3-4.main8Bg2,
.main8.main8-3-5.main8Bg2,
.main8.main8-3-15.main8Bg2{
    background: url("/ossweb-img/p21.jpg") center/cover no-repeat;
}
.main8.main8-3-9.main8Bg2,
.main8.main8-3-10.main8Bg2,
.main8.main8-3-11.main8Bg2{
    background: url("/ossweb-img/p22.jpg") center/cover no-repeat;
}
.main8.main8-3-7.main8Bg2,
.main8.main8-3-6.main8Bg2{
    background: url("/ossweb-img/p23.jpg") center/cover no-repeat;
}
.main8.main8-3-8.main8Bg2{
    background: url("/ossweb-img/p21.jpg") center/cover no-repeat;
}
.main8.main8-7-1.main8Bg6{
    background: url("/ossweb-img/main4_bg1.jpg") center/cover no-repeat;
}

.main8.main8Bg4{
    background: url("/ossweb-img/d4.jpg") center/cover no-repeat;
}
.main8.main8Bg5{
    background: url("/ossweb-img/d5.jpg") center/cover no-repeat;
}
.main8.main8Bg6{
    background: url("/ossweb-img/d6.jpg") center/cover no-repeat;
}
.main8.main8Bg3{
    background: url("/ossweb-img/d7.jpg") center/cover no-repeat;
}
.main8_hero1{width: 19.2rem;height: 7.3rem;}
.main8_hero2{width: 19.2rem;height: 7.3rem;}
.main8_hero_icon1{width: 6.47rem;height: 6.32rem;bottom: 0;}
.main8_hero_icon2{width: 7.92rem;height: 9.08rem;bottom: 0;}
.hero-dialogue .main8_hero1,
.hero-dialogue .main8_hero2{
    display: none;
}
.hero1-1 .main8_hero1{
    display: block;
}
.hero1-2-1 .main8_hero2{
    display: block;
}
.hero1-2-2 .main8_hero2{
    display: block;
}
.hero-text{
    width: 50%;
    height: 15%;
    top: 73%;
    left: 60%;
    transform: translateX(-50%);
    color: #583428;
    font-size: .36rem;
    line-height: .36rem;
    font-family: 'font1', serif;
}
.hero1-2-1 .hero-text{
    width: 37%;
    left: 52%;
}
.hero1-2-2 .hero-text{
    width: 37%;
    left: 52%;
}
.main8_btn1{
    width: 2.37rem;
    height: .6rem;
    background: url("/ossweb-img/rewatch_btn.png") center/cover no-repeat;
    top: .2rem;
    right: 1.03rem;
    z-index: 10;
}
.main8_btn2{
    width: 1.64rem;
    height: .41rem;
    background: url("/ossweb-img/dialogueNext.png") top center/100% 100% no-repeat;
    color: #922a0b;
    font-size: .32rem;
    font-family: 'font1', serif;
    line-height: .41rem;
    text-align: center;
    top: 1rem;
    /*bottom: 2.6rem;*/
    right: .3rem !important;
    /*transform: translateX(50%);*/
    z-index: 10;
}
.main8-1-2-1 .main8_btn2{
    right: 45%;
}
.main8-1-2-2 .main8_btn2{
    right: 45%;
}
.main8Bg4 .main8_btn2{
    right: 49.5%;
}
.main8-5-7 .main8_btn2,
.main8-5-9 .main8_btn2{
    right: 43%;
}
.main8Bg7 .main8_btn2{
    right: 52%;
    bottom: 2.53rem;
}
.dialogue_hero1{
    width: 19.2rem;
    height: 7.3rem;
}
.dialogue_hero2{
    width: 19.2rem;
    height: 6.98rem;
}
.dialogue2-1 {
    width: 42%;
    left: 46%;
}
.dialogue2-2 {
    width: 49%;
    left: 52%;
}

.dialogue3_hero1{
    width: 11.22rem;
    height: 1.81rem;
    margin-bottom: .6rem;
}
.dialogue3_hero2{
    width: 19.2rem;
    height: 6.14rem;
}
.dialogue3_hero22{
    width: 18.88rem;
    height: 8.68rem;
}
.dialogue3_hero21{
    width: 14.6rem;
    height: 6.7rem;
}
.dialogue3-13{
    top: 77%;
    left: 52%;
}
.dialogue3-6{
    top: 72%;
    left: 51%;
}
.dialogue3_hero3{
    width: 18.27rem;
    height: 6.52rem;
}
.dialogue3_hero4{
    width: 19.2rem;
    height: 6.14rem;
    margin-left: -0.5rem;
}
.main8-3-2{
    justify-content: flex-end;
}
.dialogue3-1{
    width: 80%;
    left: 47%;
    top: 37%;
}
.dialogue3-2{
    width: 61%;
    top: 71%;
    left: 38%;
}
.dialogue3-3{
    width: 35%;
    top: 72%;
    left: 50%;
}
.dialogue3-4{
    width: 41%;
    top: 71%;
    left: 52%;
}
.dialogue3-5{
    width: 50%;
    top: 69%;
    left: 50%;
}
.dialogue3-7{
    width: 50%;
    top: 71%;
    left: 49%;
}
.dialogue3-8{
    width: 50%;
    top: 71%;
    left: 52%;
}
.dialogue3-9{
    width: 50%;
    top: 70%;
    left: 42%;
}
.dialogue3-14{
    width: 100vw;
    font-size: .6rem;
}
.dialogue3-12{
    top: 71%;
    left: 47%;
}
.dialogue3-11,
.dialogue3-10{
    top: 70%;
    left: 49%;
}
.dialogue_icon1{
    width: 5.41rem;
    height: 6.7rem;
    bottom: 0;
    right: 0;
}
.dialogue_icon2{
    width: 7.8rem;
    height: 6.68rem;
    bottom: 0;
    right: 0;
}
.dialogue_icon3{
    width: 6.61rem;
    height: 7.99rem;
    bottom: 0;
    right: 0;
}
.dialogue_icon4{
    width: 5.65rem;
    height: 6.77rem;
    bottom: 0;
    right: 0;
}
.dialogue_icon5{
    width: 6.72rem;
    height: 6.8rem;
    bottom: 0;
    right: 0;
}
.dialogue_icon6{
    width: 6.78rem;
    height: 4.69rem;
    bottom: 0;
    right: 0;
}
.dialogue_icon7{
    width: 6.63rem;
    height: 6.74rem;
    bottom: 0;
    right: 0;
}
.main8-3-14{
    background: url("/ossweb-img/p22.jpg") center/cover no-repeat !important;
    align-items: center;
    position: relative;
}
.main8-3-14::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #060606;
    opacity: 0;
    animation: main8314 .5s ease-in-out forwards;
    animation-delay: .2s;
}
@keyframes main8314{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.hero-text.dialogue3-14{
    color: #ffffff;
    opacity: 0;
    animation: main8314 .5s ease-in-out forwards;
    animation-delay: .2s;
}
.dialogue4_hero1{
    width: 12.46rem;
    height: 2.45rem;
    bottom: .6rem;
    right: 2rem;
}
.dialogue4_hero2{
    width: 13.77rem;
    height: 5.41rem;
    margin-left: 0.3rem;
    margin-bottom: -0.05rem;
}
.dialogue4_icon1{
    width: 5.61rem;
    height: 6.63rem;
    bottom: 0;
    right: 0;
}
.hero-dialogue4-1,
.hero-dialogue4-3{
    width: 100%;
    height: 100vh;
}
.dialogue4_icon2{
    width: 5.95rem;
    height: 6.33rem;
    bottom: 0;
    right: 0;
}
.dialogue4-1,
.dialogue4-3{
    top: 79vh;
    left: 50%;
}
.dialogue4-2{
    top: 65%;
    left: 65%;
}
.main8-5-1,
.main8-5-6,
.main8-3-6,
.main8-3-9,
.main8-5-7,
.main8-5-9,
.main8-6-5,
.main8-6-8,
.main8-6-10,
.main8-6-11,
.main8-4-2,
.main8-7-4,
.main8-7-6,
.main8-5-3{
    justify-content: flex-start;
}
.dialogue5_hero1{
    width: 19.2rem;
    height: 5.5rem;
}
.dialogue5_hero2{
    width: 12.46rem;
    height: 2.45rem;
    margin-left: 4.3rem;
    margin-bottom: 0.65rem;
}
.dialogue5_hero5{
    width: 12.46rem;
    height: 2.45rem;
    margin-left: 4.5rem;
    margin-bottom: 0.65rem;
}
.dialogue5_hero3{
    min-width: 100vw;
    min-height: 100vh;
    display: block;
    opacity: 0;
    background: url("/ossweb-img/dialogue5_dao.png") center/cover no-repeat;
    animation: dialogue5Hero3 1s linear forwards;
}
@keyframes dialogue5Hero3{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.dialogue5-1{
    top: 68%;
    left: 50%;
}
.dialogue5_hero4{
    width: 13.97rem;
    height: 5.53rem;
}
.dialogue5_icon4{
    width: 7.49rem;
    height: 5.81rem;
    bottom: 0;
    left: 0;
}
.dialogue5_icon5{
    width: 7.03rem;
    height: 5.81rem;
    bottom: 0;
    left: 0;
}
.dialogue5_icon6{
    width: 7.37rem;
    height: 5.81rem;
    bottom: 0;
    left: 0;
    animation: dialogue5Hero4 1s linear forwards;
    animation-delay: .5s;
}
@keyframes dialogue5Hero4{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
.hero-dialogue img{
    display: block;
}
.hero-dialogue5-2,
.hero-dialogue5-4,
.hero-dialogue6-6,
.hero-dialogue6-7,
.hero-dialogue6-1,
.hero-dialogue6-2,
.hero-dialogue6-3,
.hero-dialogue6-9,
.hero-dialogue7-1,
.hero-dialogue7-3,
.hero-dialogue7-5,
.hero-dialogue5-8{
    width: 100%;
}
.dialogue5_icon1{
    width: 6.13rem;
    height: 6.07rem;
    bottom: 0;
    right: 0;
}
.dialogue5_icon2{
    width: 5.74rem;
    height: 6.21rem;
    bottom: 0;
    right: 0;
}
.dialogue5_icon3{
    width: 4.09rem;
    height: 5.98rem;
    bottom: 0;
    right: 0;
}
.dialogue5-2{
    top: 48%;
    left: 49%;
}
.dialogue5-3{
    top: 69%;
    left: 50%;
}
.dialogue5-4{
    width: 34%;
    top: 48%;
    left: 45%;
}
.dialogue5-6{
    top: 68%;
    left: 44%;
}
.dialogue5-9,
.dialogue5-7{
    width: 40%;
    top: 69%;
    left: 62%;
}
.dialogue5-8{
    top: 48%;
    left: 53%;
}
.dialogue6_hero1{
    width: 19.2rem;
    height: 5.50rem;
}
.dialogue6_icon1{
    width: 5.05rem;
    height: 5.81rem;
    bottom: 0;
    right: 0;
}
.dialogue6_icon2{
    width: 4.35rem;
    height: 5.78rem;
    bottom: 0;
    right: 0;
}
.dialogue6_icon3{
    width: 4.64rem;
    height: 6.07rem;
    bottom: 0;
    right: 0;
}
.dialogue6-1{
    top: 67%;
    left: 52%;
}
.dialogue6-2{
    width: 42%;
    top: 68%;
    left: 53%;
}
.dialogue6-3{
    top: 67%;
    left: 52%;
}
.dialogue6-4{
    top: 70%;
    left: 54%;
}
.dialogue6-5{
    top: 71%;
    left: 45%;
}
.dialogue6_hero2{
    width: 14.19rem;
    height: 5.96rem;
    margin-left: 4.5rem;
}
.dialogue6_hero3{
    width: 13.97rem;
    height: 6.91rem;
}
.dialogue6_hero31{
    width: 19.2rem;
    height: 6.47rem;
}
.dialogue6_icon4{
    width: 6.56rem;
    height: 5.48rem;
    bottom: 0;
    right: 0;
}
.dialogue6-6{
    top: 68%;
    left: 54%;
}
.dialogue6-7{
    top: 67%;
    left: 52%;
}
.dialogue6-10,
.dialogue6-11,
.dialogue6-8{
    left: 62%;
}
.dialogue6-9{
    top: 67%;
    left: 55%;
}
.dialogue6_icon5{
    width: 4.75rem;
    height: 5.42rem;
    bottom: 0;
    right: 0;
}
.dialogue7_hero1{
    width: 16.17rem;
    height: 5.62rem;
    margin-left: 1rem;
}
.dialogue7_icon1{
    width: 5.33rem;
    height: 5.9rem;
    bottom: 0;
    right: 0;
}
.dialogue7-1{
    top: 68%;
    left: 50%;
}
.dialogue7-3{
    top: 68%;
    left: 50%;
}
.dialogue7-5{
    top: 68%;
    left: 51%;
}
.dialogue7-4{
    top: 67%;
    left: 61%;
}
.dialogue7-6{
    top: 68%;
    left: 68%;
}
.dialogue7_icon2{
    width: 5.68rem;
    height: 6.29rem;
    bottom: 0;
    right: 0;
}
.dialogue7_icon3{
    width: 5.6rem;
    height: 6.27rem;
    bottom: 0;
    right: 0;
}
.dialogue7_hero2{
    width: 13.8rem;
    height: 5.54rem;
    margin-left: 0.5rem;
}
.main8-7-7{
    background: url("/ossweb-img/Subtitles_bg.jpg") center/cover no-repeat !important;
    align-items: center;
}
.dialogue7_icon4{
    width: 13.65rem;
    height: 0;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%);
    transition: height 5s;
    animation: dialogueText 5s ease-in-out forwards;
}
.heroDialogue8{
    width: 13.65rem;
    height: 2.51rem;
}
.dialogue6_hero4{
    width: 19.2rem;
    height: 5.5rem;
}
.dialogue8_hero1,
.dialogue8_hero2,
.dialogue8_hero3{
    width: 19.2rem;
    height: 6.48rem;
}
.dialogue8-1,
.dialogue8-2,
.dialogue8-3,
.dialogue8-4{
    top: 72%;
    left: 51%;
}

.dialogue8-5{
    top: 72%;
    left: 45%;
}
/*input {*/
/*    caret-color: transparent;*/
/*}*/
/*弹框*/
.popup{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
    top: 0;
    left: 0;
}
.popup-con{
    width: 4.83rem;
    height: 2.75rem;
    background: url("/ossweb-img/popup2_bg.png") top center/100% 100% no-repeat;
}
.pop-close{
    width: .7rem;
    height: .7rem;
    top: .1rem;
    right: .1rem;
}
.pop-title{
    width: 100%;
    height: .36rem;
    text-align: center;
    font-size: .36rem;
    line-height: .36rem;
    color: #412e12;
    top: .4rem;
    font-family: "font1", serif !important;
}
.pop-line{
    width: 4.21rem;
    height: .02rem;
    top: 0.8rem;
    left: 50%;
    transform: translateX(-50%);
    background: url("/ossweb-img/pop_line.png") top center/100% 100% no-repeat;
}
.pop-text{
    font-size: .36rem;
    line-height: .36rem;
    width: 4.21rem;
    top: 55%;
    left: 50%;
    color: #8d2727;
    text-align: center;
    transform: translate(-50%, -50%);
    font-family: "font1", serif !important;
}
.pop-tip{
    font-size: .16rem;
    width: 4.21rem;
    bottom: .13rem;
    left: 50%;
    text-align: center;
    font-weight: 200;
    transform: translate(-50%, -50%);
}
.popup3 .pop-text{
    top: 65%;
}
.popup3 img{
    width: 2.57rem;
    height: .98rem;
    display: block;
    margin: 0 auto;
    margin-bottom: .2rem;
}
.popup4 .pop-text{
    font-size: .34rem;
    color: #412e12;
    top: 55%;
}
.popup5 .pop-text,
.popup7 .pop-text,
.popup6 .pop-text{
    font-size: .34rem;
    color: #412e12;
    top: 50%;
    line-height: .36rem;
}
.popup5 .pop-text{
    top: 56% !important;
}
#pop14.popup6 .pop-title{
    top: 1.1rem !important;
}
.popup7 .pop-text span{
    color: #8d2727;
}
.popup6 .pop-title{
    font-size: .3rem;
    line-height: .3rem;
    height: .6rem;
    top: .6rem;
}
.popup6 .pop-line{
    top: 1.3rem;
}
.popup6 .pop-tip{
    bottom: .8rem;
    line-height: .24rem;
}
.pop-btn{
    width: 1.41rem;
    height: .44rem;
    bottom: .3rem;
    left: 50%;
    transform: translateX(-50%);
    background: url("/ossweb-img/go.png") top center/100% 100% no-repeat;
}
#pop9.popup6 .pop-title{
    font-size: .3rem;
    line-height: .3rem;
    height: .3rem;
    top: .8rem;
    color: #8d2727;
}
#pop9.popup6 .pop-tip{
    bottom: .6rem;
    line-height: .24rem;
}
#pop7.popup6 .pop-tip{
    bottom: .6rem;
    line-height: .22rem;
}
#pop7.popup6 .pop-title span{
    color: #8d2727;
}

#pop9 .popup-con,
#pop13 .popup-con,
.popup8 .popup-con{
    background: url("/ossweb-img/popup1_bg.png") top center/100% 100% no-repeat;
}
.popup8 .pop-text,
.popup9 .pop-text{
    font-size: .34rem;
    top: 50%;
    line-height: .36rem;
}

.popup10 .popup-con{
    width: 5.74rem;
    height: 3.27rem;
    background: url("/ossweb-img/popup3_bg.png") top center/100% 100% no-repeat;
}
.popup10 .pop-close{
    width: .7rem;
    height: .7rem;
}
.pop10_btn1{
    width: 1.5rem;
    height: .5rem;
    bottom: .3rem;
    left: 1.2rem;
}
.pop10_btn2{
    width: 1.5rem;
    height: .5rem;
    bottom: .3rem;
    left: 3rem;
}
.popup11 .pop-text{
    top: 65%;
}
.popup11 img{
    width: .9rem;
    height: 1.21rem;
    display: block;
    margin: 0 auto;
    margin-bottom: .2rem;
}
.popup12 .popup-con{
    width: 5.99rem;
    height: 3.41rem;
    background: url("/ossweb-img/popup4_bg.png") top center/100% 100% no-repeat;
}
.pop12_input{
    width: 1rem;
    height: .2rem;
    top: 2.35rem;
    left: 1.65rem;
}
.pop12_input input{
    width: 1.4rem;
    height: 100%;
    background: transparent;
    border: none;
    font-size: .2rem;
    font-family: 'font1', serif;
    outline: none;
    letter-spacing: 0.15rem;
    display: block;
    color: transparent;
    /*caret-color: #8d2727;*/
}
.pop12_btn1{
    font-size: .24rem;
    color: #8d2727;
    font-family: 'font1', serif;
    line-height: .2rem;
    top: 2.35rem;
    left: 1.72rem;
}
.pop12_btn2{font-size: .24rem;
    line-height: .2rem;
    color: #8d2727;
    top: 2.35rem;
    left: 1.95rem;
    font-family: 'font1', serif;}
.pop12_btn3{font-size: .24rem;
    line-height: .2rem;
    color: #8d2727;
    top: 2.35rem;
    left: 2.17rem;
    font-family: 'font1', serif;}
.pop12_btn4{
    font-size: .24rem;
    line-height: .2rem;
    color: #8d2727;
    top: 2.35rem;
    left: 2.41rem;
    font-family: 'font1', serif;
}
.jianp{
    width: 1.61rem;
    height: 2.12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    top: 0.8rem;
    left: 3rem;
    background: url("/ossweb-img/popup4_bg1.png") top center/100% 100% no-repeat;
}
.jianp_btn{
    width: .47rem;
    height: .47rem;
}
.top15{
    display: inline-block;
    transform: translateY(-0.2rem);
}

.top16{
    display: inline-block;
    transform: translateY(-0.4rem);
    font-size: .13rem;
    line-height: .18rem;
}
.main6 .main1-tip{
    width: 9.7rem;
}
.main3NavAct::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: url("/ossweb-img/main3_con_tab_tip.png") center center/2.48rem 1.16rem no-repeat;
    animation: navAct 1s ease-in-out infinite;
}
/*呼吸动效*/
@keyframes navAct {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.main1NavAct::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("/ossweb-img/main1_con_tab_tip.png") center center/3.77rem 1.15rem no-repeat;
}
.main6NavAct::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("/ossweb-img/main6_con_tab_tip.png") center center/2.45rem 1.3rem no-repeat;
}
.main7NavAct::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("/ossweb-img/main7_con_tab_tip.png") center center/3.77rem 1.15rem no-repeat;
}

.video-container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 关键属性：覆盖整个容器，保持比例裁剪 */

}
.dialogue6_hero5{
    width: 2.13rem;
    height: 2.26rem;
    position: absolute;
    top: 48%;
    transform: translateY(90%);
    animation: c4Css 1s linear infinite;
}
@keyframes c4Css {
    0% {
        transform: translateY(90%) scale(1.1);
    }
    50% {
        transform: translateY(90%) scale(1);
    }
    100% {
        transform: translateY(90%) scale(1.1);
    }
}
.c4pop{
    width: 11.4rem;
    height: 9.8rem;
}
#c4 .popup-con{
    width: 11.4rem;
    height: 9.8rem;
    background: none;
}
#c4 .pop-close {
    top: 2rem;
    right: 2rem;
}
#rank .pop-title {
    height: .24rem;
    font-size: .2rem;
    line-height: .24rem;
    top: .5rem;
}
#rank .pop-title span{
    font-size: .24rem;
    color: #ff0024;
}
#pop13 .pop-title{
    color: #8d2727;
}
#rank .pop-text {
    top: 64%;
}
#rank .pop-text img{
    width: 1.41rem;
    height: 1.59rem;
}
.popup1Img{
    width: 1.32rem;
    height: 1.03rem;
    display: block;
    margin: 0.1rem auto 0;
}
.popup2Img{
    width: 1.75rem;
    height: .95rem;
    display: block;
    margin: 0.1rem auto 0;
}
.popup3Img{
    width: .93rem;
    height: 1.31rem;
    display: block;
    margin: 0.1rem auto 0;
}

#bao .popup-con{
    width: 5.43rem;
    height: 3.09rem;
    background-image: url("/ossweb-img/bao.png");
    background-size: 11.29rem 6.68rem;
    background-repeat: no-repeat;
    background-position: top left;
}
#bao .popup-con.bao_class0{
    background-position: bottom right;
}
#bao .popup-con.bao_class1{
    background-position: bottom left;
}
#bao .popup-con.bao_class2{
    background-position: top right;
}
#bao .popup-con.bao_class3{
    background-position: top left;
}
.pop-bao-btn{
    width: 1.5rem;
    height: 0.5rem;
    top: 2.35rem;
    left: 2.03rem;
}
#pop1.popup1 .pop-text{
    top: 64%;
}
.icon62{
    position: fixed;
    z-index: 5;
    top: 50%;
    left: 46%;
    animation: icon62 1s steps(2) infinite;
}
@keyframes icon62 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.icon2_bg{
    position: fixed;
    z-index: 5;
    top: 50%;
    left: 46%;
    animation: icon62 1s steps(2) infinite;
}
@keyframes icon62 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.login-status{
    top: 0.4rem;
    right: 1rem;
    font-size: .36rem;
    color: #3f210b;
    font-family: 'font1', serif;
    text-shadow: 0 0 0.2rem #cfae97;
    /*-webkit-text-stroke: 0.01rem #cbaf9b;*/
}
.login-status span{
    color: #a54a22;
}
.countdown{
    width: 1.26rem;
    height: 1.28rem;
    background: url("/ossweb-img/time_bg.png") center center/1.26rem 1.28rem no-repeat;
    font-family: 'font1', serif;
    font-size: .23rem;
    line-height: .23rem;
    bottom: 2rem;
    color: #412e12;
    right: .3rem;
    text-align: center;
}
.countdown span{
    color: #8d2727;
}
.main3-tip span,
.main2-tip span,
.main1-tip span{
    color: #ffffff !important;
    font-family: 'font2', serif;
}
.main3-sidebar-btn3,
.main4-sidebar-btn2,
.main5-sidebar-btn2,
.main6-sidebar-btn2,
.main7-sidebar-btn6{
    width: 3.14rem;
    height: .74rem;
    background: url(/ossweb-img/1.png) top center / 100% 100% no-repeat;
}

.main2-sidebar-btn2,
.main1-sidebar-btn2{
    width: 2.71rem;
    height: .68rem;
    background: url(/ossweb-img/2.png) top center / 100% 100% no-repeat;

}
#btn_qqlogin{
    color: #8d2727;
}
@media all and (orientation: portrait) {
    html, body {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
    }

    html::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: #333;
        z-index: 9000;
    }

    html::after {
        content: "\8BF7\6A2A\5C4F\4F53\9A8C";
        text-align: center;
        font-size: 16px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 0;
        height: 30px;
        width: 100%;
        margin-top: 50px;
        z-index: 99999;
    }

    body::before {
        content: "";
        position: absolute;
        z-index: 9000;
        height: 200px;
        width: 100px;
        left: 50%;
        top: 50%;
        margin: -140px 0 0 -50px;
        color: #fff;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100px auto;
        -webkit-transform: rotateZ(-90deg);
    }

    .dialogue-text{
       animation: none;
    }
}