@charset "utf-8";
body{ margin:0; padding:0; font-size: 14px; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; background-color: #0b284f; overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%;font-weight: normal;}
*{outline: none;}
img{ border: 0;}
ol,ul{list-style: none;}
a{ font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration: none;outline: none; cursor: pointer;}
a:hover{ text-decoration: none;}

/* login-test */
.log-box{ position: absolute; left: 50px; top: 18px; z-index: 20; width: 700px; height: 36px; text-align: left;}
.login,.logout{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 18px; line-height: 30px;  color: #fff; overflow: hidden;}
.logout{ display: none;}
.btn-login,.btn-logout{ color: #fff; cursor: pointer;}

#wrap{ min-width: 1200px; max-width: 1920px; height: 9960px; margin: 0 auto; background: url(../images/bg1.jpg) no-repeat center top;}
.content{ position: relative; overflow: hidden; width: 100%; height: 100%; background: url(../images/bg2.jpg) no-repeat center bottom;}
/* bind-info */
.bind-info{ display: none; position: absolute; right: 50px; top: 18px; z-index: 10; width: 500px; height: 30px; font-size: 18px; line-height: 30px; color: #fff; text-align: right;}
.bind-info span.btn-change-role{ cursor: pointer;}
.color-yellow{ color: #ffe25b;}

.section-box{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); width: 1920px;}
/* section-head */
#section-head{ top: 0; height: 980px;}
#bg-video{ position: absolute; left: 50%; margin-left: -960px; top: 0; width: 1920px;}
.head-role-box1,.head-role-box2{ display: none; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%;}
.head-role-b1{ position: absolute; left: 82px; top: 47px;}
.head-role-b2{ position: absolute; left: 1283px; top: 138px;}
.ani-moveU50{ animation: key-moveU50 3s linear infinite alternate;}
@keyframes key-moveU50{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(0,50px,0);}
}
.ani-moveD50{ animation: key-moveD50 3s linear infinite alternate;}
@keyframes key-moveD50{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(0,-50px,0);}
}

.head-kv-l1{ position: absolute; left: 0; top: 0;}
.head-kv-l2{ position: absolute; left: 106px; top: 52px;}
.head-kv-gai{ position: absolute; left: 89px; top: 140px;}
.head-kv-r1{ position: absolute; right: 0; top: 120px;}
.head-kv-r2{ position: absolute; right: 0; top: 69px;}

.head-role-s1{ position: absolute; left: 1049px; top: 114px;}
.head-role-s2{ position: absolute; left: 1159px; top: 32px;}
.head-role-s3{ position: absolute; left: 999px; top: 646px;}
.ani-moveU20{ animation: key-moveU20 1.6s linear infinite alternate;}
@keyframes key-moveU20{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(0,20px,0);}
}
.ani-moveD20{ animation: key-moveD20 1.6s linear infinite alternate;}
@keyframes key-moveD20{
    0%{ transform: translate3d(0,0,0);}
    100%{ transform: translate3d(0,-20px,0);}
}
.float-item{ position: absolute; left: 50%; top: 400px; width: 1920px; margin-left: -960px;}
.float-item1{ top: 260px;}

.head-front-box{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 0; width: 1920px; height: 980px;}
.head-fish1{ position: absolute; left: 0; top: 0;}
.head-fish2{ position: absolute; right: 0; top: 114px;}
.suolian{ position: absolute; left: 0; top: 200px;}
.slogan{ position: absolute; left: 540px; top: 228px;}
.btn-link1,.btn-link2,.btn-link3{ position: absolute; top: 179px; overflow: hidden; width: 152px; height: 89px; text-indent: -999px;}
.btn-link1{ left: 688px; background: url(../images/btn-link1.png) no-repeat;}
.btn-link2{ left: 859px; background: url(../images/btn-link2.png) no-repeat;}
.btn-link3{ left: 1028px; background: url(../images/btn-link3.png) no-repeat;}
/* head-nav */
#head-nav-list{ position: absolute; left: 350px; top: 440px; width: 1197px; height: 360px;}
#head-nav-list li{ position: absolute; transition: transform .3s;}
#head-nav1{ left: 0px; top: 60px; width: 165px; height: 148px;}
#head-nav2{ left: 192px; top: 168px; width: 179px; height: 160px;}
#head-nav3{ left: 424px; top: 111px; width: 190px; height: 168px;}
#head-nav4{ left: 651px; top: 8px; width: 204px; height: 181px;}
#head-nav5{ left: 948px; top: 0px; width: 249px; height: 217px;}
#head-nav-list li .nav-img{ display: block; width: 100%;}
#head-nav-list li .nav-time{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: -20px;}
#head-nav-list li .nav-suo{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); width: 145px; height: 118px; background: url(../images/nav-suo.png) no-repeat;}
#head-nav-list .icon-gift{ display: none; position: absolute; right: 10px; top: 10px; width: 50px; height: 50px; background: url(../images/icon-gift1.png) no-repeat;}
#head-nav-list li.on{ cursor: pointer;}
#head-nav-list li.on:hover{ transform: scale(1.05);}
#head-nav-list li.on .nav-time,#head-nav-list li.on .nav-suo{ display: none;}
/* section-chuidiao */
#section-chuidiao{ top: 1725px; height: 1013px;}
.chuidiao-role{ display: block; margin-left: 5px;}
.float-item2{ top: 1900px;}
.chuidiao-cont-box{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); top: 1798px; width: 1920px; height: 620px;}
.chuidiao-title{ position: absolute; left: 743px; top: 0;}
.gift-show{ position: absolute;top: 16px; width: 90px; height: 138px;}
.chuidiao-cont-box .gift-show{ left: 1430px;}
.gift-show span{ display: block; width: 90px; height: 90px; background: url(../images/icon-gift3.png) no-repeat;}
.gift-show p{ font-size: 14px; line-height: 18px; color: #a5c6d8; text-align: center;}

.task-cont,.result-cont{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.result-cont{ display: none;}
.chudiao-task-info{ position: absolute; left: 743px; top: 102px; width: 696px; height: 30px; font-size: 18px; line-height: 30px; color: #fff; text-align: center;}
.card-list{ position: absolute; left: 580px; top: 227px; width: 1012px; height: 360px;}
.card-list li{ float: left; width: 249px; height: 167px; margin: 0 2px 12px;}
.card-list li div{ position: relative; width: 100%; height: 100%; background: url(../images/card-normal.png) no-repeat; cursor: pointer;}
.card-list li div img{ display: none; position: absolute; left: 0; top: 0;}
.card-list li div span{ display: none; position: absolute; left: 151px; top: 67px; width: 109px; height: 124px; background: url(../images/chuidiao-done.png) no-repeat;}
.card-list li div.active img{ display: block;}

.chuidiao-result-img{ position: absolute; left: 673px; top: 53px;}
.chudiao-result-info{ position: absolute; left: 773px; top: 171px; width: 420px; height: 66px; font-size: 16px; line-height: 22px; color: #c6d6e9;}
.btn-get{ position: absolute; left: 826px; top: 570px; width: 246px; height: 101px;}
.btn-get div{ display: block; width: 246px; height: 101px; background: url(../images/btn-get.png) no-repeat;}
.btn-get p{ position: absolute; left: 0; bottom: -12px; width: 100%; height: 22px; font-size: 16px; line-height: 22px; color: #c6d6e9; text-align: center;}
.btn-get.on div{ background: url(../images/btn-get-on.png) no-repeat; cursor: pointer;}
.btn-get.on p{ display: none;}
.btn-next-page{ position: absolute; left: 1100px; top: 570px; width: 246px; height: 101px; cursor: pointer;}
#btn-page-jiejie{ background: url(../images/btn-page-jiejie.png) no-repeat;}
/* section-jiejie */
.float-item3{ top: 4000px;}
#section-jiejie{ top: 3627px; height: 812px;}
.jiejie-zhiwu{ position: absolute; right: 0; top: -180px;}
.jiejie-title{ position: absolute; left: 449px; top: 0;}
#section-jiejie .gift-show{ left: 350px;}
.jiejie-info{ position: absolute; left: 353px; top: 114px; width: 880px; height: 60px; font-size: 18px; line-height: 30px; color: #c6d6e9; text-align: center;}
.jiejie-yueqi{ position: absolute; left: 254px; top: 191px;}
.music-box{ position: absolute; left: 418px; top: 417px; width: 777px; height: 230px;}
#jiejie-music{ display: none;}
.icon-music1{ position: absolute; left: 0; top: 124px; width: 81px; height: 102px;}
.icon-music2{ position: absolute; left: 250px; top: 18px; width: 79px; height: 105px;}
.icon-music3{ position: absolute; left: 478px; top: 36px; width: 59px; height: 100px;}
.icon-music4{ position: absolute; left: 695px; top: 0px; width: 77px; height: 107px;}
.music-box div img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer;}
.music-box div.active img{ animation: key-tiaoyue 1s infinite ease-in-out; transform-origin: center bottom;}
@keyframes key-tiaoyue{
    0% { transform: translateY(0) rotate(0deg);}
    25% { transform: translateY(-10px) rotate(-5deg);}
    50% { transform: translateY(0) rotate(0deg);}
    75% { transform: translateY(-8px) rotate(5deg);}
    100% { transform: translateY(0) rotate(0deg);}
}
.music-box div span{ display: none; position: absolute; width: 59px; height: 124px; background: url(../images/jiejie-done.png) no-repeat;}
.icon-music1 span{ left: 117px; top: 78px;}
.icon-music2 span{ left: 73px; top: 131px;}
.icon-music3 span{ left: 74px; top: 136px;}
.icon-music4 span{ left: 51px; top: 138px;}
.music-box div.done span{ display: block;}
.jiejie-qidai{ position: absolute; left: 846px; top: 713px;}

.jiejie-show{ position: absolute; left: 353px; top: 205px; width: 554px; height: 312px; background: url(../images/jiejie-show-bg.png) no-repeat;}
.jiejie-show img{ display: none; position: absolute; left: 3px; top: 3px; width: 548px; height: 306px;}
.map-box{ position: absolute; left: 730px; top: 372px; width: 513px; height: 238px;}
.jiejie-map{ display: block; width: 100%;}
.map-tab-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.map-tab-box li{ position: absolute; width: 70px; height: 74px; background: url(../images/icon-map-point.png) no-repeat; cursor: pointer;}
.map-tab-box li:nth-child(1){ left: 110px; top: 85px;}
.map-tab-box li:nth-child(2){ left: 194px; top: 16px;}
.map-tab-box li:nth-child(3){ left: 303px; top: 84px;}
.map-tab-box li:nth-child(4){ left: 331px; top: -7px;}
.map-tab-box li img{ display: none; position: absolute; right: 0; bottom: 0;}
.map-tab-box li.on img{ display: block;}
#section-jiejie .btn-get{ left: 551px; top: 626px;}
#btn-page-mizang{ left: 801px; top: 626px; background: url(../images/btn-page-mizang.png) no-repeat;}
/* section-mizang */
#section-mizang{ top: 5323px; height: 1203px;}
.mizang-title{ position: absolute; left: 606px; top: 0;}
#section-mizang .gift-show{ left: 500px; top: 0;}
.mizang-qidai{ position: absolute; left: 555px; top: -60px;}
.mizang-wrap{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.mizang-role{ position: absolute;}
.mizang-role1{ left: 996px; top: 22px; width: 586px; height: 451px;}
.mizang-role2{ left: 707px; top: 99px; width: 387px; height: 444px;}
.mizang-role3{ left: 759px; top: 266px; width: 810px; height: 568px;}
.mizang-role4{ left: 157px; top: 239px; width: 732px; height: 666px;}
.mizang-role .normal,.mizang-role .hover{ position: absolute; left: 0; top: 0; width: 100%;}
.mizang-role .hover{ display: none;}
.mizang-role:hover .normal{ display: none;}
.mizang-role:hover .hover{ display: block;}
.btn-wenhao{ position: absolute; width: 153px; height: 154px; background: url(../images/icon-wenhao.png) no-repeat; cursor: pointer;}
.mizang-role1 .btn-wenhao{ left: 162px; top: 100px;}
.mizang-role2 .btn-wenhao{ left: 20px; top: 25px;}
.mizang-role3 .btn-wenhao{ left: 442px; top: 270px;}
.mizang-role4 .btn-wenhao{ left: 460px; top: 228px;}
.mizang-info{ position: absolute; left: 0; top: 80px; width: 100%; height: 30px; font-size: 18px; line-height: 30px; color: #c6d6e9; text-align: center;}
.mizang-done-text{ display: none; position: absolute;}
.mizang-done-text1{ left: 1038px; top: 211px;}
.mizang-done-text2{ left: 553px; top: 176px;}
.mizang-done-text3{ left: 1058px; top: 572px;}
.mizang-done-text4{ left: 406px; top: 564px;}

.choise-box{ display: none; position: absolute; width: 394px; height: 254px; background: url(../images/choise-bg.png) no-repeat;}
.choise-list{ position: absolute; left: 75px; top: 93px; width: 225px; height: 92px;}
.choise-list li{ position: relative; width: 100%; height: 14px; margin-bottom: 10px; cursor: pointer;}
.choise-list li.on,.choise-list li.none{ cursor: default;}
.icon-duigou{ display: none; position: absolute; left: -18px; top: 0; width: 14px; height: 15px; background: url(../images/icon-duigou.png) no-repeat;}
.choise-list li img{ position: absolute; left: 0; top: 0;}
.choise-list li .on,.choise-list li .none{ display: none;}
.choise-list li.on .on{ display: block;}
.choise-list li.on .normal,.choise-list li.on .none{ display: none;}
.choise-list li.none .none{ display: block;}
.choise-list li.none .normal,.choise-list li.none .on{ display: none;}

.mizang-result-btn-box{ display: none; position: absolute; left: 707px; top: 742px; width: 492px; height: 101px;}
#section-mizang .btn-get{ left: 0; top: 0;}
#btn-page-shijing{ left: 246px; top: 0; background: url(../images/btn-page-shijing.png);}
/* section-shijing */
.float-item4{ top: 5950px;}
#section-shijing{ top: 7102px; height: 920px;}
.shijing-title{ position: absolute; left: 709px; top: 0;}
#section-shijing .gift-show{ left: 1250px;}
.shijing-qidai{ position: absolute; left: 152px; top: 54px;}
.shijing-wrap{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.shijing-role2{ position: absolute; top: -66px; right: -120px;}
.shijing-v-box{ position: absolute; left: 498px; top: 176px; width: 925px; height: 521px; padding: 3px; box-sizing: border-box; background: url(../images/video-bg.png) no-repeat;}
.shijing-v-box video{ width: 100%; height: 100%;}
.btn-play-shijing{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); z-index: 5; width: 140px; height: 148px; background: url(../images/btn-play-v.png) no-repeat; cursor: pointer;}
.shijing-done{ display: none; position: absolute; left: -20px; bottom: -20px; width: 135px; height: 181px; background: url(../images/shijing-done.png) no-repeat;}
.shijing-role1{ position: absolute; left: -202px; top: -32px;}

.shijing-result-btn-box{ display: none; position: absolute; left: 707px; top: 719px; width: 492px; height: 101px;}
#section-shijing .btn-get{ left: 0; top: 0;}
#btn-page-plp{ left: 246px; top: 0; background: url(../images/btn-page-plp.png);}
/* section-plp */
.float-item5{ top: 7900px;}
#section-plp{ top: 8985px; height: 960px;}
.plp-title{ position: absolute; left: 713px; top: 0;}
#danmu-container{ position: absolute; left: 0; top: 94px; overflow: hidden; width: 100%; height: 534px;}
#danmu-container div{ position: absolute; left: 100%; width: 640px; height: 60px; padding-left: 90px;}
#danmu-container div p{ display: flex; width: 100%; height: 100%; font-size: 24px; line-height: 30px; color: #fefefe; align-items: center; text-shadow: 0 3px 3px #000;}
#danmu-container div span{ position: absolute; left: 0; top: -2px; width: 86px; height: 64px; background: url(../images/icon-xinyuan.png) no-repeat;}

.plp-cont{ position: absolute; left: 468px; top: 715px; width: 847px; height: 458px;}
.btn-col{ float: left; width: 140px;}
.btn-col span{ display: block; width: 140px; height: 44px; margin-bottom: 8px; cursor: pointer;}
.btn-xuyuan-list{ background: url(../images/btn-xuyuan-list.png) no-repeat;}
.btn-rule{ background: url(../images/btn-rule.png) no-repeat;}
.input-col{ float: left; width: 527px; margin-left: 8px;}
.input-bg{ width: 527px; height: 87px; margin-top: 5px; padding: 18px 30px; box-sizing: border-box; background: url(../images/input-bg.png) no-repeat;}
#input-xuyuan{ display: block; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; font-size: 18px; line-height: 24px; color: #8f8f91; background: none; border: 0;  resize: none;}
.input-col p,.sub-col p{ height: 50px; font-size: 16px; line-height: 50px; color: #c6d6e9; text-align: center;}
.sub-col{ float: right; width: 165px;}
#btn-sub-xuyuan{ display: block; width: 165px; height: 87px; margin-top: 5px; background: url(../images/btn-send.png) no-repeat center center; cursor: pointer;}
.btn-pop-lottery{ position: absolute; left: 1330px; top: 666px; width: 159px; height: 176px; background: url(../images/btn-pop-lottery.png) no-repeat; cursor: pointer;}
/* float-nav-box */
.float-nav-box{ display: none; position: fixed; right: 50px; top: 50%; transform: translate3d(0,-50%,0); z-index: 10; width: 76px; height: 624px; background: url(../images/float-nav-bg.png) no-repeat center center;}
#float-nav-list{ position: absolute; left: -42px; top: 107px; width: 139px; height: 386px;}
#float-nav-list li{ position: relative; height: 28px; margin-bottom: 48px;}
.nav-suo{ position: absolute; left: 0; top: 0;}
#float-nav-list li .nav-tag{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer;}
#float-nav-list li.on .nav-suo{ display: none;}
#float-nav-list li.on .nav-tag{ display: block;}
#float-nav1 .nav-tag{ background: url(../images/float-nav1.png) no-repeat 0 0;}
#float-nav2 .nav-tag{ background: url(../images/float-nav2.png) no-repeat 0 0;}
#float-nav3 .nav-tag{ background: url(../images/float-nav3.png) no-repeat 0 0;}
#float-nav4 .nav-tag{ background: url(../images/float-nav4.png) no-repeat 0 0;}
#float-nav5 .nav-tag{ background: url(../images/float-nav5.png) no-repeat 0 0;}
#float-nav-list li .nav-tag.active{ background-position: 0 -28px!important;}
#float-nav-list li .icon-gift{ display: none; position: absolute; left: 120px; top: -6px; width: 20px; height: 20px; background: url(../images/icon-gift2.png) no-repeat;}
.btn-gtt{ position: absolute; left: -42px; top: 490px; width: 82px; height: 24px; background: url(../images/float-nav-top.png) no-repeat; cursor: pointer;}
.btn-gtt:hover{ background-position: 0 -24px;}
/* pop */
.pop-fixed{ display: none; position: fixed; left: 0; top: 0; z-index:10000000; width: 100%; height: 100%; background-color:rgba(0,0,0,0.7);}
.pop-bg{ position: absolute; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); background: url(../images/pop-bg.png) no-repeat; background-size: 100% auto;}
.icon-close{ position: absolute; right: -10px; top: -10px; z-index: 10; width: 50px; height: 50px; background:url(../images/icon-close.png); cursor:pointer;}
/* pop-msg */
#pop-msg{ z-index: 10000002;}
.pop-bg1{ width: 694px; height: 364px; background: url(../images/pop-bg1.png) no-repeat;}
.pop-t{ display: block; margin: 32px auto 0;}
#msg{ display: flex; width: 500px; height: 182px; margin: 0 auto; font-size: 18px; line-height: 34px; color: #f9f8b5; justify-content: center; text-align: center; align-items: center;}
.btn-conform{ display: block; width: 200px; height: 64px; margin: 0 auto; background: url(../images/btn-conform.png) no-repeat; cursor: pointer;}
/* pop-bind */
.form-box{ width: 360px; height: 128px; margin: 0 auto; padding-top: 46px;}
.form-line{ width: 100%; height: 34px; margin-bottom: 21px;}
.form-tag{ float: left; height: 31px; margin-top: 2px;}
.form-line select{ float: right; width: 240px; height: 34px; padding: 0 10px; box-sizing: border-box; font-size: 16px; line-height: 34px; color: #778288; background-color: #eeece9; border: 1px solid #778288;}
#btn-sub-bind{ display: block; width: 200px; height: 64px; margin: 0 auto; background: url(../images/btn-bind.png) no-repeat; cursor: pointer;}
/* pop-chuidiao-info */
.pop-chuidiao-bg{ width: 1110px; height: 688px; background: url(../images/chuidiao-info-bg.png) no-repeat;}
.pop-chuidiao-bg div{ position: absolute; left: 50%; top: 360px; transform: translate3d(-50%,0,0); width: 806px; height: 220px; font-size: 22px; line-height: 36px; color: #c6d6e9;}
.pop-chuidiao-bg .btn-conform{ position: absolute; left: 50%; transform: translate3d(-50%,0,0); bottom: 0;}
/* pop-rule */
.pop-bg2{ width: 1110px; height: 582px; background: url(../images/pop-bg2.png) no-repeat;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.pop-bg2 .icon-close{ right: 15px;}
.cus-scroll::-webkit-scrollbar{ width: 8px; background-color: #535c72;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 8px; background-color: #d2be87;}
.rule-scroll{ width: 818px; height: 372px; margin: 42px auto 0;}
.rule-scroll p{ width: 786px; padding-bottom: 30px; font-size: 16px; line-height: 30px; color: #c6d6e9;}
.bold{ font-weight: bold;}
#pop-rule .btn-conform{ margin-top: 46px;}
/* pop-lottery */
.pop-lottery-bg{ width: 970px; height: 929px; background: url(../images/pop-lottery.png) no-repeat;}
#pop-lottery .icon-close{ right: 60px; top: 120px;}
.lottery-box{ position: absolute; left: 130px; top: 221px; width: 710px; height: 500px;}
.lottery-img{ position: absolute; left: 22px; top: 9px;}
#lottery{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#lottery li{ position: absolute; width: 233px; height: 155px;}
#lottery li.on{ background: url(../images/lottery-on.png) no-repeat;}
#lottery li.p1{ left:0px; top: 0px;}
#lottery li.p2{ left: 239px; top: 0px;}
#lottery li.p3{ left: 477px; top: 0px;}
#lottery li.p4{ left: 477px; top: 173px;}
#lottery li.p5{ left: 477px; top: 345px;}
#lottery li.p6{ left: 239px; top: 345px;}
#lottery li.p7{ left: 0px; top: 345px;}
#lottery li.p8{ left: 0px; top: 173px;}
#btn-lottery{ position: absolute; left: 239px; top: 173px; width: 233px; height: 155px; cursor: pointer;}
.lottery-last-num{ position: absolute; left: 0; bottom: -60px; width: 100%; height: 60px; font-size: 18px; line-height: 60px; color: #c2e3ef; text-align: center;}
.lottery-box .btn-lottery-record{ position: absolute; left: 50%; bottom: -113px; transform: translate3d(-50%,0,0); width: 148px; height: 53px; background: url(../images/btn-lottery-record.png) no-repeat; cursor: pointer;}

.lottery-succ-cont{ display: flex; width: 500px; height: 182px; margin: 0 auto; font-size: 30px; line-height: 46px; color: #c2e3ef; justify-content: center; text-align: center; align-items: center;}
.succ-tip{ padding-top: 20px; font-size: 16px; line-height: 20px; color: #c2e3ef; text-align: center;}
.succ-tip .btn-lottery-record{ cursor: pointer;}
/* pop-myprize */
#pop-myprize .pop-t{ margin-top: 50px;}
.myprize-box{ width: 666px; height: 305px; margin: 52px auto 0;}
.myprize-head{ height: 47px; background: #dae3e9;}
.myprize-head span{ float: left; height: 47px; font-size: 24px; line-height: 47px; color: #1a4369; text-align: center;}
.myprize-box .col1{ width: 198px; border-right: 2px solid #54687a;}
.myprize-box .col2{ width: 302px; border-right: 2px solid #54687a;}
.myprize-box .col3{ width: 161px; }
.myprize-list{width: 666px;}
.myprize-list li{ height: 72px; overflow: hidden;}
.myprize-list li:nth-child(odd){ background-color: #1a4369;}
.myprize-list li:nth-child(even){ background-color: #285f91;}
.myprize-list li div{ float: left; height: 72px; font-size: 16px; color: #fff; text-align: center;}
.myprize-list li div.col1{ line-height: 72px;}
.prize-name{ display: flex; width: 250px; height: 72px; margin: 0 auto; line-height: 24px; justify-content: center; align-items: center;}
#pop-myprize .btn-address{ display: block; width: 108px; height: 32px; margin: 20px auto 0; background: url(../images/btn-address.png) no-repeat; cursor: pointer;}
#pop-myprize .btn-address.change{ background: url(../images/btn-address-change.png) no-repeat;}
/* pop-address */
#pop-address .form-box{ width: 334px; height: 205px; padding-top: 44px;}
.form-line2{ height: 62px;}
.form-line input,.form-line textarea{ float: right; width: 250px; height: 32px; padding: 0 10px; box-sizing: border-box; font-size: 16px; line-height: 34px; color: #778288; background-color: #eeece9; border: 1px solid #778288;}
.form-line textarea{ height: 60px; line-height: 24px; resize: none; overflow-x: hidden; overflow-y: auto;}
#btn-sub-address{ display: block; width: 200px; height: 64px; margin: 0 auto; background: url(../images/btn-sub.png) no-repeat; cursor: pointer;}
/* pop-xuyuan-record */
#pop-xuyuan-record .pop-t{ margin-top: 50px;}
.record-box{ width: 527px; height: 326px; margin: 32px auto 0;}
.record-list{ width: 527px;}
.record-list li{ position: relative; height: 87px; margin-bottom: 17px;}
.my-text{ width: 527px; height: 87px; padding-top: 4px; box-sizing: border-box; background: url(../images/input-bg.png) no-repeat;}
.my-text p{ display: flex; width: 458px; height: 78px; margin: 0 auto; font-size: 18px; line-height: 24px; color: #272729; align-items: center; word-break: break-all;}
.record-list li .icon-done{ position: absolute; left: -80px; top: -9px; width: 75px; height: 105px; background: url(../images/xuyuan-done.png) no-repeat;}
.done-opa-box{ position: absolute; right: -160px; top: 22px; width: 143px; height: 72px;}
#pop-xuyuan-record .btn-address{ display: block; width: 143px; height: 41px; background: url(../images/btn-address2.png) no-repeat; cursor: pointer;}
#pop-xuyuan-record .btn-address.change{ background: url(../images/btn-address-change2.png) no-repeat;}
.done-opa-box p{ font-size: 18px; line-height: 30px; color: #9eb8c0; text-align: center;}
.btn-result{ display: block; width: 200px; height: 64px; margin: 0 auto; background: url(../images/btn-result.png) no-repeat; cursor: pointer;}

.xuyuan-succ-cont{ width: 500px; height: 182px; margin: 0 auto; }
.xuyuan-succ-cont h4{ padding-top: 30px; font-size: 30px; line-height: 46px; color: #c2e3ef; text-align: center;}
.xuyuan-succ-cont p{ display: flex; width: 100%; height: 100px; font-size: 16px; line-height: 24px; align-items: center;}