.headbar{position:absolute;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;height:auto;padding:20px 56px 0 20px;z-index:2}.headbar .logo{width:161px;height:69px}.headbar .links{margin-top:20px}.headbar .download{margin-left:10px}.section{position:relative}.section1{height:993px;background-image:url(../images/pagebg1.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;overflow:hidden}.section1 .slogan{width:631px;height:189px;background-image:url(../images/sg.png);background-repeat:no-repeat;background-position:center;background-size:100%;margin:87px auto 0}.section1 .user{font-size:18px;color:#e2fffe;font-weight:600;text-align:center;margin-top:40px;margin-left:-120px;position:relative;line-height:30px}.section1 .user_login::after{content:"";width:94px;height:1px;background-color:#e2fffe;position:absolute;bottom:-3px;left:50%;margin-left:-47px}.section1 .user_login_succeed{height:30px;background-image:url(../images/logined.png);background-repeat:no-repeat;background-position:center;color:#3b66ae}.section1 .user_login_succeed a{color:#3b66ae}.section2 .box{background-repeat:no-repeat;background-position:center top;background-size:cover}.section2 .box .title-detail{width:1200px;margin:0 auto}.section2 .box .title-detail .lt .head-tt{padding-top:110px;padding-left:20px;padding-right:35px;width:980px;height:142px;background-repeat:no-repeat;background-position:left;background-size:cover}.section2 .box .title-detail .lt .action{font-size:18px;line-height:30px;float:left}.section2 .box .title-detail .lt .action a{color:#0897e8}.section2 .box .title-detail .lt .action span{color:#d7637a}.section2 .box .title-detail .lt .nm-num{color:#d7637a;font-size:18px;line-height:30px;float:right;font-weight:600}.section2 .box .title-detail .lt .nm-num .nmNum{font-size:24px}.section2 .box .title-detail .rt .get-btn-pop{width:218px;height:160px;background-image:url(../images/getbtn.png);background-repeat:no-repeat;background-position:center;background-size:100%}.section2 .box .ctn{background-repeat:no-repeat;background-position:center;background-size:100%}.section2 .box1{height:993px;background-image:url(../images/pagebg2.jpg)}.section2 .box1 .title-detail .head-tt1{background-image:url(../images/tit1.png)}.section2 .box1 .ctn{width:1320px;height:663px;background-image:url(../images/box01.png);margin-top:14px;margin:14px auto 0;padding:40px 0 0 96px;box-sizing:border-box}.section2 .box1 .ctn .exchange-item{width:1130px;height:528px;padding:10px;overflow-x:hidden}.section2 .box1 .ctn .exchange-item .item{width:536px;height:116px;padding-left:50px;background-repeat:no-repeat;background-position:center;background-size:100%;float:left;position:relative}.section2 .box1 .ctn .exchange-item .item .ex-pic{width:57px;height:57px;box-sizing:border-box;border:1px solid #f7d2ad;margin-top:-7px;cursor:pointer;position:relative}.section2 .box1 .ctn .exchange-item .item .ex-pic img{width:100%;height:100%;object-fit:cover}.section2 .box1 .ctn .exchange-item .item .ex-pic:hover .gift-dtl{display:block}.section2 .box1 .ctn .exchange-item .item.y-bg{background-image:url(../images/exchange_bg_y.png)}.section2 .box1 .ctn .exchange-item .item.y-bg .gift-dtl{display:none;position:absolute;width:369px;padding:15px;z-index:5;left:-18px;top:-18px;color:#d37d4e;border:3px solid #d37d4e;background-color:#f9f9f7}.section2 .box1 .ctn .exchange-item .item.y-bg .gift-dtl h3{font-size:18px;margin-bottom:5px}.section2 .box1 .ctn .exchange-item .item.y-bg .gift-dtl p{margin-top:5px;font-size:14px;line-height:28px}.section2 .box1 .ctn .exchange-item .item.y-bg .ex-condition{color:#cb6225;margin-left:30px}.section2 .box1 .ctn .exchange-item .item.y-bg .ex-condition p.desc{font-size:18px;color:#cb6225;font-weight:600;width:240px}.section2 .box1 .ctn .exchange-item .item.y-bg .ex-condition p.limit{font-size:17px;margin-top:10px}.section2 .box1 .ctn .exchange-item .item.y-bg .ex-condition p.limit span{color:#f5af3a;font-size:15px}.section2 .box1 .ctn .exchange-item .item.y-bg .ex-condition p.need{font-size:17px}.section2 .box1 .ctn .exchange-item .item.y-bg .ex-condition p.need span{color:#d7657a;font-size:15px}.section2 .box1 .ctn .exchange-item .item.b-bg{background-image:url(../images/exchange_bg_b.png)}.section2 .box1 .ctn .exchange-item .item.b-bg .gift-dtl{display:none;position:absolute;width:369px;padding:15px;z-index:5;left:-18px;top:-18px;color:#149bee;border:3px solid #149bee;background-color:#f9f9f7}.section2 .box1 .ctn .exchange-item .item.b-bg .gift-dtl h3{font-size:18px;margin-bottom:5px}.section2 .box1 .ctn .exchange-item .item.b-bg .gift-dtl p{margin-top:5px;font-size:14px;line-height:28px}.section2 .box1 .ctn .exchange-item .item.b-bg .ex-condition{color:#0e91cf;margin-left:30px}.section2 .box1 .ctn .exchange-item .item.b-bg .ex-condition p.desc{font-size:18px;color:#3b66ae;font-weight:600;width:240px}.section2 .box1 .ctn .exchange-item .item.b-bg .ex-condition p.limit{font-size:17px;margin-top:10px}.section2 .box1 .ctn .exchange-item .item.b-bg .ex-condition p.limit span{color:#f5af3a;font-size:15px}.section2 .box1 .ctn .exchange-item .item.b-bg .ex-condition p.need{font-size:17px}.section2 .box1 .ctn .exchange-item .item.b-bg .ex-condition p.need span{color:#d7657a;font-size:15px}.section2 .box1 .ctn .exchange-item .item:nth-of-type(2n+1){margin-right:2px}.section2 .box1 .ctn .exchange-item .item:nth-of-type(n+3){margin-top:12px}.section2 .box1 .ctn .exchange-item .item .ex-btn{width:146px;height:61px;background-image:url(../images/exchange_btn.png);background-repeat:no-repeat;background-position:center;background-size:100%}.section2 .box1 .ctn .exchange-item .item .ex-btn.ex-un-reach{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.section2 .box1 .ctn .exchange-item .item .ex-btn.ex-ed-item{background-image:url(../images/exchanged_btn.png)}.section2 .box1 .ctn .exchange-item .item .des-tip{position:absolute;width:44px;height:117px;left:-10px;top:-10px;background-image:url(../images/ex_tips.png);background-repeat:no-repeat;background-position:center;background-size:100%;z-index:1}.section2 .box1 .ctn .exchange-item .item .exchangecover{position:absolute;width:100%;height:100%;left:0;top:0;background-image:url(../images/exchangecover.png);background-repeat:no-repeat;background-position:center;background-size:100%;z-index:2}.section2 .box2{height:1081px;background-image:url(../images/pagebg3.jpg)}.section2 .box2 .title-detail{padding-left:15px}.section2 .box2 .title-detail .lt{margin-right:4px}.section2 .box2 .title-detail .lt .head-tt2{padding-top:107px;height:138px;background-image:url(../images/tit2.png)}.section2 .box2 .ctn{width:1320px;height:732px;background-image:url(../images/box02.png);margin-top:14px;margin:14px auto 0}.section2 .box2 .ctn .surprise{position:relative;overflow:hidden;padding:62px 144px}.section2 .box2 .ctn .surprise ul{position:relative;height:512px}.section2 .box2 .ctn .surprise ul p{position:absolute;bottom:-9px;left:-20px;width:203px;height:55px;line-height:55px;text-align:center;font-size:14px;color:#334da1;font-weight:bold;background:url(../images/bg_04.png) center center no-repeat}.section2 .box2 .ctn .surprise li{position:absolute;float:left;width:209px;height:130px;background:url(../images/bg_01.png) center center no-repeat;background-size:contain}.section2 .box2 .ctn .surprise li.active{background:url(../images/bg_02_act.png) center center no-repeat}.section2 .box2 .ctn .surprise li.active .img{background:#d8fcfb}.section2 .box2 .ctn .surprise li.active p{color:#5f29a4}.section2 .box2 .ctn .surprise li.true span{position:absolute;top:-3px;left:-4px;width:66px;height:64px;background:url(../images/icon_01.png) center center no-repeat}.section2 .box2 .ctn .surprise li.true .img{width:100%;background:none}.section2 .box2 .ctn .surprise li.true .img img{width:auto;height:auto}.section2 .box2 .ctn .surprise .img{padding:4px;margin:20px auto 10px;width:72px;height:72px;background:#d8fcfb;text-align:center}.section2 .box2 .ctn .surprise .img img{width:100%;height:100%;object-fit:contain}.section2 .box2 .ctn .surprise .sur-1{position:absolute;left:0;top:0}.section2 .box2 .ctn .surprise .sur-2{position:absolute;left:217px;top:0}.section2 .box2 .ctn .surprise .sur-3{position:absolute;left:434px;top:0}.section2 .box2 .ctn .surprise .sur-4{position:absolute;left:651px;top:0}.section2 .box2 .ctn .surprise .sur-5{position:absolute;left:868px;top:0}.section2 .box2 .ctn .surprise .sur-6{position:absolute;left:868px;top:141px}.section2 .box2 .ctn .surprise .sur-7{position:absolute;left:868px;top:282px}.section2 .box2 .ctn .surprise .sur-8{position:absolute;left:868px;top:423px}.section2 .box2 .ctn .surprise .sur-9{position:absolute;left:651px;top:423px}.section2 .box2 .ctn .surprise .sur-10{position:absolute;left:434px;top:423px}.section2 .box2 .ctn .surprise .sur-11{position:absolute;left:217px;top:423px}.section2 .box2 .ctn .surprise .sur-12{position:absolute;left:0;top:423px}.section2 .box2 .ctn .surprise .sur-13{position:absolute;left:0;top:282px}.section2 .box2 .ctn .surprise .sur-14{position:absolute;left:0;top:141px}.section2 .box2 .ctn .surprise .sur-btn{position:absolute;top:290px;left:391px}.section2 .box2 .ctn .surprise .sur-btn a{float:left;width:257px;height:95px;padding-top:45px;text-align:center;color:#fff;margin-right:50px}.section2 .box2 .ctn s .surprise .sur-btn a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.section2 .box2 .ctn .surprise .sur-btn a.btn-01{background:url(../images/btn_04.png) center center no-repeat}.section2 .box2 .ctn .surprise .sur-btn a.btn-02{background:url(../images/btn_05.png) center center no-repeat}.section2 .box2 .ctn .surprise .sur-btn p{color:#3b66ae;text-align:center;line-height:1.8;float:left;width:260px;font-weight:bold}.section2 .box2 .ctn .surprise .sur-btn p+p{margin-left:50px;color:#c94c60}.section2 .box3{height:1202px;background-image:url(../images/pagebg4.jpg)}.section2 .box3 .title-detail{padding-left:10px}.section2 .box3 .title-detail .head-tt3{background-image:url(../images/tit3.png)}.section2 .box3 .ctn{width:1330px;height:890px;background-image:url(../images/box03.png);margin-top:14px;margin:14px auto 0;padding:44px 0 0 112px}.section2 .box3 .ctn .buy-item{width:1130px;height:700px;padding:0px 5px;margin-top:20px;overflow-x:hidden}.section2 .box3 .ctn .buy-item .item{width:256px;height:334px;padding:22px 0 0;margin:0 10px;background-repeat:no-repeat;background-position:center;background-size:100%;float:left;position:relative}.section2 .box3 .ctn .buy-item .item:nth-of-type(n+5){margin-top:30px}.section2 .box3 .ctn .buy-item .item .ex-pic{width:86px;height:86px;border-radius:100%;box-sizing:border-box;cursor:pointer;margin-top:16px;position:relative}.section2 .box3 .ctn .buy-item .item .ex-pic img{width:57px;height:57px;object-fit:cover}.section2 .box3 .ctn .buy-item .item .ex-pic:hover .gift-dtl{display:block}.section2 .box3 .ctn .buy-item .item .o-price{margin-top:15px}.section2 .box3 .ctn .buy-item .item p:not(:first-child){line-height:1em;margin-top:15px}.section2 .box3 .ctn .buy-item .item p.desc{text-align:center}.section2 .box3 .ctn .buy-item .item p.sign{margin-left:40px}.section2 .box3 .ctn .buy-item .item.y-bg{background-image:url(../images/buy_bg_y.png);color:#cb6225}.section2 .box3 .ctn .buy-item .item.y-bg .gift-dtl{display:none;position:absolute;width:256px;padding:15px;z-index:1;left:-88px;top:-3px;color:#d37d4e;border:3px solid #d37d4e;background-color:#f9f9f7}.section2 .box3 .ctn .buy-item .item.y-bg .gift-dtl h3{font-size:18px;margin-bottom:5px}.section2 .box3 .ctn .buy-item .item.y-bg .gift-dtl p{margin-top:5px;font-size:14px;line-height:28px}.section2 .box3 .ctn .buy-item .item.y-bg .ex-pic{border:3px solid #f7d2ad;background-color:#fff3e0}.section2 .box3 .ctn .buy-item .item.y-bg .ex-pic img{width:57px;height:57px;border:2px solid #f7d2ad;margin:14px auto 0;display:block}.section2 .box3 .ctn .buy-item .item.y-bg p{font-size:16px;color:#cb6225}.section2 .box3 .ctn .buy-item .item.y-bg p.desc{font-size:16px;font-weight:600;width:226px;word-break:keep-all;white-space:nowrap}.section2 .box3 .ctn .buy-item .item.y-bg p.need span{color:#d7637a;font-size:15px;font-weight:600}.section2 .box3 .ctn .buy-item .item.y-bg p.need span:first-child{font-size:22px}.section2 .box3 .ctn .buy-item .item.y-bg p.need span i{font-size:16px;font-style:normal}.section2 .box3 .ctn .buy-item .item.b-bg{background-image:url(../images/buy_bg_b.png);color:#0e91cf}.section2 .box3 .ctn .buy-item .item.b-bg .gift-dtl{display:none;position:absolute;width:256px;padding:15px;z-index:1;left:-88px;top:-3px;color:#149bee;border:3px solid #149bee;background-color:#f9f9f7}.section2 .box3 .ctn .buy-item .item.b-bg .gift-dtl h3{font-size:18px;margin-bottom:5px}.section2 .box3 .ctn .buy-item .item.b-bg .gift-dtl p{margin-top:5px;font-size:14px;line-height:28px}.section2 .box3 .ctn .buy-item .item.b-bg .ex-pic{border:3px solid #edf8ff;background-color:#4dc9f3}.section2 .box3 .ctn .buy-item .item.b-bg .ex-pic img{width:57px;height:57px;border:2px solid #d8fcfb;margin:14px auto 0;display:block}.section2 .box3 .ctn .buy-item .item.b-bg p{font-size:16px;color:#0e91cf}.section2 .box3 .ctn .buy-item .item.b-bg p.desc{font-size:16px;font-weight:600;width:226px;word-break:keep-all;white-space:nowrap}.section2 .box3 .ctn .buy-item .item.b-bg p.need span{color:#f5af3a;font-size:15px;font-weight:600}.section2 .box3 .ctn .buy-item .item.b-bg p.need span:first-child{font-size:22px}.section2 .box3 .ctn .buy-item .item.b-bg p.need span i{font-size:16px;font-style:normal}.section2 .box3 .ctn .buy-item .item .buy-btn{width:146px;height:61px;background-image:url(../images/buy_btn.png);background-repeat:no-repeat;background-position:center;background-size:100%;margin-top:22px}.section2 .box3 .ctn .buy-item .item .des-tip{position:absolute;width:44px;height:117px;left:-10px;top:-10px;background-image:url(../images/ex_tips.png);background-repeat:no-repeat;background-position:center;background-size:100%}.section3{height:840px;background-image:url(../images/pagebg5.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.section3 .rules{width:1088px;margin:0 auto}.section3 .rules .rull-tt{width:434px;height:84px;background-image:url(../images/tit4.png);background-repeat:no-repeat;background-position:center;background-size:100%}.section3 .rules .rull-item{font-size:18px;line-height:36px}.section3 .rules .rull-item .tt{color:#0ba6ec;font-size:18px;width:146px;height:36px;line-height:36px;padding-left:35px;background-image:url(../images/rulltt.png);background-repeat:no-repeat;background-position:center;background-size:100%;margin-top:25px;margin-bottom:15px}.section3 .rules .rull-item p{color:#1c1e6a}.section3 .rules .rull-item p span{color:#d7637a}.fastnav{width:115px;height:314px;background-image:url(../images/fastnav.png);background-repeat:no-repeat;background-position:center;background-size:100%;padding-top:21px;font-size:15px;position:fixed;right:4px;bottom:50%;transform:translateY(50%);animation:fade 0.5s ease;z-index:99}.fastnav .act.active{color:#d7637a}.fastnav .act{height:52px;line-height:52px;text-align:center;font-weight:bold;color:#3b66ae}.confirm{width:177px;line-height:55px;background-color:#c8f4f9;color:#386eb3;font-size:23px;text-align:center;margin:0 auto;border-radius:55px}.buypop .pop-wrap,.exDetailpop .pop-wrap{width:861px;height:519px;background-image:url(../images/buypop.png);background-repeat:no-repeat;background-position:center;background-size:100%;padding:70px 0 0 60px;font-size:18px;color:#ba784a}.buypop .pop-wrap .close-pop,.exDetailpop .pop-wrap .close-pop{width:60px;height:60px;position:absolute;top:6px;right:12px;background:url(../images/closepop.png) center}.buypop .pop-wrap .pop-content .lt,.exDetailpop .pop-wrap .pop-content .lt{width:114px;margin:0 5px}.buypop .pop-wrap .pop-content .lt p,.exDetailpop .pop-wrap .pop-content .lt p{font-size:18px;color:#f1fbfe;line-height:23px;text-align:center;margin-top:5px}.buypop .pop-wrap .pop-content .drawitem,.exDetailpop .pop-wrap .pop-content .drawitem{width:90px;height:90px;border-radius:100%;border:2px solid #a8f1f9;background-color:#4dc9f3;margin:0 auto}.buypop .pop-wrap .pop-content .drawitem a,.exDetailpop .pop-wrap .pop-content .drawitem a{width:57px;height:57px;display:block;background-color:#d8fcfb;padding:2px}.buypop .pop-wrap .pop-content .drawitem a img,.exDetailpop .pop-wrap .pop-content .drawitem a img{width:100%;height:100%;object-fit:cover}.buypop .pop-wrap .pop-content .coin,.exDetailpop .pop-wrap .pop-content .coin{width:560px;padding-bottom:20px;border-bottom:1px solid #c8f4f9;color:#f1fbfe;font-weight:600}.buypop .pop-wrap .pop-content .coin span,.exDetailpop .pop-wrap .pop-content .coin span{font-size:24px}.buypop .pop-wrap .pop-content .coin .ptcoin,.exDetailpop .pop-wrap .pop-content .coin .ptcoin{color:#fef897}.buypop .pop-wrap .pop-content .coin a,.exDetailpop .pop-wrap .pop-content .coin a{color:#fef897;text-decoration:underline;font-size:24px;margin-left:35px}.buypop .pop-wrap .pop-content .nm,.exDetailpop .pop-wrap .pop-content .nm{width:560px;padding-bottom:20px;border-bottom:1px solid #c8f4f9;color:#f1fbfe}.buypop .pop-wrap .pop-content .nm span,.exDetailpop .pop-wrap .pop-content .nm span{font-size:24px}.buypop .pop-wrap .pop-content .nm .nmNum,.exDetailpop .pop-wrap .pop-content .nm .nmNum{color:#fef897}.buypop .pop-wrap .pop-content .nm a,.exDetailpop .pop-wrap .pop-content .nm a{color:#fef897;text-decoration:underline;font-size:24px;margin-left:68px}.buypop .pop-wrap .pop-content .deduction,.exDetailpop .pop-wrap .pop-content .deduction{margin-top:50px}.buypop .pop-wrap .pop-content .deduction .tt,.exDetailpop .pop-wrap .pop-content .deduction .tt{font-size:18px;color:#f1fbfe}.buypop .pop-wrap .pop-content .deduction.exduction,.exDetailpop .pop-wrap .pop-content .deduction.exduction{margin-left:60px}.buypop .pop-wrap .pop-content .deduction.exduction .tt,.exDetailpop .pop-wrap .pop-content .deduction.exduction .tt{margin-left:18px}.buypop .pop-wrap .pop-content .deduction .lmt,.exDetailpop .pop-wrap .pop-content .deduction .lmt{font-size:16px;color:#3776c4;margin-left:13px}.buypop .pop-wrap .pop-content .deduction .exunit,.exDetailpop .pop-wrap .pop-content .deduction .exunit{font-size:16px;color:#f1fbfe;margin-left:13px}.buypop .pop-wrap .pop-content .deduction .adjustNum,.exDetailpop .pop-wrap .pop-content .deduction .adjustNum{height:44px;width:211px;background-color:#3776c4;padding:2px;border-radius:6px;margin-left:13px}.buypop .pop-wrap .pop-content .deduction .adjustNum span,.exDetailpop .pop-wrap .pop-content .deduction .adjustNum span{width:49px;height:40px;display:inline-block;border-radius:3px;font-size:28px;color:#3776c4;text-align:center;line-height:40px;background-color:#c8f4f9}.buypop .pop-wrap .pop-content .deduction .adjustNum input,.exDetailpop .pop-wrap .pop-content .deduction .adjustNum input{width:90px;height:100%;text-align:center;background-color:transparent;font-size:32px;color:#c8f4f9}.buypop .pop-wrap .pop-content .deduction .o-price,.buypop .pop-wrap .pop-content .deduction .d-price,.buypop .pop-wrap .pop-content .deduction .use-num,.buypop .pop-wrap .pop-content .deduction .rest-num,.exDetailpop .pop-wrap .pop-content .deduction .o-price,.exDetailpop .pop-wrap .pop-content .deduction .d-price,.exDetailpop .pop-wrap .pop-content .deduction .use-num,.exDetailpop .pop-wrap .pop-content .deduction .rest-num{margin-top:18px;font-size:18px;color:#f1fbfe}.buypop .pop-wrap .pop-content .deduction .o-price .originprice,.exDetailpop .pop-wrap .pop-content .deduction .o-price .originprice{margin-left:33px;font-size:32px;text-decoration:line-through}.buypop .pop-wrap .pop-content .deduction .o-price .originprice+span,.exDetailpop .pop-wrap .pop-content .deduction .o-price .originprice+span{text-decoration:line-through}.buypop .pop-wrap .pop-content .deduction .d-price .discutprice,.exDetailpop .pop-wrap .pop-content .deduction .d-price .discutprice{margin-left:15px;font-size:32px}.buypop .pop-wrap .pop-content .deduction .use-num .usenmcpre,.exDetailpop .pop-wrap .pop-content .deduction .use-num .usenmcpre{margin-left:10px}.buypop .pop-wrap .pop-content .deduction .rest-num,.exDetailpop .pop-wrap .pop-content .deduction .rest-num{margin-left:18px}.buypop .pop-wrap .pop-content .deduction .rest-num .restexchangenum,.exDetailpop .pop-wrap .pop-content .deduction .rest-num .restexchangenum{margin-left:10px}.buypop .pop-wrap .pop-content .deduction .buyconfirm,.exDetailpop .pop-wrap .pop-content .deduction .buyconfirm{width:146px;height:61px;background-image:url(../images/buy_btn.png);background-repeat:no-repeat;background-position:center;background-size:100%;margin:35px auto 0}.buypop .pop-wrap .pop-content .deduction .exactionwrap,.exDetailpop .pop-wrap .pop-content .deduction .exactionwrap{margin-top:58px}.buypop .pop-wrap .pop-content .deduction .excancel,.exDetailpop .pop-wrap .pop-content .deduction .excancel{width:146px;height:61px;background-image:url(../images/exconfirm.png);background-repeat:no-repeat;background-position:left top}.buypop .pop-wrap .pop-content .deduction .exconfirm,.exDetailpop .pop-wrap .pop-content .deduction .exconfirm{width:146px;height:61px;background-image:url(../images/exconfirm.png);background-repeat:no-repeat;background-position:-179px 0;margin-left:34px}.onedraw .pop-wrap{width:875px;height:533px;background-image:url(../images/record_pop.png);background-repeat:no-repeat;background-position:center;background-size:100%;padding:40px 0 0 35px;font-size:18px;color:#ba784a}.onedraw .pop-wrap .close-pop{width:60px;height:60px;position:absolute;top:6px;right:12px;background:url(../images/closepop.png) center}.onedraw .pop-wrap .pop-content h3{font-size:27px;color:#f1fbfe;text-align:center}.onedraw .pop-wrap .pop-content ul{width:703px;margin:0 auto;height:287px}.onedraw .pop-wrap .pop-content ul li{width:114px;margin:0 5px;margin-top:35px}.onedraw .pop-wrap .pop-content ul li p{font-size:18px;color:#f1fbfe;line-height:23px;text-align:center;margin-top:5px}.onedraw .pop-wrap .pop-content ul .drawitem{width:90px;height:90px;border-radius:100%;border:2px solid #a8f1f9;background-color:#4dc9f3;margin:0 auto}.onedraw .pop-wrap .pop-content ul .drawitem a{width:57px;height:57px;display:block;background-color:#d8fcfb;padding:2px}.onedraw .pop-wrap .pop-content ul .drawitem a img{width:100%;height:100%;object-fit:cover}.tendraw .pop-wrap{width:1105px;height:663px;background-image:url(../images/pop-bg.png);background-repeat:no-repeat;background-position:center;background-size:100%;padding:40px 0 0 35px;font-size:18px;color:#ba784a}.tendraw .pop-wrap .close-pop{width:60px;height:60px;position:absolute;top:6px;right:12px;background:url(../images/closepop.png) center}.tendraw .pop-wrap .pop-content h3{font-size:27px;color:#f1fbfe;text-align:center}.tendraw .pop-wrap .pop-content ul{width:703px;margin:0 auto;margin-bottom:64px;flex-wrap:wrap}.tendraw .pop-wrap .pop-content li{width:114px;margin:0 5px;margin-top:35px}.tendraw .pop-wrap .pop-content li p{font-size:18px;color:#f1fbfe;line-height:23px;text-align:center;margin-top:5px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.tendraw .pop-wrap .pop-content .drawitem{width:90px;height:90px;border-radius:100%;border:2px solid #a8f1f9;background-color:#4dc9f3;margin:0 auto}.tendraw .pop-wrap .pop-content .drawitem a{width:57px;height:57px;display:block;background-color:#d8fcfb;padding:2px}.tendraw .pop-wrap .pop-content .drawitem a img{width:100%;height:100%;object-fit:cover}.getteaPop .pop-wrap{width:1105px;height:663px;background-image:url(../images/pop-bg.png);background-repeat:no-repeat;background-position:center;background-size:100%;padding:40px 0 0 35px;font-size:18px;color:#ba784a}.getteaPop .pop-wrap .close-pop{width:60px;height:60px;position:absolute;top:6px;right:12px;background:url(../images/closepop.png) center}.getteaPop .pop-wrap .pop-content h3,.getteaPop .pop-wrap .pop-content .tips{color:#ffffff}.getteaPop .pop-wrap .pop-content h3{font-size:27px;float:left}.getteaPop .pop-wrap .pop-content .tips{float:left;font-size:18px;margin-left:88px}.getteaPop .pop-wrap .pop-content .tips span{color:#1e61b5}.getteaPop .pop-wrap .pop-content .cnt{margin-top:65px;margin-left:10px}.getteaPop .pop-wrap .pop-content .cnt .count{float:left;width:213px}.getteaPop .pop-wrap .pop-content .cnt .count .nmcc{width:76px;height:80px;margin:0 auto;background-image:url(../images/nmcicon.png);background-repeat:no-repeat;background-position:left top;background-size:100%}.getteaPop .pop-wrap .pop-content .cnt .count .nmcn{width:76px;height:92px;margin:0 auto;margin-top:34px;background-image:url(../images/nmcicon.png);background-repeat:no-repeat;background-position:left -135px;background-size:100%}.getteaPop .pop-wrap .pop-content .cnt .count p{color:#f1fbfe;font-size:19px;text-align:center;line-height:1em}.getteaPop .pop-wrap .pop-content .cnt .count p span{font-size:30px}.getteaPop .pop-wrap .pop-content .cnt .tasklist{float:left;height:356px;padding-right:60px;overflow-x:hidden}.getteaPop .pop-wrap .pop-content .cnt .tasklist .task-li{width:731px;height:77px;background-image:url(../images/taskbg.png);background-repeat:no-repeat;background-position:center;background-size:100%;position:relative;font-size:17px;padding-left:124px}.getteaPop .pop-wrap .pop-content .cnt .tasklist .task-li.iced .task-action{opacity:.6}.getteaPop .pop-wrap .pop-content .cnt .tasklist .task-li.iced .task-status{background-image:url(../images/icedright.png);background-repeat:no-repeat;background-position:center;background-size:100%;position:absolute;width:105px;height:64px;right:123px;bottom:0;display:block}.getteaPop .pop-wrap .pop-content .cnt .tasklist .task-li.unice .task-action{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.getteaPop .pop-wrap .pop-content .cnt .tasklist .task-li:not(:first-child){margin-top:15px}.getteaPop .pop-wrap .pop-content .cnt .tasklist .task-li span:first-child{width:164px;height:46px;color:#386db3;font-size:20px;line-height:60px;padding-left:16px;background-image:url(../images/tasktodo.png);background-repeat:no-repeat;position:absolute;left:0;top:15px}.getteaPop .pop-wrap .pop-content .cnt .tasklist .task-li span.task-name{color:#3b66ae;width:375px}.getteaPop .pop-wrap .pop-content .cnt .tasklist .task-li .task-action{color:#fffafa;width:144px;height:52px;background-image:url(../images/taskbtn.png);background-repeat:no-repeat;background-position:center;background-size:100%;text-align:center;line-height:47px}.getteaPop .pop-wrap .pop-content .cnt .tasklist .task-li .task-status{display:none;position:absolute}.exchangePop .pop-wrap,.drawrecordPop .pop-wrap,.buyrecordPop .pop-wrap{padding:68px 59px 0}.exchangePop .pop-wrap .ex-txt,.drawrecordPop .pop-wrap .ex-txt,.buyrecordPop .pop-wrap .ex-txt{text-align:center;color:#ebfafe;font-size:22px}.recordPop .pop-wrap,.exchangePop .pop-wrap,.drawrecordPop .pop-wrap,.buyrecordPop .pop-wrap{width:875px;height:533px;background-image:url(../images/record_pop.png);background-repeat:no-repeat;background-position:center;background-size:100%;padding:33px 59px 0;font-size:18px;color:#ba784a}.recordPop .pop-wrap .close-pop,.exchangePop .pop-wrap .close-pop,.drawrecordPop .pop-wrap .close-pop,.buyrecordPop .pop-wrap .close-pop{width:60px;height:60px;position:absolute;top:6px;right:12px;background:url(../images/closepop.png) center}.recordPop .pop-wrap .chanel,.exchangePop .pop-wrap .chanel,.drawrecordPop .pop-wrap .chanel,.buyrecordPop .pop-wrap .chanel{width:447px;height:55px;border-radius:6px;border:2px solid #ebfafe}.recordPop .pop-wrap .chanel span,.exchangePop .pop-wrap .chanel span,.drawrecordPop .pop-wrap .chanel span,.buyrecordPop .pop-wrap .chanel span{width:50%;line-height:55px;text-align:center;color:#ebfafe;font-size:22px}.recordPop .pop-wrap .chanel span.active,.exchangePop .pop-wrap .chanel span.active,.drawrecordPop .pop-wrap .chanel span.active,.buyrecordPop .pop-wrap .chanel span.active{color:#386eb3;background-color:#ebfafe;border-radius:6px}.recordPop .pop-wrap .tt,.exchangePop .pop-wrap .tt,.drawrecordPop .pop-wrap .tt,.buyrecordPop .pop-wrap .tt{margin-top:48px;color:#386eb3;font-size:22px;width:100%;border-bottom:1px solid #386eb3;padding-bottom:10px}.recordPop .pop-wrap .tt span,.exchangePop .pop-wrap .tt span,.drawrecordPop .pop-wrap .tt span,.buyrecordPop .pop-wrap .tt span{width:240px;text-align:center}.recordPop .pop-wrap .info,.exchangePop .pop-wrap .info,.drawrecordPop .pop-wrap .info,.buyrecordPop .pop-wrap .info{width:100%;height:258px;overflow-x:hidden;font-size:16px;color:#ebfafe;margin-top:17px}.recordPop .pop-wrap .info ul li,.exchangePop .pop-wrap .info ul li,.drawrecordPop .pop-wrap .info ul li,.buyrecordPop .pop-wrap .info ul li{text-align:center;border-bottom:1px solid rgba(255,255,255,0.5);padding:10px 0}.recordPop .pop-wrap .info ul li span,.exchangePop .pop-wrap .info ul li span,.drawrecordPop .pop-wrap .info ul li span,.buyrecordPop .pop-wrap .info ul li span{width:240px}.letter .pop-wrap{width:934px;height:943px;background-image:url(../images/letterbg.png);background-repeat:no-repeat;background-position:center;background-size:100%;padding-top:122px;font-size:18px;color:#ba784a}.letter .pop-wrap .playerletter .fill{height:36px}.letter .pop-wrap .playerletter p{font-size:18px;line-height:36px;text-align:center;color:#ba784a}.letter .pop-wrap .playerletter .fm{text-align:right;margin-top:20px}.letter .pop-wrap .playerletter .present-wrap{text-align:center;margin-top:40px;color:#d7637a}.letter .pop-wrap .playerletter .present-wrap span{color:#d7637a;font-weight:600}.letter .pop-wrap .playerletter .present-wrap .new-present{font-size:24px}.letter .pop-wrap .playerletter .present-btn{width:258px;height:77px;background-repeat:no-repeat;background-position:center;background-size:100%;margin:90px 30px}.letter .pop-wrap .playerletter .present-btn:last-child{background-image:url(../images/letterb1.png)}.letter .pop-wrap .playerletter .present-btn:first-child{background-image:url(../images/letterb2.png)}.lettercover .pop-wrap{width:943px;height:571px;background-image:url(../images/lettercover.png);background-repeat:no-repeat;background-position:center;background-size:100%;padding-top:122px;font-size:17px;color:#feecc4;text-align:center;-webkit-animation:0.7s linear 0s 1 normal both running rotate-scale-down;animation:0.7s linear 0s 1 normal both running rotate-scale-down}.lettercover .pop-wrap .openarrow{width:15px;height:26px;margin-top:10px;background-image:url(../images/letterarrow.png);background-repeat:no-repeat;background-position:center;background-size:100%;animation:flight 2s ease infinite alternate both;-moz-animation:flight 2s ease infinite alternate both;-webkit-animation:flight 2s ease infinite alternate both;-o-animation:flight 2s ease infinite alternate both}.lettercover .pop-wrap .seal{width:152px;height:152px;margin:0 auto;background-image:url(../images/seal.png);background-repeat:no-repeat;background-position:center;background-size:100%;animation:scalable 1s ease-in-out 0s infinite alternate none;-webkit-animation:scalable 1s ease-in-out 0s infinite alternate none}