@charset "utf-8";

[v-cloak] {
    display: none !important;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    background-color: #FFF2D9;
    background-image: url('/static/v2/img/septSchool/septSchool1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    /* 使背景图覆盖整个页面 */
    background-attachment: fixed;
    /* 背景图固定在窗口位置 */
    background-position: center;
    /* 背景图居中显示 */
}



#deMain {
    margin-bottom: 60px;
}

#deMain .hide {
    display: none;
}

#deMain .cenBox .bgcolor {
    margin: 20px -10px 5px;
    padding: 20px 10px;
    width: 1190px;
    border-radius: 9px 9px 9px 9px;
    background-color: #FFFFFF;
}

#deMain .cenBox .titleBox {
    padding-top: 80px;
}

#deMain .cenBox .titleBox>img {
    width: 1200px;
    height: 47px;
}

#deMain .cenBox .titleBox>p {
    margin-top: 20px;
    font-family: Source Han sans-serif;
    font-size: 20px;
    color: #666666;
    line-height: 28px;
    text-align: center;
}

#deMain .padB0 {
    padding-bottom: 0px !important;
}



#deMain .scrollBox {
    margin-top: 12px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 246px;
}

#deMain .scrollBox::-webkit-scrollbar {
    width: 4px;
    background: #ffffff;
}

#deMain .scrollBox::-webkit-scrollbar-track {
    background: #ffffff;
}

#deMain .scrollBox::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 4px;
    background: rgba(255, 192, 65, 0.39);
}

#deMain .scrollBox2 {
    margin: 0 -16px;
    padding: 0 16px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 160px;
}

#deMain .scrollBox2::-webkit-scrollbar {
    width: 4px;
    background: #F3F3F3;
}

#deMain .scrollBox2::-webkit-scrollbar-track {
    background: #F3F3F3;
}

#deMain .scrollBox2::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 4px;
    background: #FFE3D0;
}

#deMain .fixedTime {
    position: fixed;
    top: 50%;
    left: 20px;
    z-index: 100;
    display: none;
    transform: translateY(-50%);
}

#deMain .fixedTime .timeOut {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#deMain .fixedTime .timeOut>img {
    width: 96px;
    height: 115px;
    position: absolute;
    left: 0;
    bottom: 0;
}

#deMain .fixedTime .timeOut .lInfo {
    width: 330px;
    height: 80px;
    background: #FF8F23;
    box-shadow: 0px 4px 10px 1px rgba(255, 81, 107, 0.5);
    border-radius: 10px 0px 0px 10px;
    display: flex;
    flex-direction: column;
    padding-right: 6px;
    overflow: hidden;
    transition: all 0.3s ease;
}

#deMain .fixedTime .timeOut .sty1 {
    width: 112px !important;
}

#deMain .fixedTime .timeOut .lInfo>p {
    margin-top: 9px;
    font-size: 18px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #FFFFFF;
    text-align: right;
}

#deMain .fixedTime .timeOut .lInfo>p>span {
    width: 30px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-family: Source Han Sans;
    font-weight: 400;
    color: #FFA149;
    margin: 0 4px;
}

#deMain .fixedTime .timeOut .rBtn {
    width: 35px;
    height: 80px;
    background: #FFFFFF;
    border-radius: 0px 10px 10px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-lr;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #666666;
    cursor: pointer;
}

#deMain .fixedTime .timeOut .rBtn::after {
    margin-top: 4px;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    background: url(/static/v2/img/sixOneEight/arrow1.png) no-repeat;
    background-size: 100% 100%;
    transition: all .3s ease;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

#deMain .fixedTime .timeOut .arrow::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#deMain .marT15 {
    margin-top: 15px !important;
}

#deMain .pad15 {
    padding: 15px !important;
}

#deMain .marT10 {
    margin-top: 10px !important;
}

#deMain .marT-10 {
    margin-top: -10px !important;
}

#deMain .marT20 {
    margin-top: 20px !important;
}

#deMain .marT24 {
    margin-top: 24px !important;
}

#deMain .marT32 {
    margin-top: 32px !important;
}

#deMain .marT40 {
    margin-top: 40px !important;
}



#deMain .marT50 {
    margin-top: 50px !important;
}

#deMain .marT60 {
    margin-top: 60px !important;
}

#deMain .marT80 {
    margin-top: 80px !important;
}

#deMain .marT110 {
    margin-top: 110px !important;
}

#deMain .topBanner img {
    display: block;
    width: 100%;
}

#deMain .cenBox {
    width: 1200px;
    margin: 0 auto;
}

#deMain .cenBox .countDownTime {
    margin: 34px auto 20px auto;
    width: 830px;
    height: 132px;
    background-image: url("/static/v2/img/sixOneEight/sixFormal1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 25px;
    padding-top: 50px;
}

#deMain .cenBox .countDownTime>span {
    width: 30px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-family: Source Han Sans;
    font-weight: 400;
    color: #FFA149;
    margin: 0 6px;
}



#deMain .dialog-ele {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3000;
}

#deMain .dialog-ele .cDIv {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


#deMain .dialog-ele .tTitle {
    padding: 5px 10px;
    width: 370px;
    height: 30px;
    background: linear-gradient(310deg, #FB7033 0%, #FA3C2D 100%);
    border-radius: 6px 6px 6px 6px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#deMain .dialog-ele .tTitle>img {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#deMain .dialog-ele .dcontent {
    padding-top: 52px;
    margin: 0 10px;
    width: 350px;
    height: 344px;
    background: #ffffff;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.06);
}

#deMain .dialog-ele .dcontent>img {

    display: block;
    margin: 0 auto;
    width: 160px;
    height: 160px;
}

#deMain .dialog-ele .dcontent>p {
    margin: 23px auto 0;
    font-size: 16px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #E03827;
    line-height: 22px;
    text-align: center;
}



#deMain .tipsp {
    padding: 20px 0;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#deMain .tipsp>p {
    font-size: 14px;
    font-family: ' font-family: Source Han sans-serif;';
    color: #333333;
    line-height: 20px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 650px;
}

#deMain .tipsp::before {
    display: block;
    content: "";
    width: 12px !important;
    height: 12px !important;
    background-image: url("/static/v2/img/doubleFestival/diamond.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 6px;
}

#deMain .namep {
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 14px;
    font-family: ' font-family: Source Han sans-serif;';
    color: #333333;
    line-height: 20px;
}

#deMain .echoText {
    margin-top: 18px;
    font-size: 14px;
    font-family: ' font-family: Source Han sans-serif;';
    color: #EE7A5D;
    line-height: 20px;
}

#deMain .linep {
    margin-top: 20px;
    width: 100%;
    height: 1px;
    background: #EEEEEE;
    overflow: hidden;
}

#deMain .btnp2 {
    width: 100%;
    height: 40px;

    background: linear-gradient(180deg, #E42A4F 0%, #EE7A5D 100%);
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
}

#deMain .dialog-new .el-dialog__header {
    padding: 0;

}

#deMain .dialog-new .el-dialog__body {
    padding: 0;
}

#deMain .dialog-new .head {
    height: 49px;
    background: linear-gradient(135deg, #F54468 0%, #F9716E 73%, #FDD191 100%);
    border-radius: 6px 6px 6px 6px;
    margin: 0 -10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

#deMain .dialog-new .head>p {
    font-size: 22px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 30px;
}

#deMain .dialog-new .head>img {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

#deMain .dialog-new .content {
    padding: 20px;
}

#deMain .dialog-new .content .confirm {
    margin-top: 20px !important;
    width: 100px;
    height: 40px;
    background: #FE4B4B;
    border-radius: 4px 4px 4px 4px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #FFFFFF;
    cursor: pointer;
}

#deMain .dialog-new .content .mTop {
    margin-top: -45px;
}

#deMain .dialog-new .content .tips {
    margin-top: 10px;
    font-size: 20px;
    font-family: Source Han sans-serif;
    color: #333333;
    line-height: 28px;
    text-align: center;
}

#deMain .dialog-new .content .tMoney {
    font-size: 14px;
    font-family: Source Han sans-serif;
    color: #666666;
}

#deMain .dialog-new .content .tMoney>span {
    font-size: 18px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #E03827;
}

#deMain .dialog-new .content .scrollBox {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    max-height: 530px;
    overflow-y: auto;
    gap: 20px;
}

#deMain .dialog-new .content .jcard {
    width: 164px;
    min-height: 172px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid transparent;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

#deMain .dialog-new .content .height2 {
    margin-left: 0px;
    height: 265px;
}

#deMain .dialog-new .content .active {
    position: relative;
    border: 1px solid #FA442E;
}

#deMain .dialog-new .content .active::after {
    display: block;
    content: '';
    width: 37px;
    height: 37px;
    background: url(/static/v2/img/doubleFestival/activeTag.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
}

#deMain .dialog-new .content .jcard>img {
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 120px;
}

#deMain .dialog-new .content .jcard>p:nth-of-type(1) {
    width: 126px;
    text-align: center;
    margin: 15px auto;
    width: 126px;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #333333;
    line-height: 20px;

}

#deMain .dialog-new .content .jcard>p:nth-of-type(2) {
    margin-top: 12px;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #FE4B4B;
    text-align: center;
}

#deMain .dialog-new .content .jcard>p:nth-of-type(2)>span {
    margin-top: 12px;
    font-size: 18px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #FE4B4B;
    line-height: 25px;
}

#deMain .dialog-new .content .jcard .dBtn {
    margin: 9px auto 0;
    width: 82px;
    height: 28px;
    background: #E5E4E4;
    border-radius: 14px 14px 14px 14px;
    text-align: center;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #666666;
    line-height: 28px;

}

#deMain .dialog-new .content .luckyBag {
    margin: auto;
    width: 120px;
    height: 120px;
    position: relative;
}

#deMain .dialog-new .content .jcard .lBg1 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBag1.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .jcard:hover .lBg1 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBagh1.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .openBag .lBg1 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBagh1.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .jcard .lBg2 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBag2.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .jcard:hover .lBg2 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBagh2.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .openBag .lBg2 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBagh2.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .jcard .lBg3 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBag3.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .jcard:hover .lBg3 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBagh3.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
    margin-top: 30px;
}

#deMain .dialog-new .content .openBag .lBg3 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBagh3.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .jcard .lBg4 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBag4.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .jcard:hover .lBg4 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBagh4.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .openBag .lBg4 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBagh4.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .jcard .lBg5 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBag5.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .jcard:hover .lBg5 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBagh5.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .openBag .lBg5 {
    width: 120px;
    height: 120px;
    background: url(/static/v2/img/septSchool/luckyBagh5.png) no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

#deMain .dialog-new .content .jcard:hover .light {
    float: left;
    margin-top: 14px;
    margin-left: 9px;
    width: 100px;
    height: 100px;
    background: url(/static/v2/img/septSchool/light.png) no-repeat;
    background-size: 100%;

}




#deMain .dialog-new .content .uInfo {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;

}

#deMain .dialog-new .content .uInfo .rDiv {
    width: 708px;
    font-size: 16px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #333333;
    line-height: 22px;

}

#deMain .dialog-new .content .uInfo .rDiv .lineB {
    padding-bottom: 18px;
    border-bottom: 1px solid #EEEEEE;
}

#deMain .dialog-new .content .uInfo .rDiv .el-input {
    margin-top: 8px;
}

#deMain .dialog-new .content .uInfo .rDiv>div {
    margin-bottom: 20px;
}

#deMain .noSearch {
    margin: 6px auto;
}

#deMain .noSearch>img {
    display: block;
    width: 150px;
    height: 130px;
    margin: 0 auto;
}

#deMain .noSearch>p {
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
}

#deMain .noSearch>p>span {
    color: #0099AD;
}

.el-message {
    top: 50% !important;
}

#deMain .cenBox .preImg {
    display: block;
    width: 1170px;
    height: 280px;
    margin-top: 25px;
}

#deMain .cenBox .bigBtn {
    display: block;
    width: 475px;
    height: 70px;
    margin: 20px auto 0;
}

#deMain .cenBox .lookInfo {
    margin: 15px auto 0;
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 18px;
    color: #EB4137;
    line-height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#deMain .cenBox .lookInfo::after {
    display: block;
    content: '';
    width: 12px;
    height: 16px;
    background: url(/static/v2/img/arrow11.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 6px;
}

#deMain .cenBox .secondTitle {
    margin: -20px -16px 0;
    display: block;
    width: 1200px;
    height: 60px;
}


#deMain .cenBox .subTitle {
    margin-top: 20px;
    font-family: Source Han Sans;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    text-align: center;
}

#deMain .cenBox .subTitle>p {
    margin-top: 15px;
    font-family: Source Han sans-serif;
    font-size: 16px;
    color: #666666;
    line-height: 22px;
    text-align: center;
}

#deMain .cenBox .rtips {
    margin-top: 20px;
    font-family: Source Han sans-serif;
    font-size: 12px;
    color: #911A0E;
    line-height: 17px;
    text-align: center;
}

#deMain .itemOne {
    display: flex;
    margin-top: 50px;
    justify-content: space-between;
}

#deMain .itemOne .leftBox {
    width: 680px;
}

#deMain .itemOne .leftBox .topImg {
    width: 680px;
    height: 60px;
    display: block;
}

#deMain .itemOne .leftBox .textBox {
    width: 680px;
    padding: 15px 20px 20px;
    background: #FFFBF4;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1608);
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #FEA269;
}

#deMain .itemOne .leftBox .textBox>p {
    width: 640px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 16px;
    color: #111111;
    line-height: 32px;
}

#deMain .itemOne .leftBox .textBox span {
    display: inline-block;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}

#deMain .itemOne .leftBox .textBox .tSide {
    margin-top: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#deMain .itemOne .leftBox .textBox .rbtn {
    background: linear-gradient(139deg, #FFA92E 0%, #FF772E 100%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 0 16px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 30px;
}

#deMain .itemOne .leftBox .textBox .imgCard {
    display: inline-block;
    margin-top: 16px;
    margin-right: 28px;
}

#deMain .itemOne .leftBox .textBox .imgCard>img {
    display: block;
    width: 70px;
    height: 70px;
}

#deMain .itemOne .leftBox .textBox .imgCard>span {
    width: 100%;
    display: inline-block;
    margin-top: 12px;
    text-align: center;
}

#deMain .itemOne .leftBox .textBox .prizes {
    display: block;
    margin-top: 16px;
    width: 464px;
    height: 70px;
}

#deMain .itemOne .leftBox .textBox .priNames {
    margin-top: 12px;
    width: 464px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#deMain .itemOne .leftBox .textBox .priNames>p {
    width: 70px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
}

#deMain .itemOne .rightBox {
    width: 490px;
    position: relative;
}

#deMain .itemOne .rightBox .rinkTop {
    margin-top: 19px;
    width: 490px;
    height: 56px;
    background: #FFA92E;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1608);
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #FEA269;
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 35px;
    text-align: center;
}

#deMain .itemOne .rightBox .rinkTop>img {
    display: block;
    margin: 6px auto 0;
    width: 243px;
    height: 28px;
}

#deMain .itemOne .rightBox .nowOrder {
    width: 490px;
    height: 60px;
    display: block;
    position: absolute;
    bottom: 0;
}

#deMain .itemOne .rightBox .bTips {
    margin: 3px -32px 0;
    border-radius: 0px 0px 10px 10px;
    font-family: Source Han sans-serif;
    font-size: 12px;
    color: #F35B72;
    line-height: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    background: linear-gradient(to bottom, #FEFDFD, #F9D8D4);
}

#deMain .itemOne .rightBox .rink {
    margin-top: -15px;
    padding: 0px 32px;
    width: 490px;
    background: #FFFBF4;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1608);
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #FEA269;
}

#deMain .itemOne .rightBox .rink .arow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    margin-top: 8px;
}

#deMain .itemOne .rightBox .rink .number0::before {
    display: block;
    content: '';
    width: 22px;
    height: 28px;
    background: url(/static/v2/img/openingSeason/number0.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .itemOne .rightBox .rink .number1::before {
    display: block;
    content: '';
    width: 22px;
    height: 28px;
    background: url(/static/v2/img/openingSeason/number1.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .itemOne .rightBox .rink .number2::before {
    display: block;
    content: '';
    width: 22px;
    height: 28px;
    background: url(/static/v2/img/openingSeason/number2.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .itemOne .rightBox .rink .arow>p:nth-of-type(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 42px;
    font-size: 12px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #333333;
    line-height: 42px;
    text-align: center;
}

#deMain .itemOne .rightBox .rink .arow>p:nth-of-type(2) {
    width: 140px;
    font-size: 14px;
    font-family: Source Han sans-serif;
    color: #666666;
    line-height: 20px;
    text-align: center;
}

#deMain .itemOne .rightBox .rink .arow>p:nth-of-type(3) {
    width: 84px;
    font-size: 14px;
    font-family: Source Han sans-serif;
    color: #666666;
    line-height: 20px;
    text-align: center;
}

#deMain .itemOne .rightBox .rink .arow>p:nth-of-type(4) {
    width: 80px;
    color: #FF6A00;
    text-align: right;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 500;
    line-height: 20px;
}

#deMain .itemOne .rightBox .rink .thead {
    border-bottom: 1px dashed #DCDCDC;
    height: 50px;
}

#deMain .itemOne .rightBox .rink .thead>p {
    font-size: 14px !important;
    font-family: Source Han sans-serif !important;
    font-weight: 500 !important;
    color: #666666 !important;
    line-height: 20px !important;
}

#deMain .itemTwo {
    margin-top: 60px;
    width: 1200px;
    height: 557px;
    background: url(/static/v2/img/septSchool/septSchoolBg1.png) no-repeat;
    background-size: 100% 100%;
    padding: 20px 15px;
}

#deMain .itemTwo .tTitleImg {
    display: block;
    width: 240px;
    height: 28px;
    background-size: 100% 100%;
}

#deMain .itemTwo .contentImg {
    display: block;
    width: 1170px;
    height: 486px;
    background: url(/static/v2/img/septSchool/septSchoolBg1.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .itemThree {
    padding: 20px 15px;
    margin-top: 60px;
    width: 1200px;
    background: url(/static/v2/img/septSchool/septSchoolBg2.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .itemThree .tTitleImg {
    display: block;
    width: 104px;
    height: 28px;
}


#deMain .contBox .tMoney {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

#deMain .contBox .tMoney .mCard {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 379px;
    height: 86px;
    background: #FCF0E4;
    border-radius: 6px 20px 6px 6px;
    padding: 14px;
}

#deMain .contBox .tMoney .mCard>div {
    z-index: 2;
}

#deMain .contBox .tMoney .mCard>div>p:nth-of-type(1) {
    font-size: 16px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #666666;
    line-height: 22px;
}

#deMain .contBox .tMoney .mCard>div>p:nth-of-type(2) {
    margin-top: 10px;
    font-size: 22px;
    font-family: Source Han Sans;
    font-weight: bold;
    color: #333333;
    line-height: 25px;
}

#deMain .contBox .tMoney .mCard>div:nth-of-type(2)>p:nth-of-type(2) {
    text-align: right;
}

#deMain .contBox .tMoney .mCard>div>p:nth-of-type(2)>span {
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    font-weight: normal;
    color: #333333;
    line-height: 20px;
}

#deMain .contBox .tips1 {
    margin-top: 10px;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #6D1717;
    line-height: 20px;
}

#deMain .contBox .tips1>p {
    margin-top: 8px;
    font-size: 12px;
    font-family: Source Han Sans;
    font-weight: 400;
    color: #666666;
}

#deMain .contBox .spbBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#deMain .contBox .jackpot {
    width: 830px;
    height: 132px;
    background: #FCF0E4;
    border-radius: 0 20px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;

}

#deMain .contBox .drop {
    position: relative;

}

#deMain .contBox .drop::after {
    z-index: 1;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 34px;
    height: 34px;
    display: block;
    content: '';
    background: url(/static/v2/img/doubleFestival/drop.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .contBox .jackpot .pBox1 {
    width: 248px;
    height: 132px;
    background: url(/static/v2/img/doubleFestival/box1.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
}

#deMain .contBox .jackpot .bg3 {
    background: url(/static/v2/img/doubleFestival/box3.png) no-repeat;

}

#deMain .contBox .jackpot .pBox1>.p1 {
    width: 126px;
    height: 20px;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #6D1717;
    line-height: 20px;
    position: absolute;
    left: 32px;
    top: 46px;
}

#deMain .contBox .jackpot .pBox1>.p2 {
    width: 190px;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #E03827;
    position: absolute;
    left: 32px;
    top: 76px;
    display: flex;
    align-items: center;
}



#deMain .contBox .jackpot .pBox1>.p2>span {
    font-size: 22px;
    font-family: Source Han Sans;
    font-weight: bold;
    color: #E03827;
}

#deMain .contBox .jackpot .pBox2 {
    width: 334px;
    height: 132px;
    background-image: url(/static/v2/img/doubleFestival/tips.png);
    background-position: left 101px top 27px;
    background-repeat: no-repeat;
    background-size: 151px 45px;
    position: relative;

}

#deMain .contBox .jackpot .pBox2 .tips {
    width: 151px;
    height: 36px;
    font-size: 16px;
    font-family: Source Han sans-serif;
    color: #FFFFFF;
    position: absolute;
    left: 101px;
    top: 27px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#deMain .contBox .jackpot .pBox2 .tips>span {
    font-size: 20px;
    font-family: Source Han Sans;
    font-weight: bold;
}

#deMain .contBox .jackpot .pBox2 .progressBar {
    position: absolute;
    top: 81px;
    background: #ffffff;
    border-radius: 10px;
    width: 334px;
    height: 24px;
}

#deMain .contBox .jackpot .pBox2 .progressBar::after {
    display: block;
    content: '';
    margin: 5px;
    background: #FEEEF0;
    border-radius: 7px;
    width: 324px;
    height: 14px;
    z-index: 0;
}

#deMain .contBox .jackpot .pBox2 .progressBar .line {
    width: 0px;
    height: 14px;
    background: linear-gradient(180deg, #FFEF63 0%, #FF7523 100%);
    border-radius: 7px;
    position: absolute;
    top: 5px;
    left: 5px;
    transition: all .3s ease;
}

#deMain .contBox .jackpot .pBox2 .prizeBox {
    width: 50px;
    height: 50px;
    background: url(/static/v2/img/doubleFestival/prize.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -25px;
    top: 68px;
    z-index: 10;
}

#deMain .contBox .rPrize {
    width: 320px;
    height: 132px;
    background: url(/static/v2/img/doubleFestival/jackpotMoney.png) no-repeat;
    background-size: 100% 100%;

}

#deMain .contBox .rPrize .box1 {
    margin-top: 23px;
    margin-left: 45px;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #6D1717;
    line-height: 20px;
}


#deMain .contBox .rPrize .box2 {
    margin-top: 10px;
    margin-left: 45px;
    width: 190px;
    height: 25px;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #E03827;
    display: flex;
    align-items: center;
}

#deMain .contBox .rPrize .box2>span {
    font-size: 22px;
    font-family: Source Han Sans;
    font-weight: bold;
    color: #E03827;
}

#deMain .contBox .rPrize .box3 {
    margin-top: 18px;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #333333;
    line-height: 20px;
    /* text-align: center; */
    padding-left: 33px;

}

#deMain .contBox .exchange {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#deMain .contBox .exchange .prizeInfo {
    padding: 8px;
    width: 849px;
    height: 139px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: flex-start;
}



#deMain .contBox .exchange .prizeInfo .chose {
    padding: 3px;
    width: 400px;
    height: 123px;
    background: url(/static/v2/img/doubleFestival/chose.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
}

#deMain .contBox .exchange .prizeInfo .chose>img {
    width: 157px;
    height: 115px;
}

#deMain .contBox .exchange .prizeInfo .chose>div {
    margin: 7px 10px 7px 12px;
    width: 215px;
}

#deMain .contBox .exchange .prizeInfo .chose>div>p:nth-of-type(1) {
    font-size: 14px;
    font-family: Source Han sans-serif;
    color: #666666;
    line-height: 20px;
}

#deMain .contBox .exchange .prizeInfo .chose>div>p:nth-of-type(2) {
    margin-top: 12px;
    font-size: 16px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #E03827;
    line-height: 22px;
    height: 22px;

}

#deMain .contBox .exchange .prizeInfo .chose>div>.bBtns {
    margin-top: 21px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#deMain .contBox .exchange .prizeInfo .chose>div>.bBtns .dBtn1 {
    width: 66px;
    height: 28px;
    border-radius: 14px 14px 14px 14px;
    border: 1px solid #E5E4E4;
    text-align: center;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #AEACAC;
    line-height: 28px;
}

#deMain .contBox .exchange .prizeInfo .chose>div>.bBtns .dBtn2 {
    width: 66px;
    height: 28px;
    border-radius: 14px 14px 14px 14px;
    background: #FFF6F6;
    text-align: center;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #E03827;
    line-height: 28px;
}

#deMain .contBox .exchange .prizeInfo .chose>div>.bBtns .dBtn3 {
    width: 66px;
    height: 28px;
    border-radius: 14px 14px 14px 14px;
    background: #FFF6F6;
    text-align: center;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #E03827;
    line-height: 28px;
    cursor: pointer;
}

#deMain .contBox .exchange .prizeInfo .chose>div>.bBtns .xBtn {
    width: 88px;
    height: 28px;
    background: #E03827;
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 28px;
    cursor: pointer;

}

#deMain .contBox .exchange .prizeInfo .apply {
    width: 405px;
    margin: 2px 0 0 28px;
    position: relative;
}

#deMain .contBox .exchange .prizeInfo .apply>p {
    font-size: 14px;
    font-family: Source Han sans-serif;
    color: #666666;
    line-height: 20px;
}

#deMain .contBox .exchange .prizeInfo .apply>p>span {
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #333333;
}

#deMain .contBox .exchange .prizeInfo .apply .dhBtn1 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 151px;
    height: 65px;
    background: url(/static/v2/img/doubleFestival/dhBtn1.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

#deMain .contBox .exchange .prizeInfo .apply .dhBtn2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 151px;
    height: 65px;
    background: url(/static/v2/img/doubleFestival/dhBtn2.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .contBox .exchange .contact {
    width: 301px;
    height: 139px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
    border-radius: 4px 4px 4px 4px;
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

#deMain .contBox .exchange .contact>img {
    width: 100px;
    height: 100px;
}

#deMain .contBox .exchange .contact>div>:nth-of-type(1) {
    font-size: 14px;
    font-family: Source Han sans-serif;
    color: #666666;
    line-height: 20px;

}

#deMain .contBox .exchange .contact>div>:nth-of-type(2) {
    margin-top: 13px;
    font-size: 18px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #333333;
    line-height: 25px;
}

#deMain .contBox .exchange .contact>div>:nth-of-type(3) {
    margin-top: 29px;
    font-size: 14px;
    font-family: Source Han sans-serif;
    color: #666666;
    line-height: 20px;
}

#deMain .contBox .end {
    display: block;
    width: 336px;
    height: 29px;
    margin-top: 34px;
}

#deMain .contBox .end2 {
    display: block;
    width: 336px;
    height: 29px;
    margin-top: 16px;
    margin-left: 16px;
    margin-bottom: 30px;
}

#deMain .contBox .rightSide {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#deMain .contBox .aTag {
    margin-top: 2px;
    margin-left: auto;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    color: #666666;
    line-height: 20px;
    text-align: right;
}

#deMain .topBgLine {
    margin: 0 auto;
    width: 1160px;
    height: 20px;
    background: #FFA92E;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1608);
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #FEA269;
}

#deMain .borBox {
    width: 1200px;
    padding: 20px;
    background: #FFFBF4;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1608);
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #FEA269;
    position: relative;
}

#deMain .borBox .textArea {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 16px;
    color: #333333;
    line-height: 23px;
    width: 1160px;
    height: 47px;
    padding: 12px 10px;
    background-image: url('/static/v2/img/septSchool/septSchool13.png');
    background-repeat: no-repeat;
    background-size: 1160px 47px;
    background-position: bottom;
}

#deMain .borBox .preImg {
    display: block;
    margin-top: 20px;
    width: 1160px;
    height: 280px;
}

#deMain .borBox .nowPre {
    display: block;
    margin: 20px auto 0;
    width: 482px;
    height: 54px;
}

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

#deMain .borBox .lookDetail {
    margin: 15px auto 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: PingFang SC Bold, PingFang SC Bold;
    font-weight: 400;
    font-size: 18px;
    color: #E83B2D;
    line-height: 18px;
}

#deMain .borBox .lookDetail::after {
    width: 12px;
    height: 16px;
    display: block;
    content: '';
    background: url(/static/v2/img/septSchool/septSchool16.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 6px;
}


#deMain .titleTop {
    width: 1200px;
    height: 60px;
    display: block;
    margin-top: 40px;
}

#deMain .borBox .inviteImg {
    width: 1160px;
    height: 258px;
    display: block;
}

#deMain .borBox .lineBag {
    position: static;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#deMain .borBox .baraBag {
    width: 909px;
}

#deMain .borBox .baraBag .numBox {
    padding-left: 81px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 34px;
}

/* finish */
#deMain .borBox .baraBag .numBox .nRow {
    /* width: 156px; */
    padding-left: 12px;
    display: flex;
    justify-content: flex-start;
}


#deMain .borBox .baraBag .numBox .nRow>.img {
    display: block;
    width: 48px;
    height: 48px;
    background: url(/static/v2/img/septSchool/septSchool20.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .borBox .baraBag .numBox .finish>.img {
    display: block;
    width: 48px;
    height: 48px;
    background: url(/static/v2/img/septSchool/septSchool21.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .borBox .baraBag .numBox .nRow>.rBox {
    margin-left: 12px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#deMain .borBox .baraBag .numBox .nRow>.rBox>p {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 18px;
    color: #666666;
    line-height: 18px;
}

#deMain .borBox .baraBag .numBox .finish>.rBox>p {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 18px;
    color: #FF4A00;
    line-height: 18px;
}

#deMain .borBox .baraBag .numBox .nRow>.rBox>.sTag {
    width: 49px;
    height: 18px;
    background: #CDCDCD;
    border-radius: 9px 9px 9px 9px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 12px;
    color: #666666;
    line-height: 18px;
    text-align: center;
}

#deMain .borBox .baraBag .numBox .finish>.rBox>.sTag {
    width: 49px;
    height: 18px;
    background: #FF4A00;
    border-radius: 9px 9px 9px 9px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
}

#deMain .borBox .baraBag .line {
    padding: 6px;
    width: 833px;
    height: 37px;
    background: linear-gradient(270deg, #E7763C 0%, #FB4C29 100%);
    border-radius: 27px;
    position: relative;
}

#deMain .borBox .baraBag .line .lineIn {
    width: 0%;
    height: 25px;
    background: radial-gradient(63% 50% at 83% 50%, #FFFBBD 0%, #FFDB9C 100%);
    box-shadow: inset 0px 0px 6px 0px #F37A23;
    border-radius: 21px 0px 0px 21px;

}

#deMain .borBox .baraBag .line .wid1 {
    width: 20%;
}

#deMain .borBox .baraBag .line .wid2 {
    width: 45%;
}

#deMain .borBox .baraBag .line .wid3 {
    width: 70%;
}

#deMain .borBox .baraBag .line .wid4 {
    width: 100%;
}

#deMain .borBox .baraBag .line .lineIn .txtIn1 {
    position: absolute;
    left: 6px;
    width: 130px;
    height: 25px;
    background: #D8D8D8;
    box-shadow: inset 0px 0px 6px 0px #989898;
    border-radius: 21px 0px 0px 21px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    text-align: center;
}

#deMain .borBox .baraBag .line .lineIn .txtIn2 {
    position: absolute;
    left: 181px;
    width: 180px;
    height: 25px;
    background: #D8D8D8;
    box-shadow: inset 0px 0px 6px 0px #989898;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    text-align: center;
}

#deMain .borBox .baraBag .line .lineIn .txtIn3 {
    position: absolute;
    left: 404px;
    width: 180px;
    height: 25px;
    background: #D8D8D8;
    box-shadow: inset 0px 0px 6px 0px #989898;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    text-align: center;
}

#deMain .borBox .baraBag .line .lineIn .txtIn4 {
    position: absolute;
    left: 628px;
    width: 180px;
    height: 25px;
    background: #D8D8D8;
    box-shadow: inset 0px 0px 6px 0px #989898;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    text-align: center;
}

#deMain .borBox .baraBag .bags {
    margin-top: -83px;
    padding-left: 81px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

#deMain .borBox .baraBag .bag {
    margin: 0 13px;
    width: 156px;
    height: 141px;
    background-image: url('/static/v2/img/septSchool/openBag1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

#deMain .borBox .baraBag .bag .txtArea {
    margin-top: -7px;
    width: 70px;
    height: 70px;
    position: relative;
}


#deMain .borBox .baraBag .bag .txtArea>.p4 {
    margin-top: 4px;
    width: 100%;
    height: 20px;
    font-family: Source Han Sans;
    font-weight: 700;
    font-size: 17px;
    color: #FF4A00;
    line-height: 20px;
    text-align: center;

}

#deMain .borBox .baraBag .bag .txtArea>.p1 {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: Source Han Sans;
    font-weight: 700;
    font-size: 13px;
    color: #666666;
    line-height: 27px;
    text-align: center;
}

#deMain .borBox .baraBag .bag .txtArea>.p2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: Source Han Sans;
    font-weight: 700;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 27px;
    text-align: center;
}

#deMain .borBox .baraBag .bag .txtArea>.p3 {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 26px;
    text-align: center;

}



#deMain .borBox .baraBag .bag .txtArea span {
    font-size: 12px;
}

#deMain .borBox .baraBag .bg2 {
    background-image: url('/static/v2/img/septSchool/openBag2.png');

}


#deMain .borBox .baraBag .bg3 {
    background-image: url('/static/v2/img/septSchool/openBag3.png');
}

#deMain .borBox .baraBag .cursor {
    cursor: pointer;
}

#deMain .twoBg {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#deMain .twoBg .bgBox {
    padding: 20px;
    width: 590px;
    height: 328px;
}

#deMain .twoBg .mbg1 {
    background: url('/static/v2/img/septSchool/septSchool23.png') no-repeat;
    background-size: 100% 100%;
}

#deMain .twoBg .mbg2 {
    background: url('/static/v2/img/septSchool/septSchool24.png') no-repeat;
    background-size: 100% 100%;
}

#deMain .twoBg .tPic {
    width: 104px;
    height: 28px;
}



#deMain .twoBg .cNums {
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFEED5;
    border-radius: 10px 10px 10px 10px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    padding: 0 12px;
}

#deMain .twoBg .bBoxs {
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 85px;
}

#deMain .twoBg .bBoxs .pCard {
    width: 120px;
}

#deMain .twoBg .bBoxs .pCard>img {
    width: 120px;
    height: 100px;
}

#deMain .twoBg .pCard>p {
    width: 100%;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: 14px;
    color: #666666;
    line-height: 14px;
    text-align: center;
}

#deMain .twoBg .pCard>p>span {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 18px;
    color: #FF6A00;
    line-height: 18px;
}

#deMain .twoBg .bBoxs .pCard .aLink {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 18px;
    color: #FF6A00;
    line-height: 18px;
}

#deMain .twoBg .bBoxs .pCard .aLink::after {
    display: inline-block;
    content: "";
    width: 12px;
    height: 16px;
    background: url(/static/v2/img/septSchool/septSchool29.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 6px;
}


#deMain .twoBg .rink2 {
    margin-top: 20px;
    width: 550px;
    height: 240px;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.102);
    border-radius: 10px 10px 10px 10px;
    padding: 0 16px;
    position: relative;
}

#deMain .twoBg .rink2 .arow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    margin-top: 4px;
}

#deMain .twoBg .rink2 .number0::before {
    display: block;
    content: '';
    width: 22px;
    height: 28px;
    background: url(/static/v2/img/openingSeason/number0.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .twoBg .rink2 .number1::before {
    display: block;
    content: '';
    width: 22px;
    height: 28px;
    background: url(/static/v2/img/openingSeason/number1.png) no-repeat;
    background-size: 100% 100%;
}

#deMain .twoBg .rink2 .number2::before {
    display: block;
    content: '';
    width: 22px;
    height: 28px;
    background: url(/static/v2/img/openingSeason/number2.png) no-repeat;
    background-size: 100% 100%;
}



#deMain .twoBg .rink2 .arow>p:nth-of-type(1) {
    width: 100px;
    font-size: 14px;
    font-family: Source Han sans-serif;
    color: #666666;
    line-height: 20px;
    text-align: center;
}

#deMain .twoBg .rink2 .arow>p:nth-of-type(2) {
    width: 220px;
    font-size: 14px;
    font-family: Source Han sans-serif;
    color: #666666;
    line-height: 20px;
    text-align: center;
}

#deMain .twoBg .rink2 .arow>p:nth-of-type(3) {
    width: 100px;
    color: #F35B72;
    text-align: right;
    font-size: 14px;
    font-family: Source Han Sans;
    font-weight: 600;
    line-height: 20px;
}

#deMain .twoBg .rink2 .arow>p .rtag {
    padding: 3px 12px;
    background: #D8D8D8;
    border-radius: 16px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    line-height: 14px;
}

#deMain .twoBg .rink2 .arow>p .rtag2 {
    padding: 3px 12px;
    background: #FF6A00;
    border-radius: 16px;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 14px;
}

#deMain .twoBg .rink2 .thead {
    border-bottom: 1px dashed #DCDCDC;
    height: 48px;
}

#deMain .twoBg .rink2 .thead>p {
    font-size: 14px !important;
    font-family: Source Han sans-serif !important;
    font-weight: 500;
    color: #666666 !important;
    line-height: 20px !important;
}

#deMain .twoBg .rink2 .bColor {
    position: absolute;
    bottom: 0;
    margin: 0 -16px;
    width: 550px;
    height: 26px;
    background: linear-gradient(180deg, rgba(224, 56, 39, 0) 0%, #FF6A00 100%);
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.0784);
    opacity: 0.2;
    border-radius: 0 0 10px 10px;
}

#deMain .borBox .wBox4 {
    padding-left: 7px;
    width: 100%;
}

#deMain .borBox .wBox4>.num:nth-of-type(n+2) {
    margin-top: 12px;
}

#deMain .borBox .wBox4>div {
    display: flex;
    justify-content: flex-start;
}

#deMain .borBox .wBox4>.num>p:nth-of-type(2) {
    margin-left: 4px;
}

#deMain .borBox .wBox4 p {
    font-size: 16px;
    /* color: #666666; */
    color: #111111;
    line-height: 32px;
}

#deMain .borBox .wBox4 p>span {
    color: #EB4137;
}

@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

#deMain .openBag {
    -webkit-animation-name: hvr-icon-pulse-shrink;
    animation-name: hvr-icon-pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

#deMain .dialog-gp {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3000;
}

#deMain .dialog-gp .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#deMain .dialog-gp .content .infoImg {
    display: block;
    width: 707px;
    height: 210px;
}

#deMain .dialog-gp .content .closeIcon {
    display: block;
    width: 20px;
    height: 20px;
    margin: 20px auto 0;
    cursor: pointer;
}

#deMain .navFloor {
    position: fixed;
    background: #FFFFFF;
    width: 100px;
    right: 60px !important;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    padding: 10px 0;
    z-index: 980;
}

#deMain .navFloor .item {
    display: block;
    width: 100px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
}

#deMain .navFloor .active {
    margin-left: -20px;
    width: 120px;
    height: 40px;
    color: #FFFFFF !important;
    background: linear-gradient(107deg, #FE4B4B 0%, #FE8469 45%, #FDD191 100%);
    border-radius: 20px 4px 4px 20px;
}

#deMain .navFloor .active::before {
    display: inline-block;
    content: "";
    width: 7.5px;
    height: 10px;
    background: url(../../img/triangle2.png) no-repeat;
    background-size: 100%;
    margin-right: 22px;
    transform: rotate(180deg);
}

#deMain .navFloor .item:hover {
    color: #FE8469;
}