@charset "utf-8";
@import "ani.css";
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5{margin:0;padding:0;}
a,img,input{border:none;outline:none;}
a{text-decoration:none;}
img{display:block;}
ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
body{font:24px/1.5 -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-user-select: none;background-color:#fff;}
.none{display:none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;}
input[type="number"]{-moz-appearance:textfield;}
*{-webkit-appearance:none;-webkit-text-size-adjust:none;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}
#cy_bot{padding:10px!important;position: relative;z-index: 2}
.cyLogo{margin-top:10px;}
.orientLayer {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    font-size: 30px;
}

/* 页面样式 */
html,body{width:100%;height: 100%;overflow: hidden;}
.pr{position: relative;}
.pa{position: absolute;}
.hide{font-size: 0; text-indent: -9999em; width: 0; height: 0;}
.t{font-size: 0; text-indent: -9999em;display: block}
.bg{background-repeat: no-repeat; background-size: 100% auto;}

.main{width: 750px;position: relative;height: 100%;}
.page{width: 100%;height: 100%;position: absolute;top: 50%;z-index: -1; opacity: 0;transform: translateY(-50%);}
.page.show{z-index: 2; /* animation: ani-fade-left-in .8s 0s both; */opacity: 1;}

.login-info{
    top: 30px; 
    right: 0; 
    padding-right: 10px; 
    font-size: 24px; 
    color: #793a01;
    position: absolute;
}
.login-info a{color: #793a01;}
.logo{
    top: 20px; 
    left: 20px; 
    background-image: url("../img/logo.png"); 
    width: 178px; 
    height: 82px;
    z-index: 3;
}
.login-btn{
    width: 145px;
    height: 47px;
    background: url("../img/btn-login.png") 0 0/100% no-repeat;
    display: block;
}
.btn_page_rule{
    width: 145px;
    height: 47px;
    background: url("../img/btn_rule.png") 0 0/100% no-repeat;
    top: 26px; 
    right: 20px; 
    z-index: 3;
}

.page_index{
    width: 100%;
    height: 100%;
    /* min-height: 1200px; */
    background: url("../img/bg1.jpg") no-repeat;
    background-size: 750px 1650px;
    background-position: center center;
    overflow: hidden;
}
.page_index.c2{
    background: url("../img/bg2.jpg") no-repeat;
    background-size: 750px 1650px;
    background-position: center center;
}

.cont{
    width: 100%;
    height: 1100px;
    /* overflow: hidden; */
    position: absolute;
    top: 50%;
    left: 0;
    display: none;
    transform: translateY(-50%);
}
.cont.on{
    display: block;
}
.slogn{
    width: 750px;
    height: 588px;
    background: url("../img/slogn.png") 0 0/100% no-repeat;
    top: -100px;
    pointer-events: none;
    animation: ani-fade-scale-in 0.8s ease-in-out;
}
.btn-open{
    width: 357px;
    height: 122px;
    background: url("../img/btn-open.png") 0 0/100% no-repeat;
    bottom: 0;
    left: 50%;
    margin-left: -178.5px;
    animation: ani-scale-brigh infinite 2s;
}
/* 签到和百工录 */
.act_btn_box{
    width: 120px;
    position: absolute;
    left: 20px;
    bottom: 240px;
    z-index: 2;
    display: none;
    animation: ani-fade-right-in 0.5s;
}
.btn_open_sign{
    width: 115px;
    height: 128px;
    background: url("../img/btn-sign.png") 0 0/100% no-repeat;
    position: relative;
}
.btn_open_sign .dot{
    width: 30px;
    height: 31px;
    background: url("../img/icon-tips.png") 0 0/100% no-repeat;
    position: absolute;
    top: 5px;
    right: -10px;
}
.btn_open_book{
    width: 116px;
    height: 126px;
    background: url("../img/btn-book.png") 0 0/100% no-repeat;
    position: relative;
}

/* 探访奖励部分 */
.act_prize_list{
    width: 750px;
    height: 243px;
    background: url("../img/bg_bottom.png?v1.1") 0 0/100% no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: none;
    transition: .3s;
}
.act_num{
    font-size: 30px;
    color: #d94e3d;
    position: absolute;
    bottom: 37px;
    left: 24px;
    font-weight: bold;
}
.btn_act_down{
    width: 171px;
    height: 59px;
    text-indent: 0;
    color: #f2e8ca;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 192px;
    left: 50%;
    transform: translateX(-50%);
}
.btn_act_down::after{
    content: "";
    display: block;
    width: 22px;
    height: 17px;
    background: url("../img/icon_down.png") 0 0/100% no-repeat;
    margin-left: 10px;
}
.btn_act_down.on::after{
    transform: rotateX(180deg);
}
/* 地图探索部分 */
.shop_list{
    width: 750px;
    height: 1100px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
}
.shop_list .pz{
    width: 77px;
    height: 199px;
    position: absolute;
    background: url("../img/bg_check_act.png") 0 0/100% no-repeat;
    animation: ani-scale-brigh infinite 2s;
}
.shop_list .pz::before{
    content: "";
    width: 52px;
    height: 101px;
    display: block;
    position: absolute;
    top: 64px;
    left: 50%;
    transform: translateX(-50%);
}
.shop_list .pz::after{
    content: "";
    width: 30px;
    height: 31px;
    display: block;
    position: absolute;
    top: -10px;
    right: 0;
    background: url("../img/icon-tips.png") 0 0/100% no-repeat;
}
.shop_list .pz.over{
    background: url("../img/bg_check_act2.png") 0 0/100% no-repeat;
}
.shop_list .pz.over::after{
    display: none;
}
.shop_list .puzzle1{
    top: 30px;
    right: 170px;
}
.shop_list .puzzle2{
    bottom: 360px;
    left: 90px;
}
.shop_list .puzzle3{
    bottom: 38px;
    right: 60px;
}
.shop_list .puzzle4{
    bottom: 510px;
    right: 102px;
}
.shop_list .puzzle5{
    top: 0;
    left: 236px;
}
.shop_list .puzzle1::before{background: url("../img/shop_name1.png") 0 0/100% no-repeat;}
.shop_list .puzzle2::before{background: url("../img/shop_name2.png") 0 0/100% no-repeat;}
.shop_list .puzzle3::before{background: url("../img/shop_name3.png") 0 0/100% no-repeat;}
.shop_list .puzzle4::before{background: url("../img/shop_name4.png") 0 0/100% no-repeat;}
.shop_list .puzzle5::before{background: url("../img/shop_name5.png") 0 0/100% no-repeat;}


/* 弹窗 */
.pop{
    width: 712px;
    height: 399px;
    background: url(../img/pop-bg1.png) no-repeat;
    position: relative;
    display: none;
    background-size: 100% 100%;
    /* margin-left: -30px; */
    color: #000000;
}
.pop_close {
    background: url("../img/btn-close.png") no-repeat center/100%;
    width: 54px;
    height: 55px;
    position: absolute;
    z-index: 4;
    top: -10px;
    right: -10px;
    text-indent: -9999em;
    cursor: pointer;
}
.pop2 {background-image: url("../img/pop-bg2.png");}
.pop3 {
    width: 680px;
    height: 676px;
    background-image: url("../img/pop-bg3.png");
}
.pop3 .pop_close{
    top: 690px;
    right: 320px;
}
.pop4{
    width: 750px;
    height: 1140px;
    background-image: url("../img/pop-bg4.png");
}
.pop4 .pop_close{
    top: 230px;
    right: 20px;
}
.pop5{
    width: 750px;
    height: 1166px;
    background-image: url("../img/pop-bg5.png");
}
.pop5 .pop_close{
    top: 100px;
    right: 56px;
}

.pop_wrap {
    width: 660px;
    margin-left: 32px;
    padding-top: 40px;
}
.pop_con {
    color: #000000;
    font-size: 22px;
}
.pop_msg_con {
    width: 454px;
    margin: 0 auto;
}
.pop_alert .pop_con {
    height: 230px;
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 30px;
}
.tits {
    background: url("../img/tits.png") no-repeat;
    background-size: 600px 750px;
    margin: 0 auto;
}
.pop_login_type .tits {
    width: 393px;
    height: 48px;
    background-position: 0 0;
}
.pop_account_stop .tits {
    width: 226px;
    height: 48px;
    background-position: 0 -64px;
}
.pop_get_prize .tits{
    width: 225px;
    height: 48px;
    background-position: 0 -128px;
}
.pop_get_sign .tits{
    width: 224px;
    height: 47px;
    background-position: 0 -192px;
}
.pop_last_page .tits{
    width: 390px;
    height: 46px;
    background-position: 0 -255px;
}

.pop_login_type .pop_wrap {
    color: #000000
}
.login-type-list {
    display: flex;
    justify-content: space-between;
    width: 602px;
    margin: 48px auto 20px;
}
.login-type-list li {
    font-size: 18px;
    text-align: center;
}
.login-type-list .login-icon {
    width: 146px;
    height: 143px;
    background-size: 100% 100%;
    margin: 6px auto 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: .06rem;
}
.login-icon span {
    font-size: 20px;
    color: #000000;
    line-height: 24px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}
.login-icon i {
    display: block;
    text-align: center;
    line-height: 24px;
    font-size: 20px;
    color: #000000;
    font-style: normal;
}
.login-type-list .login-wx {background-image: url("../img/icon_bind_wx.png");}
.login-type-list .btn_bind_wx {
    background-image: url("../img/btn_bind.png");
    width: 147px;
    height: 50px;
    margin-bottom: -16px;
}
.login-type-list .login-cy {background-image: url("../img/icon_bind_cy.png");}
.login-type-list .login-wegame {background-image: url("../img/icon_bind_wegame.png");}
.login-type-tip {
    font-size: 20px;
    text-align: center;
}
.is_bind_wx {
    display: none;
}
.un_bind_wx {
    display: block;
}

/* 奖励图片 */
.prize_bg{
    width: 152px;
    height: 150px;
    background: url("../img/prize_bg.png") 0 0/100% no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 46px auto 40px;
}
.prize_bg .prize_img{
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.prize_bg .prize_name{
    font-size: 24px;
    color: #000000;
    text-align: center;
    width: 100%;
}
.prize_tips{
    color: #000000;
    font-size: 26PX;
    width: 600px;
    margin: 0 auto;
    text-align: center;
}
.prize_tips span{color: #aa2f2f;}

.pop_get_sign .prize_bg{
    margin-bottom: 14px;
}

/* 签到弹窗 */
.sign_status{
    width: 578px;
    height: 74px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 280px;
}
.sign_status .item{
    width: 100px;
    height: 74px;
    position: absolute;
    top: 0;
}
.sign_status .item.get{
    background: url("../img/icon-get.png") 0 0/100% no-repeat;
}
.sign_status .item.pass{
    background: url("../img/icon-pass.png") 0 0/100% no-repeat;
}
.sign_status .item:nth-of-type(1){left: 0;}
.sign_status .item:nth-of-type(2){left: 108px;}
.sign_status .item:nth-of-type(3){left: 220px;}
.sign_status .item:nth-of-type(4){left: 332px;}
.sign_status .item:nth-of-type(5){left: 462px;}
.btn_pop_sign{
    width: 297px;
    height: 101px;
    background: url("../img/btn_pop_sign.png") 0 0/100% no-repeat;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
}

/* 拼图弹窗 */
.puzzle-container{
    width: 556px;
    height: 740px;
    position: absolute;
    top: 226px;
    left: 50%;
    transform: translateX(-50%);
}
.puzzle-board{
    width: 525px;
    height: 590px;
    position: absolute;
    left: 20px;
    top: 6px;
}
.puzzle-board .grid-cell::before{
    content: "";
    display: none;
    position: absolute;
    top: 0;
}
.puzzle-board .grid-cell.occupied::before{
    display: block;
}

/* 点茶 p1 */
.puzzle-board.p1 .cell1{width: 194px;height: 346px;top: 0;left: 0;}
.puzzle-board.p1 .cell1::before{width: 194px;height: 460px;left: 0;}
.puzzle-board.p1 .cell2{width: 300px;height: 410px;right: 76px;top: 136px;}
.puzzle-board.p1 .cell2::before{width: 357px;height: 505px;left: 0;top: -60px;}
.puzzle-board.p1 .cell3{width: 180px;height: 270px;bottom: 8px;left: 0;}
.puzzle-board.p1 .cell3::before{width: 251px;height: 325px;left: 0;top: -32px;}
.puzzle-board.p1 .cell4{width: 191px;height: 304px;bottom: -6px;right: 0;}
.puzzle-board.p1 .cell4::before{width: 284px;height: 304px;left: -93px;}
.puzzle-board.p1 .cell5{width: 360px;height: 176px;top: -4px;right: 0;}
.puzzle-board.p1 .cell5::before{width: 424px;height: 312px;left: -64px;}
/* 贴图 */
.puzzle-board.p1 .cell1::before{background: url("../img/puzzle/puzzle1-1.png") 0 0/100% no-repeat;}
.puzzle-board.p1 .cell2::before{background: url("../img/puzzle/puzzle1-2.png") 0 0/100% no-repeat;}
.puzzle-board.p1 .cell3::before{background: url("../img/puzzle/puzzle1-3.png") 0 0/100% no-repeat;}
.puzzle-board.p1 .cell4::before{background: url("../img/puzzle/puzzle1-4.png") 0 0/100% no-repeat;}
.puzzle-board.p1 .cell5::before{background: url("../img/puzzle/puzzle1-5.png") 0 0/100% no-repeat;}

/* 宋锦 p2 */
.puzzle-board.p2 .cell1{width: 196px;height: 328px;top: -4px;right: 3px;}
.puzzle-board.p2 .cell1::before{width: 261px;height: 335px;left: -66px;}
.puzzle-board.p2 .cell2{width: 322px;height: 154px;left: 0;top: 0;}
.puzzle-board.p2 .cell2::before{width: 351px;height: 248px;right: -26px;top: 0;}
.puzzle-board.p2 .cell3{width: 306px;height: 166px;top: 170px;right: 106px;}
.puzzle-board.p2 .cell3::before{width: 420px;height: 351px;right: 0;top: -52px;}
.puzzle-board.p2 .cell4{width: 276px;height: 202px;bottom: -12px;left: 2px;}
.puzzle-board.p2 .cell4::before{width: 337px;height: 280px;left: -5px;top: -75px;}
.puzzle-board.p2 .cell5{width: 184px;height: 296px;bottom: 8px;right: 0;}
.puzzle-board.p2 .cell5::before{width: 247px;height: 392px;right: 4px;top: -80px;}

.puzzle-board.p2 .cell1::before{background: url("../img/puzzle/puzzle2-1.png") 0 0/100% no-repeat;}
.puzzle-board.p2 .cell2::before{background: url("../img/puzzle/puzzle2-2.png") 0 0/100% no-repeat;}
.puzzle-board.p2 .cell3::before{background: url("../img/puzzle/puzzle2-3.png") 0 0/100% no-repeat;}
.puzzle-board.p2 .cell4::before{background: url("../img/puzzle/puzzle2-4.png") 0 0/100% no-repeat;}
.puzzle-board.p2 .cell5::before{background: url("../img/puzzle/puzzle2-5.png") 0 0/100% no-repeat;}
/* 船 p3 */
.puzzle-board.p3 .cell1{width: 200px;height: 370px;bottom: 0;left: 0;}
.puzzle-board.p3 .cell1::before{width: 309px;height: 426px;left: 0;top: -56px;}
.puzzle-board.p3 .cell2{width: 327px;height: 284px;right: 0;top: 138px;}
.puzzle-board.p3 .cell2::before{width: 392px;height: 383px;right: 0;top: -30px;}
.puzzle-board.p3 .cell3{width: 380px;height: 130px;bottom: 0;right: 0;}
.puzzle-board.p3 .cell3::before{width: 510px;height: 187px;right: 0;top: -40px;}
.puzzle-board.p3 .cell4{width: 324px;height: 170px;top: 0;right: 2px;}
.puzzle-board.p3 .cell4::before{width: 327px;height: 219px;left: 0;top: 0;}
.puzzle-board.p3 .cell5{width: 280px;height: 144px;top: 0;left: 0;}
.puzzle-board.p3 .cell5::before{width: 327px;height: 256px;right: -50px;top: 0;}

.puzzle-board.p3 .cell1::before{background: url("../img/puzzle/puzzle3-1.png") 0 0/100% no-repeat;}
.puzzle-board.p3 .cell2::before{background: url("../img/puzzle/puzzle3-2.png") 0 0/100% no-repeat;}
.puzzle-board.p3 .cell3::before{background: url("../img/puzzle/puzzle3-3.png") 0 0/100% no-repeat;}
.puzzle-board.p3 .cell4::before{background: url("../img/puzzle/puzzle3-4.png") 0 0/100% no-repeat;}
.puzzle-board.p3 .cell5::before{background: url("../img/puzzle/puzzle3-5.png") 0 0/100% no-repeat;}
/* 宋瓷 p4 */
.puzzle-board.p4 .cell1{width: 300px;height: 328px;top: 1px;right: 0;}
.puzzle-board.p4 .cell1::before{width: 327px;height: 347px;left: -30px;}
.puzzle-board.p4 .cell2{width: 320px;height: 350px;left: 3px;top: 111px;}
.puzzle-board.p4 .cell2::before{width: 353px;height: 358px;right: -28px;top: -4px;}
.puzzle-board.p4 .cell3{width: 290px;height: 334px;bottom: 0;right: 3px;}
.puzzle-board.p4 .cell3::before{width: 391px;height: 342px;right: 0;top: 0;}
.puzzle-board.p4 .cell4{width: 330px;height: 130px;bottom: 2px;left: -2px;}
.puzzle-board.p4 .cell4::before{width: 453px;height: 192px;left: 0;top: -40px;}
.puzzle-board.p4 .cell5{width: 370px;height: 126px;top: 0;left: 2px;}
.puzzle-board.p4 .cell5::before{width: 448px;height: 178px;right: -72px;top: 0;}

.puzzle-board.p4 .cell1::before{background: url("../img/puzzle/puzzle4-1.png") 0 0/100% no-repeat;}
.puzzle-board.p4 .cell2::before{background: url("../img/puzzle/puzzle4-2.png") 0 0/100% no-repeat;}
.puzzle-board.p4 .cell3::before{background: url("../img/puzzle/puzzle4-3.png") 0 0/100% no-repeat;}
.puzzle-board.p4 .cell4::before{background: url("../img/puzzle/puzzle4-4.png") 0 0/100% no-repeat;}
.puzzle-board.p4 .cell5::before{background: url("../img/puzzle/puzzle4-5.png") 0 0/100% no-repeat;}
/* 印刷 p5 */
.puzzle-board.p5 .cell1{width: 196px;height: 328px;top: 0;left: 0;}
.puzzle-board.p5 .cell1::before{width: 202px;height: 349px;left: 0;}
.puzzle-board.p5 .cell2{width: 322px;height: 154px;right: 0;top: 0;}
.puzzle-board.p5 .cell2::before{width: 367px;height: 233px;right: 0;top: -4px;}
.puzzle-board.p5 .cell3{width: 306px;height: 166px;top: 170px;right: 0;}
.puzzle-board.p5 .cell3::before{width: 370px;height: 282px;right: 0;top: -40px;}
.puzzle-board.p5 .cell4{width: 220px;height: 230px;bottom: 24px;left: 2px;}
.puzzle-board.p5 .cell4::before{width: 250px;height: 376px;left: -1px;top: -110px;}
.puzzle-board.p5 .cell5{width: 274px;height: 234px;bottom: 12px;right: 0;}
.puzzle-board.p5 .cell5::before{width: 330px;height: 322px;right: 0;top: -70px;}

.puzzle-board.p5 .cell1::before{background: url("../img/puzzle/puzzle5-1.png") 0 0/100% no-repeat;}
.puzzle-board.p5 .cell2::before{background: url("../img/puzzle/puzzle5-2.png") 0 0/100% no-repeat;}
.puzzle-board.p5 .cell3::before{background: url("../img/puzzle/puzzle5-3.png") 0 0/100% no-repeat;}
.puzzle-board.p5 .cell4::before{background: url("../img/puzzle/puzzle5-4.png") 0 0/100% no-repeat;}
.puzzle-board.p5 .cell5::before{background: url("../img/puzzle/puzzle5-5.png") 0 0/100% no-repeat;}

/* 拼图碎片部分 */
.pieces-container{
    width: 532px;
    height: 126px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
}
.puzzle-piece{
    width: 118px;
    height: 118px;
    background: url("../img/puzzle/puzzle_bg.png") 0 0/100% no-repeat;
    transition: transform 0.2s;
    flex-shrink: 0;
    margin: 0 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.puzzle-piece.on{
    background: url("../img/puzzle/puzzle_bg_on.png") 0 0/100% no-repeat;
}
.puzzle-piece.on::before{
    content: "";
    width: 30px;
    height: 31px;
    display: block;
    background: url("../img/icon-tips.png") 0 0/100% no-repeat;
    position: absolute;
    top: 0;
    right: -5px;
}
.puzzle-piece.dragging {
    transform: scale(1.1);
    opacity: 0.8;
    z-index: 999;
}
.grid-cell .puzzle-piece{
    display: none;
}
.btn-pre,
.btn-next{
    width: 49px;
    height: 43px;
    background: url("../img/icon_right.png") 0 0/100% no-repeat;
    bottom: 44px;
}
.btn-next{
    right: -40px;
}
.btn-pre{
    left: -40px;
    transform: rotateY(180deg);
}

/* 活动规则和个人中心 */
.pop_rule_center .cent{
    width: 526px;
    height: 854px;
    position: absolute;
    top: 60px;
    left: 105px;
    display: none;
    overflow: hidden;
}
.pop_rule_center .cent.on{
    display: block;
}
.pop_rule_center .tits.t1{
    width: 256px;
    height: 78px;
    background-position: 0 -421px;
}
.pop_rule_center .tits.t2{
    width: 264px;
    height: 88px;
    background-position: 0 -317px;
}
.pop_rule_center .cent p{
    color: #000000;
    font-size: 22px;
    line-height: 38px;
}
.pop_rule_center .cent p span{
    color: #aa2f2f;
}
.pop_rule_center .btn_box{
    width: 506px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 160px;
    left: 116px;
}
.pop_rule_center .btn_box a{
    width: 252px;
    height: 80px;
    background: url("../img/pop_btns.png") no-repeat;
    background-size: 524px 180px;
}
.pop_rule_center .btn_box .btn_rule{
    background-position: 0 0;
}
.pop_rule_center .btn_box .btn_rule.on{
    background-position: 0 -100px;
}
.pop_rule_center .btn_box .btn_center{
    background-position: -272px 0;
}
.pop_rule_center .btn_box .btn_center.on{
    background-position: -272px -100px;
}
.center_head{
    width: 528px;
    height: 68px;
    background: url("../img/bg_center_head.png") 0 0/100% no-repeat;
    margin: 0 auto;
}
.pop_rule_center .prize_list{
    width: 100%;
    height: 660px;
    overflow-x: hidden;
    overflow-y: auto;
    
}
.pop_rule_center .prize_list .prize_item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #000000;
    padding: 10px 0;
}
.pop_rule_center .prize_list .prize_item div{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #000000;
}
.pop_rule_center .prize_list .name{
    width: 260px;
}
.pop_rule_center .prize_list .time{
    width: 156px;
}
.pop_rule_center .prize_list .from{
    width: 104px;
}

/* 百工录弹窗 */
.pop_poster{
    width: 718px;
    height: 1059px;
    background: none;
}
.pop_poster .book{
    width: 718px;
    height: 1059px;
    top: 0;
    left: 0;
}
.dom2img-result{
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

/* 带分享的百工录弹窗 */
.pop6,
.pop6 .share_poster{
    width: 711px;
    height: 1058px;
    background: none;
}
.pop6 .share_poster{
    background-image: url("../img/pop-bg6.png");
    top: 0;
    left: 0;
}
.pop_share_poster .book_cont{
    top: 160px;
    left: 52%;
    transform: translateX(-50%);
}
.pop_share_poster .book1{
    width: 550px;
    height: 594px;
    background: url("../img/book1_sp.png") 0 0/100% no-repeat;
}
.pop_share_poster .book2{
    width: 543px;
    height: 609px;
    background: url("../img/book2_sp.png") 0 0/100% no-repeat;
}
.pop_share_poster .book3{
    width: 552px;
    height: 597px;
    background: url("../img/book3_sp.png") 0 0/100% no-repeat;
}
.pop_share_poster .book4{
    width: 545px;
    height: 593px;
    background: url("../img/book4_sp.png") 0 0/100% no-repeat;
}
.pop_share_poster .book5{
    width: 545px;
    height: 594px;
    background: url("../img/book5_sp.png") 0 0/100% no-repeat;
}
.pop_share_poster .erweima{
    width: 175px;
    height: 176px;
    bottom: 120px;
    left: 51%;
    transform: translateX(-50%);
}

.pop_showimg,
.pop_showimg .work_img{
    width: 704px;
    height: 462px;
    background: none;
}
.save_tips{
    font-size: 24px;
    color: #ede9d9;
    width: 100%;
    text-align: center;
    bottom: -20px;
    left: 0;
}
.pop_share_poster .save_tips{
    bottom: 0;
}

.pop_poster .user_name{
    width: 326px;
    height: 46px;
    position: absolute;
    right: 60px;
    bottom: 182px;
    z-index: 3;
}
.pop_poster .user_name .name{
    width: 275px;
    font-size: 32px;
    color: #f3eed7;
    font-weight: bold;
    display: none;
}
.pop_poster .user_name::before{
    content: "";
    display: block;
    width: 108px;
    height: 435px;
    background: url("../img/icon_dress.png") 0 0/100% no-repeat;
    position: absolute;
    top: -410px;
    right: -62px;
}
.pop_poster .user_name::after{
    content: "";
    display: block;
    width: 275px;
    height: 25px;
    background: url("../img/tips_name.png") 0 0/100% no-repeat;
    position: absolute;
    left: 0;
    top: 10px;
}
.pop_poster .user_name.on .name{display: block;}
.pop_poster .user_name.on::after{display: none;}

.pop_poster .btn_check_box{
    width: 67px;
    height: 350px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 3;
    right: -20px;
    top: 100px;
}
.pop_poster .btn_check_box .btn_prepage,
.pop_poster .btn_check_box .btn_nextpage{
    width: 67px;
    height: 170px;
    background: url("../img/btn_pre.png") 0 0/100% no-repeat;
}
.pop_poster .btn_check_box .btn_nextpage{
    background: url("../img/btn_next.png") 0 0/100% no-repeat;
}

.game_tips{
    width: 750px;
    height: 1650px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}