body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form {margin: 0}

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

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

em, b {font-style: normal}

a {text-decoration: none}

a:hover {text-decoration: underline; text-decoration: none;}

img {border: 0}

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

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

td, th, ul, ol, li {padding: 0; list-style: none;}

body { background-color: #0b0000; z-index: 1000;}

.clearfix:after {content: " "; clear: both; height: 0; visibility: hidden; display: block;}

.clearfix {*zoom: 1;}

.hide {display: none;}

.pr {position: relative;}
/* content */
.wrapper {font-family: '\5FAE\8F6F\96C5\9ED1';font-size: 18px;color: #fdfcff;width: 100%;min-width: 1300px;position: relative;overflow: hidden;z-index: 1;margin: 0 auto;max-width: 1920px;}

.wrapper .middle {z-index: 5;position: relative;margin: 0 auto;width: 1300px;padding-bottom: 100px;}


.loging-box {color: #6c84d7; font-size: 18px}

.loging-box .exp a {color: #d032de;}

/* bg-box */
.bg-box {position: absolute;width: 1920px;left: 50%;margin-left: -960px;top: 0;z-index: 1;}

.bg-box div {width: 100%;height: 601px;background-position: center top;background-repeat: no-repeat;}

.bg-box .bg01 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_01.jpg);}

.bg-box .bg02 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_02.jpg); height: 602px;}

.bg-box .bg03 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_03.jpg);}

.bg-box .bg04 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_04.jpg); height: 602px;}

.bg-box .bg05 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_05.jpg);}

.bg-box .bg06 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_06.jpg);}

.bg-box .bg07 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_07.jpg);}

.bg-box .bg08 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_08.jpg);}

.bg-box .bg09 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_09.jpg);}

.bg-box .bg10 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_10.jpg);}

.bg-box .bg11 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_11.jpg);}

.bg-box .bg12 {background-image: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/bg_12.jpg);}


.wrap { width: 1300px; margin: 0 auto;text-align: center; }

.dnf-logo {background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/logo.png) no-repeat;width: 332px;height: 94px;position: absolute;left: 70px;top: 30px;text-indent: -999em;overflow: hidden;z-index: 99;}

.sloga {height: 915px;text-indent: -999em;}

.header {text-align: center;}

.loging-box a { color: #ff663a;}

.main .title {height: 110px;background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/title.png) no-repeat;text-indent: -999em;z-index: 5;position: relative;}

.main img {display: block;}

.cont01 .title {background-position: center 0;}

.cont02 .title {background-position: center -120px;}

.cont03 .title {background-position: center -237px;}

.cont04 .title {background-position: center -481px;}

.cont05 .title {background-position: center -363px;}

/* float */
/*.float { position: fixed; right: 5px;top: 50%;margin-top: -188px;z-index: 99; width: 88px;height: 376px;display: none;}*/

/*.float li, .float a {background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/sidebar.png) no-repeat;}*/

/*.float li {height: 86px;margin-bottom: 10px;background-position: 0 -96px;}*/

/*.float .on {background-position: 0 0;}*/

/*.float a { display: block; width: 100%; height: 86px;overflow: hidden;text-indent: -999em;}*/

/*.float .nav1 {background-position: -110px 0;}*/

/*.float .nav2 {background-position: -110px -96px;}*/

/*.float .nav3 {background-position: -110px -192px;}*/

/*.float .nav4 {background-position: -110px -288px;}*/

/*.float a:hover, .float .on {color: #fff;}*/

.float{font-family: '\5FAE\8F6F\96C5\9ED1'; position: fixed; right:20px;top:50%;margin-top:-339px;z-index: 99;background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti2021/0225snowMan/img/float.png) no-repeat; width: 204px;height:716px;display:none;}
.float a{ display: block; padding: 0 5px;  margin: 0 auto 10px; height: 46px;line-height: 46px; overflow: hidden;color:#d9efff;font-size:18px;font-weight:bold;text-align: center; }
.float a i{background: #4972fe; display: inline-block; padding: 0 5px;  border-radius: 20px; width: 108px; height: 26px; line-height: 25px; font-style: normal;}
.float a.fd1 i{ width: 165px;}
.float a:hover,.float .on{color:#1b3bb6; background: none;}
.float a.on i{ background: none;}
.float a.linkkf{margin-top:78px; background: none; margin-bottom: 0px;}
.float a.linkkf,.float a.tptop{line-height:50px;color:#4972fe;height:50px;padding-left:16px;width:172px;background: none;}
.snav_c{padding-top:146px;}


.btn, .sp, .gailv, .spr, .cardpop .wishtit, .txt-opencards, .gsc-num {background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png) no-repeat;display: block;overflow: hidden;}

.btn { transition: filter ease .3s;}

.btn:hover { filter: brightness(1.2);}

/* cont01 */
.cont01 {padding-top: 85px;}

.cont01 .wishbox {background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/wishbg.png) center top no-repeat;height: 1200px;margin: -50px auto 0;position: relative;}

.cont01 .wishbox:after {
    content: "";
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/zhezhao.png") no-repeat;
    display: block;
    position: absolute;
    bottom: -190px;
    left: 50%;
    width: 1722px;
    height: 345px;
    transform: translate(-52%, 0);
}

.txt-opencards {position: relative;z-index: 1;background-position: 0 -492px;width: 165px;height: 32px;margin: 0 auto 25px}

.cont01 .wishicon {width: 400px;height: 390px;position: relative;margin: 0px auto 0 auto;padding-top: 225px}

.cont01 .wishicon img {width: 400px;height: 360px;padding-top: 20px;position: relative;}

.cont01 .wishbtnbox {margin-top: 350px;}

.layer-table { width: 423px; position: absolute; left: 0; top: 44px; z-index: 100;}

.layer-table table { width: 100%; background: #484299;border-top: 1px #069cfe solid;border-bottom: 1px #069cfe solid;}

.layer-table th, .layer-table td { color: #fff; text-align: center; font-size: 16px;border-left: 1px #069cfe solid;border-right: 1px #069cfe solid; padding: 5px 10px;font-weight: normal;}

.layer-table th { background: #2d2788; font-weight: bold;font-size: 24px;padding: 8px 10px;}

.layer-table .bg-line td {background: #383297;}

.layer-table .barclose {position: absolute;right: -30px; top: 0px; background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/close.png) no-repeat; width: 27px; height: 27px; text-indent: -9999px;overflow: hidden;cursor: pointer;}

.gailv {width: 423px;display: block;margin: 0 auto;text-align: center;position: relative;height: 42px;font-size: 22px;font-weight: bold;background-position: center -80px;overflow: inherit;font-family: '\5FAE\8F6F\96C5\9ED1';margin-top: 15px}

.gailv a {display: block;color: #fff;line-height: 42px;height: 42px;}

.icon-how, .prize-box .icon-how {width: 28px;height: 28px;background-position: -286px 0;display: inline-block;vertical-align: middle;margin-right: 10px;margin-top: -4px;}

.siwhbtn {position: absolute;width: 202px;height: 196px;top: 90px;left: 50%;margin-left: -101px;background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/wishbtn.png) no-repeat;}

.siwhbtn, .cardlist {
    animation: shan 1.5s 0s linear infinite;
    -webkit-animation: shan 1.5s 0s linear infinite;
}

@keyframes shan {
    0%, 100% {transform: scale(1);}
    50% {transform: scale(1.1);}
}

@-webkit-keyframes shan {
    0%, 100% {-webkit-transform: scale(1);}
    50% {-webkit-transform: scale(1.1);}
}

.wishbtnbox {margin-top: 210px;}

.wishbtnbox a, .btn {width: 298px;height: 81px;background-position: 0 0;display: inline-block;vertical-align: top;margin: 0 56px;position: relative;font-size: 30px;color: #fff;text-shadow: 0 3px 4px #bf770d;line-height: 73px;}

.wishu2 {height: 400px;}

.wishpop {width: 1035px;position: relative;display: none;
    background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/wishpop2.png) center 20px no-repeat;height: 520px;text-align: center;font-size: 18px;color: #fff;
}

.wishbtnbox .btn-ljgm {background-position: 0 -280px}

.wishbtnbox .btn-open {background-position: 0 -375px}

.wishpop .gailv {margin-top: 10px;}

.wishpop .layer-table {width: 500px;left: -39px;bottom: 40px;top: auto;}

/*.wishpop .close, .pop-dh .close, .pop .close {top: 153px;right: 0;width: 48px;height: 48px;background-position: 0 -31px;}*/

.pop-dh .close {top: -60px;right: 0;}

.wishu2 .wishbtn {height: 400px;text-indent: -999em;overflow: hidden;display: inline-block;width: 32%;}

.wishpop2 .close {top: 10px;}

.dec {color: #747de7;}

.dec .t-light {color: #fff;}

.l-pb20 {font-size: 26px;color: #9173c4;position: relative;z-index: 9;}

.list-cards {width: 1280px;margin: 35px auto 0;position: relative;z-index: 9;}

.list-cards li {width: 25%;float: left;}

.list-cards img {width: 294px;margin: 0 auto;}

.cardpop {width: 470px;height: 680px;display: none;}

 .cardpop .close {background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/close.png") no-repeat;position: absolute; width: 50px;height: 50px;right: -40px;top: 20px;background-position: 0 -30px}
 
.cardpop img {width: 414px;height: 622px;margin: 0 auto;}

.cardpop .wishtit {width: 212px;height: 50px;position: absolute;top: -30px;display: none;left: 50%;margin-left: -106px;background-position: 0 -122px;text-indent: -999em;}

.cardpop ul {width: 100%;height: 100%;}

.flip-container {}

.flip-container {perspective: 1000px;-webkit-perspective: 1000px; -moz-perspective: 1000px;-ms-perspective: 1000px;-o-perspective: 1000px;perspective: 1000px;margin: 0px auto;}

.back span {width: 210px;height: 45px;background-position: 0 -262px;top: 704px;display: block;text-indent: -99999em;left: 50%;margin-left: -105px;position: absolute;display: none;}

.flip-container.fp .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index: 2;}

.flip-container.fp .back span {display: block;}

.flip-container.fp .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index: 1}

.flip-container, .front, .back {width: 100%;height: 100%;}

.flipper {transition: transform 0.6s ease-out;transition: transform .5s ease-in-out;-webkit-transition: transform .5s ease-in-out;-moz-transition: transform .5s ease-in-out;-ms-transition: transform .5s ease-in-out;-o-transition: transform .5s ease-in-out;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;display: block;position: relative;width: 470px;height: 680px;}

.front, .back {width: 414px;height: 622px;backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 30px;left: 50%;margin-left: -207px;}

.frontimg, .back img {width: 100%; height: auto; overflow: hidden;}

.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}

.back {z-index: 1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}

.back strong {display: none;height: 50px;text-indent: -999em;position: absolute;left: 0;bottom: -80px;width: 100%;}

.addbg .back strong {display: block;background-position: center bottom;}

/* cont02 */
.gsc-gailv {background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/gail-bg.png") no-repeat;width: 591px;height: 107px;text-align: center;line-height: 80px;font-size: 22px;color: #fcf9ff;margin: 0 auto 0}

.gsc-gailv span {font-size: 32px;color: #fcf9ff;font-weight: bold;display: inline-block;vertical-align: middle;padding: 0 20px }

.cont02 { padding-top: 45px;}

.cont02 ul {width: 1150px;margin: 0 auto;padding: 25px 0;}

.cont02 li {width: 33%;float: left;}

.yycishu {color: #747de7;font-size: 24px;margin-top: 30px}

.yycishu span {font-size: 30px;font-weight: bold;display: inline-block;padding: 0 20px;vertical-align: middle;}

.yycishu img {display: inline-block;width: 42px;margin: 0 14px;vertical-align: middle;}

.layer-table {display: none;}

/* cont03 */

.tab-prop { background: #5046ce; width: 1100px;padding: 50px;border-radius: 20px;border: 3px solid #8c91f0;margin: 0 auto; }

.tab-prop ul { width: 1100px; height: 594px; overflow-y: scroll; overflow-x: hidden;}

.tab-prop li { float: left; width: 250px; height: 284px; padding-top: 3px; background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/prop-bg.jpg) no-repeat;margin: 7px;display: inline;}

.tab-prop li img { width: 244px; height: 150px; margin: 0 auto; display: block;}

.tab-prop li span { display: block; width: 244px; background: #2f2a93; height: 26px; line-height: 26px;
    color: #fff; margin: 0 auto;}

.tab-prop li b { display: block; padding: 10px 0; line-height: 20px; height: 40px;}

.tab-prop li a { display: block; width: 124px; height: 26px; background: #ffcc00; color: #152853; font-size: 18px; margin: 0 auto;
    border-radius: 20px;}

.tab-prop li a:hover { background: #ffd324;}

.tab-prop .getover a, .tab-prop .getover a:hover {background-color: #4b4a46;color: #fff;}

.tab-prop ul::-webkit-scrollbar-track-piece {background-color: #372585; border-radius: 6px;}

.tab-prop ul::-webkit-scrollbar {width: 14px;}

.tab-prop ul::-webkit-scrollbar-thumb {background: #b0adf5; border-radius: 6px;}

/* cont04 */
.cont04 {padding-top: 75px;color: #7b7cca;font-size: 20px;}

.rule h4 {padding-top: 20px;color: #fff;font-size: 20px;font-weight: normal;}

.rule {text-align: left;line-height: 1.8;width: 1130px;margin: 0 auto;padding-top: 20px;}

.rule ul {padding-left: 20px;}

.rule li {list-style: decimal;position: relative;padding-top: 40px}

/*鐎殿喖婀遍悰锟�*/
.pop-bg { background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/layer_bg.jpg) repeat-y; width: 500px; height: auto; position: relative; padding-bottom: 30px; display: none;}

/*.close { position: absolute; right: 16px; top: 8px; background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/close.png) no-repeat; width: 27px; height: 27px; text-indent: -9999px; overflow: hidden;}*/

.tit-pop { color: #3c2b0b; font-size: 24px; display: block; text-align: center; line-height: 42px; background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2020/1218snowMan/img/tip_top.png") repeat-x; width: 100%;}

.pop-bg .pop-txt { text-align: center; color: #fff; font-size: 20px; line-height: 36px; padding-top: 50px;}

.pop-btn-wrap { text-align: center;font-size: 0; padding-top: 40px; padding-bottom: 20px}

.pop-btn-wrap a { display: inline-block; vertical-align: top; width: 170px; height: 48px; margin: 0 25px;text-indent: 0;text-align: center;line-height: 36px;font-size: 20px;font-weight: bold; }

.pop-btn-wrap .btn-orange { background-position: -920px -254px;text-indent: -999em;color: #df393a;}

.pop-name {width: 500px; margin: 0 auto;}

.pop-name ul { font-size: 0; text-align: center; height: 250px; display: table-cell; vertical-align: middle; }

.pop-name li {font-size: 24px; display: inline-block;vertical-align: top; color: #fff; font-weight: bold; line-height: 36px; margin: 0 30px;}

.fudai-ul { height: 400px;}

.fudai-ul li {display: grid;}

.layui-layer-title, .layui-m-layerchild > h3 {
    width: 100%;
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2020/1218snowMan/img/tip_top.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 0 !important;
    border: none !important;
}

.layui-layer, .layui-m-layerchild {
    background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/layer_bg.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

/* pop 闁兼儳鍢查〃娑㈠箵閹邦喓浠� */
/*.pop {background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/pop.png) no-repeat;width: 784px;padding: 40px;height: 422px;font-size: 18px;text-align: center;position: relative;color: #c9d6f3;font-family: '\5FAE\8F6F\96C5\9ED1';display: none;}*/

/*.pop .close {top: 0;right: -60px;}*/

.pop .dec {color: #c9d6f3;}

.pop h4 {height: 40px;background-position: center -174px;text-indent: -999em;}

.pop-prize .prize {width: 640px;margin: 0 auto;padding-top: 20px;display: flex;}

.pop-prize .prize li {height: 240px;flex: 1;position: relative;}

.pop-prize .prize img {width: 170px;height: auto;display: block;margin: 0 auto;}

.pop .btn {text-align: center ;width: 208px;height: 62px;line-height: 56px;background-position: -320px 0;font-size: 24px;}

.pop-prize .prize .btn {position: absolute;bottom: -50px;left: 50%;margin-left: -104px;}

.prize .img-box {background: #c9d6f3;width: 200px;margin: 0 auto;border-radius: 10px;border: 2px solid #58a3fc;}

.prize .img-box p {background: #fff;height: 30px;line-height: 30px;color: #000c62;border-radius: 0 0 10px 10px;}

.pop-prize li .tips {font-size: 16px;color: #fff;}


.box-code {background: #4f45d4 url(https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/linebox.jpg) center bottom repeat-x;border: 3px solid #8c91f0;border-radius: 10px;width: 200px;position: fixed;left: 10px;top: 50%;margin-top: -150px;padding: 15px;z-index: 99;}

.box-code .code {width: 186px;height: 186px;border: 1px solid #fff;padding: 8px;margin: 0 auto;}

.box-code .code img {width: 176px;height: 176px;background: #e2e6ff;padding: 4px;}

.box-code .txt {padding-top: 10px;}

.box-code .txt strong {color: #ffba2e;font-weight: bold;}


.gsc-box {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/gsc-bg.png") no-repeat;
    width: 1107px;
    height: 402px;
    margin: 20px auto 0;
    position: relative;
}

.gsc-box:after {
    content: "";
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/zhezhao.png") no-repeat;
    display: block;
    position: absolute;
    bottom: -200px;
    left: 50%;
    width: 1722px;
    height: 345px;
    transform: translate(-52%, 0);
}

.gsc-box .gsc-topbox {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.gsc-box .gsc-left {
    margin-top: 80px;
    margin-right: 40px;
}

.gsc-box .gsc-left .swiper-container {
    width: 364px;
    height: 410px;
}

.gsc-box .gsc-left p {
    font-size: 20px;
    color: #fff;
    margin-top: -10px;
}

.gsc-box .gsc-left .pagination {
    position: absolute;
    z-index: 20;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.gsc-box .gsc-left .swiper-pagination-bullet {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png") no-repeat;
    background-position: -37px -558px;
    display: inline-block;
    width: 20px;
    height: 19px;
    margin: 3px 5px;
    opacity: 0.8;
    cursor: pointer;
}

.gsc-box .gsc-left .swiper-pagination-bullet-active {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png") no-repeat;
    background-position: -0px -558px;

    width: 20px;
    height: 19px;
}

.gsc-box .gsc-right .swiper-slide img {
    text-align: center;
    margin: 0 auto;
}

.gsc-box .gsc-right {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/swp-bg.png") no-repeat;
    width: 510px;height: 410px;
    text-align: center;
    position: relative;
}

.gsc-box .gsc-right .swiper-container {
    width: 510px;height: 410px;
}

.gsc-box .gsc-right .swp-tab {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 9;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.gsc-box .gsc-right .swp-next {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png") no-repeat;
    width: 68px;
    height: 68px;
    background-position: -385px -493px;
    cursor: pointer;
}

.gsc-box .gsc-right .swp-prev {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png") no-repeat;
    width: 68px;
    height: 68px;
    background-position: -300px -493px;
    cursor: pointer;
}

.gsc-tab-box {
    margin-top: 30px;
    padding-top:100px;
}

.gsc-tab-box a {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png") no-repeat;
    background-position: -293px -1095px;
    width: 298px;
    height: 81px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-size: 30px;
    color: #fff;
    text-shadow: 0 3px 4px #bf770d;
    line-height: 73px;
}

.gsc-num {
    background-position: 0 -240px;
    width: 600px;
    margin: 15px auto;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
}

.gsc-num span {
    font-size: 26px;
}

.gsc-text {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/swp-textbg.png") no-repeat;
    width: 866px;
    height: 300px;
    margin: 0 auto 0;
}

.gsc-text .gsc-name {
    color: #685ded;
    font-size: 20px;
    text-align: left;
    margin-left: 490px;
    padding-top: 60px;
    line-height: 43px;
}

.gsc-text .gsc-name h2 {
    font-size: 30px;
    font-weight: bold;
}

.mianyi-box {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/cont3-bg.png") no-repeat;
    width: 1107px;
    height: 686px;
    margin: 0 auto 0;
    position: relative;
    display: flex;
    justify-content: space-around;
    justify-content: space-evenly;
    align-items: center;
}

.mianyi-box:after {
    content: "";
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/zhezhao2.png") no-repeat;
    display: block;
    position: absolute;
    bottom: -200px;
    left: 50%;
    width: 1540px;
    height: 345px;
    transform: translate(-50%, 0);
}

.mianyi-box .mianyi-img {
    /*padding-top: 100px;*/
    /*margin-left: 80px;*/
}
.mianyi-select {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png") no-repeat;
    background-position: 0 -280px;
    width: 298px;
    height: 81px;
    position: relative;
}
.mianyi-select select {
    font-family: '\5FAE\8F6F\96C5\9ED1';
    background: rgba(0,0,0,0);
    display: block;
    vertical-align: top;
    font-size: 34px;
    color: #fff;
    text-shadow: 0 3px 4px #bf770d;
    line-height: 65px;
    border: none;
    text-align: center;
    font-weight: bold;
    appearance:none;
    -moz-appearance:none;
    font-weight: bold;
    -webkit-appearance:none;
    position: absolute;
    left: 50%;
    top: 2px;
    transform: translate(-50%,0);
}
.mianyi-select select::-ms-expand { display: none; }

.mianyi-select select::-webkit-scrollbar{
    width: 0;
    background: rgba(0,0,0,0);
}

.mianyi-select select option {
    display: block;
    background: #fabd57;
    /*width: 100%;height: 100%;*/
    font-weight: 900;
    box-shadow: 0px 0px 10px #fabd57 inset;

}

.mianyi-btn-box a {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png") no-repeat;
    width: 298px;
    height: 81px;
    background-position: 0 -375px;
    display: block;
    vertical-align: top;
    position: relative;
    font-size: 34px;
    color: #fff;
    text-shadow: 0 3px 4px #bf770d;
    line-height: 73px;
    border: none;
    text-align: center;
    font-weight: bold;
    margin-top: 100px;
}

.box-mohe {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/cont5-bg.png") no-repeat;
    width: 893px;
    height: 519px;
    margin: 0 auto;
    position: relative;
}
.cont05 .layer-table{width: 800px;margin-left:-222px;}
.box-mohe a,.box-mohe .num{position: absolute;left:50%;}
.box-mohe .btn-mohe1,.box-mohe .btn-mohe5{width: 212px;height:212px;top:50%;margin-top:-106px;}
.box-mohe .link-zjjl,.box-mohe .link-ckgl{top:420px;right: 265px}
.box-mohe .btn-mohe1{background-position: 0 -598px;margin-left:-538px;}
.box-mohe .btn-mohe5{background-position: -228px -598px;margin-left:326px;}
.box-mohe .btn-ljcq{width: 258px;height:60px;background-position: -490px -310px;margin-left:160px;top:508px;}
.box-mohe .num{width: 258px;margin-left:160px;top:480px;}
.box-mohe .num strong{color:#ffd48c;}
.box-mohe .layer01{position: absolute;top: 420px;left: 265px;}
.box-mohe .layer02{top:572px;left:50%;margin-left:240px;}
.fudai-text {color: #9173c4;font-size: 26px}
.lot-text {color: #9173c4;font-size: 24px;margin: 20px auto 30px}
.lot-text span {font-size: 26px}
.box-mohe a {background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png") no-repeat;
    background-position: 0 -821px;
    width: 149px;height: 52px;
    display: block;
    text-align: center;
    line-height: 52px;
    color: #fff;
    font-size: 24px;
}

/*.pop{position: relative;width: 662px;height:404px;background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti2021/1018tarot/images/pop1.png) center top no-repeat;}*/
/*.pop-hbox{background-image:url(https://img.dnfcity.qq.com/goodsImages/zhuanti2021/1018tarot/images/pop2.png);height: 438px; }*/
/*.btn-closed-x{width:50px;height: 50px;background-position: -716px -200px;position: absolute;right:-55px;top:5px;}*/
.pop {background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/pop.png") no-repeat;width: 659px;height: 459px;display: none}
.pop .pop-tit{width: 600px;height: 40px;margin:45px auto 0;font-size: 0}
.pop .tit-tips{background-position: 0 -410px;}
.pop .tit-succ{background-position: -400px -410px;}
.pop .pop-tit5{background-position: 0 -450px;}
.pop .pop-tit8{background-position: -0px -1300px;}
/*.btn-sure-txt,.btn-quer{width: 268px;height: 78px;background-position: -490px -342px;}*/
.pop-tips .txt{font-size:20px;height: 140px;padding:30px 0;
    display:flex;-webkit-flex-direction:column;-webkit-justify-content:center;-webkit-align-items:center;
}
.pgl a {
    margin: 0 auto;
    display: block;
}
.ptip {
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    display: block;
    color: #20206d;
}
.addr,.form {
    width: 590px;margin:0 auto;
}
.addr{padding-top:20px;}
.addr-item {
    text-align: left;font-size:20px;
    padding: 12px 70px 6px 30px;
    border-bottom: 1px solid #c8cee2;
    position:relative;
    z-index:1;
}

.addr-item .check{
    width:30px;
    height:30px;
    border:2px solid #000;
    border-radius:50%;
    box-sizing:border-box;
    position:absolute;
    top:50%;
    left:-12px;
    margin-top:-15px;
    z-index:9;
    cursor:pointer;
}
.addr-item .check.checked{
    background: url(https://img.dnfcity.qq.com/goodsImages/zhuanti2021/1018tarot/images/icon_checked.png) no-repeat;
    border:0;
}

.addr-item .delete{
    font-size:16px;
    color:#161817;
    line-height:24px;
    border:1px solid #b0b0b0;background: #b0b0b0;
    border-radius:12px;
    padding:0 16px;
    position:absolute;
    top:50%;
    right:0;
    margin-top:-12px;
    z-index:9;
    cursor:pointer;
}
.addr-item .delete:hover{border-color: #818181;}

.addr-add {
    color: #26304d;
    font-size: 26px;
    text-align: center;font-weight: bold;
    display: block;
    margin: 20px auto 0;
}
.addr-add span {
    display: inline-block;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    text-align: center;line-height: 24px;
    border: 2px solid #26304d;
}

.form {
    font-size: 22px;
    text-align: left;
}

.form-item {
    line-height: 58px;
    box-sizing: border-box;
    width: 95%;
    margin: 0 auto 0;
    font-size: 0;
    white-space: nowrap;
    border-bottom: 1px solid #b6adee;
}

.form-label, .form-input {
    color: #20206d;
    width: 110px;padding-left:20px;
    font-size: 22px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
}

.form-input {
    width: 394px;
}

.form-input input {
    width: 100%;
    height: 32px;
    font-size: 22px;
    line-height: 32px;
    color:#333;
    padding: 0;
    background: none;
    border: 0;
    border-bottom: 1px solid #b6adee;
}

.form-input select {
    width: 125px;
    font-size: 18px;
    line-height: 28px;
    background: #fff url(https://img.dnfcity.qq.com/goodsImages/zhuanti2021/1018tarot/images/picker.png) no-repeat 100% 50%;
    border: 3px solid #959595;
    border-radius: 4px;
    padding: 0 32px 0 4px;
    margin: 2px 4px 2px 0;
    outline: none;
    -webkit-appearance: none;
}

.form-input select:last-child {
    margin-right: 0;
}

.wishbox .layer {
    position: absolute;
    top: 680px;
    right: 0;
}
.btn-address {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png") no-repeat;
    background-position: -384px -373px;
    width: 180px;
    height: 50px;
    display: block;
    position: absolute;
    top: 680px;
    left: 100px;
}
.pop-send {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/pop1.png") no-repeat;
    width: 659px;
    height: 345px;
}
.close {background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/comm.png") no-repeat;background-position: -200px -1200px;height: 46px;width: 46px;display: block;position: absolute;top: 0;right: -60px;font-size: 0}

.flex-ct {display: flex;justify-content: center}
.pop-send p { text-align: center;   color: #542a83;font-size: 24px;
    margin-top: 75px;margin-bottom: 20px;
}
.send-account_id {
    margin-right: 40px;
}
.send-account_id input {
    width: 294px;
    height: 64px;
    background-position: 0 -1000px;
    border: none;
    color: #fff;
    font-size: 36px;
    text-align: center;
    line-height: 64px;
}
.send-number input {
    background-position: 0 -1100px;
    width: 251px;
    height: 64px;
    border: none;
    color: #fff;
    font-size: 36px;
    text-align: center;
    line-height: 64px;
}
.send-number a {
    display: block;
    width: 57px;height: 57px;
    position: absolute;
    top: 5px;
}
.send-number .btn-reduce {
    background-position: 0 -1200px;
    left: 5px;
}
.send-number .btn-increase {
    background-position: -100px -1200px;
    right: 6px;
}
.pop  .btn-quer {
    background-position: 0 -900px;
    width: 250px;
    height: 70px;
    display: block;
    margin: 45px auto 0;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 63px;
}
.pop-prompt {
    background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/pop2.png") no-repeat;
    width: 695px;
    height: 345px;

}
.prompt-tit {
    background-position: 0 -1363px;
}
.prpmpt-text {
    width: 540px;
    margin: 20px auto 0;
    text-align: center;
    line-height: 36px;
    color: #20206d;
    font-size: 20px;
}

.gsc-tab-box .btn-zige3 {background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/btn-jl.png") no-repeat;width: 185px;height: 56px;font-size: 0 ;margin-top:20px;}
.ptit1 {font-size: 30px;text-align: center;color: #9173c4;margin-top: 30px;font-weight: bold}
.pagination {display: flex;justify-content: space-evenly;color: #9173c4;font-size: 20px;margin-top:15px }
.pagination a {color: #9173c4;}
.pagination span {color: #9173c4 }
.record {width: 80%;margin: 0 auto; color: #9173c4;font-size: 20px }
.record-th span {background: #aca5df;color: #fff;}
.record-th , .record-td {width: 100%;color: #9173c4; display: flex;justify-content: space-evenly}
.record-th span , .record-td span {display: block ;width: 50%; text-align: center;font-size: 18px;border-bottom: 1px solid #e1e1e1}
.record-td {height: 50px;line-height: 50px}


.pop-buy{ width:662px; height: 468px;}
.pop-buy .pop-con{padding-top: -5px;height: 300px;}
.pop-buy .txt{ line-height: 42px; color: #3e3e3e; font-size: 25px;padding-left:30px;}
.pop-buy .txt span{ color: #a41d18; font-size: 28px;font-weight: bold;}
.pop-buy .pop-box-btn{ width: 100%; text-align: center;}
.pop-buy .pop-box-btn a{background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti/2022/0107surprize/images/add-btn-buy.png") no-repeat; width: 204px; height: 54px; margin: 40px 60px 50px; display: inline-block;}
.pop-buy .pop-box-btn .add-btn-song{background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/1228fudai/images/add-btn-song.png") no-repeat;}
.add-btn-note{background: url("https://img.dnfcity.qq.com/goodsImages/zhuanti2021/1228fudai/images/add-btn-note.png") no-repeat; width: 140px; height: 42px; margin: 0 auto 32px; display: block;}
.pop-buy p{ font-size: 18px; color: #3e3e3e; font-weight: bold;padding-left:30px;}
.pop-buy .red{ color: #a41d18; font-size: 20px;}