@charset "utf-8";
@font-face {font-family: font442;src:url("../css/font442.ttf");}
.font442 {font-family: 'font442';}
.fontSimSun {font-family: 'SimSun';}
/*-----------------初始化---------------------*/
* { padding: 0; margin: 0; border: none; }
html, body { color: #333; font-family: "Microsoft YaHei"; font-size: 12px;min-width: 1200px;}
body {
    -webkit-tap-highlight-color: transparent;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    /* user-select: none; */
    background: #1B110F url(../img/body.png);
}
ul, ol, li { list-style: none; }
var, em, i { font-style: normal; }
a { text-decoration: none; color: #333; }
a:hover {text-decoration: none}
img { display: inline; border: 0 none; }
input[type=text], input[type=password], input[type=email], input[type=tel], select, textarea { font-size: 12px; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}   /*** 消除input元素 type="number" 时默认的 加减按钮*/
input[type=number] {-moz-appearance:textfield;} /*** 消除input元素 type="number" 时默认的 加减按钮---moz版*/
.clear:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden;}
.w1200,.new_part { position: relative; width: 1200px; margin: 0 auto;}
.linear_fef3df{color: #fef3df;background-image: -webkit-linear-gradient(top, #f8f0de, #fbf1a9);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.iconImg {background: url(../img/iconImg.png) 0 0 no-repeat;}
.transition {transition: .2s all;}
.hdbar-nav{overflow: hidden;}

#app {background: url(../img/head.jpg) top center no-repeat; }
#app .min1000{min-height: 3051px;background: url(../img/main.jpg) bottom center no-repeat;position: relative;}
#app .content {display: none;}
#app .content.disBlock {display: block;}
#app .content .page {box-sizing: border-box;}
#app .content .page.page1 { height: 531px;background: url(../img/page1.jpg)top center no-repeat;padding-top: 180px;position: relative;z-index: 1;}
#app .content .page.page2 { height: 730px;background: url(//img.xyzhengyou.com/game/2022/202206/20220615/6791d11b604352fdff7743c26311b52d.jpg)top center no-repeat;padding-top: 186px;position: relative; }
#app .content .page.page3 { height: 610px;background: url(../img/page3.jpg)top center no-repeat;padding-top: 178px;position: relative;}
#app .content .page.page4 {height: 1180px;background: url(../img/page4.jpg)top center no-repeat;padding-top: 186px;position: relative;}
#app .content .pageTitle  {width: 1200px;margin: 0 auto;color: #ffc983;font-size: 14px;text-align: center;line-height: 24px; }
#app .content .page.page2 .pageTitle {color: #c82a10;}
#app .content .page.page3 .pageTitle {color: #ffc983;}


/* head */
.head {width: 100%;height: 829px;overflow: hidden;position: relative;background: url(../img/head_b.jpg) top center no-repeat;}
.head .top_log {width: 1200px;margin: 0 auto;padding-top: 49px;position: relative;}
.head .top_log .logo {display: block;width: 150px;height: 90px;float: left;position: relative;top: -14px;left: 0px;background-position: -900px -100px;}
.head .top_log .banner {position: absolute;right: 0px;top: 30px;}
.head .top_log .banner .lgy{ display: inline-block;width: 50px; height: 50px; background: url(../img/btn_enter.png) no-repeat 0 0;}
.head .top_log .banner .lgy.yx { background-position-x: -55px;}
.head .top_log .banner .lgy:hover { background-position-y: -50px; }

.head .timer {
    width: 345px;font-size: 18px;font-weight: 900;text-align: center;
    letter-spacing: 1px;transform: rotate(4deg);color: #fef6e5;position: absolute;left: 460px;top: 512px;
    background-image: -webkit-linear-gradient(top, #fef6e5, #fee5aa);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
}
.head .tt {width: 1200px;height: 33px;margin: 0 auto;line-height: 33px;margin-top: 663px;text-align: center;font-size: 18px;color: #fffad1;}
.head .cutGame {width: 1200px;margin: 80px auto 0;display: flex;justify-content: center;color: #5b322a;font-size: 14px;text-align: center;}
.head .cutGame .xb {width: 362px;height: 124px;cursor: pointer;}
.head .cutGame .xb:hover {background-position-x: -400px;}
.head .cutGame .xb p {margin-top: 80px;}

.pageFlex {display: flex;flex-direction: column;/* flex-direction: column-reverse; */}
.pageFlex.dayOver9 {flex-direction: column-reverse;}

/* page1 */
.page1 {letter-spacing: 1px;}
.page1 .signDayBox {display: flex;justify-content: center;height: 95px;}
.page1 .signDayBox .signDay {width: 132px;height: 95px;position: relative;}
.page1 .signDayBox .signDay.isGet .isGetIcon {position: absolute;width: 24px;height: 24px;bottom: 5px;right: 5px;background-position: -600px -400px;}
.page1 .signDayBox .signDay.isGet .signDays,.page1 .signDayBox .signDay.overdue .signDays {filter: brightness(0.5);}
.page1 .signDayBox .signDay .signDays {width: 132px;height: 95px;background-position-x: -600px;text-align: center;}

.page1 .signDayBox .signDay .signDayGift .signDayGiftItem { padding-top: 10px; }
.page1 .signDayBox .signDay .signDayGift .signDayImg {width: 132px;height: 64px;margin: 0 auto;display: flex;align-items: center;justify-content: center;margin-top: -30px;}
.page1 .signDayBox .signDay .signDayGift .signDayImg img {max-width: 178px;}
.page1 .signDayBox .signDay .signDayGift .signDayImg.signDayImg6 img {margin-top: 20px;}
.page1 .signDayBox .signDay .signDayGift .signDayName{font-size: 14px;color: #f4e6b2;margin-bottom: 6px;}

.page1 .signDayBox .signDay .signDayTitle {font-size: 16px;color: #1e2650;}
.page1 .signTotalBox {display: flex;justify-content: center;margin-top: 25px;height: 105px;position: relative;}
.page1 .signTotalBox .signTotal {width: 187px;height: 105px;position: relative;background-position: -400px -200px;text-align: center;color: #ffe1a1;font-size: 14px;}
.page1 .signTotalBox .signTotal .signTotalGift .signTotalImg {width: 187px;height: 64px;margin: 0 auto;display: flex;align-items: center;justify-content: center;margin-top: 12px;}
.page1 .signTotalBox .signTotal .signTotalGift .signTotalName{width: 187px;height: 54px;line-height: 82px;margin-top: -25px;position: relative;z-index: 1;background-position: -400px -320px;}
.page1 .signTotalBox .signTotal.isGet .isGetIcon {position: absolute;width: 24px;height: 24px;bottom: -45px;right: 80px;background-position: -600px -400px;}
.page1 .signTotalBox .signTotalPro {width: 634px;height: 7px;background-position-y: -490px;position: absolute;left: 295px;top: 81px;z-index: 0;}
.page1 .signTotalBox .signTotalPro .pro {width: 0%;height: 5px;background: #2c415f;border: 1px solid #baa65d;}

.page1 .signBtn {width: 263px;height: 91px;margin: 40px auto 0;cursor: pointer;font-size: 14px;color: #f7ebc0;text-align: center;background-position: -600px -100px;}
.page1 .signBtn:hover {background-position-y: -200px;}
.page1 .signBtn.isGet {background-position-y: -300px;}
.page1 .signBtn p {position: relative;top: 80px;}

/* page2 */
.page2 {letter-spacing: 1px;}
.page2 .g2Box {width: 620px;display: flex;align-items: center;justify-content: space-between;margin-top: 79px;margin-left: 367px;font-size: 14px;}
.page2 .g2Box.g0 {margin-top: 70px;}
.page2 .g2Box.g2 {margin-top: 76px;}
.page2 .g2Box .gift-item {width: 378px;display: flex;}
.page2 .g2Box .gift-item .gift-item-content {width: 126px;color: #f4e6b2;text-align: center;}
.page2 .g2Box .gift-item .gift-item-content .gift-item-img {width: 126px;height: 48px;margin: 0 auto;display: flex;align-items: center;justify-content: center;margin-bottom: 5px;}
.page2 .g2Box .gift-item .gift-item-content .gift-item-img img {max-width:56px;}
.page2 .g2Box .gift-item-btn {width: 183px;height: 69px;cursor: pointer;background-position: -200px -400px;}
.page2 .g2Box .gift-item-btn:hover  {background-position: -400px -400px;}
.page2 .g2Box .gift-item-btn.notAllow {background-position: -400px -500px;}
.page2 .g2Box .gift-item-btn.isGet  {background-position: -600px -500px;}


/* page3 */
.page3 {letter-spacing: 1px;}
.page3 .t3Box {display: flex;}
.page3 .t3Box .dayTit {width: 161px;height: 43px;color: #fff;font-size: 16px;text-align: center;line-height: 43px;margin-left: 8px;cursor: pointer;background-position-y: 1000px;}
.page3 .t3Box .dayTit.dayTit0  {margin-left: 14px;}
.page3 .t3Box .dayTit.curr,.page3 .t3Box .dayTit:hover {background-position-y: -400px;}
.page3 .g3Box {display: flex;}
.page3 .g3Box .giftliBox {display: flex;}
.page3 .g3Box .giftInfo {width: 222px;height: 315px;display: flex;flex-wrap: wrap;align-content: flex-end;justify-content: center;color: #ffe9a5;font-size: 14px;}
.page3 .g3Box .giftInfo.giftInfo0 {margin-left: 58px;}
.page3 .g3Box .giftInfo.giftInfo1 {margin-left: 76px;}
.page3 .g3Box .giftInfo.giftInfo2 {margin-left: 75px;}
.page3 .g3Box .giftInfo.giftInfo3 {margin-left: 70px;}
.page3 .g3Box .giftInfo .giftInfolist {width: 111px;height: 119px;}
.page3 .g3Box .giftInfo .giftInfolist .giftImg {width: 100px;height: 100px;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.page3 .g3Box .giftInfo .giftInfolist .giftName {text-align: center;}
.page3 .g3Box .giftInfo .giftBtn {width: 183px;height: 69px;margin-top: 15px;cursor: pointer;background-position-y: -500px;}
.page3 .g3Box .giftInfo .giftBtn:hover {background-position-x: -200px;}
.page3 .g3Box .giftInfo .giftBtn.notAllow {background-position-x: -400px;}
.page3 .g3Box .giftInfo .giftBtn.isGet {background-position-x: -600px;}

/* page4 */
.page4 .page4con {height: 720px;}
.page4 .page4con .zldjBox {width: 1168px;height: 620px;position: absolute;filter: brightness(0.7);opacity: 0.95;transition: 0.6s all;
    /* transition-timing-function: ease-in-out; */
    transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
    transform: translate(32px,22px);background: url(../img/main4level.png) 0 0 no-repeat;}
.page4 .page4con .zldjBox.curr {z-index: 2;transform: translate(0,0);filter: brightness(1);opacity: 1;}
.page4 .page4con .cutBtn {width: 268px;height: 77px;position: absolute;top: -75px;right: 25px;cursor: pointer;background-position: -300px 0;}
.page4 .page4con .cutBtn.curr{background-position-x: 0;}
.page4 .page4con .cutBtn:hover {background-position-y: -100px;}
.page4 .page4con .zldjBox .listBox {width: 483px;height: 500px;margin-left: 33px;float: left;}
.page4 .page4con .zldjBox .listBox .tit {width: 307px;height: 61px;margin: 18px auto 45px;background-position-y: -200px;}
.page4 .page4con .zldjBox.zlBox .listBox .tit{background-position-y: -300px;}
.page4 .page4con .zldjBox .listBox .listGift {width: 483px;height: 396px;overflow-y: auto;font-size: 14px;color: #ffe48e;}
.page4 .page4con .zldjBox .listBox .listGift::-webkit-scrollbar {width: 3px;/*height: 4px;*/}
.page4 .page4con .zldjBox .listBox .listGift::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);background: #2d395c;}
.page4 .page4con .zldjBox .listBox .listGift::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);background: #0f1835;}
.page4 .page4con .zldjBox .listBox .listGift .listGiftUl {display: flex;height: 33px;line-height: 33px;text-align: center;}
.page4 .page4con .zldjBox .listBox .listGift .listGiftUl .grank {width: 35px;margin-left: 32px;}
.page4 .page4con .zldjBox .listBox .listGift .listGiftUl .gserver {width: 100px;margin-left: 54px;}
.page4 .page4con .zldjBox .listBox .listGift .listGiftUl .gname {width: 140px;margin-left: 75px;}
.page4 .page4con .zldjBox .listBox .listGift .listGiftUl.l0 .grank,
.page4 .page4con .zldjBox .listBox .listGift .listGiftUl.l1 .grank,
.page4 .page4con .zldjBox .listBox .listGift .listGiftUl.l2 .grank {background-position: -595px -444px;}
.page4 .page4con .zldjBox .listBox .listGift .listGiftUl .grank {background-position: 100px 100px;}
.page4 .page4con .zldjBox .g4Box {width: 650px;height: 580px;float: left;}
.page4 .page4con .zldjBox .g4Box .selectGift {height: 248px;padding-top: 65px;position: relative;}
.page4 .page4con .zldjBox .g4Box .selectGift .selectGiftList {width: 530px;height: 100px;display: flex;justify-content: space-between;margin: 61px 0 0 71px;}
.page4 .page4con .zldjBox .g4Box .selectGift .selectGiftList .selectGiftItem {width: 106px;height: 100px;color: #ffe48e;font-size: 14px;text-align: center;cursor: pointer;}
.page4 .page4con .zldjBox .g4Box .selectGift .selectGiftList .selectGiftItem .selectGiftImg {width: 64px;height: 64px;margin: 0 auto;display: flex;align-items: center;justify-content: center;margin-bottom: 5px;background-position: 100px 100px;}

.page4 .page4con .zldjBox .g4Box .selectGift .selectGiftList .selectGiftItem:hover .selectGiftImg {background-position: -800px -400px;}
.page4 .page4con .zldjBox .g4Box .selectGift .selectGiftList .selectGiftItem.curr .selectGiftImg{background-position: -700px -400px;}
.page4 .page4con .zldjBox .g4Box .selectGift .selectGiftList .selectGiftItem.gray { filter: grayscale(1); }

.page4 .page4con .zldjBox .g4Box .selectGift .tip {width: 333px;font-size: 15px;color: #341f17;font-weight: 900;position: absolute;left: 80px;bottom: 18px;}
.page4 .page4con .zldjBox .g4Box .otherGift {height: 235px;padding-top: 65px;position: relative;}
.page4 .page4con .zldjBox .g4Box .otherGift .otherGiftList {width: 530px;height: 89px;display: flex;justify-content: space-between;margin: 56px 0 0 71px;}
.page4 .page4con .zldjBox .g4Box .otherGift .otherGiftList .otherGiftItem {display: flex;color: #ffe48e;width: 166px;}
.page4 .page4con .zldjBox .g4Box .otherGift .otherGiftList .otherGiftItem.isGet {filter: grayscale(1);}
.page4 .page4con .zldjBox .g4Box .otherGift .otherGiftList .otherGiftItem .otherGiftBox {width: 83px;color: #ffe48e;font-size: 14px;text-align: center;}
.page4 .page4con .zldjBox .g4Box .otherGift .otherGiftList .otherGiftItem .otherGiftBox .otherGiftImg {width: 64px;height: 64px;margin: 0 auto;display: flex;align-items: center;justify-content: center;margin-bottom: 5px;}
.page4 .page4con .zldjBox .g4Box .otherGift .tip {width: 333px;font-size: 15px;color: #ffe48e;letter-spacing: 1px;text-align: right;position: absolute;right: 40px;top: 37px;}

.page4 .page4con .zldjBox .g4Box .g4btn {width: 183px;height: 69px;cursor: pointer;background-position-y: -600px;}
.page4 .page4con .zldjBox .g4Box .g4btn:hover {background-position-x: -200px;}
.page4 .page4con .zldjBox .g4Box .g4btn.notAllow{background-position: -400px -500px;}
.page4 .page4con .zldjBox .g4Box .g4btn.isGet{background-position: -600px -500px;}
.page4 .page4con .zldjBox .g4Box .g4btn.selectGiftBtn {margin-left: 416px;margin-top: 5px;}
.page4 .page4con .zldjBox .g4Box .g4btn.otherGiftBtn {margin-left: 245px;margin-top: 5px;}

.page4 .page4con .zldjBox .ranktxt {float: left;width: 458px;color: #ffe48e;font-size: 14px;padding-left: 58px;margin-top: -27px;letter-spacing: 1px;}

.rule {position: absolute;left: 146px;top: -100px;font-size: 18px;letter-spacing: 2px;color: rgb(255, 228, 142);border-bottom: 1px solid; cursor: pointer;}
.rule .ruleHover {display: none;width: 459px;position: absolute;left: 0px;top: -210px;color: #ffe48e;font-size: 16px;background: #584732bd;padding: 20px;border: 1px solid;}
.rule:hover .ruleHover {display: block;}

/* aside */
/* .aside {display: none;} */
.aside {width: 203px;height: 444px;position: fixed;right: 0px;top: 50%;margin-top: -222px;transition: .3s right;z-index: 9;}
.aside.asideHide {right: -288px;}
.aside .asidePage { width: 203px;height: 66px;cursor: pointer;margin-bottom: 8px;background-position-x: -900px;}
.aside .asidePage:hover,.aside .asidePage.curr{background-position-x: -1111px;}
.aside .asidePage.aside_0 {background-position-y: -200px;}
.aside .asidePage.aside_1 {background-position-y: -300px;}
.aside .asidePage.aside_2 {background-position-y: -400px;}
.aside .asidePage.aside_3 {background-position-y: -500px;}
.aside .asidePage.aside_4 {background-position-y: -600px;}

.aside .userInfos {cursor: pointer;padding-left: 0px;color:#fff5ab;font-size: 22px;letter-spacing: 3px;box-sizing: border-box;}
.aside .userInfos .us {margin-bottom: 5px;}
.aside .userInfos .us span {height: 26px;line-height: 26px;font-size: 14px;color: #d2cc81;}
.aside .userInfos .us .server_name,.aside .userInfos .us .role_name {display: inline-block;padding-left: 10px;width: 110px;border: 1px solid #fff5ab;text-align: left;}
.aside .toTop {width: 56px;height: 62px;cursor: pointer;position: relative;left: 65px;background-position: -900px -700px;}
.aside .toTop:hover {filter: brightness(1.3);}

/*foot*/
.page-footer {display: none}
#footer.page-footer {display: block;}



/* selfAlert */
.selfAlert {display: none;width: 100%;height: 100%;left: 0;top: 0;position: fixed;z-index: 99;}
.selfAlert.displayBlock {display: block;letter-spacing: 1px;}
.selfAlert .shadow {width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 20;}
.selfAlert .alertContent {width: 754px;height: 368px;background: url(../img/alertBg.png) center no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -184px;margin-left: -377px;z-index: 25}
.selfAlert .alertContent .msg-tit {background: none;margin: 30px 45px 15px;text-align: center;}
.selfAlert .alertContent .msg-tit h3 {font-size: 30px;height: 40px;line-height: 40px;letter-spacing: 2px;font-weight: bolder;position: relative;color: #ffe48e;}
.selfAlert .alertContent .msg-tit .btn-close {position: absolute;top: 0px;right: -88px;width: 75px;height: 75px;cursor: pointer;background-position: -1100px 0px;}
.selfAlert .alertContent .msg-tit .btn-close { transition: transform .6s 0s ease;-webkit-transition: transform .6s 0s ease;-moz-transition: transform .6s 0s ease;-ms-transition: transform .6s 0s ease;}
.selfAlert .alertContent .msg-tit .btn-close:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg); }

.selfAlert .alertContent .msg-con {width: 754px;height: 282px;overflow-y: auto;margin: 0 auto;letter-spacing: 1px;}
.selfAlert .alertContent .msg-con p {line-height: 35px;text-align: center;width: 100%;word-wrap: break-word;font-size: 24px;color: #ffe48e; }
.selfAlert .alertContent .msg-con .tip2 { margin-top: 15px; }
.selfAlert .alertContent .msg-con .tip3 { font-size: 24px;margin-top: 30px; }
.selfAlert .alertContent .msg-con .tip4 { margin-top: 25px;line-height: 15px; }
.selfAlert .alertContent .msg-con .tip4 img { max-width: 170px; }
.selfAlert .alertContent .msg-con .btnAlert {display: block;width: 197px;height: 57px;line-height: 57px;text-align: center;color: #fff;font-size: 22px;font-weight: 900;letter-spacing: 3px;position: absolute;left: 50%;bottom: -3px;margin-left: -98.5px;z-index: 50;background-position: -1100px -100px;}
.selfAlert .alertContent .msg-con .btnAlert {border: none;cursor: pointer;}
.selfAlert .alertContent .msg-con .btnAlert:hover{ filter: brightness(1.3); }

.selfAlert .alertContent .msg-con .table {width: 78%;height: 205px;margin: 0 auto;text-align: center;color: #ffe48e;font-size: 16px;padding: 0 25px;overflow: auto;}
.selfAlert .alertContent .msg-con .table::-webkit-scrollbar {width: 3px;/*height: 4px;*/}
.selfAlert .alertContent .msg-con .table::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);background: #ffe48e;}
.selfAlert .alertContent .msg-con .table::-webkit-scrollbar-track {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);border-radius: 0;background: rgba(146,83,56,0.1);}
.selfAlert .alertContent .msg-con .tableul {display: flex;justify-content: space-between;line-height: 40px;border-bottom: 1px solid #ffe48e;}
.selfAlert .alertContent .msg-con .tableul.thead {width: 78%;margin: 0 auto;text-align: center;color: #ffe48e;font-weight: 900;font-size: 16px;}
.selfAlert .alertContent .msg-con .tableul li {min-width: 150px;}


/* 弹窗 */
.alert-wrap{width: 100%;height: 100%;left: 0;top: 0; position: fixed;z-index: 99;}
.alert-wrap .shadow-box{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 20}
.alert-wrap .msg-alert{width: 754px;height: 368px;background: url(../img/alertBg.png) center no-repeat;position: absolute;top: 50%;left: 50%;;margin-top: -184px;margin-left: -377px;z-index: 25}
.alert-wrap .msg-alert .btn-close{position: absolute;top: 0px;right: -88px;width: 75px;height: 75px;cursor: pointer;background: url(../img/iconImg.png) -1100px 0px no-repeat; }
.alert-wrap .msg-alert .btn-close,.guessAlert .guessClose{ transition: transform .6s 0s ease;-webkit-transition: transform .6s 0s ease;-moz-transition: transform .6s 0s ease;-ms-transition: transform .6s 0s ease;}
.alert-wrap .msg-alert .btn-close:hover,.guessAlert .guessClose:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg); }
.alert-wrap .msg-alert .msg-tit { background: none;margin-top: 15px; }
.alert-wrap .msg-alert .msg-tit h3 {font-size: 30px;text-align: left;height: 30px;line-height: 30px;letter-spacing: 2px;font-weight: bold;text-align: center;width: 238px;margin: 0 auto;position: relative;color: #fef3df;background-image: -webkit-linear-gradient(top, #f8f0de, #ece29e);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.alert-wrap .msg-alert .msg-con {width: 95%;height: 282px;margin: 15px auto 0;font-size: 16px;overflow: auto;padding: 0;color: #f0c169; }
.alert-wrap .msg-alert .msg-con p { line-height: 35px;text-align: center;width: 100%;word-wrap: break-word;letter-spacing: 1px;}
.alert-wrap .msg-alert .msg-con .tip2 { margin-top: 15px; }
.alert-wrap .msg-alert .msg-con .tip3 { font-size: 22px; }
.alert-wrap .msg-alert .msg-con .tip4 { margin-top: 25px;line-height: 15px; }
.alert-wrap .msg-alert .msg-con .tip4 img { max-width: 170px; }
.alert-wrap .msg-alert .msg-con .btn-alert {display: block;width: 197px;height: 57px;line-height: 57px;text-align: center;color: #ffffff;font-size: 22px;font-weight: bolder;letter-spacing: 3px;position: absolute;left: 50%;bottom: -3px;margin-left: -98px;z-index: 50;text-shadow: 1px 2px 2px #33231a;transition: .3s all;background: url(../img/iconImg.png?v=2022) -1100px -100px no-repeat;}
.alert-wrap .msg-alert .msg-con .btn-alert { border: none;cursor: pointer;}
.alert-wrap .msg-alert .msg-con .btn-alert:hover{ filter: brightness(1.15); }

/* 弹窗区服 */
.alert-wrap .msg-alert .msg-con .service-nav { width: 415px; margin: 25px auto 0; }
.alert-wrap .msg-alert .msg-con .service-nav span { margin-right: 1px; line-height: 27px; font-size: 16px; color: #f0c169; }
.alert-wrap .msg-alert .msg-con .service-nav p { display: inline-block;font-size: 16px; color: #f0c169; margin-bottom: 12px;}
.alert-wrap .msg-alert .msg-con .service-nav select { width: 200px; height: 27px; color: #f0c169; background: #33231A; padding: 0px 5px; outline: 0; border: .01rem solid #f0c169; border-radius: 0; }
.alert-wrap .msg-alert .msg-con .service-nav select.second { margin-right: 0; }

/*弹窗滚动条*/
.alert-wrap .msg-alert .msg-con::-webkit-scrollbar {width: 3px;/*height: 4px;*/}
.alert-wrap .msg-alert .msg-con::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);background: #f0c169;}
.alert-wrap .msg-alert .msg-con::-webkit-scrollbar-track {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);border-radius: 0;background: rgba(146,83,56,0.1);}
.alert-wrap .msg-alert .msg-con table{width: 86.5%;text-align: center;color: #f0c169;font-size: 14px;margin: 0px 30px;}
.alert-wrap .msg-alert .msg-con table tr th{text-align: center;font-size: 16px}
.alert-wrap .msg-alert .msg-con table th, .msg-con table td, .msg-con table tr {border-bottom: 1px solid #f0c169;line-height: 28px;height: 28px;vertical-align: middle;padding: 3px 5px 3px;text-align: center;}
.alert-wrap .msg-alert .msg-con table td.mid { width: 110px; }

.disNone {display: none;}
.dhAlert {display: none;}
.dhAlert.displayBlock {display: block;}