@charset "utf-8";

/*-----------------初始化---------------------*/
* { padding: 0; margin: 0; border: none; }
html, body { color: #dfe5ff; font-family:  "SimHei"; font-size: 12px; line-height: 20px; min-width: 1270px; }
body {
    image-rendering: -o-crisp-edges; 
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    user-select: none;
}
ul, ol, li { list-style: none; }
var, em, i { font-style: normal; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
images { 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;outline: none; }
.clear:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
.w1200 { position: relative; width: 1200px; margin: 0 auto; }
.w1800 { position: relative; width:100%; margin: 0 auto;overflow: hidden; height: 862px;}
.videos { position: absolute;top: 0;left: 50%;margin-left: -960px; }
.hdbar-nav { overflow: hidden; }
.global_popup_content { color: #000; }
/* .giftIcon img { width: 64px; } */

/* 统一雪碧图 */
.iconImg { background: url(../images/new/iconAll.png) 0 0 no-repeat; }
/* 公共偏移过度 */
.slow,.middle,.fast,.fastTop,.fastMost,.fastLeft,.fastWraper { transition: 1s transform;-webkit-transition: 1s transform;}
.transition1s { transition: .8s all cubic-bezier(0.22, 0.61, 0.36, 1);-webkit-transition: .8s all cubic-bezier(0.22, 0.61, 0.36, 1); } 
/* 弹出显示 */
.aniSm { -webkit-transition: transform .4s ease .35s, opacity .4s ease .35s;transition: transform .4s ease .35s, opacity .4s ease .35s;-webkit-transform: scale(.6);transform: scale(.6);opacity: 0; }
.aniSm.aniBig { opacity: 1;-webkit-transform: scale(1);transform: scale(1); }
.aniBox:nth-child(1) { -webkit-transition-delay: .2s;transition-delay: .2s;margin-left: 7px; }
.aniBox:nth-child(2) { -webkit-transition-delay: .3s;transition-delay: .3s; }
.aniBox:nth-child(3) { -webkit-transition-delay: .4s;transition-delay: .4s; }
.aniBox:nth-child(4) { -webkit-transition-delay: .5s;transition-delay: .5s; }
#max .aniBox:nth-child(1){ -webkit-transition-delay: .2s;transition-delay: .2s;margin-left: 68px; }
/* 公共礼包按钮 */
.w1200 .tbBtn { width: 250px;height: 78px;margin: 20px 0 0 443px;background: url(../images/new/iconAll.png) -21px -180px no-repeat;cursor: pointer;position: relative; }
.w1200 .tbBtn:hover { background-position: -22px -85px;; }
.w1200 .tbBtn.geted { background-position: -22px 3px; }

/* header */
.logo { position: absolute;z-index: 9; top: 25px; left: 0px; width: 139px; height: 92px; display: inline-block; background: url(../images/new/logo.png) 0 0 no-repeat;}
.btn-enter { z-index: 5;position: absolute; right: 0px; top: 50px; }
.btn-enter .enter-game {background: url(../images/new/home.png) -54px 0 no-repeat;}
.btn-enter a { display: inline-block;width: 44px; height: 43px; background: url(../images/new/home.png) 0 0 no-repeat;transition: all 0.3s;}
.btn-enter a:hover { background-position-y: -53px; }


.page1 { width: 100%;height: 1000px;background: url(../images/new/top.jpg) top center no-repeat;position: relative; }
.page2 { width: 100%;height: 1275px;top: 0; background: url(../images/new/part2_3.png) top center no-repeat;position: absolute;z-index: 1; }
.page3 { width: 100%;height: 894px;top: 1275px;background: url(../images/new/part3_3.png) top center no-repeat;position: absolute;padding-top: 1px; }
.page4 { width: 100%;height: 964px;top: 2170px; background: url(../images/new/part4_new.png) top center no-repeat;margin-top: -1px;position: absolute;padding-top: 1px; }
body { background: #dff0fb;position: relative; }


.page1 .huodongTimer { width: 481px;height: 34px;line-height: 35px;font-size: 19px;font-family: "SimSun";font-weight: bold;text-align: center;background-position: -300px -1700px;position: absolute;top: 384px;right: 90px;z-index: 1; }
.page1 .huodongTimer span {
    color: #ffffe6;
    width: 13px;
    margin: -25px 0 0 520px;
    font-size: 20px;
    line-height: 22px;
    word-break: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page1 .huodongTimer span em{
    margin: 10px 0 -5px;
}
.page-footer{
    position: absolute;
    width: 100%;
    top: 2866px;
}
.cloud {
    width: 100%;
    height: 838px;
    position: absolute;
    left: 50%;
    margin-left: -50%;
    top: 815px;
    z-index: 1;
    background: url(../images/new/cloud.png) top center no-repeat;
}
.page2 .w1200 { top: 762px; }
.page2 .signBox {
    width: 680px;
    margin: 0 0 0 232px;
    display: flex;
    justify-content: space-around;
}
.page2 .signBox .signGift {
    width: 163px;
    background: url(../images/new/iconAll.png) -587px 22px no-repeat;
}
.page2 .signBox .signGift .giftIcon {
    width: 100px;
    height: 100px;
    margin: 30px 0 0 33px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page2 .signBox .signGift .giftName {
    text-align: center;
    font-size: 14px;
    color: #2d526e;
    margin: 7px 0 0 10px;
}
.page2 .tbBtn.geted::after { content: "";
    width: 0;
    height: 121px;
    transition: width 0.3s;
    position: absolute;
    left: -55px;
    top: -112px;
    background: url(../images/new/iconAll.png) -342px -265px no-repeat;}
.page2 .tbBtn.geted:hover::after{
    width: 365px;
}

.page3 .w1200 { width: 1256px;height: 714px;color: #bad7d9;font-size: 14px;z-index: 2; }
/*.page3 .bg{min-width: 1200px;
    background: url(../images/new/part2_contentBg.png) top center no-repeat;
    height: 742px;
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-51%);}*/
.page3 .wbbeader {
    width: 1262px;
    position: absolute;
    top: -64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}
.page3 .part3_title{
    position: absolute;
    top: 192px;
    left: 50%;
    width: 211px;
    height: 32px;
    background: url(../images/new/part3_title.png?v=0001) 0 0 no-repeat;
    z-index: 1;
    transform: translateX(-188%);
}
.page3 .wbbeader .giftlog {
    width: 400px;
    height: 39px;
    display: none;
    margin: 0 60px;
    line-height: 39px;
    text-align: center;
    color: #b4e7ea;
    overflow: hidden;
    position: relative;
    top: -25px;
    background-position: -900px -1700px;
}
.page3 .giftlog ul{ width: 400px;font-size: 14px;}
.page3 .giftlog .helplog-pl { position: absolute;}
.page3 .giftlog .helplog-pl li { width: 100%; }

.page3 .wbbeader .headermar { width: 292px; }

.page3 .wbbeader .refresh {
    display: flex;
    align-items: center;
}

.page3 .wbbeader .refresh .refreshImg {
    width: 150px;
    height: 160px;
    position: absolute;
    background: url(../images/new/part2_bg.png) 0 0 no-repeat;
    top: 25px;
    right: 58px;
}
.page3 .wbbeader .refresh .refreshNum { margin-top: 0;
    text-align: center;
    position: absolute;
    bottom: -160px;
    right: 87px;
    color: #2d526e;}
.page3 .wbbeader .refresh .refreshName { width: 115px;
    margin-top: 6px;
    font-size: 16px;
    text-align: center;
    color: #2d526e;
    position: absolute;
    bottom: 46px;
    left: 18px;}
.page3 .wbbeader .refresh .refreshIcon { width: 98px;height: 90px;margin: 27px;background: url(../images/new/min.png) 0 0 no-repeat; }
.page3 .wbbeader .refresh .refreshIcon.min { background: url(../images/new/min.png) 0 0 no-repeat; }
.page3 .wbbeader .refresh .refreshIcon.yin { background: url(../images/new/yin.png) 0 0 no-repeat; }
.page3 .wbbeader .refresh .refreshIcon.jin { background: url(../images/new/jin.png) 0 0 no-repeat; }
.page3 .wbbeader .refresh .refreshIcon.zuan { background: url(../images/new/zuan.png) 0 0 no-repeat; }

.page3 .wbbeader .giftlist,.page3 .wbbeader .refresh .refreshBtn {width: 182px;
    height: 61px;
    margin: -1px 0 0 10px;
    cursor: pointer;
    background: url(../images/new/iconAll.png) -344px -58px no-repeat;
    position: absolute;
    top: 6px;}
.page3 .wbbeader .refresh .refreshBtn { background: url(../images/new/iconAll.png) -344px -176px no-repeat;
    top: 2px;
    right: 48px; }
.page3 .wbbeader .giftlist:hover{ background-position-y: -2px; }
.page3 .wbbeader .refresh .refreshBtn:hover { background-position-y: -113px; }

.page3 .wbbeader .giftlist .giftlistAlert {
    cursor: initial;
     display: none;
    width: 713px;
    height: 975px;
    position: absolute;
    top: 34px;
    left: -16px;
    padding-top: 40px;
    background: url(../images/new/iconAll.png) 0px -569px no-repeat;
}
.giftlistAlert .title {
    color: #626386;
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    line-height: 30px;
}
.giftlistAlert .txt {
    font-size: 12px;
    text-align: center;
    color: #667cb5;
}
.giftlistAlert .table {
    height: 239px;
    width: 560px;
    margin: 7px 0 9px 57px;
}
.giftlistAlert .table.table1 { height: 198px; }
.giftlistAlert .table.table2 { height: 154px; }
.giftlistAlert .table.table3 { height: 167px;margin-top: 14px; }
.giftlistAlert .table.table4 { height: 170px;}
.giftlistAlert .table ul {
    cursor: pointer;
    color: #626386;
    font-size: 16px;
    position: relative;
    display: flex;
    justify-content: space-around;
}
.giftlistAlert .table ul.head {
    color: #424367;
}
.giftlistAlert .table ul li {
    width: 186px;
    text-align: center;
    line-height: 34px;
}
.giftNotLogin{
    width: 674px;
    height: 453px;
    background-position: -752px -717px;
    margin: 23px 0 0 -11px;
    display: none;
    position: relative;
}
.giftNotLogin .btn{
    height: 90px;
    background-position: -1214px -322px;
    width: 279px;
    position: absolute;
    bottom: 57px;
    text-align: center;
    left: 49%;
    transform: translateX(-50%);
    animation: notLogin 1s linear infinite;
    line-height: 84px;
    font-size: 24px;
    color: white;
    letter-spacing: 0px;
}
.giftNotLogin .btn:hover{
    background-position: -1214px -423px;
}
@keyframes notLogin {
    0%{
        bottom: 57px;
    }
    25%{
        bottom: 67px;
    }
    50%{
        bottom: 57;
    }
    75%{
        bottom: 47px;
    }
    100%{
        bottom: 57px;
    }
}
.sz{
    width: 551px !important;
    height: 380px !important;
    background: url(../images/new/piaopop.png) 0 0 no-repeat;
    background-position: 0 0 !important;
    top: -284px !important;
    left: 526px !important;
}
.sz .ppjz{
    position: absolute;
    width: 1000px;
    height: 1024px;
    left: 44%;
    transform: translateX(-50%);
    bottom: -368px;
    background: url(../images/new/ani/jlxj.png) 0 0 no-repeat;
    animation: ppjz 1s steps(7) infinite;
}
@keyframes ppjz{
    0%{background-position: 0 0;}
    100%{background-position: -7168px 0;}
}
.sz .nz{
    position: absolute;
    width: 532px;
    height: 859px;
    left: 44%;
    transform: translateX(-50%);
    bottom: -368px;
    background: url(../images/new/ani/fj.png) 0 178px no-repeat;
    animation: nz 1s steps(4) infinite;
}
@keyframes nz{
    0%{background-position: 0 0;}
    100%{background-position: -2048px 0;}
}
.sz .by{
    position: absolute;
    width: 1000px;
    height: 1024px;
    left: 44%;
    transform: translateX(-50%);
    bottom: -368px;
    background: url(../images/new/ani/szxy.png) 0 0 no-repeat;
    animation: ppjz 1s steps(7) infinite;
}
@keyframes by{
    0%{background-position: 0 0;}
    100%{background-position: -7168px 0;}
}
.giftlistAlert .table ul .giftImg, .msg-con .giftImg {
    display: none;
    position: absolute;
    top: -47px;
    left: 120px;
    width: 135px;
    height: 132px;
    background-position: -57px -285px;
    z-index: 1;
}
.giftlistAlert .table ul .giftImg img, .msg-con .giftImg img {
    width: 64px;
    height: 64px;
    margin: 31px 0px 0 38px;
}

.giftlistAlert .table ul:hover .giftImg { display: block;  }

.giftlistAlert .table ul .giftImg.getImgA {
    background: none;
    width: auto;
    height: auto;
    top: -412px;
    left: 166px;
}

.giftlistAlert .table ul .giftImg.getImgA img { width: auto;height: auto;margin: 0; }

.msg-con .giftImg { display: block;margin: 0 auto;position: relative;top: 0;left: 0; }
.msg-con .giftImg.getImgA { background: none;width: auto;height: auto;text-align: center;  }
.msg-con .giftImg.getImgA img { width: 88px;height: auto;margin: 0; }

/*.page3 .wbbeader .giftlist:hover .giftlistAlert { display: block; }*/

.page3 .wbMain {
    width: 1256px;
    position: absolute;
    bottom: 70px;
    display: flex;
    justify-content: center;
}
.page3 .wbMain .leftWb {
    line-height: 40px;
    position: absolute;
    top: -520px;
    left: 180px;
    color: #e65a33;
    font-size: 16px;
    font-weight: bold;}
.page3 .wbMain .leftWb p{
    position: relative;
width: 316px;
    height: 61px;
    background: url(../images/new/part2_task_bg.png) 0 0 no-repeat;
}


/* 每日任务按钮 */
.page3 .wbMain .leftWb .btn{
    position: absolute;
    width: 114px;
    height: 32px;
    bottom: 15px;
    cursor: pointer;
    background: url(../images/new/task_btn.png) 0 -211px no-repeat;
    right: 16px;
}
.page3 .wbMain .leftWb .btn:hover{background-position-y: -165px;}
.page3 .wbMain .leftWb .btn.geted{background-position-y: 2px;}
.page3 .wbMain .leftWb .btn.cannot{background-position-y: -125px;}
.page3 .wbMain .leftWb .btn.share{background-position-y: -82px;}
.page3 .wbMain .leftWb .btn.share.cannot{background-position-y: -82px;}
.page3 .wbMain .leftWb .btn.share.geted{background-position-y: 2px;}
.page3 .wbMain .leftWb .btn.share.geted:hover{background-position-y: 2px;}
.page3 .wbMain .leftWb .btn.share:hover{background-position-y: -41px;}


.txtStaTimes{
    font-size: 12px;
    position: absolute;
    right: 47px;
    display: none;
    top: -3px;
    font-weight: bold;
}
.page3 .wbMain .leftWb .txt { display: inline-block;
    width: 181px;
    margin: 0 0 0 16px;}
/*.page3 .wbMain .leftWb .txtSta {  color: #3ec6eb; }*/
.page3 .wbMain .midwb { 
    width: 500px;
    text-align: center;
    margin: 0 100px;
 }
 .page3 .wbMain .midwb p:first-child{
    width: 500px;
    text-align: center;
    margin: 0 146px;
    position: relative;
    top: -292px;
    color: #f87e51;
 }
 .page3 .wbMain .midwb .wbNum {     color: #f87e51;
    font-size: 20px; }
.page3 .wbMain .midwb .midwbBox {
    display: flex;
    justify-content: space-around;
}
.c6a8486 { color: #6a8486; }
.page3 .wbMain .midwb .btn {
    width: 257px !important;
    height: 78px;
    margin: 20px auto 0 !important;
    background-position: -816px 0px;
    cursor: pointer;
    position: relative !important;
    top: -311px !important;
    right: -144px;}
.page3 .wbMain .midwb .btn:hover { background-position-y: -85px; }
.page3 .wbMain .midwb .btn.share {  background-position-x: -900px; }
.page3 .wbMain .midwb .btn.geted { background-position-y: -172px; }
.page3 .wbMain .midwb .btn.cannot { background-position-y: -172px; }
.page3 .wbMain .midwb .btn.geted:hover::after { content: "";width: 276px;height: 104px;position: absolute;left: -25px;top: -110px;background: url(../images/iconImg.png) -1000px -800px no-repeat; }
.page3 .wbMain .midwb .btn.share.geted:hover::after { background-position-x: -1300px; }
.page3 .wbMain .rightwb { width: 723px;
    height: 162px;
    background: url(../images/new/shovel.png) 0 0 no-repeat;
    position: absolute;
    top: -43px;}
.page3 .wbMain .rightwb span { display: inline-block;width: 100px; }
.page3 .wbAni {
    width: 500px;
    height: 399px;
    position: absolute;
    left: 50%;
    top: -150px;
    background: url(../images/ani/wb.png) -840px 0 no-repeat;
    transform: rotateY(180deg);
    transform: scale(.8) rotateY(180deg);
    margin: 0 0 0 -102px;
}
.page3 .wbAni.ani {
    -webkit-animation: ch_meta 1s steps(8) 5;
    -moz-animation: ch_meta 1s steps(8) 5;
    animation: ch_meta .8s steps(8) 5;
}
@-webkit-keyframes ch_meta { 0% { background-position: -840px 0 }100% { background-position: -17224px 0; } }
@keyframes ch_meta { 0% { background-position: -840px 0 }100% { background-position: -17224px 0; } }

.page3 .rule {
    width: 889px;
    line-height: 28px;
    font-size: 15px;
    letter-spacing: 0px;
    position: absolute;
    top: 584px;
    color: #ff551d;
    left: 50%;
    transform: translateX(-52%);
}


.page4 .w1200 { height: 630px;margin-top: 0px; }
.page4 .headMax { text-align: center;line-height: 38px;color: #384d5c;font-size: 16px;margin: 0px 0 0 -52px; }
.page4 .headMax .refreshNum { margin-right: 78px; }
.page4 .headMax .sx { cursor: pointer; }
.page4 .headMax .sx:hover { text-decoration: underline; }
.page4 .max { float: left;width: 250px;height: 532px; }
.page4 .max .mon {    position: absolute;
    font-size: 14px;
    color: #fefefe;
    text-align: center;
    line-height: 14px;
    width: 17px;
    top: 74px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 0 0 -49px; }
#max{
    margin-top: 30px;
}
.page4 .max .mon.mon1 {line-height: 60px;
    height: 50px;
    top: -22px;
    left: 50%;
    width: 151px;
    font-size: 14px;
    color: #2d526e;
    transform: translateX(-50%);
    margin: 0 0 0 14px;}
.page4 .max .mon.mon2 { font-size: 14px;line-height: 20px; display: none;}
.page4 .max .maxGift { width: 281px;
    height: 350px;
    margin: 0 auto;
    padding-top: 28px;
    background: url(../images/new/part3_prizeBg.png) center no-repeat;}

.page4 .max .maxGift .map {
    width: 235px;
    height: 134px;
    display: none;
    margin: 0 auto;
    background-position-y: -1500px;
}

.page4 .max.max1 .maxGift .map { background-position-x: -300px; }
.page4 .max.max2 .maxGift .map { background-position-x: -600px; }
.page4 .max.max3 .maxGift .map { background-position-x: -900px; }

.page4 .max .maxGift .maxGiftul {
    width: 268px;
    margin: 12px auto 0;
    display: flex;
    justify-content: space-around;
}
.page4 .max .maxGift .maxGiftul li {
    width: 102px;
}
.page4 .max .maxGift .maxGiftul li span{
    position: absolute;
    top: 205px;
    color: #894909;
    left: 58%;
    transform: translateX(-50%);
}
.page4 .max .maxGift .maxGiftul li:first-child{
    width: 268px;
    margin: 13px 0 0 -33px;
    display: flex;
    justify-content: space-around;
}
.page4 .max .maxGift .maxGiftul li:last-child{
    position: absolute;
    top: 96px;
    left: 114px;
}
.page4 .max .maxGift .maxGiftul li .giftIcon {
    width: 63px;
    height: 63px;
    margin: 0 auto;
    text-align: center;
    /*background: url(../images/new/gift.png) center no-repeat;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.page4 .max .maxGift .maxGiftul li:first-child .giftName,.page4 .max .maxGift .maxGiftul li:last-child .giftName{
    text-align: center;
    color: #894909;
    font-size: 14px;
    margin-top: 10px;
    width: 126%;
    position: absolute;
    top: 175px;
    left: -9px;
}
.page4 .max .maxGift .maxGiftul li:last-child .giftName{
    top: 118px;
    left: -31px;
}
.page4 .max .tbBtn{
background: url(../images/new/part3_btn.png) 0 0 no-repeat;
    margin: -92px 0 0 72px;
    width: 152px;
    height: 46px;
}
.page4 .max .tbBtn:hover{background-position-x: -253px;}
.page4 .max .tbBtn.geted{background-position-x: -748px;}
.page4 .max .tbBtn.cannot{background-position-x: -495px;}

/*.page4 .max .tbBtn.geted:hover::after { content: "";width: 276px;height: 104px;position: absolute;left: -25px;top: -110px;background: url(../images/iconImg.png) -700px -800px no-repeat; }*/
/*.page4 .max .tbBtn.cannot:hover::after { content: "";width: 276px;height: 104px;position: absolute;left: -25px;top: -110px;background: url(../images/iconImg.png) -1600px -800px no-repeat; }*/
.page4 .max .tbBtn.geted::after,.page4 .max .tbBtn.cannot::after { content: "";
    content: "";
    width: 0;
    height: 121px;
    transition: width 0.3s;
    position: absolute;
    left: -97px;
    top: -112px;
    background: url(../images/new/iconAll.png) -342px -407px no-repeat;}
.page4 .max .tbBtn.geted::after{background-position: -342px -265px;}
.page4 .max .tbBtn.geted:hover::after,.page4 .max .tbBtn.cannot:hover::after{
    width: 365px;
}


.aside { display: none;    width: 206px;
    height: 490px;
    margin-top: -245px;
    background: transparent;
    position: fixed;
    top: 50%;
    right: 0px;
    z-index: 9;}
.aside .asidelist {text-align: right;
    display: flex;
    font-size: 16px;
    color: #4f6771;
    line-height: 30px;
    margin-top: 14px;
    cursor: pointer;
    align-items: center;
    justify-content: right;}
.aside .asidelist span{
    display: inline-block;
    width: 26px;
    height: 25px;
    transition: all 0.2s;
    background: url(../images/new/aside_bg.png) center no-repeat;
}
.aside .asidelist:hover span{
    width: 81px;
    
    background-image: url(../images/new/aside_bg_mut.png);
}
.aside .asidelist:hover{color: #8c160c;}
.aside .getlist { margin-top: 72px; }



/* 弹窗 */
.alert-wrap{width: 100%;height: 100%;left: 0;top: 0; position: fixed;z-index: 25;font-family: 'SimHei';}
.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: 842px;
    height: 397px;
    background: url(../images/new/editioncon.png) center no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -208.5px;
    /* margin-left: -327.5px; */
    z-index: 25;}
.alert-wrap .msg-alert .btn-close{    width: 108px;
    height: 97px;
    background: url(../images/new/iconAll.png) -62px -439px no-repeat;
    position: absolute;
    right: -87px;
    top: 2px;
    cursor: pointer;}
.alert-wrap .msg-alert .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;}
/*.alert-wrap .msg-alert .btn-close:hover { transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg); transform-origin: center;}*/
.alert-wrap .msg-alert .msg-tit { background: none; }
.alert-wrap .msg-alert .msg-tit h3{color: #75a39c;font-size: 30px;text-align: left;height: 90px;line-height: 120px;letter-spacing: 2px;font-weight: bold;text-align: center;}
.alert-wrap .msg-alert .msg-con {width: 85%;height: 245px;margin: 0px auto;font-size: 18px;overflow: auto;padding: 0;}
.alert-wrap .msg-alert .msg-con.conGift { background: url(../images/conGift.png) 0 0 no-repeat;margin-top: -10px; }
.alert-wrap .msg-alert .msg-con p { line-height: 35px; color: #75a39c; text-align: center;width: 94%; margin: 0 0 0 24px;}
.alert-wrap .msg-alert .msg-con .tip2 { margin-top: 50px; }
.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 .btn-alert {    display: block;
    width: 254px;
    height: 71px;
    background: url(../images/new/iconAll.png) -1226px -333px no-repeat;
    font-size: 25px;
    font-weight: bolder;
    color: #fefeff;
    letter-spacing: 3px;
    text-align: center;
    line-height: 63px;
    position: absolute;
    left: 50%;
    margin-left: -124.5px;
    bottom: 30px;
    z-index: 50;}
.txtSta{
    font-size: 12px;
    position: absolute;
    left: 16px;
    bottom: -4px;
    font-weight: normal;
}
.alert-wrap .msg-alert .msg-con .btn-alert:hover{ background-position-y: -433px; }


/* 弹窗区服 */
.alert-wrap .msg-alert .msg-con .service-nav { width: 415px; margin: 35px auto; }
.alert-wrap .msg-alert .msg-con .service-nav span { margin-right: 1px; line-height: 27px; font-size: 19px; color: #75a39c; }
.alert-wrap .msg-alert .msg-con .service-nav p { display: inline-block;font-size: 16px; color: #ffce80; margin-bottom: 12px;}
.alert-wrap .msg-alert .msg-con .service-nav select {width: 200px;
    height: 27px;
    color: #75a39c;
    background: transparent;
    padding: 0px 5px;
    outline: 0;
    border: 0.01rem solid #75a39c;
    border-radius: 0; }
.alert-wrap .msg-alert .msg-con .service-nav select.second { margin-right: 0; }
.alert-wrap .msg-alert .msg-con .btn-alert.zlBtnT {left: 30%;}
.alert-wrap .msg-alert .msg-con .btn-alert.zlBtnF {left: 70%;}

/*弹窗滚动条*/
.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: rgba(244,215,133,0.5);}
.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: 90%;text-align: center;color: #75a39c;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 #f4d785;line-height: 28px;height: 28px;vertical-align: middle;padding: 3px 12px 2px;text-align: center;}
.alert-wrap .msg-alert .msg-con table td.mid { width: 110px; }


body::-webkit-scrollbar {width: 5px;/*height: 4px;*/cursor: progress;}
body::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(9,144,167,0.5);background: rgba(9,144,167,0.5);}
body::-webkit-scrollbar-track {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);border-radius: 0;background: rgba(0,0,0,0.1);}











/* 标题 */
.modules-box {
    width: 922px;
    height: 230px;
    margin: 0 auto;
    background: url(../images/new/titleBg.png) 0 0 no-repeat;
}
.modules-title {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
    line-height: 1.2;
    white-space: nowrap;
    -webkit-perspective: 600px;
    perspective: 600px;
}

.modules-title-ornam {
    position: absolute;
    z-index: 2;
}
.modules-title-ornam.ornam1 {
    width: 99px;
    height: 79px;
    top: 88px;
    left: -222px;
    opacity: 0;
    background-position: 0px -400px;
    -webkit-transform: translate3d(-120%, 0, 0);
    transform: translate3d(-120%, 0, 0);
    -webkit-transition: all .6s ease-in-out 1s;
    transition: all .6s ease-in-out 1s;
}
.modules-title.is-inview .ornam1 {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.modules-title.is-inview .ornam2 {
    opacity: 1;
    -webkit-transform: rotateY(180deg) translateZ(0);
    transform: rotateY(180deg) translateZ(0);
}

.modules-title-ornam.ornam2 {
    width: 99px;
    height: 79px;
    top: 88px;
    right: -222px;
    opacity: 0;
    background-position: 0px -400px;
    -webkit-transform: rotateY(180deg) translate3d(-120%, 0, 0);
    transform: rotateY(180deg) translate3d(-120%, 0, 0);
    -webkit-transition: all .6s ease-in-out 1s;
    transition: all .6s ease-in-out 1s;
}
.modules-title-text {
    position: relative;
}
.modules-title-text .text {
    display: inline-block;
    height: 85px;
    background: url(../images/new/title1.png) 0 0 no-repeat;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg);
    -webkit-transition: opacity 0s cubic-bezier(.215, .61, .355, 1), -webkit-transform 0s cubic-bezier(.215, .61, .355, 1);
    transition: opacity 0s cubic-bezier(.215, .61, .355, 1), -webkit-transform 0s cubic-bezier(.215, .61, .355, 1);
    transition: opacity 0s cubic-bezier(.215, .61, .355, 1), transform 0s cubic-bezier(.215, .61, .355, 1);
    transition: opacity 0s cubic-bezier(.215, .61, .355, 1), transform 0s cubic-bezier(.215, .61, .355, 1), -webkit-transform 0s cubic-bezier(.215, .61, .355, 1);
}
.modules-title.is-inview .modules-title-text .text {
    display: inline-block;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-duration: .9s;
    transition-duration: .9s;
}
.modules-title.is-inview .modules-title-text .text:first-child {
    -webkit-transition-delay: .3s;
    transition-delay: .2s;
}
.modules-title.is-inview .modules-title-text .text:nth-child(2) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
.modules-title-bg { width: 857px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 100;
    color: #4d6986;
    background-position: -300px -1800px;
    position: absolute;
    bottom: 28px;
    left: 0;
    background: transparent; }

/* modules-box2 */
.modules-box2 { position: relative;width: 922px;top: 804px;background: url(../images/new/titleBg.png) 0 0 no-repeat;height: 230px;}
.modules-box2 .modules-title-ornam.ornam1 { background-position-y: -300px;left: -115px;top: 35px; }
.modules-box2 .modules-title-ornam.ornam2 { background-position-y: -300px;right: -115px;top: 35px; }
.modules-box2 .modules-title-text { width: 305px;left: 28px;top: 35px;
}
.modules-box2 .modules-title-text .text { width: 305px;margin: 34px 0 0 263px; }

/* modules-box3 */
.modules-box3 { position: relative;width: 922px;top: 0s;background: url(../images/new/titleBg.png) 0 0 no-repeat;height: 230px;}
.modules-box3 .modules-title-text { width: 538px;left: -90px;top: 88px;
}
.modules-box3 .modules-title-text .text { width: 255px;margin: 0 0 0px 380px;background: url(../images/new/title2.png) 0 0 no-repeat;
}

/* modules-box4 */
.modules-box4 { margin-top: 40px; }
.modules-box4 .modules-title-ornam.ornam1 { left: -250px;top: 145px; }
.modules-box4 .modules-title-ornam.ornam2 { right: -250px;top: 145px; }
.modules-box4 .modules-title-text {width: 610px;
    left: 295px;
    top: 126px;
}
.modules-box4 .modules-title-text .text { width: 314px;background: url(../images/new/title3.png) 0 0 no-repeat;}
.modules-box4 .modules-title-bg {
    color: #4d6986;
    margin-left: -92px;
}