@charset "utf-8";
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%;}
.pr{position: relative;}
.pa{position: absolute;}
.hide{font-size: 0; text-indent: -9999em; width: 0; height: 0;}
.t,.btn{font-size: 0; text-indent: -9999em;display: block; background-repeat: no-repeat; background-color: transparent; background-size: 100% auto;}
.btn{ background-image: url("../img/btn-.png"); background-size: 970px auto; width: 333px; height: 119px;}
.flex{ display: flex;}
.justify-center{ justify-content: center}
.t-l{text-align: left;}
.t-c{text-align: center;}
.t-in{display: inline-block; width: 40px;}
/**/
html,body,.container{ width: 100%; height: 100%; font-size: 28px; background: #fff; color: #1a1919; line-height: 1.5;}
.container{ max-width: 750px; height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center;overflow: hidden;}
.page{ background: url("../img/bg1.jpg") no-repeat center top/cover; display: none; transform-origin: center top;width: 750px;height: 1650px;top:0;left: 50%;margin-left: -375px;position: fixed;}
.mpage{width: 100%; height: 100%; left: 0; top: 0;margin: 0;align-items: center; justify-content: center;}
.page.on{ display: flex;}
.page2,.page4{ background-image: url("../img/bg2.jpg");}
.page4 .btn-join{background-position: 0 -814px;margin-top: -2px;}
.wrap{ height: 1334px; width: 100%; background: rgba(255,0,0,0); box-sizing: border-box; position: relative;transform-origin: center top;}
.page3 .wrap {margin-top: 80px;}
.page4 .wrap{padding-top: 479px;}
.page2 .wrap,.page5 .wrap{padding-top: 200px;}
.logo{ background-image: url("../img/logo.png"); width: 189px; height: 108px; position: absolute; left: 50%; top: 83px;z-index: 2;margin-left: -95px;}
.slogan{ background-image: url("../img/slogan.png"); width: 726px; height: 439px;position: absolute;bottom: 242px;left: 0;}
.btn-login{ margin: 0 auto;background-position: -540px -489px; width: 362px;position: absolute;bottom:106px;left:50%;height: 109px;margin-left: -181px;}
.page0 .btn-rule,.page1 .btn-rule,.page4 .btn-rule{position: absolute;bottom: 57px;left: 269px;}
.page0 .btn-rule{bottom:22px;}
.page1 .btn-rule,.page4 .btn-rule{bottom: 171px;}
.page4 .btn-rule{bottom:171px;}
.btn-login.timeover{filter: grayscale(100%);}
.btn-login:not(.timeover){animation: ani-breath 2s linear infinite both;}
@keyframes ani-breath {
    0%, 100% {transform: scale(1);}
    50% {transform: scale(.9);}
}
.btn-logout{ position: absolute; right: 26px; top: 44px; width: 156px; height: 64px; background-position: -690px -920px;z-index:3;}
.page2 .btn-logout,.page5 .btn-logout{top:200px;right: 66px;}
.btn-rule,.btn-center{ width: 164px; height: 48px; margin: 0 20px; background-position: 0 -750px;}
.btn-center{ background-position-x: -437px;}
.page1 .wrap{ padding-top: 845px;}
.btn-create{width: 467px;height: 109px; background-position: -361px -16px; margin: 0 auto;}
.btn-join{width: 467px;height: 109px; background-position:0 -1248px; margin: -2px auto 0;}
.pop6 .btn-join{margin: 33px auto 0;width: 450px;height: 84px;background: url("../img/joinbtn.png") no-repeat;overflow: hidden;text-indent:-9999em;}
.page4 .btn-create, .page5 .btn-create{margin-top: -2px;width: 467px;height: 109px;background-position: -400px -297px;}
.page5 .btn-create{margin-top: 0;background-position: 0 -1425px;}
/* .btn-joins{ background-position-y: -258px; margin: 30px auto;} */
.btn-joins{ width: 467px;height: 109px;background-position: -380px -147px; margin: 0 auto;}
.btn-rule2,.btn-center2{ width: 143px; height: 30px; margin-top: 26px;}
.btn-rule2{position: absolute;margin-top: 0;left: 300px;bottom: 195px;}
.twow{width: 581px;}
.page2 .btn-rule2,.page5 .btn-rule2{position: relative;left: auto;bottom: auto;margin-right: 15px;margin-left: 0;width: 218px;height: 64px;background-position: -690px -650px;}
.btn-center2{ background-position: -690px -740px;}
.page2 .btn-center2,.page5 .btn-center2{margin: 0;width: 218px;height: 64px;background-position: -690px -740px;}
.invite-text{ background: url("../img/text.png") no-repeat; background-size: 100% auto; width: 633px; height: 262px; margin: 0 auto 14px; text-align: center; font-size: 26px; color: #fffeea; box-sizing: border-box;display: flex;justify-content: center;align-items: center;line-height: 42px;}
.red{ color: #fffeea;}
.ipt .red{ color: red;}
.page2 .guild-desc{text-align: left; margin: 0 20px; line-height: 42px;}
.guild-code{ font-size: 24px; color: #fff3b2; background: url("../img/msg.png") no-repeat center center/100% 100%; min-height: 535px; margin: 26px auto 37px; box-sizing: border-box;text-align: center; display: flex; flex-direction: column; justify-content: center;width: 633px;line-height: 38px;padding: 30px 20px 40px;}
.page5 .guild-code{margin: 24px auto 47px;height: 464px;background-image: url("../img/msg3.png"); line-height: 42px;}
.guild-code2{height: 455px;background-image: url("../img/msg2.png"); margin: 66px auto 77px;}
.page5 .guild-code2{height: 318px;background-image: url("../img/msg4.png");margin: 46px auto 100px;}
.guild-nickname{ font-size: 24px; color: #fff3b2;line-height: 38px;}
.guild-line{ display: flex; align-items: center;margin-top: 35px;justify-content: center;}
.guild-code2 .guild-line,.guild-code3 .guild-line{ justify-content: center;}
.guild-code3 .btn-modify{ display: none;}
.guild-line p{ width: 130px; text-align: left;}
.guild-line input{ width: 281px;line-height: 52px;background: #fff; text-align: center; font-size: 28px; color: #131313;margin: 0 9px 0 18px;height: 52px;border-radius: 3px;}
.btn-copy,.btn-modify{ width: 76px; height: 52px; background-position:-144px -355px; display: inline-block; vertical-align: middle;}
.btn-modify{ background-position:-144px -404px;}
.btn-detail{ width: 422px; height: 61px; margin: 46px auto 0; background-position: 0 -493px; flex-shrink: 0;}
.tip{ text-align: center; font-size: 24px; color: #fefbc5;margin-top: 33px;text-shadow: 0 0 9px #1a0d0d;}
.guild-num{ font-size: 22px; font-weight: bold; color: #fefbc5;padding:0 30px; text-align: center;}
.guild-num2{ line-height: 38px; margin-top: 20px;color: #fefbc5;font-size: 24px;text-shadow: none;font-weight: normal;height: 158px;text-align: left;}
.guild-num2 .red{ color: #fefbc5;}
.btn-guild{width: 467px;height: 109px; background-position:0 -1002px; margin: 0 auto;}
.rank{ width: 618px; margin: 0 auto; height: 540px; border-radius: 6px; background: linear-gradient(to bottom, rgba(0,0,0,.6),rgba(0,0,0,0) 90%); padding: 14px 16px;}
/*.rank2{ height: 1100px;background: linear-gradient(to bottom, rgba(0,0,0,.5) 70%,rgba(0,0,0,0) 90%);}*/

.rank-tab{ display: flex; justify-content:space-around; margin-bottom: 24px;margin-top: 20px;}
.rank-tab a{ width: 287px; height: 60px;}
.rank-tab a:last-of-type,.rank-tab2 a:last-of-type{ background-position:-320px -570px;}
.rank-tab a:first-of-type,.rank-tab2 a:first-of-type{ background-position:-13px -482px}
.rank-tab a:first-of-type.on,.rank-tab2 a:first-of-type.on{ background-position:-13px -570px;}
.rank-tab a:last-of-type.on,.rank-tab2 a:last-of-type.on{ background-position:-320px -482px;}
.rank-con table{ width: 640px; text-align: center; color: #fff3b2;}
.rank-table{ height: 180px; padding-top: 4px; overflow-x: hidden; overflow-y: auto;z-index:57;}
.page3 .rank2{width:696px; height: 1064px;background:url("../img/rank2bg.png") no-repeat center;background-size: 100% auto;padding: 109px 12px 0;box-sizing: border-box;}
.page2 .rank{width: 701px; height: 591px;background:url("../img/rankbg.png") no-repeat center;background-size: 100% auto;}
.rank-tab2{justify-content: space-around;margin-top: 20px;}
.page2,.page3,.page5{background: url("../img/page2bg.jpg") no-repeat center top;background-size: cover;}
.rank-con{display: flex;flex-direction: column;align-items: center;}
/*.page3 .rank-con th{background: #3b200c;color:#f8c780;}*/
/*.page3 .rank-con td{color: #d7a45b;}*/
/*.page3 .rank-con table{color: #d7a45b;}*/
/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
.rank-table::-webkit-scrollbar{
  width: 16px;
}
/*定义滚动条轨道 内阴影+圆角*/
.rank-table::-webkit-scrollbar-track{
  background: url("../img/scrollbar.png") no-repeat center center/100% 100%;
}
/*定义滑块 内阴影+圆角*/
.rank-table::-webkit-scrollbar-thumb{
  background: url("../img/scrollbar-thumb.png") no-repeat center center/100% 100%;
}
.rank-con th{ width: 28%; height: 40px; font-size: 24px; text-align: center;border-left: none;border-right: none;background: #e69b2a;color:#7c2c05;}
.rank-con td{ width: 28%; height: 44px; font-size: 22px;color: #fffcc4;}
.rank-con tr th:nth-of-type(2),.rank-con tr td:nth-of-type(2){ width: 42%;}
.rank-con tr th:nth-of-type(3),.rank-con tr td:nth-of-type(3){ width: 30%;}
.btn-back{ background-position: -690px -830px; width: 156px; height: 64px; margin:0 0 0 37px;}
.rank2 .rank-table{ height: 820px; margin-bottom: 10px;}
.rank2 .rank-con.nonext .rank-table{ height: 800px;}
.rank2 .rank-con.nonext .paging{ display: none;}
.user-list{ min-height: 770px; margin-bottom: 20px;color: #f8e6a6;}
.paging{ display: flex; align-items: center; text-align: center; font-size: 24px; color: #f8e6a6; }
.paging p{ flex: 1; padding: 0 20px;}
.paging input{ background: transparent; border: none; border-bottom: 1px solid #f8e6a6; width: 50px; text-align: center; font-size: 24px; color: #f8e6a6;}
.btn-prev,.btn-next,.btn-up{ width: 110px;height: 40px; background-position: -632px -599px;}
.btn-prev{background-position: -7px -297px; width: 110px;}
.btn-next{ background-position: -6px -352px; margin-right: 16px;}
.btn-up{ background-position: -6px -402px; margin-right: 16px;}
.btn-follow{ background: url("../img/ew.png") no-repeat; background-size: 100% auto; width: 75px; height: 402px; position: absolute; right: 0; top: 1rem;}
/* pop */
.lay-msg-con{ font-size: 24px;}
.pop{ display: none; background: url("../img/pop1.png") no-repeat; background-size: 100% auto; width: 633px; height: 480px; box-sizing: border-box; padding: 70px 65px 0; position: relative;}
.pop1{ background-image: url("../img/pop1.png"); height: 508px; padding: 90px 140px 0;}
.pop2{ background-image: url("../img/pop2.png"); height: 983px; padding: 120px 65px 0;}
.pop3{ background-image: url("../img/pop3.png?1.0"); height: 510px; padding: 119px 65px 0;}
.pop4{ background-image: url("../img/pop4.png?1.0"); height: 596px; padding: 137px 65px 0;}
.pop5{ background-image: url("../img/pop1.png"); height: 480px; padding: 85px 30px 0;}
.pop6{ background-image: url("../img/pop-home.png");height: 736px; box-sizing: border-box;padding: 120px 65px 0;}
.pop7{ background-image: url("../img/adp.png"); width: 620px; height: 1065px;}
.pop6 .pop-tit {background: url("../img/pop-tit2.png") no-repeat center; background-size: auto 100%; height: 41px;display: none;}
.pop6 h3{font-size: 34px; color: #f59d41; line-height: 36px; text-align: center; margin: 16px auto 20px;}
.pop-alert {padding: 65px 45px 0;}
.pop-alert h3{font-size: 38px; color: #372812; text-align: center; font-weight: bold; line-height: 1.3;}
.pop-share{ display: none; width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background: rgba(0,0,0,.7) url("../img/pop-share.png") no-repeat 230px top/488px auto;}
.pop-login { width: 608px; height: 624px; background: none; padding: 1px;}
.login-box{ width: 100%; height: 100%;}
.btn-close{ width: 76px; height: 77px; background-position: -254px -349px; position: absolute; top: -78px; right: -14px;}
.pop4 .justify-center{margin-top: 39px;}
.pop-login .btn-close{ top: -20px; right: -20px;}
.pop-com{ height: 232px; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 30px; color: #fff3b2; line-height: 1.5; margin: 16px;}

.pop-alert .pop-com{height: 220px; margin: 0 auto 8px; font-size: 23px;}
.btn-confirm{ background-position:-24px -659px; }
#popCom .btn-confirm{width: 232px;  height: 84px;background-position:-6px -647px; }
#popCom h3{background: url('../img/sweetip.png') no-repeat center; background-size: 100% auto;width: 439px;height: 37px;margin:0 auto;}
#modifyQQ .btn-confirm,#popJoin .btn-confirm,#popCreate .btn-confirm{width: 232px;  height: 84px;background-position:-6px -647px; }
#modifyQQ .btn-cancel,#popJoin .btn-cancel,#popCreate .btn-cancel{width: 232px;  height: 84px;background-position:-256px -649px; }

.btn-cancel{ background-position:-24px -659px; }
/* .btn-confirm{ background-position:-24px -659px; } */
.btn-confirm,.btn-cancel,.btn-create2,.btn-fillin{ width: 232px; height: 84px; background-position:-6px -647px; margin: 0 10px;}

.btn-cancel{ background-position:-256px -649px;}
.btn-create2{ background-position-y: -518px;}
.btn-fillin{ background-position: -234px -518px;}
.rule{ height: 808px; overflow-x: hidden; overflow-y: auto; list-style-type: none; counter-reset: sectioncounter; font-size: 22px; color: #fff3b2; margin: 15px auto;}
.rule .tit-color{color: #ffea86;font-weight:bold;}
.rule li{ display: flex; margin-bottom: 14px;}
.rule li:before{ width: 30px; height: 30px; flex-shrink: 0; background: #7f6150; text-align: center; line-height: 30px; margin-right: 8px; color: #fff; content: counter(sectioncounter); counter-increment: sectioncounter;}
.copy-tip{font-size: 24px; text-align: center; color: #ffea86; line-height: 1.3; margin-bottom: 30px;}
.join-ipt{ display: block; background: #fff url("../img/icon1.png") no-repeat 10px center/24px auto; border-radius: 4px; border: 1px solid #d1c3a5; width: 460px; height: 60px; line-height: 60px; margin: 50px auto; font-size: 24px; color: #3b3b3b; box-sizing: border-box; padding: 0 16px 0 42px;}
.copy-text{ background: url("../img/ipt.png") no-repeat; background-size: 100% 100%; width: 480px; height: 66px; font-size: 22px; color: #fbd5b8; margin: 0 auto 32px; display: flex; align-items: center; box-sizing: border-box; padding: 0 30px;}
.copy-text input{ flex: 1; font-size: 22px; color: #ffea86; border: none; background: none;}
.copy-text i{ background: url("../img/icon2.png") no-repeat; background-size: 100% auto; width: 40px; height: 42px; margin-left: 10px;}
.btn-copy2{ display: block; background: url("../img/ipt2.png") no-repeat; background-size: 100% auto; width: 275px; height: 84px; line-height: 67px; text-align: center; font-size: 30px; color: #fff; margin: 0 auto;overflow: hidden;text-indent:-9999em;}
.ipt-list{ width: 462px;margin: 0 auto;}
.ipt-list2{ display: flex; flex-direction: column; justify-content: space-evenly; height: 240px; align-items: center;}/* margin: 20px 0;*/
.ipt-list li{ display: flex; align-items: center; margin: 21px auto 0; width: 462px; font-size: 24px; color: #3b3b3b;}
.ipt-list2 li{ margin: 12px auto;}
.ipt{ display: flex; align-items: center; flex-grow: 1; height: 60px;  white-space: nowrap; line-height: 60px; background: #fff; border: 1px solid #e6dfcf; border-radius: 4px;}
.ipt input{ flex-grow: 1; padding-right: 10px; font-size: 24px; color: #3b3b3b; background: transparent; position: relative; top: -1px; height: 100%; max-width: 276px;}
.ipt .namePre{max-width: 228px;}
.ipt2 input{ max-width: 94px;}
.ipt3 input { max-width: 180px;}
::-webkit-input-placeholder{ font-size: 22px;}
.ipt i,.ipt p{ flex-shrink: 0;}
.ipt-list li.radio-li{ align-items: flex-start;color: #ffea86;font-size: .15rem;}
.radio{ flex-shrink: 0; border: 1px solid #494949; width: 24px; height: 24px; border-radius: 50%; margin-right: 10px; display: flex; align-items: center; justify-content: center; }
.radio.checked:after{ content: ''; width: 16px; height: 16px; border-radius: 50%; background: #7f6150; }
.btn-getcode{ width: 158px; height: 62px; line-height: 62px; text-align: center; font-size: 24px; color: #fff; margin-left: 4px; background: url("../img/codebg.png") no-repeat; border-radius: 4px; flex-shrink: 0;}
.btn-getcode.disabled{ opacity: .8; pointer-events: none; user-select: none; -webkit-user-select: none;}
.icon1,.icon3,.icon4,.icon5,.icon6,.icon7,.icon8{ background: url("../img/icon1.png") no-repeat; background-size: 100% auto; width: 27px; height: 27px; margin: 0 10px;}
.icon3{ background-image: url("../img/icon3.png"); width: 22px; height: 29px;}
.icon4{ background-image: url("../img/icon4.png");width: 24px; height: 26px;}
.icon5{ background-image: url("../img/icon5.png");}
.icon6{ background-image: url("../img/icon6.png");}
.icon7{ background-image: url("../img/icon7.png"); width: 26px; margin: 0 9px;}
.icon8{ background-image: url("../img/icon8.png");}
.record-text{ font-size: 22px; color: #fff3b2;line-height: 32px;margin-top: 58px; margin-bottom: 20px;}
.gettxt{color: #fff3b2;font-size: 22px;line-height: 36px;min-height: 200px;}
/*.record{ height: 400px; overflow-x: hidden; overflow-y: auto;}*/
/*.record table{ width: 100%; text-align: center; font-size: 22px; color: #000;}*/
/*.record tr td:last-of-type{ width: 53%; height: 50px; padding: .04rem 0;}*/
.pop6 .gift-list-head {width: 466px;margin: 0 auto;}
.pop6 .gift-list-head div{height:54px; color: #ffffff;font-size: 24px; line-height: 54px; text-align: center; text-shadow: 0 2px 8px #bd996b;}
.pop6 .gift-list {width: 466px;height:280px;margin: 10px auto 0;overflow-y: scroll;position: relative;}
.pop .no-data::after{content: '暂无数据~'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 24px;color: #4c4537;}
.pop6 ul li{display: flex;flex-direction: row;justify-content: start;align-items: center;margin: 10px 0; border-bottom: 1px dashed #cccccc; color: #000;}
.pop6 .col1{font-size: 24px;width: 258px; line-height: 48px; display: flex; align-items: center;justify-content: center;color: #fff;}

/* .pop6 .gift-list .col1{margin-left:15px;} */
.pop6 .col2{font-size: 24px;width: 258px; line-height: 28px;margin-left: 10px; min-height: 48px; display: flex; align-items: center;justify-content: center;color: #fff;}

.gift-list-head .col1{background: url("../img/th-1.png") no-repeat center;background-size: 100% 100%; width: 258px; justify-content: center;}
.gift-list-head .col2{background: url("../img/th-1.png") no-repeat center;background-size: 100% 100%; width: 258px; justify-content: center;}
.col1 span,.col2 span{background: linear-gradient(to bottom, #fcc981, #fff3e4);  color:#fcc981;-webkit-background-clip: text;text-shadow: 2px 2px 3px rgba(0,0,0,0.5), -1px -1px 0 #fff3e4;}
.tit1{ background: url("../img/tit1.png") no-repeat center center/ auto 100%; height: 41px; }
.tit2{ background: url("../img/tit2.png") no-repeat center center/ auto 100%; height: 36px; }
.rank-tip{ color: #fff; font-size: 18px; text-align: center; margin: 10px 0;}
/*.red{ color: red;}*/
.ewmtn{width: 44px;height: 363px;background: url("../img/ew.png") no-repeat;position: fixed;left: 50%; margin-left: 331px; top: 50%;z-index: 9; display: none;margin-top: -377px;}
.pop-ewm{height: 1194px; background: none; padding: 0;}
.pop-ewm img{width: 100%; height: 100%; object-fit: contain;}
.pop-ewm .qrcode_img{position: absolute; left: 146px; top: 209px; width: 217px;height: 217px;}
.pop-ewm .qrcode2 {
    top: 605px;
    left: 147px;
}